.menu_trigger {
	position: fixed;
	top: 44px;
	right: 24px;
	z-index: 9999;
}
.menu_trigger_box {
	display: flex;
	align-items: center;
	column-gap: 10px;
}
.menu_trigger_circle {
	width: 11px;
	height: 11px;
	transition: .3s;
	background-color: #6C9171;
	border-radius: 50%;
}
.menu_trigger_text {
	transition: color .5s;
}
.menu_trigger_text:before {
	content: "Menu";
	font-family: "roboto", sans-serif;
	font-size: 14px;
	color: #2F3631;
	transition: .3s;
}
.menu_trigger.active .menu_trigger_circle_img_close {
	display: block;
}
.menu_trigger.active .menu_trigger_text:before {
	content: "Close";
	color: #fff;
}
.menu_trigger.active .menu_trigger_circle {
	height: 1px;
	top: 9px;
	background-color: #fff;
}
@media (max-width: 767px) {
	.menu_trigger {
		top: 3%;
	}
	.menu_trigger_circle {
		width: 2.558139534883721vw;
		height: 2.558139534883721vw;
	}
	.menu_trigger_text:before {
		font-size: 3.255813953488372vw;
	}
}
@keyframes mmslideIn {
    0% {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}
@keyframes mmslideOut {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}
.drawer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
}
.drawer.active {
	display: block;
}
.hamburger_bg {
	position: fixed;
	top: 0;
	bottom: 0;
	background-color: #A1B5A4;
	width: 100%;
	height: 100%;
	z-index: 998;
}
.drawer[aria-hidden=true] .hamburger_bg {
	animation: mmslideOut 1s cubic-bezier(.645, .045, .355, 1) 0s forwards;
}
.drawer[aria-hidden=false] .hamburger_bg {
	animation: mmslideIn 1.2s cubic-bezier(.19, 1, .22, 1) 0s forwards;
}
@keyframes mmfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
.hamburger {
	height: 100%;
	position: relative;
	z-index: 9995;
	opacity: 0;
	overflow-y: scroll;

}
.hamburger_container {
	display: flex;
}
.drawer[aria-hidden=true] .hamburger {
	opacity: 0;
}
.drawer[aria-hidden=false] .hamburger {
	animation: mmfadeIn .8s cubic-bezier(.19,1,.22,1) .3s forwards;
}
.hamburger_image {
	width: 30%;
	min-height: 100vh;
}
.hamburger_img {
	object-fit: cover;
	object-position: top;
	height: 100%;
}
.menu_nav {
	padding: 100px 3% 100px 8%;
	flex: 1;
}
.menu_nav_container {
	width: 100%;
	max-width: 625px;
	display: flex;
	align-items: flex-start;
	column-gap: 60px;
}
.menu_nav_container + .menu_nav_container {
	margin-top: 50px;
}
.menu_nav_title {
	font-family: "roboto", sans-serif;
	font-size: 14px;
	color: #fff;
	width: 100px;
	height: 30px;
	border: 1px solid #6C9171;
	border-radius: 20px;
	display: grid;
	place-items: center;
}
.menu_nav_list_box {
	flex: 1;
	padding-top: 5px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	grid-row-gap: 30px;
}
.menu_nav_list {
	display: grid;
	grid-row-gap: 22px;
}
.menu_nav_list_bottom {
	display: flex;
	column-gap: 25px;
}
.menu_nav_item_link {
	display: inline-flex;
	align-items: baseline;
	grid-column-gap: 10px;
}
.menu_nav_item_en {
	font-family: "roboto", sans-serif;
	font-size: 18px;
	color: #fff;;
}
.menu_nav_item_en_big {
	font-size: 22px;
}
.menu_nav_item_ja {
	font-size: 12px;
	color: #fff;
}
.menu_nav_recruit {
	max-width: 625px;
	margin-top: 80px;
	position: relative;
	z-index: 3;
	padding: 7% 11% 4%;
	background-image: url(../img/recruit-bg.png);
    background-repeat: no-repeat;
    background-position: 50% 53%;
    border-radius: 40px;
    background-size: cover;
}
.menu_nav_recruit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(47 54 49 / .4);
    border-radius: 40px;
}
.menu_nav_recruit_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 5;
}
.menu_nav_recruit_title_text {
	font-family: utile-display, sans-serif;
    font-weight: 300;
    font-size: clamp(10px,4.69361147327249vw,44px);
    color: #EEF4E8;
    line-height: calc(63 / 74);
}
.menu_nav_recruit_title_item {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.menu_nav_recruit_title_text_ja {
	font-size: 11px;
    color: #DAE8DC;
    margin-left: 3%;
    margin-right: 3%;
    white-space: nowrap;
}
.menu_nav_recruit_text {
	font-family: "roboto", sans-serif;
	font-size: 14px;
	color: #fff;
}
.menu_nav_recruit .link_btn {
	border-color: #fff;
	position: relative;
	z-index: 5;
	margin-top: 5%;
	margin-left: auto;
}
.menu_nav_recruit .link_btn_text {
	color: #fff;
	
}
@media (max-width: 767px) {
	.hamburger_image {
		display: none;
	}
	.menu_nav {
		padding: 39% 5% 22%;
		flex: 1;
	}
	.menu_nav_container {
		max-width: none;
		column-gap: 8%;
	}
	.menu_nav_container + .menu_nav_container {
		margin-top: 17%;
	}
	.menu_nav_title {
		font-size: 2.7906976744186047vw;
		width: 20.69767441860465vw;
		height: 5.813953488372093vw;
	}
	.menu_nav_list_box {
		padding-top: 3px;
		justify-content: flex-start;
	}
	.menu_nav_list + .menu_nav_list {
		margin-left: 16%;
	}
	.menu_nav_container:nth-child(n+2) .menu_nav_list + .menu_nav_list {
    	margin-left: 0;
	}
	.menu_nav_item_link {
		flex-direction: column;
	}
	.menu_nav_item_en {
		font-size: 3.7209302325581395vw;
	}
	.menu_nav_item_en_big {
		font-size: 4.186046511627907vw;
	}
	.menu_nav_item_ja {
		font-size: 2.3255813953488373vw;
		margin-top: 5px;
	}
	.menu_nav_recruit {
		padding: 9% 5% 12%;
		border-radius: 20px;
		background-position: 18% 50%;
	}
	.menu_nav_recruit:before {
		border-radius: 20px;
	}
	.menu_nav_recruit_box {
		flex-direction: column-reverse;
	}
	.menu_nav_recruit_title {
		margin-top: 5%;
	}
	.menu_nav_recruit_text {
		font-size: 1.8252933507170794vw;
	}
	.menu_nav_recruit_title_text {
		font-size: 8.837209302325581vw;
	}
	.menu_nav_recruit_title_text_ja {
		font-size: 2.3255813953488373vw;
	}
	.menu_nav_recruit .link_btn {
		margin-right: auto;
	}
}