@charset "utf-8";
@media screen and (max-width: 1050px) {
	#header_menu_pc {
		display: none!important;
	}
	#header_menu_sp {
		display: block!important;
	}
	header .header_menu_bg {
		clip-path: none!important;
		transform: translate(0, -100%);
	}
	header #header_menu_sp {
		position: relative;
		width: 100%;
		height: 100%;
	}
	header #header_menu_sp .menu_box {
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	#header_menu_content_sp {
		transform: translate(0, -100%);
	}
	#header_menu_sp .header_box {
		padding: 25% 20% 0;
		color: white;
	}
	#header_menu_sp .header_box a {
		color: white;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 140%;
		letter-spacing: .14rem;
		line-height: 1.9;
	}
	#header_menu_sp ul {
		margin-bottom: 20px;
	}
	#header_menu_sp ul li {
		position: relative;
	}
	#header_menu_sp .ex {
		margin-bottom: 35px;
	}
	#header_menu_sp .ex a {
		position: relative;
		font-family: futura-pt, sans-serif;
	  font-weight: 400;
	  font-style: normal;
		font-size: 100%;
		letter-spacing: .05rem;
	}
	#header_menu_sp .ex span {
		position: absolute;
		top: 50%;
		right: -10px;
		width: 8px;
		height: 1px;
		background: white;
	}
	#header_menu_sp .ex span:last-child {
		transform: rotate(90deg);
		transition: .5s;
	}
	#header_menu_sp .flex_area {
		display: flex;
		transform: translate(-10px);
	}
	#header_menu_sp .flex_area a {
		width: 45px;
	}

	/* active */
	header #header_menu_sp.active .menu {
		background-color: white!important;
	}
	header #header_menu_sp.active .header_hide {
		transform: translate(0);
	}
}