/* HTML5æœªã‚µãƒãƒ¼ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã¨ã—ã¦è¡¨ç¤ºã™ã‚‹ for IE6/7/8/9 & FF3 åˆ¶é™äº‹é …: IE6では'audio[controls]'へのスタイルは適ç"¨ã•ã‚Œã¾ã›ã‚"。 */
audio[controls], canvas, video { display: inline-block; *display: inline; zoom: 1; }

/* ============================================================================= 基本設定 ========================================================================== */
/* 1. IE6/7におã"て単位ã‚'emでbodyにfont-sizeã‚'設定すると正しã"サイズにならなã"問題ã‚'修正 参考: http://clagnut.com/blog/348/#c790 2. コンテンãƒ"の高さに関わらず全てのブラウザーでページã‚'センタリング（スクロールバーã‚'常時表示する） 3. Androidã‚"iOSにおã"てtap highlight colorãŒè¦ªè¦ç´ ã‚'含ã‚"でしまう問題ã‚'修正（tap highlight colorã‚'消す） 参考: www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ 4. iOSにおã"てç"»é¢ã®å'きが変わった際のテキストサイズ調整ã‚'防ぐ 参考: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ -ms-text-size-adjust: 100%; /* 4 */ }

/* IE6/7におã'ã‚‹marginの修正 */
body { margin: 0; }

/*  'textarea'ã‚"ãã®ä»–ã®ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã§ã®font-familyの矛盾ã‚'修正 */
body, button, input, select, textarea { font-family: sans-serif; }

/* Chromeにおã"てoutlineの表示不具合ã‚'修正 */
a:focus { outline: thin dotted; }

/* 全てのブラウザーにおã"てフォーカス時、マウスホバー時の読みã‚"すさã‚'æ"¹å–" 参考: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }

/* ============================================================================= タイポグラフィ関連 ========================================================================== */
/* IE7/8/9, S5, Chromeにおã"てabbrè¦ç´ ãŒã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã•ã‚Œãªã"問題ã‚'修正 */
abbr[title] { border-bottom: 1px dotted; }

/* FF3/4, S4/5, Chromeにおã"てb,strongè¦ç´ ãŒboldにならなã"問題ã‚'修正
*/
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* S5, Chromeにおã"てdfnè¦ç´ ãŒã‚¤ã‚¿ãƒªãƒƒã‚¯ä½"にならなã"問題ã‚'修正 */
dfn { font-style: italic; }

/* IE6/7/8/9におã"てmarkè¦ç´ ãŒã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã•ã‚Œãªã"問題ã‚'修正 */
mark { background: #ff0; color: #000; }

/* IE6, S5, Chromeにおã'ã‚‹font-familyの問題ã‚'修正 en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* 全てのブラウザーにおã"てpre-formatted textの読みã‚"すさã‚'æ"¹å–" */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* 1. IE6/7におã"てquotesプロãƒ'ティーがサポートされてã"なã"問題ã‚'修正 2. S4におã"てquotesプロãƒ'ティーがサポートされてã"なã"問題ã‚'修正 */
/* 1 */
q { quotes: none; }

/* 2 */
q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

/* 全てのブラウザーにおã"てsubおよびsupè¦ç´ ãŒline-heightに影響する問題ã‚'防ぐ 参考: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ============================================================================= リスト関連 ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; }

/* ============================================================================= 埋め込みコンテンãƒ" ========================================================================== */
/* 1. IE6/7/8/9におã"て、aè¦ç´ å†…å´ã®borderã‚'削除 2. IE7におã"てç"»åƒã®æ‹¡å¤§ç¸®å°æ™‚のç"»è³ªã‚'æ"¹å–" code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/* IE9におã"てoverflowの表示問題ã‚'修正 */
svg:not(:root) { overflow: hidden; }

/* ============================================================================= Figureè¦ç´  ========================================================================== */
/* IE6/7/8/9, S5, O11におã'ã‚‹marginの問題ã‚'修正 */
figure { margin: 0; }

/* ============================================================================= フォーム関連 ========================================================================== */
/* IE6/7におã'ã‚‹marginの問題ã‚'修正 */
form { margin: 0; }

/* 矛盾のなã"marginおよびpaddingの設定 */
fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. IE6/7/8/9におã"て色が継承されなã"問題ã‚'修正 2. IE6/7におã"て揃ã"がおかしã"問題ã‚'修正 */
legend { border: 0; /* 1 */ *margin-left: -7px; /* 2 */ }

/* 1. 全てのブラウザーにおã"てfont-sizeが継承されなã"問題ã‚'修正 2. IE6/7, F3/4, S5, Chromeにおã'ã‚‹marginの差異ã‚'修正 3. 全てのブラウザーにおã"て外観と一貫性ã‚'æ"¹å–" */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/* 1. FF3/4のUA stylesheetにおã"てline-heightが!importantになってã"る点につã"て修正 2. IE6/7におã"てインナースペースの表示問題ã‚'修正 */
button, input { line-height: normal; /* 1 */ *overflow: visible; /* 2 */ }

/* 1. image-typeが'input'とその他につã"てユーザãƒ"リティと一貫性ã‚'æ"¹å–" 2. iOSにおã"てクリック可能な'input'にスタイルが適ç"¨ã§ããªã"問題ã‚'修正 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ }

/* IE8/9におã"てbox-sizingプロãƒ'ティがcontent-boxになってã"る点ã‚'修正 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

/* 1. S5, Chromeにおã"てappearanceプロãƒ'ティがsearchfieldになってã"る点ã‚'修正 2. S5, Chromeにおã"てbox-sizingプロãƒ'ティがborder-box担ってã"る点ã‚'修正 (将来çš"なã"とã‚'踏まえて-mozも含める) */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* S5, Chrome on OSXにおã'ã‚‹paddingの表示問題ã‚'修正  */
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* FF3/4におã'ã‚‹padding及びborderの表示問題ã‚'修正 参考: www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. IE6/7/8/9におã'るデフォルト表示のスクロールバーã‚'削除 2. 全てのブラウザーにおã"て読みã‚"すさと揃えã‚'æ"¹å–" */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ============================================================================= テーブル関連 ========================================================================== */
/*  テーブルのセルé–"のほとã‚"どのスペースã‚'削除 */
table { border-collapse: collapse; border-spacing: 0; }

/* ============================================================================= その他 ========================================================================== */
html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td, header, footer, nav, section, article, figure, aside { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; font-weight: normal; vertical-align: baseline; list-style: none; line-height: 1.3em; }

body { margin: 0 auto; font-size: 16px; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif, Arial; text-align: left; }


img { line-height: 0; vertical-align: bottom; }

strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

a:link, a:active, a:visited { outline: none; }

.clear { clear: both; line-height: 0 !important; }

.clearfix:before, .clearfix:after { content: ""; display: block; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.fc-red { color: #F00; }

.fs-s08 { font-size: 46.7%; /*7px*/ }

.fs-s07 { font-size: 53.3%; }

.fs-s06 { font-size: 60%; }

.fs-s05 { font-size: 66.7%; /*10px*/ }

.fs-s04 { font-size: 73.3%; }

.fs-s03 { font-size: 80%; }

.fs-s02 { font-size: 86.7%; /*13px*/ }

.fs-s01 { font-size: 93.3%; }

.fs-b01 { font-size: 113.3%; }

.fs-b02 { font-size: 120%; }

.fs-b03 { font-size: 133.3%; /*18px*/ }

.fs-b04 { font-size: 140%; }

.fs-b05 { font-size: 160%; /*24px*/ }

.fs-b06 { font-size: 180%; }

.fs-b07 { font-size: 200%; }

.fs-b08 { font-size: 225%; }

.fs-b09 { font-size: 250%; }

.fs-b10 { font-size: 275%; }

.fs-b11 { font-size: 300%; }

.fs-b12 { font-size: 325%; }

.fs-b13 { font-size: 350%; }

.fs-b14 { font-size: 375%; }

.fs-b15 { font-size: 400%; }

.last { margin-left: 0 !important; margin-right: 0 !important; }

.bold { font-weight: bold; }
.bold a, .bold span { font-weight: bold; }

.br { margin-bottom: 1em; }

.underline { text-decoration: underline; }

.line-through { text-decoration: line-through; }

.indent { padding-left: 1em; text-indent: -1em; }

.li-circle li { list-style-type: circle; }

.li-disc li { list-style-type: disc; }

.li-number li { list-style-type: decimal; }

.li-circle li, .li-disc li, .li-number li { margin-left: 2em; line-height: 1.6em; }

li .li-circle, li .li-disc, li .li-number { padding-top: 1em; padding-bottom: 2em; }

.mt00 { margin-top: 0; }

.mt05 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt12 { margin-top: 12px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.mt01em { margin-top: 1em; }

.mb00 { margin-bottom: 0; }

.mb05 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb12 { margin-bottom: 12px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb60 { margin-bottom: 60px; }

.mb01em { margin-bottom: 1em; }

.ml00 { margin-left: 0; }

.ml05 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml12 { margin-left: 12px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml25 { margin-left: 25px; }

.ml30 { margin-left: 30px; }

.ml40 { margin-left: 40px; }

.ml50 { margin-left: 50px; }

.ml60 { margin-left: 60px; }

.ml01em { margin-left: 1em; }

.mr00 { margin-right: 0; }

.mr05 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr25 { margin-right: 25px; }

.mr30 { margin-right: 30px; }

.mr40 { margin-right: 40px; }

.mr50 { margin-right: 50px; }

.mr60 { margin-right: 60px; }

.mr01em { margin-right: 1em; }

.pt00 { padding-top: 0; }

.pt05 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pt25 { padding-top: 25px; }

.pt30 { padding-top: 30px; }

.pt40 { padding-top: 40px; }

.pt50 { padding-top: 50px; }

.pt60 { padding-top: 60px; }

.pt01em { padding-top: 1em; }

.pb00 { padding-bottom: 0; }

.pb05 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.pb25 { padding-bottom: 25px; }

.pb30 { padding-bottom: 30px; }

.pb40 { padding-bottom: 40px; }

.pb50 { padding-bottom: 50px; }

.pb60 { padding-bottom: 60px; }

.pb01em { padding-bottom: 1em; }

.pl00 { padding-left: 0; }

.pl05 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pl25 { padding-left: 25px; }

.pl30 { padding-left: 30px; }

.pl40 { padding-left: 40px; }

.pl50 { padding-left: 50px; }

.pl60 { padding-left: 60px; }

.pl01em { padding-left: 1em; }

.pr00 { padding-right: 0; }

.pr05 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.pr15 { padding-right: 15px; }

.pr20 { padding-right: 20px; }

.pr25 { padding-right: 25px; }

.pr30 { padding-right: 30px; }

.pr40 { padding-right: 40px; }

.pr50 { padding-right: 50px; }

.pr60 { padding-right: 60px; }

.pr01em { padding-right: 1em; }

.fl-l { float: left; }

.fl-r { float: right; }

.ta-l, td.ta-l, .ta-l td { text-align: left; }

.ta-r, td.ta-r, .ta-r td { text-align: right; }

.ta-c, td.ta-c, .ta-c td { text-align: center; }

.va-t, td.va-t, .va-t td { vertical-align: top; }

.va-m, td.va-m, .va-m td { vertical-align: middle; }

.va-b, td.va-b, .va-b td { vertical-align: bottom; }

.ras3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.ras5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.ras10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.b-sdw01 { -moz-box-shadow: 0 5px 5px #ccc; -webkit-box-shadow: 0 5px 5px #ccc; box-shadow: 0 5px 5px #ccc; }

.t-sdw01 { text-shadow: 1px 1px 0 #fff; }

.t-sdw02 { text-shadow: 0 2px 2px #ccc; }

.t-light01 { text-shadow: 0 0 10px #fff; }

.op0 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.op1 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; }

.op2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; }

.op3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }

.op4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }

.op5 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.op6 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }

.op7 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.op8 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.op9 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }

.op10 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }


body {
 margin:0px;
 padding:0px;
 font-family: 'Noto Sans JP', sans-serif;
/*font-family: "M PLUS 1p", sans-serif;*/
  font-family: "M PLUS Rounded 1c", sans-serif;
/*font-family: "BIZ UDPGothic", sans-serif;*/
  font-style: normal;
 overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}
p {
	margin:0px;
	padding:0px;
}
a {
	text-decoration:none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
a:hover, a:focus, a:active {
	outline:none;
	text-decoration:none;
}
input:hover, input:focus, input:active {
	outline:none;
}
ul {
	margin:0px;
	padding:0px;
}
ul li {
	list-style-type:none;
}
img {
	border:0px;
	vertical-align: middle;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.pull-left {
	float:left;
}
.pull-right {
	float:right;
}
.clearfix {
	clear:both;
	overflow:hidden;
}
.wrapper {
	margin:0px auto;
}
.container {
	max-width:1050px;
}
.container-1110 {
	max-width:1110px;
}
.container-1250 {
	max-width:1250px;
}
.ta-c{
	text-align:center;
}
.ta-l{
	text-align:left;
}
.ta-r{
	text-align:right;
}
.li-disc li{
	list-style-type:disc;
	margin-left:25px;
	padding-left:5px;
}
.flex-half{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
}
.flex-half li{
	width:50%;
}

.link_no{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.link_no:hover{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
.wp-pagenavi{
	line-height:2.2em;
}
.wp-pagenavi a,
.wp-pagenavi span{
	display:inline-block;
}


/* single記事のコンテンツ */
.post-contents{
}
.post-contents img{
	max-width:100% !important;
	height:auto !important;
}
.post-contents h1,
.post-contents h2,
.post-contents h3{
	font-size: 20px;
	color: #10226A;
	font-weight:bold;
	background: #EFF1F2;
	padding: 18px 20px;
	margin-bottom: 20px;
}
.post-contents h4{
	font-size: 20px;
	color: #10226A;
	font-weight:bold;
	border-bottom: 2px solid #10226A;
	padding: 10px 0 15px 0;
	margin-bottom: 20px;
}
.post-contents h5{
	font-size: 20px;
	color: #10226A;
	font-weight:bold;
}
.post-contents h6{
	font-weight:bold;
}
.wp-caption{
	max-width:100%;
}



/* ロード時読み込み */
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background:#fff;
  z-index: 10000;
  overflow:hidden;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-top: -79px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 9999;
}

/* cssローダー */ /* #2c43a0;*/
.loader,
.loader:after {
  border-radius: 50%;
  width: 7em;
  height: 7em;
}
.loader {
  margin: 0 auto;
  font-size: 7px;
  position: relative;
  border-top: 1.1em solid rgba(190,190,190, 0.2);
  border-right: 1.1em solid rgba(190,190,190, 0.2);
  border-bottom: 1.1em solid rgba(190,190,190, 0.2);
  border-left: 1.1em solid #ccc;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* /ロード時読み込み */



.js-fadein {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-fadein.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}




/* フェードイン */
/*
.fade{
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";
	-moz-opacity:0;
	-khtml-opacity:0;
	zoom:1;

	transition: all 1s ease-out 0.2s;
	-moz-transition:all 1s ease-out 0.2s;
	-webkit-transition:all 1s ease-out;
	-o-transition:all 1s ease-out 0.2s;
}
*/

/* 上からフェードイン */
.fade-top{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
	-moz-transition: all 1s ease-out 0.2s;
	-o-transition: all 1s ease-out 0.2s;
	-webkit-transition: all 1s ease-out;
	-webkit-transition-delay: 0.2s;
	transition: all 1s ease-out 0.2s;
}

/* 下からフェードイン */
/*
.fade-bottom{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translate(0, 20px);
	-ms-transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
	-moz-transition: all 1s ease-out 0.2s;
	-o-transition: all 1s ease-out 0.2s;
	-webkit-transition: all 1s ease-out;
	-webkit-transition-delay: 0.2s;
	transition: all 1s ease-out 0.2s;
}*/

 /* 左からフェードイン */
.fade-left{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translate(-20px, 0);
	-ms-transform: translate(-20px, 0);
	-webkit-transform: translate(-20px, 0);
	transform: translate(-20px, 0);
	-moz-transition: all 1s ease-out 0.2s;
	-o-transition: all 1s ease-out 0.2s;
	-webkit-transition: all 1s ease-out;
	-webkit-transition-delay: 0.2s;
	transition: all 1s ease-out 0.2s;
}

/* 右からフェードイン */
.fade-right{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translate(20px, 0);
	-ms-transform: translate(20px, 0);
	-webkit-transform: translate(20px, 0);
	transform: translate(20px, 0);
	-moz-transition: all 1s ease-out 0.2s;
	-o-transition: all 1s ease-out 0.2s;
	-webkit-transition: all 1s ease-out;
	-webkit-transition-delay: 0.2s;
	transition: all 1s ease-out 0.2s;
}

/* フェードイン時間 */
.show.scrollin{
	opacity:1;
	filter:alpha(opacity=1);
	-ms-filter:"alpha(opacity=1)";
	-moz-opacity:1;
	-khtml-opacity:1;
	zoom:1;

	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.show.s0{
	-moz-transition: all 1s ease-out 0.1s;
	-o-transition: all 1s ease-out 0.1s;
	-webkit-transition: all 1s ease-out;
	-webkit-transition-delay: 0.1s;
	transition: all 1s ease-out 0.1s;
}
.show.s1{
	-moz-transition: all 1s ease-out 0.4s;
	-o-transition: all 1s ease-out 0.4s;
	-webkit-transition: all 1s ease-out;
	-webkit-transition-delay: 0.4s;
	transition: all 1s ease-out 0.4s;
}
.show.s2{
	-moz-transition: all 1s ease-out 0.8s;
	-o-transition: all 1s ease-out 0.8s;
	-webkit-transition: all 1s ease-out;
	-webkit-transition-delay: 0.8s;
	transition: all 1s ease-out 0.8s;
}
.show.s3{
	-moz-transition: all 1s ease-out 1.2s;
	-o-transition: all 1s ease-out 1.2s;
	-webkit-transition: all 1s ease-out;
	-webkit-transition-delay: 1.2s;
	transition: all 1s ease-out 1.2s;
}
.show.s4{
	-moz-transition: all 1s ease-out 1.6s;
	-o-transition: all 1s ease-out 1.6s;
	-webkit-transition: all 1s ease-out;
	-webkit-transition-delay: 1.6s;
	transition: all 1s ease-out 1.6s;
}
.show.s5{
	-moz-transition: all 1s ease-out 2s;
	-o-transition: all 1s ease-out 2s;
	-webkit-transition: all 1s ease-out;
	-webkit-transition-delay: 2s;
	transition: all 1s ease-out 2s;
}



/*========== 無限横スクロール ==========*/
.slidewrap-content {
	min-width: 460px;
	margin-left:10px;
	margin-right:10px;
	box-sizing:border-box;
	max-width:100%
}

/* スライドレールの枠 */
.slidewrap {
	overflow: hidden;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items: center;
	height: 340px; 
}

/* content4つをまとめたスライドブロック */
.slideshow {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-animation: loop-slide 240s infinite linear 1s both;
	animation: loop-slide 240s infinite linear 1s both;
}


/*========== slick.js 施工事例スライドショー ==========*/
.slick-slider-one img{
	width:100%;
	height:auto;
}
.slick-slider{
	position: relative;
}
.slick-slider img{
	width:100%;
	height:auto;
	cursor:pointer;
}
.slick-slide{
	margin:2px;
	max-height:800px;
}
#slick-thumb .slick-slide{
	max-height:141px;
}
#slick-thumb .slick-slide:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	zoom:1;

	transition:0.2s;
	-moz-transition:0.2s; /* Firefox 4 */
	-webkit-transition:0.2s; /* Safari and Chrome */
	-o-transition:0.2s; /* Opera */
}

/* 前／次の矢印の設定 */
.slick-slider .prev,
.slick-slider .next{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	background-color: rgba(255,255,255,0.8);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 12px auto;
	z-index: 1;
	cursor:pointer;

	/*角丸*/
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-khtml-border-radius:50%;
}
.slick-slider .prev:hover,
.slick-slider .next:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	zoom:1;

	transition:0.2s;
	-moz-transition:0.2s; /* Firefox 4 */
	-webkit-transition:0.2s; /* Safari and Chrome */
	-o-transition:0.2s; /* Opera */
}
.slick-slider .prev{
	left: 10px;
	background-image: url(../images/prev.png);
}
.slick-slider .next{
	right: 10px;
	background-image: url(../images/next.png);
}






@-webkit-keyframes loop-slide { 
from {
	transform: translateX(0);
}
to {
	transform: translateX(-100%);
}
}

@keyframes loop-slide {
from {
	transform: translateX(0);
}
to {
	transform: translateX(-100%);
}
} 

/* ホバー時に動きを止める（パターン2・3）*/
.slide-paused:hover .slideshow {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

/* ホバー時の装飾（パターン3） */
.content-hover {
	transition: all 0.2s;
	margin-right: 20px;
}

.content-hover:hover {
	transform: translateY(-20px);
	border-radius: 0 10%;
	box-shadow: 0 3px 10px 0 #333;
	opacity: 0.8;
	cursor: pointer;
}

/*================================================================*/

 @-webkit-keyframes animate-block-gorizantal-2 {
50% {
-webkit-transform:translateX(5px);
transform:translateX(5px)
}
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes animate-block-gorizantal-2 {
50% {
-webkit-transform:translateX(5px);
transform:translateX(5px)
}
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.common-title-hp {
	text-align:center;
}
.common-title-hp h2 {
	font-size:32px;
	line-height:36px;
	font-weight:700;
/*	color:#4E4E4E;*/
}
.common-title-hp h2 a {
	font-size:20px;
/*	vertical-align: text-top;*/
	position:relative;
	margin:0px 0 0 30px;
	color:#212529;
}
.common-title-hp h2 a:hover {
	color:#10226A;
	text-decoration:underline;
}
.white-title-hp h2 {
	color:#fff;
}
.blue01-title-hp h2 {
	color:#10226A;
}
.common-btn-hp {
	color:#fff;
	min-width:373px;
	border-radius:0;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	padding:20px 15px 20px 15px;
	font-size:21px;
	line-height:40px;
	text-align:center;
	position:relative;
	font-weight:700;
}
.common-btn-hp:hover {
	background:#fff;
	color:#10226A;
}
/*--------------- HEADER_START --------------*/
#header {
	padding:0px;
	margin:0px;
	position:fixed;
	width:100%;
	top:0;
	z-index:9999;
/*	background:#10226A;*/
	background: #b2dfec;
	box-shadow: 0 0 10px hsla(0, 0%, 1%, 0.3);
}
.header-in-hp {
	display: flex;
	align-items: center;
	height:86px;
	padding:0px 25px;
}
.logo-hp {
	float:left;
	padding:0px 0px 0 0px;
	width: 238px;
}
.logo-hp img {
	width:100%;
	vertical-align:middle;
}
.navigation {
	width:calc(100% - 238px);
	display:flex;
	align-items: center;
	flex-direction: column-reverse;
	align-items: flex-end;
}
.dropdown-submenu {
	position: relative;
	padding:5px 0;
}
.dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: .8em;
}
.dropdown-submenu .dropdown-menu {
	top: -100%;
	left: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
}
.navbar {
	padding:0px;
}
.navbar-nav .nav-item {
	font-size: 16px;
	line-height: 25px;
	display:inline-block;
	font-weight:700;
	padding:0 0 0 0;
	vertical-align:middle;
}
.navbar-nav .nav-link {
/*	color: #fff !important;*/
	color: #03004c !important;
	padding:30px 22px !important;
	font-weight: bold;
	display:block;
}
.navbar-nav .nav-link:hover {
/*	color:#FFF100 !important;*/
	color: #fff !important;
	background:#03004c;
	
}
.navbar-nav .nav-item.dropdown {
}
.navbar-nav .nav-item.dropdown .nav-link {
}
.navbar-nav .dropdown-menu {
	border:0px;
	border-radius:0px;
	margin:0px;
	padding:0px 0px;
	background:rgba(16,34,106,0.95);

}
.navbar-nav .dropdown-menu a{
	color: #fff !important;
}
.navbar-nav .dropdown-menu a:hover{
	background:rgba(39,62,156,1);
}
.navbar-nav .dropdown-item {
	font-size:14px;
	line-height:30px;
/*	font-weight:bold;*/
	position:relative;
	padding:10px 20px;
	
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";
	-moz-opacity:0;
	-khtml-opacity:0;
	zoom:1;
	display:none;

}
.navbar-nav .dropdown:hover .dropdown-item {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	-moz-opacity:1;
	-khtml-opacity:1;
	zoom:1;
	display:block;
}

.navbar-nav .dropdown-toggle::after {
/*	border-top: 5px solid #FFF100;*/
	border-top: 5px solid #FFF;
	border-right: 5px solid transparent;
	border-bottom: 0;
	border-left: 5px solid transparent;
/*	margin: -2px 0px 0 10px;*/
	vertical-align: middle;

	position:absolute;
	bottom:18px;
	left:50%;
	margin-left:-3px;
}

.dropdown-menu {
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";
	-moz-opacity:0;
	-khtml-opacity:0;
	zoom:1;
	transition-duration:0.2s;
}
.navbar-nav .dropdown:hover .dropdown-menu {
	display:block;
	top: 100%;
	transition-duration:0.2s;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	-moz-opacity:1;
	-khtml-opacity:1;
	zoom:1;
}
.mobile-menu-icon-hp {
	margin:0px;
	padding:0px;
	float:right;
	display:none;
	width:20px;
	height:60px;
	text-align:center;
	cursor:pointer;
}
.menu-toggle-btn {
	margin:21px 0px 20px 0px;
	cursor:pointer;
	width:20px;
	height:19px;
	padding:0;
	position:relative;
	z-index:999999999;
}
.menu-toggle-btn span {
	background:#03004c;
	display:block;
	width:20px;
	height:2px;
	border-radius:0px;
	margin-bottom:6px;
	-webkit-transition: all 0.5s linear;
	transition: all 0.3s linear;
}
.menu-toggle-btn span:last-child {
	margin-bottom:0px;
}
.menu-toggle-btn.open span:nth-child(1), .menu-toggle-btn.open span:nth-child(3) {
	transform: translate(0px, 8px) rotate(-45deg) scalex(1.3);
	margin:0;
}
.menu-toggle-btn.open span:nth-child(2) {
	height:0;
	margin:0;
}
.menu-toggle-btn.open span:nth-child(3) {
	transform: translate(0px, 6px) rotate(45deg) scalex(1.3);
}
.overlay-mobile-menu-hp {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.6);
	z-index: 999;
	display:none;
}
.menu-text-hp {
	font-size:10px;
	color:#03004c;
	font-weight:700;
	line-height: 7px;
	margin: 0 0 0 -5px;
	position:absolute;
	top:25px;
}
.menu-toggle-btn.open .menu-text-hp {
}
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain {
	margin:0px;
	padding:86px 0 0 0;
}
.main-slider-hp {
	position:relative;
}
.banner-block-hp {
	height:600px;
	display:flex;
	align-items:center;
}
.banner-block-in-hp {
	height:600px;
	display:flex;
	align-items:center;
}
.banner-overlay-block-hp {
	background:rgba(0,0,0,0.2);
	position:absolute;
	top:0;
	width:100%;
	left:0;
	z-index:99;
}
.banner-title-hp {
	text-align:center;
	margin:auto;
}
.banner-title-hp h1 {
	font-size:46px;
	line-height:68px;
	font-weight:bold;
	color:#fff;
}
.banner-title-hp h1 span{
	font-weight:bold;
}

.topic-block-hp {
	padding:55px 0;
}
.topic-block-in-hp {
}
.topic-middle-hp {
	display:flex;
}
.topic-left-hp {
	padding:20px 0 0 0;
	width:330px;
	position:relative;
}
.topic-title-hp {
	padding-bottom:18px;
}
.topic-title-hp h2 {
	font-size:34px;
	line-height:36px;
	color:#4E4E4E;
	font-weight:700;
	margin-left:-10px;
}
.topic-btn-hp {
	position:relative;
	z-index:1;
}
.topic-btn-hp a {
	border:1px solid #707070;
	display:inline-block;
	font-size:16px;
	color:#4E4E4E;
	line-height:20px;
	padding:13px 15px;
	font-weight:600;
	background:#fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;

}
.topic-btn-hp a:hover {
	background:#10226A;
	border-color:#10226A;
	color:#fff;
}
.topic-big-title-hp {
/*	font-family: 'Poppins', sans-serif;*/
	font-size:110px;
	line-height:80px;
	color:rgba(78,78,78,0.1);
	font-weight:600;
	letter-spacing:5.5px;
	position:absolute;
	margin:-10px 0 0 -74px;
}
.topic-right-hp {
	width:calc(100% - 330px);
	padding-top:17px;
}
.topic-list-hp {
	display:flex;
	padding:0 17px 34px 17px;
}
.topic-list-hp:last-child {
	padding-bottom:100px;
}
.topic-list-left-hp {
	width:160px;
	font-size:18px;
	line-height:26px;
	color:#4E4E4E;
	font-weight:700;
}
.topic-list-right-hp {
	width:calc(100% - 160px);
	font-size:17px;
	line-height:26px;
	color:#4E4E4E;
}
.topic-list-right-hp a {
	color:#4E4E4E;
	text-decoration:underline;
}
.topic-list-right-hp a:hover {
	text-decoration:none;
}
.earth-block-hp {
	background:url(../images/earth_back2.png) no-repeat center top;
	background-size:cover;
	padding:80px 0 60px 0;
	position:relative;
}
.earth-block-hp:after {
	content:'';
	position:absolute;
	width:100%;
	height:90%;
	top:0;
	left:0;
/*
	background: -moz-linear-gradient(top, rgba(16,34,106,1) 0%, rgba(22,49,141,0.8) 50%, rgba(125,185,232,0) 100%);
	background: -webkit-linear-gradient(top, rgba(16,34,106,1) 0%, rgba(22,49,141,0.8) 50%, rgba(125,185,232,0) 100%);
	background: linear-gradient(to bottom, rgba(16,34,106,1) 0%, rgba(22,49,141,0.8) 50%, rgba(125,185,232,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10226a', endColorstr='#007db9e8', GradientType=0 );
*/
	background: linear-gradient(to bottom, rgba(178,223,236,1) 0%, rgba(178,223,236,0.8) 50%, rgba(125,185,232,0) 100%);
}
.earth-block-in-hp {
	position:relative;
	z-index:1;
}
.earth-middle-hp {
}
.earth-title-hp {
	text-align:center;
	max-width:810px;
	margin:auto;
}
.earth-title-hp h2 {
/*	font-family: 'Poppins', sans-serif;*/
	font-size:60px;
	line-height:80px;
	font-weight:600;
	color:#03004c;
	letter-spacing:2.16px;
}
.earth-title-hp p {
	font-size:18px;
	line-height:40px;
	text-align:left;
	color:#03004c;
	padding:20px 0 0 0;
}
.earth-box-hp {
	padding:25px 0 0 0;
}
.earth-box-hp fieldset {
	border:2px solid #fff;
	border-radius:30px;
}
.earth-box-hp legend {
	display:inline-block;
	text-align:center;
	width:auto;
	padding:0 20px;
	color:#fff;
	font-size:18px;
	line-height:26px;
	font-weight:600;
}
.earth-box-in-hp {
	padding:45px 12px;
}
.earth-left-hp {
	float:left;
}
.earth-info-hp {
	width:123px;
	height:123px;
	display:flex;
	align-items:center;
	float:left;
	border-radius:100%;
	background:#ECFCFF;
	padding:0 10px;
	text-align:center;
	margin:0 12px;
	position:relative;
	font-size:18px;
	color:#10226A;
	font-weight:700;
}
.earth-info-hp:after {
	content:'';
	position:absolute;
	width:24px;
	height:2px;
	background:#ECFCFF;
	right:-24px;
	top:calc(50% - 1px);
}
.earth-info-hp span {
	margin:auto;
}
.earth-info-hp:nth-child(4) {
	margin-left:122px;
}
.earth-info-hp:nth-child(6):after {
	display:none;
}
.earth-info-hp:nth-child(3):after {
	width:135px;
	right:-135px;
}
/*トータルサポート*/
.earth-block-hp_ts{
	padding-top: 100px;
}
.earth-block-hp_ts .title{
	margin-bottom: 50px;
	font-size:30px;
	font-weight:600;
	color:#03004c;
	text-align: center;
 display:flex;
 align-items:center;
}
.earth-block-hp_ts .title:before,
.earth-block-hp_ts .title:after{
  border-top:2px solid #03004c;
  content:"";
  flex-grow:1;
 }
.earth-block-hp_ts .title:before{
  margin-right:1rem;
 }
.earth-block-hp_ts .title:after{
  margin-left:1rem;
}


.earth-block-hp_ts .img{
	margin-bottom: 60px;
	width: 100%;
}
.earth-block-hp_ts .img img{
	max-width: 100%;
}


/* sdgs-block-hp */
.sdgs-block-hp {
	text-align:center;
	margin:40px auto;
}
.sdgs-img-hp a{
	padding:40px;
	border:1px solid #d9d9d9;
	display:block;
}
.sdgs-img-hp a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	zoom:1;

	transition:0.2s;
	-moz-transition:0.2s;
	-webkit-transition:0.2s;
	-o-transition:0.2s;
}
.sdgs-img-hp a img{
	width:100%;
	max-width:500px;
}

/*SDGs*/
.sdgs-img-hp_box{
	max-width: 1020px;
	padding:40px 100px;
	border:1px solid #d9d9d9;
	
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
}
.sdgs-img-hp_box .sdgs-img-hp_box_img{
}
.sdgs-img-hp_box .sdgs-img-hp_box_img a{
}
.sdgs-img-hp_box .sdgs-img-hp_box_img a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	zoom:1;

	transition:0.2s;
	-moz-transition:0.2s;
	-webkit-transition:0.2s;
	-o-transition:0.2s;
}
.sdgs-img-hp_box .sdgs-img-hp_box_text{
	text-align: left;
	padding-left: 60px;
}
.sdgs-img-hp_box .sdgs-img-hp_box_text br{
}
.sdgs-img-hp_box .title{
	color: #1E2C61;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}


/* iso-block-hp */
.iso-block-hp {
/*	margin:40px 0 80px 0;*/
	margin:0px 0 80px 0;
}
.iso-block-in-hp {
}
.iso-middle-hp {
/*	width: 1020px;*/
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
/*	display:flex;*/
}
.iso-left-hp {
/*	width: 1020px;*/
	max-width: 1020px;
	width: 100%;
/*	width:586px;*/
	position:relative;
	z-index:1;
	padding:0 0 60px 0;
	display:flex;
}
.iso-img-hp {
	margin-right:12px;
	width:calc(25% - 12px);
/*	float:left;*/
}
.iso-img-hp img {
	width:100%;
}
.iso-img-hp .bd{
	border: 1px solid #ddd;
	padding: 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;

}
.iso-img-hp:last-child {
	margin-right:0px;
}
.iso-right-hp {
	/*
	width:860px;
	margin-left:-250px;
	*/
}
.iso-right-in-hp {
/*	width: 1020px;*/
	max-width: 1020px;
	width: 100%;
/*	width:500px;*/
/*	margin:175px 0 0 280px;*/
/*	margin:80px 0 0 280px;*/
	margin:0 0 0 0;
	position:relative;
}
.iso-right-in-hp h3 {
	font-size:34px;
	line-height:42px;
	color:#10226A;
	font-weight:700;
}
.iso-right-in-hp p {
	padding:40px 0 70px 0;
	font-size:16px;
	line-height:36px;
	color:#171717;
}
.iso-big-title-hp {
/*	margin:105px 0 0 0;*/
	position:absolute;
	bottom: 330px;
	right:5px;
}
.message-block-hp {
	position:relative;
	z-index:1;
}
.message-block-in-hp {
}
.message-middle-hp {
	display:flex;
	align-items:center;
	position:relative;
	background:#FFFFFF;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	overflow: hidden;
}
.message-left-hp {
	width:calc(100% - 270px);
	padding:10px 0 10px 65px;
/*	width:calc(100% - 434px);
	padding:10px 25px 10px 65px;*/
	position:relative;
}
.message-left-hp h3 {
	font-size:34px;
	line-height:36px;
	color:#4E4E4E;
	font-weight:700;
}
.message-left-hp p {
	font-size:18px;
	line-height:32px;
	color:#4E4E4E;
	padding:30px 0 0 0;
}
.message-left-hp p span{
	display:block;
}
.message-more-hp {
	padding:20px 0 0 0;
}
.message-more-hp a {
	font-size:20px;
	line-height:30px;
	font-weight:700;
	color:#4E4E4E;
}
.message-more-hp a:hover {
	color:#10226A;
}
.message-right-hp {
	width:434px;
}
.message-right-hp img {
	width:100%;
}
.message-big-title-hp {
	font-size:150px;
	line-height:110px;
	margin:0 0 0 0;
	left:0;
	top:0;
	letter-spacing:7.5px;
}
.construction-block-hp {
	padding:280px 0 50px 0;
	position:relative;
	margin-top: -167px;
}
.construction-block-hp:after {
	content:'';
	position:absolute;
	width:100%;
	height:70%;
	top:0;
	left:0;
/*	background: -moz-linear-gradient(top, rgba(16,34,106,1) 0%, rgba(16,34,106,0.97) 13%, rgba(55,108,213,0.92) 39%, rgba(32,100,192,0.14) 70%, rgba(16,34,106,0) 100%);
	background: -webkit-linear-gradient(top, rgba(16,34,106,1) 0%, rgba(16,34,106,0.97) 13%, rgba(55,108,213,0.92) 39%, rgba(32,100,192,0.14) 70%, rgba(16,34,106,0) 100%);
	background: linear-gradient(to bottom, rgba(16,34,106,1) 0%, rgba(16,34,106,0.97) 13%, rgba(55,108,213,0.92) 39%, rgba(32,100,192,0.14) 70%, rgba(16,34,106,0) 100%);*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10226a', endColorstr='#0010226a', GradientType=0 );
	
		background: linear-gradient(to bottom, rgba(178,223,236,1) 0%, rgba(178,223,236,0.8) 15%, rgba(125,185,232,0) 100%);

}
.construction-block-in-hp {
	position:relative;
	z-index:1;
}
.construction-top-hp {
	display:flex;
}
.construction-top-left-hp {
	width:50%;
	padding:75px 0 0 0;
}
.thoughts-hp {
	position:relative;
	font-size:50px;
	line-height:67px;
	color:#10226A;
	text-align:center;
	text-shadow:5px 6px 0px rgb(16 34 106 / 10%);
/*	font-family: 'MS Mincho';*/
}
.thoughts-hp span {
	display:inline-block;
	position:relative;
}
.thoughts-hp span:after {
	content:'';
	background:url(../images/quote_1.png) no-repeat center center;
	position:absolute;
	width:32px;
	height:20px;
	left:-50px;
	top:-5px;
	font-size:65px;
}
.thoughts-hp span:before {
	content:'';
	background:url(../images/quote_2.png) no-repeat center center;
	position:absolute;
	width:30px;
	height:25px;
	right:-50px;
	bottom:-10px;
	font-size:65px;
}
.thoughts-info-hp {
	font-size:36px;
	line-height:53px;
/*	color:#10226A;*/
	max-width:440px;
	width:100%;
	margin:auto;
	padding:40px 0 0 0;
	text-shadow:4px 4px 0px rgb(16 34 106 / 10%);
/*	font-family: 'MS Mincho';*/
}
.construction-top-right-hp {
	width:50%;
}
.construction-details-hp {
	background:#fff;
	padding:25px 40px 35px 40px;
	margin-bottom:40px;
	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
}
.construction-details-hp h3 {
	font-size:26px;
	line-height:36px;
	color:#1E2C61;
	font-weight:700;
	border-bottom:1px solid #10226A;
	padding-bottom:13px;
}
.construction-details-hp p {
	padding:16px 0 0 0;
	font-size:16px;
	line-height:30px;
	color:#4E4E4E;
}
.construction-details-hp:last-child {
	margin-bottom:0px;
}
.construction-slider-hp {
	padding:100px 0 0 0;
}
.construction-slider-middle-hp {
	padding:60px 0 0 0;
}
.construction-item-hp {
}
.construction-item-hp a {
	display:block;
}
.construction-item-hp a:hover {
	opacity:0.7;
}
.construction-img-hp {
	position:relative;
	max-height:294px;
	overflow:hidden;
}
.construction-img-hp.construction-img-slide{
	max-height:260px;
}
.construction-img-slideimg{
}

.construction-img-hp img {
	width:100%;
	height:auto;
}
.construction-tag-hp {
	position:absolute;
	left:10px;
	top:10px;
	background:#10226A;
	color:#fff;
	font-size:12px;
	line-height:20px;
	padding:0 10px 3px;
}
.construction-img-info-hp {
	padding:0 0 0 0;
}
.construction-info-tag-hp {
	margin:9px 0 0 9px;
	background:#fff;
	color:#4E4E4E;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	padding:3px 7px 5px;
	display:inline-block;

	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;

}
.owl-theme .owl-nav {
	margin:0px;
}
.construction-slider-in-hp .owl-nav button.owl-prev, .construction-slider-in-hp .owl-nav button.owl-prev:hover {
	background:url(../images/left_arrow.svg) no-repeat left center;
	width:24px;
	height:41px;
	padding:0px;
	margin:0px;
	position:absolute;
	left:4px;
	top:calc(50% - 41px);
	outline:none;
}
.construction-slider-in-hp .owl-nav button.owl-prev span {
	display:none;
}
.construction-slider-in-hp .owl-nav button.owl-next, .construction-slider-in-hp .owl-nav button.owl-next:hover {
	background:url(../images/right_arrow.svg) no-repeat left center;
	width:24px;
	height:41px;
	padding:0px;
	margin:0px;
	position:absolute;
	right:4px;
	top:calc(50% - 41px);
	outline:none;
}
.construction-slider-in-hp .owl-nav button.owl-next span {
	display:none;
}
.construction-boxes-hp {
	padding:65px 0 0 0;
	font-size:0px;
}
.construction-box-hp {
	width:calc(25% - 15px);
	margin-right:20px;
	display:inline-block;
	vertical-align:top;
}
.construction-box-hp:nth-child(4n) {
	margin-right:0px;
}
.construction-box-img-hp {
	position:relative;
}
.construction-box-img-hp a {
	display:block;
}
.construction-box-img-hp a:hover {
	opacity:0.7;
}
.construction-box-img-hp img {
	width:100%;
}
.construction-box-strip-hp {
	position:absolute;
	left:10px;
	bottom:10px;
	width:calc(100% - 20px);
	background:#10226A;
	text-align:center;
	padding:4px 10px;
	color:#fff;
	font-size:16px;
	line-height:20px;
}
.blog-block-hp {
	padding:80px 0;
}
.blog-block-in-hp {
}
.blog-middle-hp {
	padding:70px 0 0 0;
	font-size:0px;
	margin:0 -15px;
}

/* トップページ_現場工事blog */
#index_genba_blog_wrapper{
	padding-top: 60px;
	
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#index_genba_blog_wrapper .blog-box-bp{
	width: calc(50% - 6px);
	background: #fff;
	margin-bottom: 12px;
	padding: 0;
	border-bottom: none;
	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
}
#index_genba_blog_wrapper .blog-box-img-bp{
	width: 230px;
	border-radius:8px 0 0 8px;
	-moz-border-radius:8px 0 0 8px;
	-webkit-border-radius:8px 0 0 8px;
	-khtml-border-radius:8px 0 0 8px;
}
#index_genba_blog_wrapper .blog-box-right-bp{
	width: calc(100% - 230px);
	padding: 10px 20px 0;
}
#index_genba_blog_wrapper .blog-box-bp h2{
	font-size: 17px;
	line-height: 1.5em;
}
#index_genba_blog_wrapper .blog-more-bp{
	color: #10226A;
	padding-top: 10px;
}
@media(min-width:0px) and (max-width:991px) {
	#index_blog .construction-slider-hp{
		padding-top: 100px;
	}
	#index_genba_blog_wrapper{
		padding-top: 30px;
	}
	#index_genba_blog_wrapper .blog-box-bp{
		width: calc(50% - 6px);
		background: #fff;
		margin-bottom: 12px;
		padding: 0;
		border-bottom: none;

	}
	#index_genba_blog_wrapper .blog-box-bp a{
		display: block;
		width: 100%;
	}
	#index_genba_blog_wrapper .blog-box-img-bp{
		width: 100%;
	}
	#index_genba_blog_wrapper .blog-box-bp h2{
		font-size: 14px;
		line-height: 1.3em;
	}
	#index_genba_blog_wrapper .blog-box-right-bp{
		width: 100%;
		padding: 10px 20px 20px;
	}
}





.blog-box-hp {
	text-align:center;
	width:50%; /*2分割*/
	padding:0 15px;
	border-right:1px solid #B6B6B6;
	display:inline-block;
	vertical-align:top;
}
.blog-box-hp:nth-child(2n) {
	border-right:0px;
}
.blog-box-hp a {
	color:#4E4E4E;
	display:block;
}
.blog-box-hp a:hover {
	opacity:0.6;
}
.blog-box-img-hp {
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	overflow: hidden;
}
.blog-box-img-hp img {
	width:100%;
}
.blog-box-name-hp {
	padding:20px 0 0 0;
	font-size:24px;
	line-height:36px;
	font-weight:bold;
}
.blog-box-name-hp a {
	color:#4E4E4E;
}
.blog-box-more-hp {
	padding:5px 0 15px 0;
	font-size:20px;
	line-height:30px;
	font-weight:700;
}
.blog-box-more-hp:hover {
/*	color:#10226A;*/
	color: #b2dfec;
	text-decoration:underline;
}
.contact-block-hp {
/*	background:#10226A;*/
	background: #b2dfec;
	padding:60px 0 80px 0;
}
.contact-block-in-hp {
}
.contact-middle-hp {
	padding:50px 0 0 0;
}
.contact-left-hp {
	width:50%;
	float:left;
	text-align:center;
}
.contact-number-hp {
	font-size:40px;
	line-height:40px;
	color:#10226A;
	font-weight:700;
	padding-bottom:15px;
}
.contact-number-hp a{
	color:#10226A;
}
.contact-number-hp a:hover{
	color:#10226A;
}
.contact-number-hp i {
	font-size: 27px;
	vertical-align: middle;
	margin: -10px 0 0 0;
}
.contact-time-hp {
	font-size:20px;
	line-height:30px;
}
.contact-right-hp {
	width:50%;
	float:left;
	text-align:center;
}
.bx-wrapper {
	max-width:100% !important;
}
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
#footer {
	margin:0px;
	padding:0px 0 0px 0;
/*	background:#111111;*/
	background: #10226A;
}
.back-to-top-hp {
	text-align:center;
}
.back-to-top-hp img {
	width:29px;
}
.back-to-top-hp a {
	display:block;
	background:#203586;
	padding:20px 0;
}
.back-to-top-hp a:hover {
	background:#10226A;
}
.footer-top-hp {
	padding:25px 0 15px 0;
}
.footer-inner-hp {
	padding:0 65px;
}



.footer-left-hp {
	width:360px;
	padding-right:10px;
	float:left;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.footer-logo-hp {
	padding-bottom:20px;
}
.footer-logo-hp img {
	width:153px;
}
.footer-address-hp {
	font-size:16px;
	line-height:32px;
	color:#fff;
	padding-bottom:35px;
}

.footer-left-hp_left{
	width:260px;
}
.footer-left-hp_right{
	width:100px;
}



.footer-right-hp {
	width:calc(100% - 360px);
	float:left;
	padding:16px 0 0 0;
}
.footer-right-top-hp {
	text-align:right;
}
.footer-right-top-in-hp {
	display:inline-block;
	vertical-align:top;
	padding-left:50px;
}
.footer-right-top-in-hp p {
	font-size:16px;
	line-height:20px;
	font-weight:700;
	color:#fff;
	padding-bottom:28px;
	text-align:left;
}
.footer-right-top-in-hp p a {
	color:#fff;
}
.footer-right-top-in-hp p a:hover {
	color:#fff;
	text-decoration:underline;
}
.footer-right-top-in-hp ul {
	text-align:left;
}
.footer-right-top-in-hp ul li {
	font-size:16px;
	line-height:20px;
	font-weight:400;
	padding-bottom:12px;
}
.footer-right-top-in-hp ul li a {
	color:#fff;
}
.footer-right-top-in-hp ul li a:hover {
	color:#fff;
	text-decoration:underline;
}
.footer-right-bottom-hp {
	padding:105px 0 0 0;
}
.footer-right-bottom-hp ul {
	text-align:right;
}
.footer-right-bottom-hp ul li {
	display:inline-block;
	vertical-align:middle;
	padding-left:35px;
	font-size:14px;
	line-height:20px;
}
.footer-right-bottom-hp ul li a {
	color:#fff;
}
.footer-right-bottom-hp ul li a:hover {
	color:#fff;
	text-decoration:underline;
}
.copyright-hp {
	font-size:12px;
	color:#fff;
	padding:25px 0;
	text-align:center;
	line-height:22px;
	border-top:1px solid #505050;
}
/*--------------- FOOTER_END --------------*/

/*--------------- TOPICS_START --------------*/
.banner-inner-block-tp {
	background:url(../images/contact_banner.png) no-repeat right center;
	background-size:cover;
}
.banner-inner-block-tp.page-works,
.banner-inner-block-tp.category-works-cases,
.banner-inner-block-tp.category-commercial,
.banner-inner-block-tp.category-public-facility,
.banner-inner-block-tp.category-medical-welfare,
.banner-inner-block-tp.category-custom-home{
	background:url(../images/works_banner.png) no-repeat right center;
	background-size:cover;
}
.banner-inner-block-tp.category-topics{
	background:url(../images/topics_banner.png) no-repeat right center;
	background-size:cover;
}
.banner-inner-block-tp.category-tobudanchi-blog,
.banner-inner-block-tp.category-imazawa-blog,
.banner-inner-block-tp.category-genba-blog{
	background:url(../images/blog_banner.png) no-repeat right center;
	background-size:cover;
}
.banner-inner-block-tp.page-renovation,
.banner-inner-block-tp.category-renovation-cases{
	background:url(../images/renovation_banner.png) no-repeat right center;
	background-size:cover;
}
.banner-inner-block-tp.category-real-estate,
.banner-inner-block-tp.category-buy,
.banner-inner-block-tp.category-rent{
	background:url(../images/real_estate_banner.png) no-repeat right center;
	background-size:cover;
}
.banner-inner-block-tp.page-company,
.banner-inner-block-tp.page-history,
.banner-inner-block-tp.page-message{
	background:url(../images/company_banner.png) no-repeat right center;
	background-size:cover;
}
.banner-inner-block-tp.page-recruit{
	background:url(../images/recruit_banner.png) no-repeat right center;
	background-size:cover;
}
.banner-inner-block-tp.page-contact,
.banner-inner-block-tp.page-sdgs{
	background:url(../images/contact_banner.png) no-repeat right center;
	background-size:cover;
}
.banner-inner-block-tp.page-privacy-policy,
.banner-inner-block-tp.page-sitemap{
	background:url(../images/privacy_banner.png) no-repeat right center;
	background-size:cover;
}
.banner-inner-block-tp.page-tobudanchi-blog,
.banner-inner-block-tp.page-imazawa-blog,
.banner-inner-block-tp.page-genba-blog{
	background:url(../images/blog_banner.png) no-repeat right center;
	background-size:cover;
}


.banner-inner-block-in-hp {
	height:256px;
	display:flex;
	align-items:center;
	position:relative;
}
.banner-inner-overlay-block-hp {
/*	background:rgba(0,0,0,0.25);*/
	background:rgba(104,163,179,0.7);
}
.banner-title-tp {
	text-align:center;
	margin:auto;
}
.banner-title-tp h1 {
	font-size:50px;
	line-height:72px;
	font-weight:500;
	color:#fff;
}
.banner-title-tp p {
/*	font-family: 'Poppins', sans-serif;*/
	font-size:22px;
	color:#E5E5E5;
	line-height:32px;
	letter-spacing:2.2px;
	text-transform:uppercase;
}
.breadcrumb {
	padding:30px 0px;
	background:none;
	border-radius:0;
	margin:0px;
	font-size:14px;
	line-height:20px;
	letter-spacing:0px;
	position:absolute;
	bottom:0;
	right:0;
	color:#fff;
}
.breadcrumb span{
	padding:0 3px;
	font-weight:bold;
}
.breadcrumb a {
	color:#fff;
}
.breadcrumb a:hover{
	text-decoration:underline;
}
.breadcrumb-item+.breadcrumb-item::before {
	content:'>';
	color:#fff;
	padding-right:10px;
}
.breadcrumb-item+.breadcrumb-item {
	padding-left: 10px;
	color:#fff;
}
.topic-block-tp {
	padding:90px 0 100px 0;
}
.topic-block-in-tp {
}
.topic-middle-tp {
	max-width:780px;
	margin:auto;
/*	padding-bottom:130px;*/
}

.index_topics{
	max-height:220px;
	overflow-y: scroll;
}
.index_topics .topic-list-hp:last-child {
	padding-bottom:34px;
}
.topic-list-tp {
	display:flex;
	align-items:center;
}
.topic-list-tp .topic-list-left-hp {
	width:160px;
	color:#10226A;
}
.topic-list-tp .topic-list-right-hp {
	width:calc(100% - 160px);
	text-decoration:none;
}
.topic-list-tp .topic-list-right-hp a {
	color:#4e4e4e;
	text-decoration:underline;
}
.topic-list-tp .topic-list-right-hp a:hover {
	background:none;
	color:#10226A;
	text-decoration:none !important;
}
.pagination-bp {
	padding:0;
}
.pagination {
	border-radius:0px;
	display:flex;
	align-item:center;
}
.page-item a {
	background:none;
	border:0px;
	padding:0px 10px;
	font-size:16px;
	font-weight:500;
	border:1px solid #10226A;
	margin:0 8px;
	text-align:center;
	min-width:44px;
	height:44px;
	line-height:42px;
	background:#fff;
	color:#10226A;
	border-radius:0px !important;
	display:block;
}
.page-item a:hover {
	background:none;
	color:#fff;
	background:#10226A;
	border-color:#10226A;
}
.page-item a.active {
	background:none;
	color:#fff;
	background:#10226A;
	border-color:#10226A;
}
.wp-pagenavi{
	text-align:center;
}
.wp-pagenavi a{
	background:none;
	border:0px;
	font-size:16px;
	font-weight:500;
	border:1px solid #10226A;
	margin:0 8px;
	text-align:center;
	background:#fff;
	color:#10226A;
	border-radius:0px !important;
}
.wp-pagenavi a,
.wp-pagenavi span{
	padding:3px 10px !important;
}
.wp-pagenavi .current,
.wp-pagenavi a:hover{
	background:none;
	color:#fff;
	background:#10226A;
	border-color:#10226A;
}



/*--------------- TOPICS_END --------------*/

/*--------------- TOPICS_2_START --------------*/
.topic-info-block-tp {
	padding:80px 0 100px 0;
}
.topic-info-block-in-tp {
}
.topic-info-middle-tp {
	max-width:780px;
	margin:auto;
	width:100%;
}
.topic-info-title-tp {
	border-bottom: 6px double #ddd;
	padding-bottom: 15px;
}
.topic-info-title-tp h2 {
	padding-top:10px;
	font-size:24px;
	color:#4E4E4E;
	font-weight:bold;
}
.topic-info-title-tp p {
	font-size:18px;
	font-weight:400;
}
.topic-info1-tp {
	padding:40px 0 0 0;
}
.topic-info1-in-tp {
	font-size:16px;
	line-height:32px;
	color:#4E4E4E;
	padding-bottom:30px;
}
.topic-info1-in-tp span {
	color:#10226A;
	font-weight:700;
}
.topic-title2-tp {
	font-size:20px;
	line-height:30px;
	color:#10226A;
	font-weight:500;
	background:#EFF1F2;
	padding:18px 20px;
}
.topic-info2-tp {
	padding:30px 0 0 0;
}
.ncc-info-tp {
}
.ncc-info-tp h3 {
	font-size:20px;
	line-height:30px;
	color:#10226A;
	font-weight:500;
	border-bottom:2px solid #10226A;
	padding:10px 0 15px 0;
	margin-bottom:40px;
}
.ncc-link-tp {
	padding-bottom:40px;
}
.ncc-link-tp a {
	color:#10226A;
	font-size:16px;
	line-height:24px;
	text-decoration:underline;
}
.ncc-img-tp {
}
.ncc-img-tp img {
	width:100%;
}
.topic-back-tp {
	padding:100px 0 0 0;
	text-align:center;
}
.topic-back-tp a {
	font-size:18px;
	line-height:26px;
	color:#10226A;
	font-weight:700;
}
.topic-back-tp a:hover {
	color:#10226A;
	text-decoration:underline;
}
/*--------------- TOPICS_2_END --------------*/

/*--------------- WORKS_START --------------*/
.works-block-wp {
}
.works-block-in-wp {
}
.works-title-wp {
	text-align:center;
	padding:5px 0 0 0;
}
.works-title-wp p {
/*	font-family: 'Poppins', sans-serif;*/
	font-size:130px;
	line-height:100px;
	letter-spacing:6.5px;
	font-weight:600;
	color:rgba(78,78,78,0.07);
}
.works-title-wp h2 {
	font-size:32px;
	color:#4E4E4E;
	line-height:46px;
	font-weight:700;
	margin-top:-26px;
}
.works-middle-wp {
	padding:90px 0 20px 0;
	font-size:0px;
}
.works-box-wp {
	margin:0 36px 40px 0;
	width:calc(50% - 18px);
	display:inline-block;
	vertical-align:top;
}
.works-box-wp:nth-child(2n) {
	margin-right:0px;
}
.works-img-wp {
	position:relative;
}
.works-img-wp a:hover {
	opacity:0.6;
}
.works-img-wp img {
	width:100%;
}
.works-tag-wp {
	position:relative;
	background:#FFF100;
	min-width:137px;
	position:absolute;
	left:20px;
	top:20px;
	font-size:20px;
	line-height:26px;
	color:#4E4E4E;
	font-weight:700;
	padding:36px 30px;
}
.works-name-wp {
	padding:30px 0;
	font-size:15px;
	line-height:30px;
	color:#171717;
}
.construction-block-wp {
	padding:0 0 80px 0;
}
.construction-block {
	background:url(../images/construction_back3.png) no-repeat bottom center;
	background-size:cover;
}


/*--------------- WORKS_END --------------*/

/*--------------- WORKS2_START --------------*/
.works-block-wp2 {
	padding:90px 0 100px 0;
}
.works-block-in-wp2 {
}
.works-nav-wp2 {
	padding:0px 0 70px 0;
}
.works-nav-wp2 ul {
	text-align:center;
}
.works-nav-wp2 ul li {
	margin:7px;
	display:inline-block;
	vertical-align:top;
}
.works-nav-wp2 ul li a {
	font-size:18px;
	line-height:36px;
	color:#10226A;
	font-weight:500;
	padding:6px 15px 3px;
	border:1px solid #10226A;
	display:block;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;

}
.works-nav-wp2 ul li a:hover {
	background:#10226A;
	color:#fff;
}
.works-nav-wp2 ul li a.active {
	background:#10226A;
	color:#fff;
}

.works-nav-wp2 ul li a.works-nav-all:hover,
.works-nav-wp2 ul li a.works-nav-all.active{
	background:#10226A;
}
.works-nav-wp2 ul li a.works-nav-custom:hover,
.works-nav-wp2 ul li a.works-nav-custom.active{
	background:#ee6b01;
	border-color:#ee6b01;
}
.works-nav-wp2 ul li a.works-nav-public:hover,
.works-nav-wp2 ul li a.works-nav-public.active{
	background:#33ad36;
	border-color:#33ad36;
}
.works-nav-wp2 ul li a.works-nav-commercial:hover,
.works-nav-wp2 ul li a.works-nav-commercial.active{
	background:#004ca0;
	border-color:#004ca0;
}
.works-nav-wp2 ul li a.works-nav-medical:hover,
.works-nav-wp2 ul li a.works-nav-medical.active{
	background:#e95d8e;
	border-color:#e95d8e;
}



.works-boxes-wp2 {
	padding:0 0 100px 0
}
.works-boxes-in-wp2 {
	margin:0 -10px;
	font-size:0px;
}
.construction-item-wp2 {
	width:33.33%;
	padding:0 10px;
	margin-bottom:10px;
	display:inline-block;
	vertical-align:top;
}
.construction-item-wp2 .construction-info-tag-hp {
	margin:3px 0 0 0;
	padding:0 0 20px 0;
}
.construction-item-wp2 a {
	display:block;
}
.construction-item-wp2 a:hover {
	opacity:0.6;
}
/*--------------- WORKS2_END --------------*/

/*--------------- WORKS3_START --------------*/
.works-title-wp3 {
	text-align:center;
}
.works-title-wp3 h2 {
	font-size:32px;
	line-height:36px;
	color:#4E4E4E;
	font-weight:700;
}
.works-middle-wp3 {
	padding:60px 0 0 0;
}
.works-slider-main-wp3 {
}
.works-slider-wp3 {
}
.works-slider-img-wp3 {
}
.works-slider-img-wp3.small{
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.works-slider-img-wp3 img {
	width:100%;
	height:auto;
}
.works-slider-main-wp3 .owl-nav button.owl-prev, .works-slider-main-wp3 .owl-nav button.owl-prev:hover {
	background:url(../images/left_arrow.svg) no-repeat left center;
	width:24px;
	height:41px;
	padding:0px;
	margin:0px;
	position:absolute;
	left:35px;
	top:calc(50% - 20px);
	outline:none;
}
.works-slider-main-wp3 .owl-nav button.owl-prev span {
	display:none;
}
.works-slider-main-wp3 .owl-nav button.owl-next, .works-slider-main-wp3 .owl-nav button.owl-next:hover {
	background:url(../images/right_arrow.svg) no-repeat left center;
	width:24px;
	height:41px;
	padding:0px;
	margin:0px;
	position:absolute;
	right:35px;
	top:calc(50% - 20px);
	outline:none;
}
.works-slider-main-wp3 .owl-nav button.owl-next span {
	display:none;
}
.works-slider-info-wp3 {
	margin:38px 0 0 0;
	border:1px solid #707070;
	padding:30px 35px
}
.works-slider-info-wp3 p {
	font-size:18px;
	line-height:36px;
	color:#4E4E4E;
	font-weight:700;
}
#big {
	padding-bottom:10px;
}
#thumbs .owl-item {
	opacity:0.4;
}
#thumbs .owl-item.current {
	opacity:1;
}
/*--------------- WORKS3_END --------------*/

/*--------------- RENOVATION_START --------------*/
.renovation-block-rp {
	padding:0 0 130px 0;
}
.renovation-bg {
	background:url(../images/renovation_back_img.png) no-repeat bottom center;
	background-size:cover;
}
.renovation-block-in-rp {
}
.renovation-middle-rp {
	padding:40px 0 0 0;
}
.renovation-text-rp {
	text-align:center;
	font-size:18px;
	line-height:30px;
	color:#444444;
}
.renovation-step-rp {
	padding:115px 0 0 0;
}
.renovation-step-title-rp {
	font-size:18px;
	line-height:30px;
	color:#10226A;
	font-weight:600;
	text-align:center;
	padding-bottom:30px;
}
.renovation-step-title-rp span{
	background:#fff;
	padding:4px 25px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-khtml-border-radius:30px;
}

.renovation-step-in-rp {
	text-align:center;
}
.renovation-step-in-rp ul {
	display:inline-block;
}
.renovation-step-in-rp ul li {
	width:123px;
	height:123px;
	float:left;
	display:flex;
	align-items:center;
	background:rgba(255,241,0,1);
	border-radius:100%;
	font-size:18px;
	font-weight:700;
	color:#10226A;
	line-height:25px;
	margin-right:30px;
	position:relative;
}
.renovation-step-in-rp ul li:after {
	content:'';
	position:absolute;
	right:-24px;
	top:calc(50% - 13px);
	background:url(../images/renovation_arrow.png) no-repeat center center;
	width:18px;
	height:26px;
}
.renovation-step-in-rp ul li:last-child {
	margin-right:0px;
}
.renovation-step-in-rp ul li:last-child:after {
	display:none;
}
.renovation-step-in-rp ul li span {
	text-align:center;
	margin:auto;
	padding:0 10px;
}
.remodeling-block-rp {
	padding:30px 0 0 0;
}
.remodeling-middle-rp {
	padding:70px 0 0 0;
}
.remodeling-box-rp {
	width:calc(33.33% - 20px);
	margin: 0 30px 30px 0;
	position:relative;
	text-align:center;
	float:left;
}
.remodeling-box-rp:nth-child(3n) {
	margin-right:0px;
}
.remodeling-box-rp a {
	display:block;
	display:flex;
	align-items:center;
}
.remodeling-box-rp a:hover {
	opacity:0.6;
}
.remodeling-box-rp img {
	width:100%;
}
.remodeling-text-rp {
	display:block;
	width:calc(100% - 50px);
	background:#10226A;
	color:#fff;
	font-size:16px;
	line-height:32px;
	font-weight:700;
	padding:0 10px;
	position:absolute;
	left:25px;
}
.case-block-rp {
	padding:60px 0 70px 0;
}
.case-block-in-rp {
}
.case-middle-rp {
	padding:75px 0 0 0;
}
/*--------------- RENOVATION_END --------------*/

/*--------------- RENOVATION2_START --------------*/
.case-block-rp2 {
	padding-top:25px;
}
/*--------------- RENOVATION2_END --------------*/

/*--------------- RENOVATION3_START --------------*/
.works-boxs-rp3 {
}
.works-box-rp3 {
	width:calc(50% - 61px);
	float:left;
	margin-right:122px;
	position:relative;
}
.works-box-rp3:after {
	content:'';
	position:absolute;
	right:-85px;
	top:calc(50% - 106px);
	background:url(../images/renovation_arrow2.png) no-repeat center center;
	width:50px;
	height:72px;
}
.works-box-rp3:nth-child(2n) {
	margin-right:0px;
}
.works-box-rp3:nth-child(2n):after {
	display:none;
}
.works-box-img-rp3 {
	padding-bottom:55px;
}
.works-box-img-rp3 img {
	width:100%;
	height:auto;
}
.works-box-link-rp3 {
}
.common-black-btn-hp {
	min-width:inherit;
	width:100%;
	border-color:#707070;
	color:#4E4E4E;
}
.common-black-btn-hp:hover {
	border-color:#707070;
	color:#4E4E4E;
}
/*--------------- RENOVATION3_END --------------*/

/*--------------- REAL_ESTATE_START --------------*/
.real-boxes-rep {
	max-width:740px;
	margin:auto;
	border-bottom:1px solid #BCBCBC;
	margin-bottom:95px;
}
.real-list-rep {
	padding:40px 50px;
	border-top:1px solid #BCBCBC;
	display:flex;
	align-items:center;
}
.real-img-rep {
	width:252px;
	float:left;
}
.real-img-rep img {
	width:100%;
}
.real-info-rep {
	width:calc(100% - 252px);
	float:right;
	padding-left:37px;
}
.real-info-list-rep {
	display:flex;
	padding:4px 0;
}
.real-info-name-rep {
	width:70px;
	font-size:16px;
	line-height:20px;
	color:#10226A;
	font-weight:700;
}
.real-info-data-rep {
	width:calc(100% - 70px);
	font-size:16px;
	line-height:20px;
	color:#000;
}
.real-info-cat-rep{
	background:#10226A;
	color:#fff;
	margin-bottom:6px;
	padding:3px 12px;
	font-size:12px;
	display:inline-block;
}
.real-info_ex{
	text-align:center;
	padding:30px;
	border-top:1px solid #BCBCBC;
	border-left:1px solid #BCBCBC;
	border-right:1px solid #BCBCBC;
}

/*--------------- REAL_ESTATE_END --------------*/

/*--------------- COMPANY_START --------------*/
.company-block-cp {
	padding:80px 0 0 0;
}
.company-block-in-cp {
}
.company-middle-cp {
	padding:80px 0 0 0;
}
.company-left-cp {
	width:calc(100% - 492px);
	padding-right:35px;
	float:left;
}
.company-right-cp {
	width:492px;
	float:right;
}
.company-right-cp img {
	width:100%;
}
.company-left-in-cp {
	border-top:1px solid #BCBCBC;
}
.company-list-cp {
	border-bottom:1px solid #BCBCBC;
	padding:13px 0;
}
.company-list-left-cp {
	width:220px;
	padding:0 30px;
	float:left;
	font-size:18px;
	line-height:30px;
	color:#10226A;
	font-weight:600;
}
.company-list-right-cp {
	width:calc(100% - 220px);
	padding:0 30px 0 0;
	float:left;
	font-size:18px;
	line-height:30px;
	color:#444444;
}

.company-list-left-cp2 {
	width:320px;
	padding:0 30px;
	float:left;
	font-size:18px;
	line-height:30px;
	color:#10226A;
	font-weight:600;
}
.company-list-right-cp2 {
	width:calc(100% - 320px);
	padding:0 30px 0 0;
	float:left;
	font-size:18px;
	line-height:30px;
	color:#444444;
}
.company-list-table{
}
.company-list-table th{
	min-width:360px;
	font-weight:inherit;
	padding-left:1em;
	padding-right:2em;
	text-indent:-1em;
}
.company-list-table td{
	min-width:6em;
	text-align:right;
}


.office-list-cp {
	border:1px solid #7D7D7D;
	margin-bottom:40px;
	padding:44px;
	display:flex;
	align-items:center;

	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;

}
.office-list-cp:last-child {
	margin-bottom:0px;
}
.office-list-cp h3 {
	font-size:24px;
	line-height:35px;
	color:#10226A;
	font-weight:600;
	padding-bottom:10px;
}
.office-list-cp p {
	font-size:18px;
	line-height:35px;
	color:#444444;
}
.office-left-cp {
	width:calc(100% - 428px);
}
.office-right-cp {
	width:428px;
}
.company-map-cp {
	text-align:center;
	padding:0 0 115px 0;
}
.company-map-cp img {
	max-width:100%;
}
.company-part-cp {
	padding:0 0 120px 0;
}
.company-part-in-cp {
	width:calc(50% - 20px);
	margin-right:40px;
	float:left;
	display:flex;
	align-items:center;
	height:314px;
	border:1px solid #E0E0E0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;

	background-repeat: no-repeat;
	background-position:  right top;
	background-size:cover;
}
.company-part-in-cp a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
}
.company-part-in-cp:hover {
	opacity:0.6;
}
.company-part-in-cp:nth-child(2n) {
	margin-right:0px;
}
.company-part-info-cp {
	margin-right: 0;
	margin-left: auto;
	padding-right:24px;
	text-align:right;
}
.company-part-info-cp h3 {
	font-size:28px;
	line-height:40px;
	color:#4E4E4E;
	font-weight:700;
	padding-bottom:5px;
}
.company-part-info-cp p {
	font-size:20px;
	line-height:30px;
	color:#4E4E4E;
	font-weight:700;
}
.company-part-info-cp p:hover {
	color:#10226A;
	text-decoration:underline
}
/*--------------- COMPANY_END --------------*/

/*--------------- RECRUIT_START --------------*/
.recruit-block-rp {
	padding:90px 0 130px 0;
}
.recruit-block-in-rp {
}
.recruit-text-rp {
	font-size:18px;
	color:#000000;
	line-height:30px;
	padding-bottom:36px;
}
.recruit-main-list-rp {
	background:#F1F1F1;
	display:flex;
	padding:34px 0;
	margin-bottom:40px;
}
.recruit-main-list-left-rp {
	width:250px;
	padding:0 15px 0 95px;
	font-size:18px;
	line-height:32px;
	color:#10226A;
	font-weight:700;
	letter-spacing:0.22px;
}
.recruit-main-list-right-rp {
	width:calc(100% - 250px);
	padding:0 15px 0 50px;
	font-size:18px;
	line-height:32px;
	color:#000000;
	font-weight:500;
	letter-spacing:0.22px;
}
.recruit-data-rp {
	border-top:1px solid #BCBCBC;
}
.recruit-list-rp {
	display:flex;
	padding:25px 0;
	border-bottom:1px solid #BCBCBC;
}
.recruit-list-left-rp {
	width:250px;
	padding:0 10px 0 95px;
	font-size:18px;
	line-height:30px;
	color:#10226A;
	font-weight:700;
	letter-spacing:0.22px;
}
.recruit-list-right-rp {
	width:calc(100% - 250px);
	padding:0 0px 0 50px;
	font-size:18px;
	line-height:30px;
	color:#000000;
	letter-spacing:0.22px;
}
.recruit-border-rp {
	border-bottom:1px solid #BCBCBC;
	padding:25px 0 25px 50px;
	margin-left:-50px;
}
.recruit-border-rp:first-child {
	padding-top:0px;
}
.recruit-border-rp:last-child {
	padding-bottom:0px;
	border-bottom:0px;
}
.contact-text-rp {
	background:#091543;
}
.contact-text-in-rp {
}
.contact-text-info-rp {
	font-size:28px;
	line-height:40px;
	color:#fff;
	font-weight:500;
	text-align:center;
	padding:90px 0;
}
/*--------------- RECRUIT_END --------------*/

/*--------------- PRIVACY_POLICY_START --------------*/
.privacy-block-prp {
	padding:80px 0 80px 0;
}
.privacy-block-in-prp {
}
.privacy-middle-prp {
	border:1px solid #BCBCBC;
	padding:50px 45px 0 45px;
}
.privacy-middle-prp p {
	font-size:18px;
	line-height:32px;
	color:#000000;
	letter-spacing:0.18px;
	padding-bottom:40px;
}
.privacy-middle-prp h2 {
	font-size:18px;
	line-height:32px;
	color:#000000;
	letter-spacing:0.18px;
	padding-bottom:40px;
	font-weight:700;
}
.privacy-middle-prp h3 {
	font-size:18px;
	line-height:32px;
	color:#000000;
	letter-spacing:0.18px;
	padding-bottom:40px;
	font-weight:700;
}
.privacy-middle-prp ol {
	padding:0px;
	margin:0px 0 40px 20px;
}
.privacy-middle-prp ol li {
	font-size:18px;
	line-height:32px;
	color:#000000;
	letter-spacing:0.18px;
}
/*--------------- PRIVACY_POLICY_END --------------*/

/*--------------- SDGS_START --------------*/
.sdgs_container h2{
	margin-bottom:10px;
	font-size: 18px;
	color: #10226A;
	font-weight: 700;
}
.sdgs_box{
	margin-bottom:30px;
	clear:both;
}
.sdgs_logo{
	max-width:700px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
}
.sdgs_logo img{
	width:100%;
}
.sdgs_iconlist{
	margin-bottom:60px;
}
.sdgs_iconlist ul{
}
.sdgs_iconlist ul:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
.sdgs_iconlist ul li{
	width:136px;
	height:136px;
	margin-right:9px;
	margin-bottom:9px;
	float:left;
}
.sdgs_iconlist ul li img{
	width:100%;
}

.sdgs_flex{
	padding-top:50px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	font-size:14px;
}
.sdgs_flex_box{
	width:48%;
	margin-bottom:75px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.sdgs_flex_box_img{
	width:136px;
}
.sdgs_flex_box_img img{
	width:100%;
}
.sdgs_flex_box_text{
	width:calc(100% - 156px);
}
.sdgs_flex_box_text h2{
	margin-bottom:5px;
}
.sdgs_flex_box_text h3{
	margin-bottom:3px;
	font-weight: 700;
}
.sdgs_flex_box_text_inner{
	margin-top:1em;
}

/*--------------- SDGS_END --------------*/

/*--------------- CONTACT_START --------------*/
.contact-block-cop {
	padding:60px 0 100px 0;
}
.contact-block-in-cop {
}
.contact-title-cop {
	font-size:16px;
	line-height:32px;
	font-weight:500;
	letter-spacing:0.16px;
	color:#10226A;
	padding-bottom:45px;
}
.contact-title-cop span {
	font-size:14px;
}
.contact-title-cop span .star-cop {
	color:#B90000;
}
.contact-middle-cop {
	max-width:820px;
	width:100%;
	margin:auto;
}
.contact-form-cop {
	padding:0;
}
.form-field-cop {
	padding:40px 0;
	display:table;
	width:100%;
	border-bottom:1px solid #BCBCBC;
}
.form-field-lable-cop {
	width:200px;
	vertical-align:middle;
	display:table-cell;
	font-size:18px;
	letter-spacing:0.18px;
	color:#10226A;
	font-weight:700;
	line-height:20px;
	padding:0 10px 0 28px;
}
.form-field-lable-cop span {
	font-size:14px;
	color:#B90000;
	vertical-align:super;
}
.form-field-input-cop {
	width:calc(100% - 200px);
	vertical-align:middle;
	display:table-cell;
	padding-right:20px;
}
.form-field-input-cop input {
	height:36px;
	width:100%;
	border:1px solid #B5B5B5;
	background:none;
	padding:0 15px;
	font-size:16px;
}
.form-field-input-cop select {
	height:36px;
	width:100%;
	max-width:270px;
	border:1px solid #B5B5B5;
	background:#fff url(../images/dropdown_arrow.svg) no-repeat right 15px center;
	padding:0 15px;
	font-size:16px;
	border-radius:0px;
	color:#10226A;
}
.form-field-input-cop input::-webkit-input-placeholder {
color: #B5B5B5;
}
.form-field-input-cop input::-moz-placeholder {
color: #B5B5B5;
}
.form-field-input-cop input:-ms-input-placeholder {
color: #B5B5B5;
}
.form-field-input-cop input:-moz-placeholder {
color: #B5B5B5;
}
.form-field-input-cop textarea {
	height:370px;
	width:100%;
	border:1px solid #B5B5B5;
	padding:15px;
	font-size:16px;
	outline:none;
	background:none;
	display:flex;
}
.form-field-input-cop textarea::-webkit-input-placeholder {
color: #B5B5B5;
}
.form-field-input-cop textarea::-moz-placeholder {
color: #B5B5B5;
}
.form-field-input-cop textarea:-ms-input-placeholder {
color: #B5B5B5;
}
.form-field-input-cop textarea:-moz-placeholder {
color: #B5B5B5;
}
.plan-checkbox-cop {
	text-align:center;
	padding:80px 0 40px 0;
}
.plan-text-cop {
	display: inline-block;
	position: relative;
	padding-left: 44px;
	margin-bottom: 7px;
	cursor: pointer;
	font-size: 18px;
	line-height:24px;
	color:#000000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.plan-text-cop a {
	color:#000;
	text-decoration:none;
}
.plan-text-cop input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.plan-text-cop span {
	font-size:14px;
	color:#000000;
	font-weight:700;
}
.plan-checkmark-cop {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 24px;
	background-color: #fff;
	border:1px solid #707070;
}
.plan-text-cop:hover input ~ .plan-checkmark-cop {
background-color: #fff;
}
.plan-text-cop input:checked ~ .plan-checkmark-cop {
background-color: #fff;
}
.plan-checkmark-cop:after {
	content: "";
	position: absolute;
	display: none;
}
.plan-text-cop input:checked ~ .plan-checkmark-cop:after {
display: block;
}
.plan-text-cop .plan-checkmark-cop:after {
	left: 7px;
	top: 2px;
	width: 8px;
	height: 14px;
	border: solid #707070;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.conatct-btn-cop {
	text-align:center;
}
.contact-btn-hp {
	background:#10226A;
	display:block;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;

}
.contact-btn-hp:hover {
	background:#10226A;
	color:#fff;
	opacity:0.6;
}
/*--------------- CONTACT_END --------------*/

/*--------------- SITEMAP_START --------------*/
.sitemap-block-sp {
	padding:80px 0 100px 0;
}
.sitemap-block-in-sp {
}
.sitemap-middle-sp {
}
.sitemap-flow-sp {
}
.sitemap-flow-sp > ul {
}
.sitemap-flow-sp > ul > li {
}
.sitemap-flow-sp > ul > li > a {
	width:220px;
	border:1px solid #10226A;
	background:#10226A;
	color:#fff;
	font-size:18px;
	line-height:30px;
	padding:9px 5px;
	display:block;
	text-align:center;
	float:left;
	position:relative;
}
.sitemap-flow-sp > ul > li > a:after {
	content:'';
	position:absolute;
	right:-31px;
	top:24px;
	width:31px;
	height:1px;
	background:#10226A;
}
.sitemap-flow-sp > ul > li > ul {
	float:left;
	position:relative;
}
.sitemap-flow-sp > ul > li > ul:before {
	content:'';
	position:absolute;
	left:29px;
	top:25px;
	width:1px;
	height:calc(100% - 89px);
	background:#10226A;
}
.sitemap-flow-sp > ul > li > ul > li {
	clear:both;
}
.sitemap-flow-sp > ul > li > ul > li > a {
	width:220px;
	border:1px solid #10226A;
	background:#EFEFEF;
	color:#10226A;
	font-size:18px;
	line-height:30px;
	padding:9px 5px;
	display:block;
	text-align:center;
	float:left;
	margin-bottom:40px;
	margin-left:60px;
	position:relative;
}
.sitemap-flow-sp > ul > li > ul > li > a:hover {
	background:#10226A;
	color:#fff;
}
.sitemap-flow-sp > ul > li > ul > li > a:after {
	content:'';
	position:absolute;
	left:-31px;
	top:24px;
	width:31px;
	height:1px;
	background:#10226A;
}
.sitemap-flow-sp > ul > li > ul > li > ul {
	float:left;
	position:relative;
}
.sitemap-flow-sp > ul > li > ul > li > ul:after {
	content:'';
	position:absolute;
	left:0px;
	top:25px;
	width:31px;
	height:1px;
	background:#10226A;
}
.sitemap-flow-sp > ul > li > ul > li > ul:before {
	content:'';
	position:absolute;
	left:21px;
	top:25px;
	width:1px;
	height:calc(100% - 64px);
	background:#10226A;
}
.sitemap-flow-sp > ul > li > ul > li > ul.no-border:before {
	display:none;
}
.sitemap-flow-sp > ul > li > ul > li > ul > li {
	clear:both;
}
.sitemap-flow-sp > ul > li > ul > li > ul > li > a {
	width:220px;
	border:1px solid #10226A;
	background:#EFEFEF;
	color:#10226A;
	font-size:18px;
	line-height:30px;
	padding:9px 5px;
	display:block;
	text-align:center;
	float:left;
	margin-bottom:15px;
	margin-left:40px;
	position:relative;
}
.sitemap-flow-sp > ul > li > ul > li > ul > li > a:hover {
	background:#10226A;
	color:#fff;
}
.sitemap-flow-sp > ul > li > ul > li > ul > li > a:after {
	content:'';
	position:absolute;
	left:-20px;
	top:24px;
	width:20px;
	height:1px;
	background:#10226A;
}
.sitemap-flow-sp > ul > li > ul > li > ul > li > ul {
	float:left;
	position:relative;
}
.sitemap-flow-sp > ul > li > ul > li > ul > li > ul:after {
	content:'';
	position:absolute;
	left:0px;
	top:25px;
	width:31px;
	height:1px;
	background:#10226A;
}
.sitemap-flow-sp > ul > li > ul > li > ul > li > ul:before {
	content:'';
	position:absolute;
	left:21px;
	top:25px;
	width:1px;
	height:calc(100% - 64px);
	background:#10226A;
}
.sitemap-flow-sp > ul > li > ul > li > ul > li > ul > li {
}
.sitemap-flow-sp > ul > li > ul > li > ul > li > ul > li > a {
	width:220px;
	border:1px solid #10226A;
	background:#EFEFEF;
	color:#10226A;
	font-size:18px;
	line-height:30px;
	padding:9px 5px;
	display:block;
	text-align:center;
	margin-bottom:15px;
	margin-left:40px;
	position:relative;
}
.sitemap-flow-sp > ul > li > ul > li > ul > li > ul > li > a:hover {
	background:#10226A;
	color:#fff;
}
.sitemap-flow-sp > ul > li > ul > li > ul > li > ul > li > a:after {
	content:'';
	position:absolute;
	left:-20px;
	top:24px;
	width:20px;
	height:1px;
	background:#10226A;
}
/*--------------- SITEMAP_END --------------*/

/*--------------- BLOG_START --------------*/
.blog-boxes-bp {
	max-width:880px;
	margin:auto;
	padding:0 0 95px 0;
}
.blog-box-bp {
	display:flex;
	padding:20px 0;
	border-bottom:1px solid #BCBCBC;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.blog-box-bp a {
	display:flex;
}
.blog-box-bp:hover {
	opacity:0.6;
}
.blog-box-img-bp {
	width:285px;
	max-height:285px;
	overflow:hidden;
}
.blog-box-img-bp img {
	width:100%;
	height:auto;
}
.blog-box-right-bp {
	width:calc(100% - 285px);
	padding:0 30px;
}
.blog-box-right-bp h2 {
	font-size:24px;
	line-height:36px;
	color:#4E4E4E;
	font-weight:700;
	padding:5px 0 0 0;
}
.blog-date-bp {
	padding:8px 0 0 0;
	font-size:12px;
	line-height:17px;
/*	font-family: 'Poppins', sans-serif;
	font-weight:300;*/
	color:#4E4E4E;
}
.blog-box-right-bp p {
	font-size:16px;
	line-height:25px;
	color:#4E4E4E;
	padding:20px 0 0 0;
}
.blog-more-bp {
	padding:20px 0 0 0;
	font-size:18px;
	line-height:26px;
	color:#000000;
}
.blog-more-bp a {
}
.blog-more-bp:hover {
	/*
	color:#10226A;
	text-decoration:underline;
	*/
}
/*--------------- BLOG_END --------------*/

/*--------------- BLOG_POST_START --------------*/
.blog-info-title-tp p {
/*	font-family: 'Poppins', sans-serif;
	font-weight:400;*/
	color:#10226A;

}
.blog-info-middle-tp .topic-info1-in-tp span {
	color:#4E4E4E;
}
/*--------------- BLOG_POST_END --------------*/

/*--------------- MESSAGE_START --------------*/
.message-block-mp {
	padding:80px 0;
}
.message-block-in-mp {
}
.message-middle-mp {
	display:flex;
}
.message-left-mp {
	width:338px;
}
.message-left-mp img {
	width:100%;
}
.message-right-mp {
	width:calc(100% - 338px);
	padding:0 0 0 46px;
}
.message-right-mp p {
	font-size:18px;
	line-height:32px;
	letter-spacing:0.18px;
	padding-bottom:35px;
}
.message-auth-mp {
	text-align:right;
	font-size:14px;
	line-height:20px;
	color:#4E4E4E;
	font-weight:700;
	padding:40px 0 0 0;
}
.message-name-mp {
	text-align:right;
	font-size:24px;
	line-height:36px;
	color:#4E4E4E;
	font-weight:700;
	padding:8px 0 0 0;
}
/*--------------- MESSAGE_END --------------*/

/*--------------- HISTORY_START --------------*/
.history-block-hip {
	padding:80px 0 10px 0;
}
.history-block-in-hip {
}
.history-middle-hip {
	max-width:760px;
	margin:auto;
	position:relative;
}
.history-middle-hip:after {
	content:'';
	position:absolute;
	left:26px;
	top:0;
	width:1px;
	height:100%;
	background:#10226A;
}
.history-list-hip {
	display:flex;
	margin-bottom:27px;
	position: relative;
	z-index: 1;
}
.history-list-left-hip {
	width:53px;
	height:53px;
/*	background:#10226A;*/
	background:#b2dfec;
	display:table;
	border-radius:100%;
}
.history-list-left-hip span {
	margin:auto;
	text-align:center;
	font-size:10px;
	line-height:13px;
	letter-spacing:0.1px;
/*	color:#fff;*/
	color:#03004c;
	font-weight:500;
	display:table-cell;
	vertical-align:middle;
	padding:5px 0 0 0;
}
.history-list-right-hip {
	width:calc(100% - 53px);
	margin-left:25px;
	background:#EFEFEF;
	font-size:18px;
	line-height:26px;
	color:#000000;
	letter-spacing:0.18px;
	padding:12px 20px;
	position:relative;

	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;

}
.history-list-right-hip:after {
	content:'';
	position:absolute;
	width:25px;
	height:1px;
	background:#BCBCBC;
	left:-25px;
	top:26px;
}
/*--------------- HISTORY_END --------------*/

.bg01,
.bg-custom-home{
	background:#ee6b01;
}
.bg02,
.bg-public-facility{
	background:#33ad36;
}
.bg03,
.bg-commercial{
	background:#004ca0;
}
.bg04,
.bg-medical-welfare{
	background:#e95d8e;
}



/*--------------- index_sdgs --------------*/
#index_sdgs{
	margin-top: 60px;
}
.index_sdgs_container.container{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.index_sdgs_box{
	width: calc(100% / 2 - 6px);
	border: 1px solid #ddd;
	padding: 45px;
	margin-bottom: 12px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
}
.index_sdgs_box.ex{
	padding: 0;
	border: none;
}
.index_sdgs_box.ex a{
	padding: 45px;
	border: 1px solid #ddd;
	display: block;
	color: #212529;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
}
.index_sdgs_box.ex a:hover{
	background: #b2dfec;
}

.index_sdgs_box .img{
	max-width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.index_sdgs_box .img img{
	width: 100%;
}
.index_sdgs_box .maintitle{
	color: #03004c;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 25px;
	text-align: center;
}
@media(min-width:0px) and (max-width:991px) {
	.index_sdgs_container.container{
		display:block;
	}
	.index_sdgs_box{
		width: calc(100%);
		padding: 15px;
	}
}


/*--------------- index_specialist --------------*/
#index_specialist{
	background: #b2dfec;
	padding: 100px 0;
}

@media(min-width:0px) and (max-width:575px) {
#index_specialist{
	padding: 50px 0;
}
}

.index_specialist_container{
	max-width: 1400px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
@media(min-width:0px) and (max-width:575px) {
.index_specialist_container{
	display: block;
}
}
	
.index_specialist_box{
	width: calc(100% / 3 - 15px);
}
@media(min-width:0px) and (max-width:575px) {
.index_specialist_box{
	width: calc(100%);
	margin-bottom: 50px;
}
}

.index_specialist_box .img{
	max-width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.index_specialist_box .img img{
	max-width: 400px;
	width: 100%;
}
.index_specialist_box .maintitle{
	color: #03004c;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 25px;
	text-align: center;
}
.index_specialist_box_inner{
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	border-radius:10px;
}
.index_specialist_box_inner .title{
	color: #03004c;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #03004c;
}
.index_specialist_box_inner .ul_nu{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
}
.index_specialist_box_inner .ul_nu li{
  position: relative;
  padding-left: 30px;
  padding: 0.5em 0.5em 0.5em 34px;
}
.index_specialist_box_inner .ul_nu li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #03004c;
  color: #fff;
  font-weight:bold;
  font-size: 12px;
  border-radius: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  line-height: 21px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn.type01{
	display: inherit;
}
@media(min-width:0px) and (max-width:575px) {
.btn.type01{
	padding: 0 10%;
}
}

.btn .common-btn-hp {
	text-align: center;
	color:#fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;

	background: #03004c;
}
.btn .common-btn-hp:hover {
	background:#fff;
	color:#03004c;
}


/*--------------- company --------------*/
.company-strong-container{
	margin-top: 50px;
	margin-bottom: 100px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.company-strong-box{
	width: calc(100% / 2 - 15px);
	background: #f3f3f3;
	margin-bottom: 30px;

	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	overflow: hidden;

}
.company-strong-box-img{

}
.company-strong-box-img img{
	width: 100%;
}
.company-strong-box-title{
	padding: 20px 30px 0;
	color: #03004c;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.company-strong-box-text{
	padding: 20px 30px 30px;
}
@media(min-width:0px) and (max-width:991px) {
	.company-strong-container{
		display: block;
	}
	.company-strong-box{
		width: calc(100%);
	}
}