.menu-mobile {

}
.menu-mobile a {
	color: white;
}
.menu-mobile a:hover,
.menu-mobile .switch:hover {
	
}
.menu-mobile strong {
	font-weight: var(--fw-bold);
	
}
.menu-mobile li {
	border-top: 1px solid white;
}
.menu-mobile ul > li > a,
.menu-mobile ul > li > strong {
	padding-top: clamp(0.7rem, 2vw, 2rem);
	padding-bottom: clamp(0.7rem, 2vw, 2rem);
	padding-left: var(--sp2);
	display: block;
	font-size: clamp(1.2rem,2vw,3rem);
}
.menu-mobile_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: var(--sp);
	
}
.menu-mobile .switch {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color .3s ease;
	aspect-ratio: 1 / 1;
	align-self: center;
	width: clamp(2rem,2vw,3rem);
}
.menu-mobile .switch svg {
	stroke: white;
	-webkit-transition: stroke .3s;
	-moz-transition: stroke .3s;
	transition: stroke .3s;
}
.menu-mobile .switch.open {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.menu-mobile ul.level_1 {
	
}
.menu-mobile ul.level_1 > li {
	
}
.menu-mobile ul li {
	display: grid;
	grid-template-columns: 1fr clamp(3rem,3vw,4rem);
}
.menu-mobile ul.level_1 > li.trail .level_2 {
	display: block;
}
.menu-mobile ul.level_1 > li > .switch {

}
.menu-mobile ul.level_1 > li > a,
.menu-mobile ul.level_1 > li > strong {
	align-self: center;
	display: block;
	color: white;
	
}
.menu-mobile ul.level_1 > li > a {
	transition: background-color .3s ease;
	
}
.menu-mobile ul.level_1 > li > strong {
	
}
.menu-mobile ul.level_2 > li {
	background-color: rgba(255,255,255,0.2);
}
.menu-mobile ul.level_3 > li {
	background-color: rgba(255,255,255,0.4);
}
.menu-mobile ul.level_2,
.menu-mobile ul.level_3 {
	display: none;
	grid-column: span 2;
	
}
.menu-mobile ul.level_2 {
	
	
}
.menu-mobile ul.level_3 {
	
}
.menu-mobile li.trail > ul {
	display: block;
	
}