
/*----------------------------header-----------------------------------*/
#head{
	position: relative;
	background-color: #ffffff;
	box-sizing: border-box;
	aspect-ratio: 750 / 100;
}
#head .headInner{
	display: flex;
	align-items: center;
	flex-wrap:wrap;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	aspect-ratio: 750 / 100;
}
#head .txt_logo{
	width: calc(268 / 750 * 100%);
	margin: 0 0 0 calc(20 / 750 * 100%);
}
#head .hlogo-mitsui{
	width: calc(278 / 750 * 100%);
	margin: 0 0 0 calc(50 / 750 * 100%);
}
#head .lang{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	aspect-ratio: 750 / 70;
}
#head .lang ul{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #000000;
	list-style: none;
}
#head .lang ul li{
	padding: 0 15px;
	line-height: 1;
}
#head .lang ul li:not(:first-of-type){
	border-left: 1px solid #000;
}
#head .lang ul li a{
	color:#666;
	line-height: 1;
	padding-bottom:5px;
	transition: 0.4s;
}
#head .lang ul li a.active,
#head .lang ul li a:hover{
	border-bottom:1px solid #F4A003; 
	text-decoration: none!important;
	color:#000;
}
@media screen and (max-width: 750px){
	#head{
		aspect-ratio: 750 / 100;
	}
	#head .lang{
		aspect-ratio: 750 / 100;
	}
	#head .lang ul li{
		padding: 0 8px;
		font-size: 2.0rem;
	}
}




