.openbtn,
header .contact__link,
.splink,
.header__privacy,
.header__btn,
.header__spMenu {
	display: none;
}
@media (max-width: 1200px) {
	.header__nav__list {
		color: #fff;
		background: #ef857d;
		text-align: left;
		display: block;
		overflow-y: auto;
		width: 100%;
		max-width: 37.5rem;
		height: 120vh;
		margin-top: 8rem;
		position: fixed;
		top: 0;
		right: -120%;
		z-index: 99;
		transition: all 0.6s;
	}
	.header__nav__list__scroll {
		padding-bottom: 10vh;
	}
	.fixed .header__nav__list {
		margin-top: 8rem;
	}
	.header__nav__list__scroll {
		overflow-y: auto;
		width: 100%;
		height: 100%;
		-webkit-overflow-scrolling: touch;
	}
	.header__nav__list .header__nav li {
		text-align: center;
		display: flex !important;
		align-items: center;
		width: 100%;
		height: 6.6rem;
		border-bottom: 1px solid #fff;
	}
	.header__nav__list .header__nav li * {
		color: #fff;
	}
	.header__nav__list li a {
		font-size: 1.5rem;
		font-weight: 700;
		letter-spacing: 0.05em;
		width: 100%;
	}
	.header__nav__list.panelactive {
		right: 0;
	}
	header .header__sns,
	.header__nav__list .header__nav li.pc-guidance {
		display: none !important;
	}
	header .contact__link,
	header .splink,
	header .header__privacy,
	header .header__btn {
		display: block !important;
	}
	.openbtn {
		display: block;
		width: 42px;
		height: 28px;
		cursor: pointer;
		position: relative;
		z-index: 9999;
	}
	.openbtn span {
		/* 		background-color: #1a1a1a; */
		background-color: #6b6b6b;
		display: inline-block;
		width: 4.2rem;
		height: 2px;
		border-radius: 2px;
		position: absolute;
		left: 50%;
		left: 0;
		transition: all 0.4s;
	}
	.openbtn span:nth-of-type(1) {
		top: 0;
	}
	.openbtn span:nth-of-type(2) {
		top: 50%;
		transform: translatey(-50%);
	}
	.openbtn span:nth-of-type(3) {
		bottom: 0;
	}
	.openbtn.active span:nth-of-type(1) {
		top: 1rem;
		transform: rotate(-30deg);
	}
	.openbtn.active span:nth-of-type(2) {
		opacity: 0;
	}
	.openbtn.active span:nth-of-type(3) {
		top: 1rem;
		bottom: auto;
		transform: rotate(30deg);
	}
	header .contact__link,
	.header__btn {
		width: calc( 100% - 4rem );
		margin-bottom: 2.5rem;
	}
	header .contact__link__mail a,
	header .contact__link__tel a {
		padding: 0;
	}
	header .contact__link,
	.header__privacy,
	.header__btn {
		margin-right: 2rem;
		margin-left: 2rem;
	}
	.header__privacy ul {
		/* display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 1rem; */
		text-align: center;
		margin-bottom: 3.5rem;
	}
	.header__privacy ul li {
		display: inline-block;
		margin: 0 0.5rem;
	}
	.header__privacy *,
	header .contact__link * {
		color: #fff;
	}
	.header__privacy li a {
		font-size: 1.2rem;
		font-weight: 500 !important;
		letter-spacing: 0.05em;
	}
	.header__btn {
		/* 		padding-bottom: 30vh; */
	}
	.header__btn a {
		font-size: 1.435rem;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 4.85rem;
		column-gap: 8px;
		border-radius: 24px;
	}
	.header__btn__tel {
		color: #ef857d !important;
		background-color: #fff;
		margin-bottom: 1.6rem;
	}
	.header__btn__tel img {
		width: 1.3rem;
	}
	.header__btn__mypage {
		border: 3px solid #fff;
	}
	.header__btn__mypage img {
		width: 1.35rem;
	}
	.header__spMenu {
		display: flex;
		align-items: center;
		margin-right: 3.8rem;
		margin-left: auto;
		column-gap: 2.2rem;
	}
	.header__spMenu__insta img {
		width: 4.1rem;
		height: 4.1rem;
	}
	.header__spMenu__guidance {
		font-size: 1.984rem;
		font-weight: 700;
		color: #f66358;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 20.2rem;
		height: 3.9rem;
		border: 4px solid #f66358;
		border-radius: 19px;
	}
	.header__nav__list .header__nav li.pclink {
		display: none !important;
	}
}

@media (max-width: 768px) {
	.header__nav__list {
		overflow-y: auto;
		width: 100%;
		max-width: none;
		margin-top: calc((83 / 750) * 100vw);
	}
	.fixed .header__nav__list {
		margin-top: calc((84 / 750) * 100vw);
	}
	.header__nav__list .header__nav li {
		height: calc((132 / 750) * 100vw);
	}
	.header__nav__list li a {
		font-size: calc((30.07 / 750) * 100vw);
	}
	.openbtn {
		width: calc((42 / 750) * 100vw);
		height: calc((28 / 750) * 100vw);
	}
	.openbtn span {
		/* height: calc((2 / 750) * 100vw); */
		/* width: calc((42 / 750) * 100vw); */
		width: calc((50 / 750) * 100vw);
		border-radius: 1px;
	}
	.openbtn.active span:nth-of-type(1) {
		top: calc((10 / 750) * 100vw);
	}
	.openbtn.active span:nth-of-type(3) {
		top: calc((10 / 750) * 100vw);
	}
	header .contact__link,
	.header__btn {
		width: calc( 100% - calc((80 / 750) * 100vw) );
		margin-bottom: calc((25 / 750) * 100vw);
	}
	header .contact__link,
	.header__privacy,
	.header__btn {
		width: calc( 100% - ((80 / 750) * 100vw));
		margin-right: calc((40 / 750) * 100vw);
		margin-left: calc((40 / 750) * 100vw);
	}
	.header__privacy ul {
		margin-bottom: calc((70 / 750) * 100vw);
		column-gap: calc((20 / 750) * 100vw);
	}
	.header__privacy li a {
		font-size: calc((20 / 750) * 100vw);
	}
	.header__btn {
		/* 		padding-bottom: 30vh; */
	}
	.header__privacy {
		padding-bottom: 30vh;
	}
	.header__btn a {
		font-size: calc((28.7 / 750) * 100vw);
		height: calc((97 / 750) * 100vw);
		column-gap: calc((16 / 750) * 100vw);
		border-radius: calc((48 / 750) * 100vw);
	}
	.header__btn__mypage {
		margin-bottom: calc((32 / 750) * 100vw);
	}
	.header__btn__tel img {
		width: calc((26 / 750) * 100vw);
	}
	.header__btn__mypage {
		border: calc((6 / 750) * 100vw) solid #fff;
	}
	.header__btn__mypage img {
		width: calc((27 / 750) * 100vw);
	}
	.header__spMenu {
		margin-right: calc((38 / 750) * 100vw);
		column-gap: calc((22 / 750) * 100vw);
	}
	.header__spMenu__insta img {
		width: calc((41 / 750) * 100vw);
		height: calc((41 / 750) * 100vw);
	}
	.header__spMenu__guidance {
		font-size: calc((19.84 / 750) * 100vw);
		width: calc((202 / 750) * 100vw);
		height: calc((39 / 750) * 100vw);
		border: calc((4 / 750) * 100vw) solid #f66358;
		border-radius: calc((19 / 750) * 100vw);
	}
}

.header__btn__mypage {
	position: relative;
}
.header__btn__mypage::after {
	content: "";
	display: block;
	width: 1rem;
	height: 1rem;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	border-radius: 2px;
	position: absolute;
	top: 50%;
	right: 1.5rem;
	transform: translatey(-50%) rotate(45deg);
}
/*

@media screen and (max-width: 768px) {
	.openbtn {
		width: 27px;
	}
	.openbtn i {
		position: absolute;
		left: 0;
		top : 50%;
		transform: translateY(-50%);
		width: 100%;
		height: 2px;
		background-color: #6b6b6b;
		border-radius: 1px;
	}
	.openbtn i:nth-child(1) {
		top: 10%;
	}
	.openbtn i:nth-child(3) {
		top: 95%;
	}
} */