@charset "utf-8";
/*=============================================================
 header
=============================================================*/
#header{
	background-color:#fff;
	padding-top:25px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:21;
}
#header:after{
	content: '';
	height: 1px;
	background: #edf1f4;
	position: absolute;
	bottom: 0;
	left:0;
	right: 0;
}
#header a{
	display: block;
	color:#333;
}

/* hdr-logo
-------------------------------------------------------------*/
#hdr-logo{
	position:absolute;
	z-index: 1;
}


/* 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;
	justify-content: flex-end;
}
/* 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;
}
/* hdr-search
-------------------------------------------------------------*/
#hdr-search {
	color: #333;
	background: url(../image/hdr_icon_search.png)no-repeat;
	background-position:right;
	width: 110px;
	height: 20px;
	position: absolute;
	top: 3px;
	right: 0;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}
#hdr-search:hover,
.searchShow #hdr-search{
	color: #e6002d;
	background: url(../image/hdr_icon_search_o.png)no-repeat;
	background-position:right;
}
#hdr-search>span{
	display: block;
	padding: 2px;
	box-sizing: border-box;
}
#hdr-search-area {
	width: 100%;
	height: 0px;
	position: fixed;
	left: 0;
	top: 132px;
	z-index: 99999;
	color: #fff;
	transition:all 0.0s;
	transition-delay: 0.3s;
	overflow: hidden;
}
.searchShow #hdr-search-area {
	height: 80px;
	transition:all 0.0s;
}
.hdrShrink #hdr-search-area {
	top: 66px;
}
#hdr-search-area-outer{
	background-color: #e6002d;
	opacity: 0;
	transition:all 0.25s;
}
.searchShow #hdr-search-area-outer{
	opacity: 1;
}
#hdr-search-area-inner{
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 20px 200px;
	position: relative;
}
#hdr-search-area-inner form{
	padding: 0 50px;
	border-radius: 100px;
	background: #ed4d6c url("../image/hdr_icon_search_wh.png") no-repeat 16px center;
}
#hdr-search-area-inner input[type='text']{
	width: 100%;
	height: 40px;
	line-height: 40px;
	outline: none;
	border: none;
	background-color: #ed4d6c;
	color: #fff;
}
#hdr-search-area-inner input[type='text']:placeholder {
	color: #fff;
}
#hdr-search-area-inner input[type='text']:-ms-input-placeholder {
	color: #fff;/* 旧Edge対応 */
}
#hdr-search-area-inner input[type='text']:-ms-input-placeholder {
	color: #fff;/* IE対応 */
}
#hdr-search-area-inner .btnClose{
	width: 26px;
	height: 26px;
	position: absolute;
	top: 50%;
	right: 50px;
	margin: -13px;
	transform: rotate(45deg);
	cursor: pointer;
}
#hdr-search-area-inner .btnClose::before,
#hdr-search-area-inner .btnClose::after{
	content: "";
	width: 26px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#hdr-search-area-inner .btnClose::after{
	transform: translate(-50%,-50%) rotate(-90deg);
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 media 1024px ~ full
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:1024px){	

/*=============================================================
 header
=============================================================*/
	#header .contentsInner{
		max-width: 100%;
		position: relative;
	}	
	
/* hdr-logo
-------------------------------------------------------------*/
	#header nav {
		width: 100%;
		position: relative;
	}
/* globalNavSet
-------------------------------------------------------------*/
	#globalNavSet{
		width: calc((100% - 88px));
		margin-left: 88px;
	}
	
/* globalNav
-------------------------------------------------------------*/
	#globalNav{
		display:flex;
		justify-content: end;
		align-items: center;
		width: 100%;
		margin-top: 24px;
		margin-left: -15px;
	}

	#globalNav>li{
		line-height:1.2;
		box-sizing:border-box;
		text-align:center;
		margin:0;
		position:relative;
	}
	#globalNav>li::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: block;
		height: 2px;
		padding-bottom: 2px;
		transform: scaleX(0);
		transform-origin: left bottom;
		transition: all 0.3s ease 0.1s;
	}
	/* hover animation */	
	#globalNav>.act::after {
		background-color: #E62047;
		transform: scaleX(1);
	}

	#globalNav>li>.sp-gbSlideBtn a {
		display: inline-block;
		display: flex;
		align-items: center;
		gap: 16px;
		padding: 32px 32px 30px;
		position: relative;
		cursor: pointer;
		white-space: nowrap;
		text-decoration: none;
		font-size: 1.8rem;
	}
	#globalNav>li>.sp-gbSlideBtn a::after {
		transition: all 0.3s ease 0.1s;
	}
	#globalNav>li>.sp-gbSlideBtn a::after,
	#globalNav>.act>.sp-gbSlideBtn a::after {
		content: "";
		box-sizing: border-box;
		width: 9px;
		height: 9px;
		margin-bottom: 6px;
		transform-origin: center;
		background-color: #fff;
		border-right: 2px solid #b8b8b8;
		border-bottom: 2px solid #b8b8b8;
		transform: translate(0, 0) rotate(45deg);
	}
	#globalNav>li.open>.sp-gbSlideBtn a::after {
		border-right: 2px solid #e6002d;
		border-bottom: 2px solid #e6002d;
		transform: translate(0, 5px) rotate(-135deg)!important;
	}
	/* hover animation */	
	#globalNav>li>.sp-gbSlideBtn a:hover::after {
		border-right: 2px solid #e6002d;
		border-bottom: 2px solid #e6002d;
		transform: translate(0, 0) rotate(45deg);
	}

	#globalNav>li>a{
		display: inline-block;
		padding: 32px 32px 30px;
		z-index: 23;
		box-sizing:border-box;
		text-decoration:none;
		font-size: 18px;
		color:#333;
		white-space: nowrap;
	}
	
	/* drop */
	#globalNav>li>.drop{
		position:fixed;
		left:50%;
		transform: translateX(-50%);
		z-index:22;
		width:100%;
		max-width: 1300px;
		min-height: 560px;
		max-height: 90vh;
    overflow-y: scroll;
		-ms-overflow-style:none;/* IE, Edge */
		scrollbar-width:none;/* Firefox */
		padding: 30px 0 0;
		text-align: left;
		box-sizing:border-box;
		transition:all .25s ease-out;
		background: #F4F5F9;
		opacity:0;
		visibility: hidden;
	}
	#globalNav>li>.drop::-webkit-scrollbar{
		display:none;
	}
	#globalNav>li.open>.drop{
		visibility:visible;
		opacity:1;
	}
	.drop .contentsInner {
		padding: 0 60px;
	}

	/* gb-listBox */
	#globalNav>li>.drop .gb-listBox{
		overflow-y: scroll;
		-ms-overflow-style:none;/* IE, Edge */
		scrollbar-width:none;/* Firefox */
	}
	#globalNav>li>.drop .gb-listBox::-webkit-scrollbar{
		display:none;
	}

	#globalNav .drop .gb-listBox .gb-listBox-ttl {
		display: flex;
		justify-content: space-between;
		align-items: end;
		margin-bottom: 16px;
		line-height: 1.2;
		font-size: 2.4rem;
		font-weight: 700;
		color: #000;
	}
	#globalNav .drop .gb-listBox .gb-listBox-ttl>a {
		position: relative;
		display: inline-flex;
		gap: 8px;
		text-decoration: none;
		transition: all .3s ease;
	}
	#globalNav .drop .gb-listBox .gb-listBox-ttl>a::after {
		content: '';
		display: inline-block;
		width: 25px;
		height: 25px;
		background: url(/eng/shared/image/hdr_link_arrow.png) no-repeat;
		background-size: contain;
		transition: .3s;
	}
	#globalNav .drop .gb-listBox .gb-listBox-ttl>a::before {
		content: '';
		position: absolute;
		bottom: -10px;
		left: 0;
		display: block;
		width: calc(100% - 31px);
		height: 2px;
		transform: scaleX(0);
		transform-origin: left bottom;
		transition: all .3s ease;
	}
	#globalNav .drop .subnav-list-box > li > a::before,
	#globalNav .drop .subnav-list-box > li > .sp-gbSlideBtn > a::before,
	#globalNav .drop .pickup-link .link-title::before {
		content: '';
		position: absolute;
		bottom: -2px;
		left: 0;
		display: block;
		width: calc(100% - 14px);
		height: 1px;
		transform: scaleX(0);
		transform-origin: left bottom;
		transition: all .3s ease;
	}
	/* hover animation */	
	#globalNav .drop .gb-listBox .gb-listBox-ttl>a:hover::after {
		transform: translateX(4px);
	}
	#globalNav .drop .gb-listBox .gb-listBox-ttl>a:hover::before,
	#globalNav .drop .subnav-list-box > li > a:hover::before,
	#globalNav .drop .subnav-list-box > li > .sp-gbSlideBtn > a:hover::before,
	#globalNav .drop .pickup-link a:hover .link-title::before {
		transform: scaleX(1);
		background-color: #E62047;
	}

	/* pc-menu-close */
	#globalNav .drop button.pc-menu-close {
		position: absolute;
    right: 13px;
    top: -17px;
		width: 40px;
		height: 40px;
    border: none;
    background: url(/eng/shared/image/hdr_menu_close.png) no-repeat;
		background-size: contain;
		cursor: pointer;
	}
	#globalNav .drop button.pc-menu-close::after {
		content: 'Close';
		position: absolute;
    left: 3px;
    bottom: -20px;
    font-size: 1.2rem;
	}

	#globalNav .drop ul{
		line-height:1.4;
	}
	#globalNav .drop ul li{
		padding:14px 0 0;
		font-weight: 700;
	}
	#globalNav #gb-sustainability .drop ul li{
		padding-top:4px;
	}
	#globalNav .drop ul li a{
		display: inline-flex;
		align-items: center;
		text-decoration: none;
		position: relative;
	}
	#globalNav .drop ul li a::after,
	#globalNav .drop .pickup-link .link-title::after {
		content:'';
		display:block;
		width:4px;
		height:4px;
		margin-left: 8px;
		border-bottom:2px solid #e6002d;
		border-right:2px solid #e6002d;
		transform:rotate(-45deg);
		transition: all .3s ease;
		background: none;
	}

	#globalNav .drop ul li a[target="_blank"]::before {
		content: none;
	}
	#globalNav .drop ul li a[target="_blank"]::after {
		background: url(/eng/shared/image/icon_blank.png)no-repeat;
    width: 12px;
    height: 12px;
    margin-bottom: -1px;
		border-bottom: none;
		border-right: none;
		transform: rotate(0);
	}

	/* hover animation */	
	#globalNav .drop ul li a:hover::after,
	#globalNav .drop .pickup-link a:hover .link-title::after {
		transform: translateX(4px) rotate(-45deg);
	}
	#globalNav .drop ul li a[target="_blank"]:hover::after {
		transform: rotate(0);
	}

	/* subnav-list */
	#globalNav .drop .subnav-list {
		float: left;
		display: grid;
		grid-auto-flow: column;
		grid-template-rows: repeat(3, auto);
		align-items: baseline;
		column-gap: 24px;
		row-gap: 40px;
		max-width: 100%;
		width: 100%;
		padding-bottom: 70px;
	}
	#globalNav .drop .subnav-list .subnav-list-box {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	#globalNav #gb-sustainability .drop .subnav-list .subnav-list-box {
		gap: 8px;
	}
	#globalNav #gb-sustainability .drop .subnav-list .subnav-list-box ul li a {
		font-size: 1.4rem;
	}
	#globalNav .drop .subnav-list.about-col,
	#globalNav .drop .subnav-list.business-col {
		grid-template-columns: repeat(2, 1fr);
		width: calc(100% - 330px);
	}
	#globalNav .drop .subnav-list.investor-col,
	#globalNav .drop .subnav-list.sustaina-col {
		grid-template-columns: repeat(3, 1fr);
	}
	#globalNav .drop .subnav-list.about-col .subnav-list-box:nth-child(2),
	#globalNav .drop .subnav-list.business-col .subnav-list-box:nth-child(2) {
		grid-row: 1 / 4;
	}
	#globalNav .drop .subnav-list.about-col .subnav-list-box:nth-child(3),
	#globalNav .drop .subnav-list.business-col .subnav-list-box:nth-child(3) {
		grid-row: 1 / 2;
	}
	#globalNav .drop .subnav-list.about-col .subnav-list-box:nth-child(4),
	#globalNav .drop .subnav-list.business-col .subnav-list-box:nth-child(4) {
		grid-row: 2 / 4;
	}
	#globalNav .drop .subnav-list.investor-col .subnav-list-box {
		grid-row: 1 / 4;
	}
	#globalNav .drop .subnav-list.investor-col,
	#globalNav .drop .subnav-list.sustaina-col {
		row-gap: 16px;
	}
	#globalNav .drop .subnav-list.sustaina-col .subnav-list-box:nth-child(2),
	#globalNav .drop .subnav-list.sustaina-col .subnav-list-box:nth-child(3) {
		grid-row: 1 / 4;
	}

	/* pickup-link */
	#globalNav .drop .pickup-link {
		max-width: 290px;
		float: right;
		word-wrap:break-word;
	}
	#globalNav .drop .pickup-link .img-box {
		margin-bottom: 16px;
		overflow: hidden;
	}
	#globalNav .drop .pickup-link .img-box img {
		transition: all .3s ease;
	}
	#globalNav .drop .pickup-link a {
		text-decoration: none;
	}
	#globalNav .drop .pickup-link .link-title {
		display: inline-flex;
		align-items: center;
		margin-bottom: 8px;
		font-weight: 700;
		position: relative;
	}
	#globalNav .drop .pickup-link .txt-box p{
		line-height: 1.5;
	}

	/* hover animation */	
	#globalNav .drop .pickup-link a:hover .img-box img {
		transform: scale(1.1);
	}
	
	/* drop2 */
	#globalNav .drop ul li.sp-gbSlide .drop2 ul li{
		padding-left: 16px;
		font-weight: 400;
	}
	#globalNav .drop ul li.sp-gbSlide .drop2 ul li a {
		display: inline;
		position: relative;
		padding-bottom: 4px;
		line-height: 1.5;
		background: linear-gradient(#e6002d, #e6002d) 0 100%/0 1px no-repeat;
		transition: background .3s ease;
	}
	#globalNav .drop .subnav-list.sustaina-col .drop2 ul li {
		padding-top: 6px!important;
		line-height: 1;
	}
	#globalNav .drop .subnav-list.sustaina-col .drop2 ul li a {
		padding-bottom: 2px;
		line-height: 1.4;
	}

	/* hover animation */	
	#globalNav .drop ul li.sp-gbSlide .drop2 ul li a:hover{
		background-size: 100% 1px;
	}
	#globalNav .drop ul li.sp-gbSlide .drop2 ul li a::before{
		content: '-';
		display: inline-block;
		position: absolute;
		left: -16px;
		color: #E30934;
	}
	#globalNav .drop ul li.sp-gbSlide .drop2 ul li a::after{
		content: none;
	}

	#globalNav .sp-gbSlide .sp-gbSlideBox .btnBack {
		display: none;
	}
	.sp-gbSlide-topBtn {
		display: none;
	}

	/* pc-globalNav-bg
-------------------------------------------------------------*/
	#pc-globalNav-bg {
		position: fixed;
		z-index: 10;
		display: none;
		width: 100%;
		height: calc(100% - 133px);
		bottom: 0;
		transition: all .2s ease-out;
	}
	#pc-globalNav-bg.open{
		display: block;
	}
	.hdrShrink #pc-globalNav-bg {
		height: calc(100% - 72px);
	}

/* hdr-menu
-------------------------------------------------------------*/
	#hdr-menu{
		display:flex;
		flex-direction:row-reverse;
		justify-content:flex-end;
		margin-right: 32px;
		position:absolute;
		right:0;
	}
	#hdr-menu>li{margin-left:20px;}

	/* hdr-btnSitemap */
	#hdr-btnSitemap{
		line-height: 1.4;
		display: none;
	}
	#hdr-btnSitemap a{padding: 0!important;}

	/* hdr-btnLang */
	#hdr-btnLang a{padding: 0!important;}
}

#globalNav .drop .hdr-menu {
	display: none;
}


@media only screen and (max-width: 1300px) and (min-width: 1024px){
	#globalNav>li>a,
	#globalNav>li>.sp-gbSlideBtn a {
		font-size: calc(16px + ((1vw - 10.24px) * 0.72464));
	}
}

/* header shrink
-------------------------------------------------------------*/
@media only screen and (min-width:1024px){
	.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:80px;
		overflow:hidden;
		transition-property:width;
	}
	.hdrShrink .setShrink #hdr-logo a{height: 32px;}
	.hdrShrink .setShrink #hdr-logo .hdrShrink-logo{display: none;}	
	.hdrShrink .setShrink #hdr-logo{
		background: url("../image/hdr_logo_s.svg") no-repeat;
		width:121px;
		height: 32px;
		top:40%;
		transform:translate(0,-50%);
	}
	.setShrink #hdr-logo img{max-width:none;}
	.hdrShrink .setShrink #globalNav{
		margin-top:0;
	}
	.hdrShrink .setShrink #globalNav>li>.sp-gbSlideBtn a,
	.hdrShrink .setShrink #globalNav>li> a {
		font-size: 1.6rem;
	}
	.hdrShrink .setShrink #hdr-menu{
		visibility:hidden;
		opacity:0;
	}
	.hdrShrink .setShrink #hdr-search{top:23px;}
		
	/* drop2 */
	#globalNav .dropDft::-webkit-scrollbar,
	#globalNav .drop2::-webkit-scrollbar{display:none;}/* Chrome, Safari */
	#globalNav .drop.open .dropDft,
	#globalNav .drop.open .drop2.open{
		visibility:visible;
		opacity:1;
	}
	.gNavOpenDrop2 #globalNav .drop.open .dropDft{
		visibility:hidden;
		opacity:0;
	}
	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 media 1200px ~ full
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:1200px){
	/* globalNav
-------------------------------------------------------------*/
	#globalNavSet>dd>div {
		flex-wrap: nowrap;
		justify-content: end;
	}
	#globalNav {
		width: auto;
		margin-top: 0;
	}
	#hdr-menu {
		position: initial;
		align-items: center;
		margin-right: 0;
		margin-bottom: 16px;
	}
	#hdr-menu>li {
		margin-left: 0;
		padding-left: 20px;
		border-left: 1px solid #DFE0E5;
	}
	#globalNav>li>.sp-gbSlideBtn a {
		padding: 33px 32px 53px;
	}
	#globalNav>li:last-child>a {
		padding: 36px 32px 50px;
	}

	.hdrShrink .setShrink #globalNav>li>.sp-gbSlideBtn a {
		padding: 24px 32px;
	}
	.hdrShrink .setShrink #globalNav>li:last-child a {
		padding: 24px 32px;
	}

	/* subnav-list */
	#globalNav .drop .subnav-list.about-col,
	#globalNav .drop .subnav-list.business-col {
		grid-template-columns: repeat(3, 1fr);
	}
	#globalNav .drop .subnav-list.investor-col,
	#globalNav .drop .subnav-list.sustaina-col {
		grid-template-columns: repeat(4, 1fr);
	}
	#globalNav .drop .subnav-list.about-col .subnav-list-box:nth-child(3),
	#globalNav .drop .subnav-list.about-col .subnav-list-box:nth-child(4),
	#globalNav .drop .subnav-list.business-col .subnav-list-box:nth-child(3),
	#globalNav .drop .subnav-list.business-col .subnav-list-box:nth-child(4) {
		grid-row: 1 / 4;
	}
	#globalNav .drop .subnav-list.investor-col .subnav-list-box:nth-child(2) {
		grid-row: 1 / 2;
	}
	#globalNav .drop .subnav-list.investor-col .subnav-list-box:nth-child(2),
	#globalNav .drop .subnav-list.investor-col .subnav-list-box:nth-child(3),
	#globalNav .drop .subnav-list.investor-col .subnav-list-box:nth-child(4),
	#globalNav .drop .subnav-list.investor-col .subnav-list-box:nth-child(5) {
		grid-row: 1 / 4;
	}
	#globalNav .drop .subnav-list.sustaina-col .subnav-list-box:nth-child(2),
	#globalNav .drop .subnav-list.sustaina-col .subnav-list-box:nth-child(3),
	#globalNav .drop .subnav-list.sustaina-col .subnav-list-box:nth-child(4) {
		grid-row: 1 / 4;
	}
	#globalNav .drop .subnav-list.sustaina-col ul li {
		padding: 16px 0 0;
	}

	/* hdr-menu
-------------------------------------------------------------*/
/* 	.hdrShrink .setShrink #hdr-menu{
		visibility: visible;
		opacity: 1;
		transform: translate(0);
		margin-bottom: 0;
	} */

	/* header shrink
-------------------------------------------------------------*/
	.hdrShrink .setShrink #globalNav{
		transition: all .6s ease;
		margin-right: -115px;
	}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:1023px){

	main,
	footer{
		transform: translateX(0);
		transition: all .3s ease;
	}
	main.no-show,
	footer.no-show{
		transform: translateX(-100vw);
	}

/*=============================================================
 header
=============================================================*/
	#header{
		background-color:#fff;
		box-sizing:border-box;
		width:100%;
		height:60px;
		border-bottom:1px solid #ccc;
		position:fixed;
		top:0;
		left:0;
		z-index:21;
	}
	#header a{
		color:#333;
	}
	#header>.contentsInner{
		display:flex;
		align-items:center;
		height:100%;
		padding-right:75px;
	}
/* hdr-logo
-------------------------------------------------------------*/
	#hdr-logo{
		width:121px;
		flex:0 0 auto;
		margin-right:20px;
	}
	.setShrink #hdr-logo .hdrShrink-logo{display: none;}	
	.setShrink #hdr-logo{
		background: url("../image/hdr_logo_s.svg") no-repeat;
		width:121px;
		height: 32px;
		top:50%;
		transform:translate(0,-50%);
	}	
	.setShrink #hdr-logo a{
		width: 121px;
		height: 32px;		
	}
/* nav
-------------------------------------------------------------*/
	#header nav{
		flex:0 0 auto;
		margin-left:auto;
	}
/* globalNavSet
-------------------------------------------------------------*/
	#globalNavSet{position:static;}	
	#globalNavSet>dt{
		display:block;
		width:60px;
		height:60px;
		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:#e6002d;
		display:block;
		width:24px;
		height:2px;
		position:absolute;
		top:28px;
		left:50%;
		margin-left:-18px;
		z-index:1;
	}
	#globalNavSet>dt>span::before{
		content:"";
		width:24px;
		height:18px;
		margin-left:-18px;
		border-top:2px solid #e6002d;
		border-bottom:2px solid #e6002d;
		top:18px;
		left:50%;
		position:absolute;
	}
	#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{
		color:#202020;
		background-color:#fff;
		box-sizing:border-box;
		width:100%;
		height:calc(100vh - 60px);
		visibility:hidden;
		overflow:hidden;
		position:fixed;
		top:60px;
		bottom:100%;
		left:0;
		z-index:71;
		opacity:0;
		transition:all 0.3s ease;
		transform: translateX(100vw);
	}
	#globalNavSet.open>dd{
		/* height:calc(100vh - 60px); */
		visibility:visible;
		/*bottom:0;*/
		opacity:1;
		transform: translateX(0);
	}
	#globalNavSet>dd>div{
		display:block;
		position:relative;
	}
	#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:15px 20px 70px;
		overflow:auto;
		-webkit-overflow-scrolling:touch;
	}
	/* 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;
	}
	/* boxGNavBg */
	html.gNavOpen .boxGNavBg{
		visibility:visible;
		opacity:1;
	}
/* globalNav
-------------------------------------------------------------*/
	#globalNav{
		font-size:15px;
		line-height:1.2;
		width:100%;
		/* margin-top: 45px; */
	}
	#globalNav li a{
		position:relative;
		display:block;
		width: 100%;
		padding:18px 0;
		text-decoration:none;
		box-sizing:border-box;
		color:#202020;
	}
	/* sp-gbSlide */
	#globalNav,
	#hdr-menu,
	.sp-gbSlide>.sp-gbSlideBox{transition: .4s;}
	[data-gbact="1"] #globalNav{margin-left:-100vw;}
	[data-gbact="2"] #globalNav{margin-left:-200vw;}
	[data-gbact] #hdr-menu{transform:translateX(-100vw);}

	.sp-gbSlide>.sp-gbSlideBox{
		box-sizing:border-box;
		width:100%;
		height:calc(100vh - 60px);
		padding:0 20px 140px;
		position:fixed;
		right:-100%;
		bottom:0;
		z-index:101;
		visibility:hidden;
		opacity:1;
		overflow:scroll;
		-ms-overflow-style:none;/* IE, Edge */
		scrollbar-width:none;/* Firefox */
	}
	.sp-gbSlide .subnav-list{
		padding: 15px 0;
	}
	.sp-gbSlide>.sp-gbSlideBox.drop2{
		top: 20px;
	}
	.sp-gbSlide>.sp-gbSlideBox>.contentsInner{padding: 0;}
	.sp-gbSlide>.sp-gbSlideBox::-webkit-scrollbar{display:none;}/* Chrome, Safari */
	html.gNavOpen .sp-gbSlide>.sp-gbSlideBox{-webkit-overflow-scrolling:touch;}
	.sp-gbSlide.open>.sp-gbSlideBox{visibility:visible;}
 	.sp-gbSlide .setDrop2.sp-gbSlide.open>.drop2.sp-gbSlideBox{overflow: scroll;}

	[data-gbact="1"] .sp-gbSlide>.sp-gbSlideBox{right:0;}
	[data-gbact="1"] .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:-100%;}
	[data-gbact="1"] .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:-200%;}
	[data-gbact="1"] .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:-300%;}
	[data-gbact="1"] .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:-400%;}
	[data-gbact="2"] .sp-gbSlide>.sp-gbSlideBox{right:100%; overflow: initial;}
	[data-gbact="2"] .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:0;}
	[data-gbact="2"] .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:-100%;}
	[data-gbact="2"] .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:-200%;}
	[data-gbact="2"] .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:-300%;}

	.sp-gbSlide>.sp-gbSlideBox{right:-100%;}
	.sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:-200%;}
	.sp-gbSlide .sp-gbSlide .sp-gbSlide>.sp-gbSlideBox{right:-300%;} 
		
	.sp-gbSlide>a{padding-right:15px;}

	.sp-gbSlideBtn {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.sp-gbSlideBtn .tab_btn {
		display: inline-block;
		width: 50px;
		height: 40px;
		position: relative;
		cursor: pointer;
		border-left: 1px solid #DFE0E5;
	}
	.sp-gbSlideBtn .tab_btn::after {
		content: '';
		display: inline-block;
		box-sizing:border-box;
		width:9px;
		height:9px;
		position:absolute;
		top:50%;
		left:50%;
		border-right:2px solid #e6002d;
		border-bottom:2px solid #e6002d;
		transform:translate(-50%, -50%) rotate(-45deg);
	}

	.sp-gbSlide .sp-gbSlideBox .btnBack{
		padding:15px 20px;
		position:relative;
		cursor:pointer;
	}
	.sp-gbSlide .sp-gbSlideBox .btnBack::before{
		content:'';
		position: absolute;
		right:auto;
		top:50%;
		left:0;
		display: inline-block;
		width:9px;
		height:9px;
		box-sizing:border-box;
		border-right:2px solid #b2b2b2;
		border-bottom:2px solid #b2b2b2;	
		transform:translate(40%, -50%) rotate(135deg);
	}
	.sp-gbSlide .sp-gbSlideBox .btnBack::after {
		content: '';
    display: inline-block;
    width: 1px;
    height: 60%;
    background-color: #DFE0E5;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
	}

	.sp-gbSlide,
	.sp-gbSlide .sp-gbSlideBox li{border-bottom:1px solid #f0f3f6;color: #b2b2b2;}


	/* sp-gbSlide-topBtn */
	.sp-gbSlide-topBtn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #f0f3f6;
	}
	.sp-gbSlide-topBtn div a {
		display: flex!important;
    align-items: center!important;
    gap: 8px!important;
		font-weight: 700;
	}
	.sp-gbSlide-topBtn > div > a::after {
		content: '';
		display: inline-block;
		width: 25px;
		height: 25px;
		background: url(/eng/shared/image/hdr_link_arrow.png) no-repeat;
		background-size: contain;
	}

	/* drop *//* drop2 */
	#globalNav .drop .gb-listBox .gb-listBox-ttl,
	.globalNavDropBg,
	.dropDft{display:none;}

	/* pc-menu-close */
	#globalNav .drop button.pc-menu-close {
		display: none;
	}

/* pickup-link
-------------------------------------------------------------*/
	#globalNav .drop .pickup-link {
		display: none;
	}

/* hdr-menu
-------------------------------------------------------------*/
	#hdr-menu,
	#globalNav .drop .hdr-menu{
		position: relative;
		display: flex;
    justify-content: center;
    align-items: center;
		gap: 16px;
    max-width: 90%;
    margin: 30px auto 0;
    padding: 10px;
    background: #F4F5F9;
	}
	#hdr-menu a:hover {
		text-decoration: none;
	}
	#hdr-menu::after,
	#globalNav .drop .hdr-menu::after{
		content: '';
    display: inline-block;
    width: 1px;
    height: 60%;
    background-color: #DFE0E5;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	}
	#hdr-menu #hdr-btnLang,
	#hdr-menu #hdr-btnSitemap,
	#globalNav .drop .hdr-menu .hdr-btnLang,
	#globalNav .drop .hdr-menu .hdr-btnSitemap {
		width: 100%;
    text-align: center;
	}
	#globalNav .drop .hdr-menu a{
		font-size: 1.6rem;
		padding: 4px 0;
	}
		
	/* hdr-btnLang */
	#hdr-btnLang span{display:none;}
	#hdr-btnLang a>span:last-child{display:inline;}

	/* hdr-btnInquiry */
	#hdr-btnInquiry a{
		text-decoration:none;
		display:block;
		padding:5px 10px;
	}
		
	/* hdr-search
	-------------------------------------------------------------*/
	#hdr-search {
		text-indent: -9999px;
		width: 25px;
		height: 25px;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		right: 70px;
	}
	#hdr-search-area {
		top: 60px;
	}
	.hdrShrink #hdr-search-area {
		top: 60px;
	}
	#hdr-search-area-inner{
		padding: 20px 60px 20px 20px;
	}
	#hdr-search-area-inner .btnClose{
		right: 31px;
	}

	#globalNav .drop .gb-listBox .gb-listBox-ttl button.pc-menu-close {
		display: none;
	}
}


/*=============================================================
 header renewal 202303
=============================================================*/
/* language
-------------------------------------------------------------*/
a[target="_blank"].langage::after {
	display: none;
}
a[target="_blank"].langage::before {
	display: inline-block;
	content: '';
  width: 18px;
  height: 18px;
  margin-right: 5px;
	vertical-align: text-top;
	background: url(/eng/shared/image/icon_round-language.png) no-repeat;
	background-size: contain;
}

a.sitemap::before {
	display: inline-block;
	content: '';
  width: 20px;
  height: 20px;
  margin: 0 5px;
	vertical-align: text-top;
	background: url(/eng/shared/image/icon_sitemap.png) no-repeat;
	background-size: contain;
}