@charset "utf-8";
@media(min-width: 768px) {
		.sp_nav, .navBoard {
				display: none !important
		}
}
.sp_nav, .sp_nav_trigger {
		width: 91px;
		height: 46px;
		box-sizing: border-box;
		border: none;
		background: none;
}
.sp_nav {
		position: fixed;
		top: 20px;
		right: 10px;
		z-index: 7000;
}
.sp_nav_trigger {
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		background-image: url("../images/sp_nav2.png");
		cursor: pointer;
		display: inline-block;
		position: relative;
		transition: background 0.2s;
}
.sp_nav_trigger.navOpen {
		background-image: url("../images/sp_nav2_on.png")
}
.sp_nav_trigger .sp_nav_trigger_bar {
		display: block;
		position: absolute;
		top: 24px;
		left: 16px;
		height: 2px;
		width: 16px;
		background: #1e1e1e;
		z-index: 2;
		border-radius: 60px;
}
.sp_nav_trigger .sp_nav_trigger_bar:first-child, .sp_nav_trigger .sp_nav_trigger_bar:nth-child(2), .sp_nav_trigger .sp_nav_trigger_bar:nth-child(3) {
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
}
.sp_nav_trigger .sp_nav_trigger_bar {
		top: 18.5px;
		left: 14px;
		width: 14px;
}
.sp_nav_trigger .sp_nav_trigger_bar:first-child {
		top: 10.5px;
}
.sp_nav_trigger .sp_nav_trigger_bar:nth-child(2) {
		top: 14.5px;
}
.sp_nav_trigger .sp_nav_trigger_bar:nth-child(3) {
		top: 18.5px;
}
.sp_nav_trigger .sp_nav_trigger_bar:nth-child(4) {
		opacity: 0
}
.sp_nav_trigger.navOpen .sp_nav_trigger_bar {
		/* background: #fff; */
}
.sp_nav_trigger.navOpen .sp_nav_trigger_bar:first-child {
		transform: translateY(4px) rotate(30deg)
}
.sp_nav_trigger.navOpen .sp_nav_trigger_bar:nth-child(2) {
		opacity: 0;
}
.sp_nav_trigger.navOpen .sp_nav_trigger_bar:nth-child(3) {
		transform: translateY(-4px) rotate(-30deg)
}
.navBoard {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		height: 100vh;
		z-index: 6000;
		display: none;
		background: #fff;
}
.navBoard_inner {
		height: 100vh;
		height: 100dvh;
		box-sizing: border-box;
		padding-top: 150px;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 30px;
}
@media(max-width: 375px) {
		.navBoard_inner {
				padding-top: 105px;
		}
}
.navBoard_wrap {
		height: calc(100vh - 180px);
		height: calc(100dvh - 180px);
		display: flex;
		flex-flow: column;
		justify-content: space-between;
}
@media(max-width: 375px) {
		.navBoard_wrap {
				display: block;
		}
}
.navBoard_wrap ul {
		list-style: none;
}
.global_mn li {
		font-size: 22px;
		font-family: "Baloo 2", sans-serif;
		font-weight: 700;
		letter-spacing: 0;
		font-size: 20px;
		margin: 0 0 20px;
}
@media(max-width: 767px) {
		.global_mn li {
				margin-bottom: 15px;
		}
}
.global_mn li a {
		color: #1e1e1e;
		text-decoration: none;
		padding-left: 40px;
		position: relative;
}
.global_mn li a::before {
		content: '';
		display: block;
		position: absolute;
		top: 2px;
		left: 0;
		width: 31px;
		height: 24px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 31px;
		background-image: url("../images/footer_icon-1.png")
}
@media(max-width: 375px) {
		.global_mn li a {
				padding-left: 35px;
		}
		.global_mn li a::before {
				top: 5px;
				left: 0;
				width: 27px;
				height: 21px;
				background-size: 27px;
		}
}
.global_mn li.why a::before {
		background-image: url("../images/footer_icon-1.png")
}
.global_mn li.about a::before {
		background-image: url("../images/footer_icon-2.png")
}
.global_mn li.action a::before {
		background-image: url("../images/footer_icon-3.png")
}
.sub_mn {
		margin-left: 40px;
}
.sub_mn li {
		font-size: 15px;
		font-weight: 700;
		margin: 0 0 15px;
		padding-left: 15px;
		position: relative;
}
@media(max-width: 375px) {
		.global_mn li {
				margin-bottom: 5px;
		}
		.sub_mn {
				margin-bottom: 40px;
		}
		.sub_mn li {
				font-size: 14px;
				margin-bottom: 6px;
		}
}
.sub_mn li a {
		color: #1e1e1e;
		text-decoration: none;
}