/* header */
header{
	--before: 150px;
	--after: 180px;
}

@media screen and (max-width: 1700px){
	header{
		--before: 140px;
		--after: 170px;
	}
}

@media screen and (max-width: 1280px){
	header{
		--before: 130px;
		--after: 160px;
	}
}


/* menu */
#menu .depth02{ grid-template-columns: repeat(3, calc(100% / 3)); }

@media screen and (max-width: 1100px){
	#menu .depth02{ grid-template-columns: repeat(2, 50%) !important; }
}