@charset "utf-8";

/* ------------------------------------------
ヘッダ全体
------------------------------------------ */
#header {position:fixed;width:100%;background:#fff;z-index:20;box-sizing:border-box;border-bottom: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
#header a:link,
#header a:active {color:#333;text-decoration:none;}
#header a:hover {color:rgba(5, 31, 102, 1.0);text-decoration:none;}
#header a:visited{color:#333;text-decoration:none;}
#header br {display:none;}
#header .cFix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
#header .cFix{min-height:1px;}

#header #head_inner {max-width:1160px;width:100%;margin:0 auto;}
#header #headLogo {float:left;margin:20px 0 0;width: 200px;transition:all  0.2s ease;}
#header #headLogo img{width: 100%;}

/* Gナビの位置 */
#header #PC-GNAV {margin-left:260px;padding:10px 0 0 0;}

/* #PC-GNAV ul {border: 10px solid #000;} */
#header #PC-GNAV ul li {display:inline-block;}
#header #PC-GNAV ul li a{position:relative;display:block;padding:0 20px 14px;text-decoration:none;}
#header #PC-GNAV ul li a span{display:block;position:relative;height:15px;padding:20px 0;color:#000;font-size: 1.0rem;line-height:1;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all  0.2s ease;}
#header #PC-GNAV ul li a span:after{content:'';display:block;position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:rgba(5, 31, 102, 1.0);opacity:0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all  0.2s ease;}
#header #PC-GNAV ul li:hover a span{color:rgba(5, 31, 102, 1.0);}
#header #PC-GNAV ul li:hover a span:after{opacity:1;}
#header #PC-GNAV ul li img {vertical-align:middle;margin-right:10px;height:30px;}

/* active */
#header #PC-GNAV ul li.active a.mmunu span:after {content:'';display:block;position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:rgba(5, 31, 102, 1.0);opacity:1;}
#header #PC-GNAV ul li.active.arrow a.mmunu {/*background: rgba(38, 60, 123, 0.4);*/}
/* #header #PC-GNAV ul li.active {border: 1px solid rgba(38, 60, 123, 1.0);} */
#header #PC-GNAV ul li.active a.mmunu span{color: rgba(5, 31, 102, 1.0);}
#header #PC-GNAV ul li.active a.mmunu {background-image: url("../img/svg/icn_arw_tgl_t_gnav.svg");background-position: center bottom;background-repeat: no-repeat;}
/* active kakusu */
#header #PC-GNAV ul li.active.kakusu a.mmunu span:after {content:'';display:block;position:absolute;left:0;bottom:3px;width:100%;height:2px;background:rgba(255, 255, 255, 0);opacity:1;transition: 0.4s;}
#header #PC-GNAV ul li.active.kakusu a.mmunu {background-image:none;transition: 0.4s;}

/* ------------------------------------------
オープン：サブメニュー
------------------------------------------ */
/* サブメニューの位置等 */
#header #PC-GNAV .MegaDropMenu {display:none;position:absolute;top:79px;left:0;width:100%;color:#fff;z-index:10;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	/* サブメニューの背景色 */
	background:linear-gradient(to bottom, rgba(5, 31, 102, 1.0), rgba(5, 31, 102, 0.95) 100%);
	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); */
	/* background-color: rgba(5, 31, 102, 1.0); */
}
#header #PC-GNAV .MegaDropMenu .MegaDropMenuInner{position:relative;display:table;max-width:1200px;width:100%;margin:0 auto;padding:0 0;}
#header #PC-GNAV .MegaDropMenu .MegaDropMenuInner:after{content:'';display:block;height:0;clear:both;}

/* サブメニューの中身 */
#header #PC-GNAV .MegaDropMenu .MegaDropMenuInner ul {display:block;width: 100%;text-align: center;margin: 0;padding: 0.6rem 0;/*border-radius: 0 0 6px 6px;overflow: hidden;*/box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1)}
#header #PC-GNAV .MegaDropMenu .MegaDropMenuInner ul li {display: inline-block;vertical-align: top;}
#header #PC-GNAV .MegaDropMenu .MegaDropMenuInner ul li a{display: inline-block;font-size:0.8rem;color: #fff; margin: 0; padding:0.2rem 0.4rem;width: 100%;box-sizing:border-box;transition: 0.2s;background-color: rgba(255, 255, 255, 0.1);}
#header #PC-GNAV .MegaDropMenu .MegaDropMenuInner ul li a:hover{text-decoration: none;background-color: #fff;color: rgba(5, 31, 102, 1.0);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);}
#header #PC-GNAV .MegaDropMenu .MegaDropMenuInner ul li a.active{text-decoration: none;background-color: #fff;color: rgba(5, 31, 102, 1.0);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);}
#header #PC-GNAV .MegaDropMenu .MegaDropMenuInner ul li ul.child {margin: 0 0 15px 0; padding: 0;border-top: 1px solid #fff;}
#header #PC-GNAV .MegaDropMenu .MegaDropMenuInner ul li ul.child li {display: block; margin: 2px 0 0 0; padding: 0;background-color: rgba(255, 255, 255, 0.1);text-align: center;}
#header #PC-GNAV .MegaDropMenu .MegaDropMenuInner ul li ul.child li a{margin: 0; padding: 0.3rem 0.1rem; font-size: 12px; width: 100%;box-sizing:border-box;transition: 0.2s;}
#header #PC-GNAV .MegaDropMenu .MegaDropMenuInner ul li ul.child li a.active{margin: 0; padding: 0.3rem 0.1rem; font-size: 12px; width: 100%;box-sizing:border-box;transition: 0.2s;}

/* ------------------------------------------
デフォルト：サブメニュー
------------------------------------------ */
#header .Snav {background-color: rgba(5, 31, 102, 1.0);color: #fff;padding: 0;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);margin-top:5px;}
#header .Snav .inner{max-width:1200px;width:100%;margin: 0 auto;}
#header .Snav .inner a{color: #fff;box-sizing:border-box;transition: 0.2s;}
#header .Snav .inner ul {display:block;width: 100%;text-align: center;margin: 0 auto;padding: 0.6rem 0;}
#header .Snav .inner ul li {display: inline-block;vertical-align: top;}
#header .Snav .inner ul li a{display: inline-block;font-size:0.8rem;color: #fff;margin: 0; padding:0.2rem 0.4rem;width: 100%;box-sizing:border-box;}
#header .Snav .inner ul li a:hover{text-decoration: none;background-color: #fff;color: rgba(5, 31, 102, 1.0);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);}
#header .Snav .inner ul li a.active{text-decoration: none;background-color: #fff;color: rgba(5, 31, 102, 1.0);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);}

/* ------------------------------------------
各項目の幅
------------------------------------------ */
/* IR情報：各項目の幅 */
#header ul.ir-list-margin li ul.child li{width: auto;text-align: left;}
#header ul.ir-list-margin li {box-sizing:border-box;}
#header ul.ir-list-margin li:nth-child(1){width: 11%;}
#header ul.ir-list-margin li:nth-child(2){width: 9%;}
#header ul.ir-list-margin li:nth-child(3){width: 15%;}
#header ul.ir-list-margin li:nth-child(4){width: 10%;}
#header ul.ir-list-margin li:nth-child(5){width: 12%;}
#header ul.ir-list-margin li:nth-child(6){width: 11%;}
#header ul.ir-list-margin li:nth-child(7){width: 9%;}
#header ul.ir-list-margin li:nth-child(8){width: 7%;}
#header ul.ir-list-margin li:nth-child(9){width: 10%;}
/* 企業情報：各項目の幅 */
#header ul.corporate-list-margin li ul.child li{width: auto;text-align: left;}
#header ul.corporate-list-margin li {box-sizing:border-box;}
#header ul.corporate-list-margin li:nth-child(1){width: 18%;}
#header ul.corporate-list-margin li:nth-child(2){width: 17%;}
#header ul.corporate-list-margin li:nth-child(3){width: 13%;}
#header ul.corporate-list-margin li:nth-child(4){width: 11%;}
#header ul.corporate-list-margin li:nth-child(5){width: 12%;}
#header ul.corporate-list-margin li:nth-child(6){width: 14%;}
/* 事業紹介：各項目の幅 */
#header ul.group-list-margin li ul.child li{width: auto;text-align: left;}
#header ul.group-list-margin li {box-sizing:border-box;}
#header ul.group-list-margin li:nth-child(1){width: 20%;}
#header ul.group-list-margin li:nth-child(2){width: 20%;}
#header ul.group-list-margin li:nth-child(3){width: 20%;}
#header ul.group-list-margin li:nth-child(4){width: 20%;}
#header ul.group-list-margin li:nth-child(5){width: 20%;}
#header ul.group-list-margin li:nth-child(6){width: 20%;}
#header ul.group-list-margin li:nth-child(7){width: 20%;}
#header ul.group-list-margin li:nth-child(8){width: 20%;}
#header ul.group-list-margin li:nth-child(9){width: 20%;}
#header ul.group-list-margin li:nth-child(10){width: 20%;}
/* サステナビリティ：各項目の幅 */
#header ul.sustainability-list-margin li ul.child li{width: auto;text-align: left;}
#header ul.sustainability-list-margin li {box-sizing:border-box;}
#header ul.sustainability-list-margin li:nth-child(1){width: 16%;}
#header ul.sustainability-list-margin li:nth-child(2){width: 10%;}
#header ul.sustainability-list-margin li:nth-child(3){width: 10%;}
#header ul.sustainability-list-margin li:nth-child(4){width: 18%;}

/* ------------------------------------------
三角
------------------------------------------ */
/* 三角のサイズ */
#header #PC-GNAV .MegaDropMenu .MegaDropMenuInner:before{content:'';display:block;position:absolute;top:-14px;margin-left:-14px;border-bottom:14px solid rgba(5, 31, 102, 1.0);border-right:7px solid transparent;border-left:7px solid transparent;opacity:1;}
/* 三角の位置（左端からの距離） */
#header #PC-GNAV .gnav01 .MegaDropMenu .MegaDropMenuInner:before {left:349px;}
#header #PC-GNAV .gnav02 .MegaDropMenu .MegaDropMenuInner:before {left:489px;}
#header #PC-GNAV .gnav03 .MegaDropMenu .MegaDropMenuInner:before {left:637px;}
#header #PC-GNAV .gnav04 .MegaDropMenu .MegaDropMenuInner:before {left:816px;}

/* クローズボタン：未使用 */
/* .tabletCloseWrap{position:absolute;top:20px;left:50%;width:1200px;margin:0 0 0 -480px;} */
/* .tabletClose{display:block;position:absolute;top:0;right:0;width:19px;height:19px;background:url("../../../index.html") no-repeat;text-indent:-999em;cursor:pointer;} */



/* ------------------------------------------
言語メニュー
------------------------------------------ */
/* 言語の位置 */
#header #lang-area {
	float:right;
	margin:32px 0 0 0;
	font-size: 1.0rem;
	transition:all  0.2s ease;
}
#header #lang-area ul.lang-menu{
	position: relative;
	z-index:9999;
	width: 90px;
}
#header #lang-area ul.lang-menu{
	text-align: center;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
#header #lang-area ul.lang-menu li{
	display: block;
	max-width: 120px;
	position: relative;
	padding: 0px;
	cursor: pointer;
}
ul.lang-menu > li{
	display: inline;
	border-bottom: 1px solid #000;
	background-image: url("../img/svg/icn_arw_tgl_b.svg"), url("../img/svg/icn_global.svg");
	background-position: center right,center left;
	background-repeat: no-repeat,no-repeat;
}
#header #lang-area ul.lang-menu li ul.lang-child {
	width: 100%;
	display: none;
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0;
	background: #fff;
	border: 1px solid #000;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1)
}

#header #lang-area ul.lang-menu li ul.lang-child li{
	width: 100%;
	border-bottom: 1px solid #000;
}
#header #lang-area ul.lang-menu li ul.lang-child li:last-child{
	border-bottom: none;
}

#header #lang-area ul.lang-menu li ul.lang-child li a{
	padding: 0px 0;
	margin: 0;
	display: block;
	color: #333;
}

#header #lang-area ul.lang-menu li ul.lang-child li a:hover{
	background: rgba(30, 30, 30, 1.0);
	color:#fff;
}