@charset "utf-8";

#header .sp-dsp-block{display: none;}
#header .mT0pc{margin-top: 0!important;}
/*=============================================================
 header
=============================================================*/
#header{
	background-color:rgba(255, 255, 255, 1);
	/*backdrop-filter: blur(3px);*/
	padding:15px 0 0 30px;
	box-sizing: border-box;
	/*box-shadow:0 2px 10px rgba(0,0,0,.2);*/
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:21;
}
#header a{color:#333;}
#header .drop .contentsInner{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
}

/* hdr-logo
-------------------------------------------------------------*/
#hdr-logo{
	position:absolute;
	z-index: 1;
}
#hdr-logo a{display: block;}
/* globalNavSet
-------------------------------------------------------------*/
#globalNavSet{position:relative;}
#globalNavSet>dt{display:none;}

/* delete JS Style */
@media only screen and (min-width:768px){
#container{margin-top:0 !important;}
}
#globalNavSet>dd>div{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row-reverse;
}
/* boxGNavBg */
.boxGNavBg{
	background:rgba(0,0,0,.5);
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:20;
	visibility:hidden;
	opacity:0;
	transition:.2s;
}

/* globalNav
-------------------------------------------------------------*/
#globalNav{
	display:flex;
	/*width:100%;*/
	margin:60px 120px 0 0;
}
@media only screen and (max-width:1024px) and (min-width:768px){
#globalNav{font-size:calc(100vw * 16 / 1024);}
}

#globalNav>li{
	line-height:1.2;
	box-sizing:border-box;
	text-align:center;
	margin:0;
	/*padding:0 3px 0 4px;*/
	flex:1 1 auto;
	position:relative;
}
#globalNav>li>a{
	color:#333;
	font-size: 16px;
	text-decoration:none;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	height:100%;
	padding:10px 20px;
	position:relative;
}
#globalNav #gb-sustainability li.toggle-set>a {
	pointer-events: none;
}

@media only screen and (min-width:768px){

#globalNav>li>a::after,
#globalNav .setDrop ax::after{
	content: '';
	position: absolute;
	width: 0;
	box-sizing: border-box;
	bottom: 0;
	height: 3px;
	background: #0b1f64;
	transition: width 0.35s cubic-bezier(0.19, 1, 0.22, 1);
}
#globalNav>li>a:hover::after,
#globalNav .setDrop ax.act::after,
#globalNav .setDrop.act a::after{
	width: 80%;
}

#globalNav>li>a.icon-blank::after{}
html:not(.touchDevice) #globalNav>li>a.icon-blank:hover::after{}

/* act *//* body#XXX -> add.act  #globalNav>#gb-XXX */
#globalNav>.act>a{
	color:#0b1f64;
}
#globalNav>.act>a::after{
	content:"";
	display:block;
	background-color:#0b1f64;
	height:3px;
	position:absolute;
	bottom:0;
}
/* drop */
#globalNav .drop{
	display:block !important;
	background-color:rgba(236,240,240,1);
	box-sizing:border-box;
	width:100%;
	transition:.25s ease-out;
	position:fixed;
	left:0;
	z-index:22;
}
#globalNav .drop.open{
	padding-top:50px;
	padding-bottom:30px;
	visibility:visible;
	opacity:1;

	max-height: calc(100vh - 114px);
  overflow-y: auto;
}
#globalNav .drop>*{display:none;}
#globalNav .drop.open>*{display:block;}

#globalNav .drop .hdr-cat-ttl{
	text-align: left;
	margin-bottom: 23px;
}
#globalNav .drop .hdr-cat-ttl a{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	padding-right: 30px;
	box-sizing: border-box;
	color: #0b1f64;
	position: relative;
}
#globalNav .drop .hdr-cat-ttl a::before{
	content: '';
	position: absolute;
	width: 0;
	box-sizing: border-box;
	bottom: 0;
	height: 3px;
	background: #0b1f64;
	transition: width 0.35s cubic-bezier(0.19, 1, 0.22, 1);
}
#globalNav .drop .hdr-cat-ttl a:hover{text-decoration: none;}
#globalNav .drop .hdr-cat-ttl a:hover::before{width: calc((100% - 30px));}

#globalNav .drop .hdr-cat-ttl a:after{
	content: '';
	position: absolute;
	top:0;
	right: 0;
	width: 26px;
	height: 26px;
	background: url("/shared/img/hdr_arrowC.png");
}
/*#globalNav .drop ul*/
#globalNav .drop .hdr-col{
	line-height:1.4;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	column-gap: 32px;
	/*margin:-10px -25px 0;*/
}
#globalNav .drop .hdr-col>ul{
	width: 100%;
	text-align: left;
	width: calc((100% - 64px) / 3);
	/*padding:10px 25px 0;*/
}
#globalNav .drop ul li a{
	font-size: 14px;
	display:block;
	padding:4px 0 4px 20px;
	position:relative;
}
#globalNav .drop ul li a::before{
	content:"";
	display:block;
	width:8px;
	border-bottom:2px solid #0b1f64;
	position:absolute;
	top:50%;
	left:0;
	/*transform:rotate(-45deg);*/
}
#globalNav .drop ul>li.toggle-set>a,
#globalNav .drop ul>li.step>a{
	font-size: 15px;
	font-weight: 700;
	color: #0b1f64;
	padding:5px 0 5px 0;
}
#globalNav .drop ul>li.stepB a{color: #333; font-weight: normal;}
#globalNav .drop ul>li.step{margin-top: 20px}
#globalNav .drop ul>li.step a::before{content: none!important;}
#globalNav .drop ul>li + .toggle-set{margin-top: 50px;}
#globalNav .drop ul>li.step + .toggle-set{margin-top: 20px;}


#globalNav .drop ul>li.toggle-set>a::before{content: none;}
#globalNav #gb-sustainability .drop .hdr-col>ul:last-child,
#globalNav #gb-ir .drop .hdr-col>ul:last-child{
	width: 100%;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #ccc;
	display: flex;
	flex-wrap: wrap;
	column-gap: 32px;
}
#globalNav #gb-sustainability .drop .hdr-col>ul:last-child>li,
#globalNav #gb-ir .drop .hdr-col>ul:last-child>li{
	width: 100%;
	text-align: left;
	width: calc((100% - 64px) / 3);
}
#globalNav .drop ul ul{
	display: block;
}
/*#globalNav .drop .btnClose{
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	top:13px;
	right:40px;
	cursor:pointer;
}*/
/*#globalNav .drop .btnClose::before,
#globalNav .drop .btnClose::after{
	content:"";
	box-sizing:border-box;
	width:30px;
	height:1px;
	border-top:1px solid #fff;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, 0) rotate(45deg);
}
#globalNav .drop .btnClose::after{transform:translate(-50%, 0) rotate(-45deg);}*/

/* grandchild */
#globalNav ul ul{display:none;}
/* sp-gbSlide */
#globalNav .btnBack{display:none;}
}
/* hdr-menu
-------------------------------------------------------------*/
#hdr-menu{
	display:flex;
	flex-direction:row-reverse;
	justify-content:flex-end;
	margin:10px 120px 0 0;
	position:absolute;
	right:0;
}
#hdr-menu>li{margin-left:20px;}

/* hdr-btnInquiry */
#hdr-btnInquiry{
	position: absolute;
	right: 0;
	top:-15px;
	bottom: 0;
}
#hdr-btnInquiry a{
	display: flex;
	align-items: center;
	font-size: 15px;
	min-width: 120px;
	height: 100%;
	color: #fff;
	background: #0b1f64;
	padding: 15px;
	box-sizing: border-box;
	transition: all .3s;
}
#hdr-btnInquiry a:hover,
#hdr-btnInquiry a:hover span{text-decoration: none!important;}
#hdr-btnInquiry a:hover{background: #009bb1;}

/* hdr-search */
#hdr-search{
	position: relative;
	margin: 0 20px 0 auto;
}
#hdr-search .hdr-search-box{
	max-width: 231px;
	height: 31px;
	border: 1px solid #cccccc;
	padding-left: 4px;
	background-color: #ffF;
}
#hdr-search .hdr-search-box .hdr-search-input{
	float: left;
	width: 200px;
}
#hdr-search .hdr-search-box .hdr-search-input input{
	width: 100%;
	height: 31px;
	margin: 0;
	line-height: 31px;
	border: none;
	border-width: 0px;
}
#hdr-search .hdr-search-box .hdr-search-btn{
	float: right;
	width: 31px;
	height: 31px;
}
#hdr-search .hdr-search-box .hdr-search-btn input {
	width: 31px;
	height: 31px;
	text-indent: -999px;
	overflow: hidden;
	border: none;
	cursor: pointer;
	background: url(../img/icn_search.png) no-repeat center center;
}
/* hdr-btnLang */
#hdr-btnLang{
}
#hdr-btnLang a{
	font-size: 14px;
	line-height: 31px;
	color: #0b1f64;
}
/* header shrink
-------------------------------------------------------------*/
@media only screen and (min-width:768px){
.setShrink#header,
.setShrink #hdr-logo,
.setShrink #globalNavSet,
.setShrink #globalNav,
.setShrink #hdr-menu,
.setShrink #hdr-search{transition:all 0.2s ease-out;}

.hdrShrink .setShrink#header{
	padding-top:5px;
}
.setShrink #hdr-logo{
	width:190px;
	overflow:hidden;
	transition-property:width;
}
.hdrShrink .setShrink #hdr-logo{
	width:38px;
	top:50%;
	transform:translate(0,-50%);
}
.setShrink #hdr-logo img{max-width:none;}
.hdrShrink .setShrink #globalNavSet{
	margin-left:60px;
}
.hdrShrink .setShrink #globalNav{
	margin-top:0;
}
.hdrShrink .setShrink #hdr-menu{
	visibility:hidden;
	opacity:0;
	transform:translate(0, -30px);
}
/*.hdrShrink .setShrink #hdr-search*/
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){
#header .sp-dsp-block{display: block;}
#header{
	height:50px;
	padding-top:0;
	padding-left: 14px;
}
#header>.contentsInner{
	display:flex;
	align-items:center;
	height:100%;
}
/* hdr-logo
-------------------------------------------------------------*/
#hdr-logo{
	width:120px;
	position:static;
}
#hdr-logo a{display: block;}
#hdr-logo a img{width: 120px;height: auto;}

/* globalNavSet
-------------------------------------------------------------*/
#globalNavSet{position:static;}
#globalNavSet>dt{
	/*background-color:#333;*/
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
#globalNavSet>dt::before,
#globalNavSet>dt::after{
	content:"";
	background-color:#0b1f64;
	display:block;
	width:20px;
	height:2px;
	position:absolute;
	top:24px;
	left:50%;
	margin-left:-10px;
	z-index:1;
}
#globalNavSet>dt>span::before{
	content:"";
	width:20px;
	height:16px;
	margin-left:-10px;
	border-top:2px solid #0b1f64;
	border-bottom:2px solid #0b1f64;
	top:15px;
	left:50%;
	position:absolute;
}
#globalNavSet>dt>span .open,
#globalNavSet.open>dt>span .close{display:none;}
#globalNavSet.open>dt>span .open{display:inherit;}
#globalNavSet>dt::before,
#globalNavSet>dt::after,
#globalNavSet>dt>span{
	transition:all 0.3s ease;
}
#globalNavSet.open>dt>span::before{border-color:rgba(255,255,255,0);}
#globalNavSet.open>dt::before{transform:rotate(45deg);}
#globalNavSet.open>dt::after{transform:rotate(-45deg);}
#globalNavSet>dt>span>span{display:none;}
#globalNavSet>dd{
	background-color:#ecf0f0;
	box-sizing:border-box;
	width:100%;
	visibility:hidden;
	overflow:hidden;
	position:fixed;
	top:50px;
	bottom:100%;
	left:0;
	z-index:71;
	opacity:0;
	transition:all 0.3s ease;
	height:0;
}
#globalNavSet.open>dd{
	height:calc(100vh - 50px);
	visibility:visible;
	opacity:1;
}
#globalNavSet>dd>div{display:block;}
#globalNavSet>dd>*{visibility:hidden;}
#globalNavSet.open>dd>*{visibility:inherit;}
html.gNavOpen,
html.gNavOpen body{
	height:100%;
	overflow:hidden;
}
html.gNavOpen #globalNavSet>dd>div{
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding-top:0;
	overflow:auto;
	position:relative;
	-webkit-overflow-scrolling:touch;
}
/* set drawer animation */
#globalNavSet.setOpenDrawerR>dd{
	height:calc(100vh - 50px);
	left:100%;
	bottom:0;
}
#globalNavSet.setOpenDrawerR.open>dd{left:0;}

/* boxGNavBg */
html.gNavOpen .boxGNavBg{
	visibility:visible;
	opacity:1;
}
/* globalNav
-------------------------------------------------------------*/
#globalNav{
	display: block;
	width:100%;
	margin:0 0 0;
	border-top:1px solid #a9b1c6;
}
#globalNav li{
	text-align: left;
	line-height:1.2;
	border-bottom:1px solid #a9b1c6;
}
#globalNav>li:before,
#globalNav>li:last-child:after{display:none;}
#globalNav li a{
	font-size: 16px;
	text-decoration:none;
	box-sizing:border-box;
	display:block;
	padding:14px 4% 13px 4%;
	position:relative;
	z-index: 1;
}
#globalNav #gb-sustainability li.toggle-set>a {
	pointer-events: auto;
}
#globalNav .hdr-col--recruit  {
	display: flex;
	flex-direction: column;
}
#globalNav .hdr-col--recruit ul {
	display: contents;
}
#globalNav .hdr-col--recruit .sp-number-last {
	order: 10;
}
#globalNav .hdr-col li.sp-dsp-block a{
	font-size: 17px;
	font-weight: bold;
}
#globalNav .hdr-col .toggle-box li.sp-dsp-block a{font-size: 15px;}

#globalNav .hdr-col .toggle-box li a.not,
#globalNav .hdr-col .toggle-box li:nth-child(n + 2) a{padding:14px 4% 13px 6%;}

#globalNav .drop>.contentsInner{padding:0 0 100px;}
#globalNav .drop .hdr-cat-ttl{display: none;}
/* sp-gbSlide */
#hdr-search,
#globalNav,
#hdr-menu,
#hdr-btnInquiry,
#globalNav .sp-gbSlide>.sp-gbSlideBox{transition:.4s;}
#globalNavSet[data-gbact] #globalNav{margin-left:-100vw;}
#globalNavSet[data-gbact] #hdr-search,
#globalNavSet[data-gbact] #hdr-menu,
#globalNavSet[data-gbact] #hdr-btnInquiry{transform:translateX(-100vw);}

#globalNav .sp-gbSlide>.sp-gbSlideBox{
	box-sizing:border-box;
	width:100%;
	height:calc(100vh - 50px);
	padding:0 0 20px;
	position:fixed;
	right:-100%;
	top:50px;
	bottom:0;
	z-index:101;
	visibility:hidden;
	/*opacity:0;*/
	overflow:scroll;
	-ms-overflow-style:none;/* IE, Edge */
	scrollbar-width:none;/* Firefox */
}
#globalNav .sp-gbSlide>.sp-gbSlideBox::-webkit-scrollbar{display:none;}/* Chrome, Safari */
html.gNavOpen #globalNav .sp-gbSlide>.sp-gbSlideBox{-webkit-overflow-scrolling:touch;}
#globalNav .sp-gbSlide.open>.sp-gbSlideBox{visibility:visible;}

#globalNavSet[data-gbact="2"] .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="3"] .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="3"] .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="4"] .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="4"] .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="4"] .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="5"] .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="5"] .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="5"] .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="5"] .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:100%;}

#globalNavSet[data-gbact="1"] .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="2"] .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="3"] .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="4"] .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox,
#globalNavSet[data-gbact="5"] .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:0;}

#globalNav .sp-gbSlide>.sp-gbSlideBox,
#globalNav .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox,
#globalNav .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox,
#globalNav .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox,
#globalNav .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:-100%;}

#globalNav .sp-gbSlide>a{padding-right:calc(4% + 12px);}
#globalNav .sp-gbSlide>a::after,
#globalNav .sp-gbSlide .sp-gbSlideBox .btnBack::after{
	content:"";
	box-sizing:border-box;
	width:12px;
	height:10px;
	background: url(/shared/img/hdr_arrow_sp.svg);
	position:absolute;
	top:18px;
	right:4%;
	/*transform:translate(-40%, 0) rotate(-45deg);*/
}
#globalNav .sp-gbSlide .sp-gbSlideBox .btnBack{
	font-size: 16px;
	padding:14px 4% 13px calc(4% + 12px);
	border-top:1px solid #a9b1c6;
	position:relative;
	cursor:pointer;
}
#globalNav .sp-gbSlide .sp-gbSlideBox .btnBack::after{
	right:auto;
	left:4%;
	transform:translate(-40%, 0) rotate(180deg);
}

/* toggle-btn */
#globalNav .toggle-set{position:relative;}
#globalNav .toggle-set>.toggle-box{display: none;}
#globalNav .toggle-set.open>.toggle-box{display: block;}
#globalNav .toggle-btn{
	text-indent:112%;
	width:100%;
	height: 47.17px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
	box-sizing:border-box;
	display:block;
	padding:10px calc(4% + 12px) 8px 4%;
	cursor: pointer;
}
#globalNav>li>a,
#globalNav>li>a+.toggle-btn{
	font-weight:normal;
	box-sizing:border-box;
	display:block;
	padding:14px calc(4% + 12px) 13px 4%;
}
#globalNav li:not([id^="gb-"]) .toggle-btn::after,
#globalNav li:not([id^="gb-"]) .toggle-btn::before{
	content: "";
	background-color: #0b1f64;
	display: block;
	width: 10px;
	height: 1px;
	/*margin-top: 1px;*/
	position: absolute;
	top: 50%;
	right: 4%;
	transition: all 0.3s ease;
	transform: rotate(90);
}
#globalNav li:not([id^="gb-"]) .toggle-btn:after{transform:rotate(90deg);}
#globalNav li:not([id^="gb-"]).open>.toggle-btn:after{transform:rotate(0);}
#globalNav ul .toggle-btn::after{
	top:5px;
	right:0;
}
#globalNav ul .toggle-btn+ul{background: #fff;}
#globalNav ul .toggle-box{padding: 10px 0;}
#globalNav ul .toggle-box li{border-bottom: none;}
#globalNav ul .toggle-box li a{font-size: 14px;}
#globalNav ul .toggle-set>a{
	display:inline-block;
	padding-right:12px;
	pointer-events:none;
}

/* hdr-menu
-------------------------------------------------------------*/
#hdr-menu{
	display:flex;
	flex-direction: column-reverse;
	margin:20px 20px;
	position:static;
}
#hdr-menu>li{margin:0;}

/* hdr-btnInquiry */
#hdr-btnInquiry{
	position: static;
	top:inherit;
}
#hdr-btnInquiry a{justify-content: center;}
#hdr-btnInquiry a:hover,
#hdr-btnInquiry a:hover span{text-decoration: none!important;}
#hdr-btnInquiry a:hover{opacity: .8;}

/* hdr-search */
#hdr-search{
	position: relative;
	margin: 0 20px 0 auto;
}
#hdr-search .hdr-search-box{
	max-width: 100%;
	padding-left: 0;
}
#hdr-search .hdr-search-box .hdr-search-input{width: calc((100% - 32px));}
/* hdr-btnLang */
#hdr-btnLang a{
	font-size: 14px;
	display: block;
	padding: 10px
}
.noLinkSp{pointer-events: none;}
.indentSp{padding: 14px 4% 13px 7%!important;}
/* hdr-gbDrop
-------------------------------------------------------------*/
.hdr-gbDrop{display:none !important;}


}