@charset "utf-8";
/* 1200px for SP */
@media screen and (max-width: 1200px) {

	/*---------------------------------------------------------*/
	/* header */
	body{
		padding: 70px 24px 24px 24px;
	}

	/* .header */
	.header{
		padding-right: 75px;
	}

	/* head_name_wrapper */
	.head_name_wrapper{
		display: none;
	}

	/* head_hamburger */
	.head_hamburger{
		background: #152A3A;
		border-radius: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 8px;
		right: 8px;
		width: 51px;
		height: 51px;
		cursor: pointer;
		z-index: 200;
	}
	.head_hamburger .border{
		background: #fff;
		border-radius: 5px;
		content: "";
		display: block;
		width: 20px;
		height: 3px;
		position: absolute;
		transition: all 0.3s ease-out;
	}
	.head_hamburger .border:nth-child(1){
		top: 16px;
	}
	.head_hamburger .border:nth-child(3){
		bottom: 16px;
	}
	.head_hamburger.active .border:nth-child(1){
		top: calc(50% - 1.5px);
		transform: rotate(45deg);
	}
	.head_hamburger.active .border:nth-child(2){
		width: 0;
	}
	.head_hamburger.active .border:nth-child(3){
		top: calc(50% - 1.5px);
		transform: rotate(-45deg);
	}

	/* globalnav */
	.globalnav,
	.globalnav .inner{
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		left: auto;
		right: -100vw;
		top: 0;
		height: 100%;
		transition: 0.3s all;
		z-index: 50;
	}
	.globalnav{
		width: 100%;
	}
	.globalnav.active{
		right: 0;
	}
	.globalnav .inner{
		background: #fff;
		overflow: auto;
		padding: 10px 16px;
		width: 326px;
	}
	.globalnav.active .inner{
		right: 0;
	}
	.globalnav .logo{
		display: block;
		width: 165px;
	}
	.globalnav a{
		width: 100%;
	}


}