.sp_nav{ display: none; }
.hamburger {display: none;}
@media screen and (max-width: 750px){
a.h_mail{
	top:110px;
	z-index: 900;
}

header{ box-sizing: border-box;
}
.hamburger {
	background: #f5d933;
	width: 12vw;
	height: 12vw;
	border-radius: 10px;
	display: block;
	position: fixed;
	right: 10px;
	top: 42.5vw;
	cursor: pointer;
	z-index: 900;
	box-sizing: border-box;
	text-align: center;
}

/* ハンバーガーメニュー中身 */
.sp_nav {
	display: block;
	top: 0;
	position: fixed;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	padding-top: 0px;
	transition: all .1s;
	z-index: -1;
	border-radius: 8px;
	box-sizing: border-box;
	overflow-x: hidden; /* メニューが多くなったらスクロールできるように */
}
.sp_nav ul.menubox {
	padding: 0 8vw;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5vw;
	box-sizing: border-box;
	justify-content: center;
	margin-top: 3vw;
}
.hum-menu{
	margin-top: 18vw;
}
.hum-menu h3{padding: 0 5vw;}
.hum-menu h3 img{ width: 80%; }
.hum-menu h3:nth-child(n+2){
	margin-top: 8vw;
}
.hum-menu h3:nth-child(1){ background-color: #3fb1c8; }
.hum-menu h3:nth-child(3){ background-color: #e7692e; }
.hum-menu h3:nth-child(5){ background-color: #30aa38; }
.sp_nav .head_top{
	border-bottom: solid 3px #fff;
}
.sp_nav .menubox .sub li{
	border-bottom: none;
}
.sp_nav .menubox a {
	display: block;
	position: relative;
	background:#fff;
	border-radius: 50px;
	font-size: 1rem;
	line-height: 1;
	padding: 0.5em 1.75em 0.5em 1em;
	letter-spacing: 2px;
	text-decoration: none;
	font-weight: 700;
	color: #534741;
}
.sp_nav .menubox a:after{
	display: block;
	position: absolute;
	right: 0.75em;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 1.125vw;
	height: 1.125vw;
	border-top: #534741 0.5vw solid;
	border-right: #534741 0.5vw solid;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.sp_nav .menubox .sub{ padding-bottom: 20px; }
.sp_nav .menubox .sub li{
}
.sp_nav .menubox .sub a{
	position: relative;
	color: #6b6b6b;
	padding: 15px 0 15px 40px ;
	font-size: 2.6rem;
}
.sp_nav .menubox .sub a:before{
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-top: solid 4px #6b6b6b;
	border-right: solid 4px #6b6b6b;
}

.sp_nav .menubox li:last-child a {border-bottom: ;}

.sp_nav .sub_nav{
	margin-top: 8vw;
	padding: 0 5vw;
	display: flex;
	flex-wrap: wrap;
	gap: 3vw;
}
.sp_nav .sub_nav li{
	border: none;
	padding: 0;
}

.sp_nav .sub_nav li a.twtter{
	display: inline-block;
	padding: 3vw;
}
.sp_nav .sub_nav li:last-child{
	width: 100%;
	text-align: center;
}
.sp_nav .sub_nav a.iconLink{
	position: relative;
	padding-left: 1.75em;
	font-size: 0.935rem;
}
.sp_nav .sub_nav a.iconLink span{
	background: #fff;
	box-sizing: border-box;
	border-radius: 50%;
	position: absolute;
	left: 0;
	width: 1.25em;
	height: 1.25em;
	top: 0;
	bottom: 0;
	margin: auto;
}
.sp_nav .sub_nav a.iconLink span img{
	width: 100%;
}

.hamburger__line {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width:  5vw;
	height: 1vw;
	border-radius: 50px;
	background-color: #534741;
	transition: all .6s;
}
.hamburger__line:nth-child(1) {
	top: 4vw;
}
.hamburger__line:nth-child(2) {
	top: 0;
	bottom: 0;
	margin: auto;
}
.hamburger__line:nth-child(3) {
	top: 7vw;
}
.black-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 889;
	background-color: #f5d933;
	opacity: 0;
	visibility: hidden;
	transition: all .6s;
	cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open{
	overflow: hidden;
}
.nav-open .wrap{
	overflow-y: scroll;
}
.nav-open .sp_nav {
	height: 100%;
	z-index: 899;
	opacity: 1;
}
.nav-open .hamburger {
	background: #fff;
}
.nav-open .black-bg {
	opacity: 1;
	visibility: visible;
}
.nav-open .hamburger__line:nth-child(1) {
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	margin: auto;
}
.nav-open .hamburger__line:nth-child(2) {
	opacity: 0;
	width: 0;
	left: 50%;
}
.nav-open .hamburger__line:nth-child(3) {
	transform: rotate(-45deg);
	top: 0;
	bottom: 0;
	margin: auto;
}
.sp_nav .links{
	text-align: center;
	padding: 20px 0 0;
	background:transparent;
}
.sp_nav .links li:last-child{margin-right: 0;}

}