/* header */
header{
	--after: 180px;
}
header .depth01 > li{ min-width: var(--after); width: unset !important; }
header .depth01 > li > a{ white-space: nowrap; padding: 0 20px; }
header .depth01 > li > div{ width: 100%; }
header .depth02 > li > a{ padding-inline: 7px; }

@media screen and (max-width: 1700px){
	header{
		--after: 175px;
	}
	header .depth01 > li > a{ padding: 0 10px; }
}

@media screen and (max-width: 1500px){
	header{
		--after: 160px;
	}
	header .depth01 > li > a{ font-size: 18px; }
	header .depth02 > li > a{ font-size: 16px; }
}

@media screen and (max-width: 1400px){
	header nav{ display: none; }
}


/* menu */
#menu nav a{ font-family: var(--engFont); }
#menu .depth01 > li > a{ padding-inline: 40px; }

@media screen and (max-width: 1700px){
	#menu{
		--left: 490px;
	}
	#menu .depth01{ padding-inline: 30px; }
	#menu .depth01 > li > a{ padding-inline: 30px; }
}

@media screen and (max-width: 1280px){
	#menu{
		--left: 450px;
	}
	#menu .depth01 > li > a{ padding-inline: 25px; }
}

@media screen and (max-width: 900px){
	#menu .depth01{ padding-inline: 25px; }
	#menu .depth01 > li > a{ padding: 25px 30px; }
}