/* ******************************************

css for multilingual for service site v2.1

update 2026.09.18

****************************************** */

html:lang(en) #l-site-links,
html:lang(zh-CN) #l-site-links,
html:lang(zh-tw) #l-site-links,
html:lang(ko) #l-site-links,
html:lang(id) #l-site-links{
	display:none;
}

html:lang(en) ul#l-gnav > li:first-child > .m-subnani > ul,
html:lang(zh-CN) ul#l-gnav > li:first-child > .m-subnani > ul,
html:lang(zh-tw) ul#l-gnav > li:first-child > .m-subnani > ul,
html:lang(ko) ul#l-gnav > li:first-child > .m-subnani > ul,
html:lang(id) ul#l-gnav > li:first-child > .m-subnani > ul{
	display:none;
}

html:lang(en) ul#m-inner-link > li:first-child > ul.icf-list-tri,
html:lang(zh-CN) ul#l-gnav > li:first-child > ul.icf-list-tri,
html:lang(zh-tw) ul#l-gnav > li:first-child > ul.icf-list-tri,
html:lang(ko) ul#l-gnav > li:first-child > ul.icf-list-tri,
html:lang(id) ul#l-gnav > li:first-child > ul.icf-list-tri{
	display:none;
}


/*指定言語のパーツのみ表示*/
*[data-lang] {
	display: none!important;
}

html:lang(ja) *[data-lang="ja"],
html:lang(en) *[data-lang="en"],
html:lang(zh-CN) *[data-lang="cn"],
html:lang(zh-TW) *[data-lang="tw"],
html:lang(ko) *[data-lang="kr"],
html:lang(id) *[data-lang="id"] {
	display:initial!important;
}



#l-trail-list ul.icf-r-arrow{
	overflow:visible;
}

#l-trail-list ul.icf-r-arrow > li{
	overflow:visible;
}

*[class^='icf-roundbtn'] > span{
	overflow:visible;
}


/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	#m-hdr-upper > p{
		max-width:70vw;
	}

	ul#l-gnav > li:first-child > .m-subnani > p{
		margin-bottom:0.5em;
	}

}





/*/==========================================================
/ 
/ 日本語
/
==========================================================/*/
*:lang(ja) {
	
}

/* for Sp --------------------*/
@media screen and ( max-width:768px) {

}



/*/==========================================================
/ 
/ English
/
==========================================================/*/
*:lang(en) {

	header{
		min-height: 190px;
	}

	ul#l-gnav{
		height:70px;
	}

	ul#l-gnav > li > a{
		padding: 0.5em 5px;
		line-height:115%;
		font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	}

	#m-hdrlink {
		bottom: 82px;
	}

	.m-subnani{
		top:70px;
	}

	li.opn > .m-subnani{
		height: 255px;
	}

	ul#m-inner-link{
		gap: 1em 2em;
	}

	#l-ft-upper a{
		white-space:wrap;
	}

}



/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	*:lang(en){

		header{
			min-height: 90px;
		}

		ul#l-gnav{
			height:auto;
		}

		#m-ttl-data > span,
		#m-ttl-data > a[target="_blank"] {
			font-size: 1.2rem;
			line-height: 100%;
			max-width: 9em;
			text-align:center;
		}

		#m-hdrlink {
			bottom: initial;
		}

		.m-subnani{
			top:auto;
		}

		ul#m-inner-link{
			grid-template-columns:1fr;
			gap: 0 2em;
		}

		ul#m-sub-ftLink {
			gap: 0.5em 0;
			flex-direction: column;
		}

		ul#m-sub-ftLink > li {
			min-width:100%;
		}

		#l-hdrlink-sp > ul{
			flex-direction:column;
		}
		#l-hdrlink-sp > ul > li{
			width:100%;
		}
	
		#l-ft-upper > a {
			white-space: initial;
			line-height: 125%;
		}

		#l-ft-bottom ul{
			flex-direction:column;
		}

		#l-ft-bottom ul > li {
			width: 100%;
		}

		#l-ft-upper a{
			white-space: initial;
			line-height:125%;
		}
	}

}



/*/==========================================================
/ 
/ 簡体中国語
/
==========================================================/*/
*:lang(zh-CN) {
	/**/
}



/* for Sp --------------------*/
@media screen and ( max-width:768px) {


}



/*/==========================================================
/ 
/ 繁体中国語
/
==========================================================/*/
*:lang(zh-tw) {
	/**/
}



/* for Sp --------------------*/
@media screen and ( max-width:768px) {


}



/*/==========================================================
/ 
/ 韓国語
/
==========================================================/*/
*:lang(ko) {
	/**/
}



/* for Sp --------------------*/
@media screen and ( max-width:768px) {

}


/***********************************
 
インドネシア

***********************************/
*:lang(id) {

	header{
		min-height: 190px;
	}

	ul#l-gnav{
		height:70px;
	}

	ul#l-gnav > li > a{
		padding: 0.5em 5px;
		line-height:115%;
		font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	}

	#m-hdrlink {
		bottom: 82px;
	}

	.m-subnani{
		top:70px;
	}

	li.opn > .m-subnani{
		height: 325px;
	}

	ul#m-inner-link{
		gap: 1em 2em;
	}

	#l-ft-upper a{
		white-space:wrap;
	}

}


/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	*:lang(id){
		header{
			min-height: 90px;
		}

		ul#l-gnav{
			height:auto;
		}

		#m-ttl-data > span,
		#m-ttl-data > a[target="_blank"] {
			font-size: 1.2rem;
			line-height: 100%;
			max-width: 9.5em;
			text-align:center;
		}

		#m-hdrlink {
			bottom: initial;
		}

		.m-subnani{
			top:auto;
		}

		ul#m-inner-link{
			grid-template-columns:1fr;
			gap: 0 2em;
		}

		ul#m-sub-ftLink {
			gap: 0.5em 0;
			flex-direction: column;
		}

		ul#m-sub-ftLink > li {
			min-width:100%;
		}

		#l-hdrlink-sp > ul{
			flex-direction:column;
		}
		#l-hdrlink-sp > ul > li{
			width:100%;
		}

		#l-ft-bottom ul{
			flex-direction:column;
		}

		#l-ft-bottom ul > li {
			width: 100%;
		}

		#l-ft-upper a{
			white-space: initial;
			line-height:125%;
		}
	}

}