@charset "UTF-8";
@import url("grid.css");

/* 基本 */
body {
	margin: 0;
	background-color: #ffffff;
	color: #474747;
	overflow-x: hidden;
}

/* ページ内リンクをなめらかにスクロール */
html {
	scroll-behavior: smooth;
}

/* ヘッダー */
.header {
	/* height: 105px; */
}
.head {
	/* flex-direction: column; */
	/* text-align: left; */
}

/* PC サイト共通 */
@media screen and (min-width: 768px){
	.gray-back {
		background: linear-gradient(to right, #F5F5F5 23.7%, #ffffff 23.7% 100%);
	}

	/* --------------------
		ページヘッダー
	-------------------- */
	.mainimg img {
		display: block !important;
		position: relative;
		max-width: 100%;
		padding-left: 10%;
		margin-top: 88px;
	}
	.spmainimg img {
		display: none !important;
	}
	.mainimg2 img {
		display: block !important;
		position: relative;
		max-width: 100%;
		padding-left: 10%;
	}
	.spmainimg2 img {
		display: none !important;
	}
}
/* SP サイト共通 */
@media screen and (max-width: 768px){
	.gray-back {
		background: linear-gradient(to right, #F5F5F5 32%, #ffffff 32% 100%);
	}

	/* --------------------
		ページヘッダー
	-------------------- */
	.mainimg img {
		display: none !important;
	}
	.spmainimg img {
		display: block !important;
		position: relative;
		max-width: 100%;
		padding-left: 10%;
		padding-top: 117px;
	}
	.mainimg2 img {
		display: none !important;
	}
	.spmainimg2 img {
		display: block !important;
		position: relative;
		max-width: 100%;
		padding-left: 10%;
		padding-top: 49px;
	}
}

/* ヘッダーPC */
@media screen and (min-width: 768px){

	/* --------------------
		ヘッダー 
	-------------------- */
	/* ハンバーガーメニュー */
	.menu-btn {
		position: fixed;
		top: 10px;
		right: 10px;
		display: flex;
		height: 60px;
		width: 60px;
		justify-content: center;
		align-items: center;
		z-index: 90;
		background-color: #474747;
		cursor: pointer;
	}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #ffffff;
		position: absolute;
	}
	.menu-btn span:before {
		bottom: 8px;
	}
	.menu-btn span:after {
		top: 8px;
	}
	#menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}
	#menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
	}
	#menu-btn-check {
		display: none;
	}

	/* グロナビメニュー */
	.menu-content {
		display: block;
		width: 100%;
		height: 100%;
		max-width: 768px;
		min-height: 100vh;
		overflow-y: auto;
		position: fixed;
		top: 0;
		right: -105%;/*メニューを画面外へ*/
		z-index: 80;
		background-color: rgba(255, 255, 255, 0.9);
		transition: all 0.5s;/*アニメーション設定*/
	}
	.menu-content ul {
		margin: 0 15% 10%;
		padding: 80px 0 0 0;
	}
	.menu-content ul li {
		border-bottom: solid 1px #ffffff;
		padding-bottom: 30px;
		list-style: none;
	}
	.menu-content .btn {
		max-width: 400px;
		padding: 10px 0 0 0;
		margin-bottom: 0;
	}
	.menu-content img {
		display: block;
		width: 100%;
	}
	.menu-content ul li a {
		display: block;
	}
	.menu-content .size1 {
		max-width: 320px;
	}
	#menu-btn-check:checked ~ .menu-content {
		right: 0;/*メニューを画面内へ*/
	}

	/* --------------------
		右下固定のボタン 
	-------------------- */
	.headbtns{
		z-index: 50;
		position: fixed;
		right: 14px;
		bottom: 3%;
		display: flex;
		justify-content: flex-end;
	}
	.button_1,
	.button_30,
	.button_12 {
		flex: 0 0 222px;
		margin: 0 10px;
	}
	.button_1 img,
	.button_30 img,
	.button_12 img {
		display: block;
		width: 100%;
	}

	/* --------------------
		上部固定のボタン 
	-------------------- */
	.logo{
		max-width: 155px;
	}
	.logo a,
	.logo img {
		display: block;
		width: 100%;
	}
	.in-icon {
		position: fixed;
		top: 25px;
		right: 120px;
		margin-right: 10px;
		z-index: 100;
	}
	/* .fb-icon {
		position: fixed;
		top: 28px;
		right: 130px;
		z-index: 100;
	} */
}
/* ヘッダーSP */
@media screen and (max-width: 768px){

	/* --------------------
		ヘッダー 
	-------------------- */
	/* ハンバーガーメニュー */
	.menu-btn {
		position: fixed;
		top: 10px;
		right: 10px;
		display: flex;
		height: 40px;
		width: 40px;
		justify-content: center;
		align-items: center;
		z-index: 90;
		background-color: #474747;
		cursor: pointer;
	}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #ffffff;
		position: absolute;
	}
	.menu-btn span:before {
		bottom: 8px;
	}
	.menu-btn span:after {
		top: 8px;
	}
	#menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}
	#menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
	}
	#menu-btn-check {
		display: none;
	}

	/* グロナビメニュー */
	.menu-content {
		width: 100%;
		height: 100%;
		min-height: 100vh;
		overflow-y: auto;
		position: fixed;
		top: 0;
		right: -105%;/*メニューを画面外へ*/
		z-index: 80;
		background-color: rgba(255, 255, 255, 0.9);
		transition: all 0.5s;/*アニメーション設定*/
	}
	.menu-content ul {
		width: 90%;
		max-width: 309px;
		margin: 0 auto 20%;
		padding: 60px 0 0 0;
	}
	.menu-content ul li {
		padding-bottom: 25px;
		border-bottom: solid 1px #ffffff;
		list-style: none;
	}
	.menu-content .btn {
		padding: 10px 0 0 0;
		margin-bottom: 0;
	}
	.menu-content img {
		display: block;
		width: 100%;
	}
	.menu-content ul li a {
		display: block;
	}
	#menu-btn-check:checked ~ .menu-content {
		right: 0;/*メニューを画面内へ*/
	}

	/* --------------------
		右下固定のボタン 
	-------------------- */
	.headbtns{
		z-index: 50;
		position: fixed;
		right: 0;
		bottom: 3%;
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.button_1,
	.button_30,
	.button_12 {
		flex: 0 0 47%;
		max-width: 260px;
		margin: 0 1%;
	}
	.button_1 img,
	.button_30 img,
	.button_12 img {
		display: block;
		width: 100%;
	}
	.button_30 {
		display: none;
	}
	
	/* --------------------
		上部固定のボタン 
	-------------------- */
	.logo{
		margin-top: 10px;
		max-width: 100px;
	}
	.logo a,
	.logo img {
		display: block;
		width: 100%;
	}
	.in-icon {
		position: fixed;
		z-index: 100;
		top: 15px;
		right: 75px;
		margin-right: 10px
	}
	.in-icon img {
		width: 28px;
	}
	/* .fb-icon {
		position: fixed;
		z-index: 100;
		top: 18px;
		right: 85px;
	}
	.fb-icon img {
		width: 31px;
	} */
}

/* フッターPC */
@media screen and (min-width: 768px){
	.main11 {
		position: relative;
	}
	.main111 {
		display: none;
	}
	.main11 img {
		display: block !important;
		position: relative;
		max-width: 100%;
	}
	.main11-wrap{
		position: absolute;
		top: 47.5%;
		right: 0;
		left: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 71%;
		margin: 0 auto;
	}
	.button_t,
	.button_c,
	.button_l {
		flex: 0 0 33.333%;
	}
	.button_t a,
	.button_c a,
	.button_l a {
		display: block;
		cursor: pointer;
	}
	
	/* addR ロゴ */
	.main12 {
		display: block;
		position: relative;
		width: 100%;
	}
	.main12 img {
		display: block;
		width: 100%;
	}
	.main112 {
		display: none;
	}

}
/* フッターSP */
@media screen and (max-width: 768px){
	.main11 {
		display: none;
	}
	.main111 {
		position: relative;
	}
	.main111 img {
		display: block;
		position: relative;
		width: 100%;
	}
	.main11-wrap{
		position: absolute;
		top: 30%;
		right: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		width: 95%;
		margin: 0 auto;
	}
	.button_t,
	.button_c,
	.button_l {
		flex: 1 0 auto;
		margin-bottom: -10%;
	}
	.button_t a,
	.button_c a,
	.button_l a {
		display: block;
		cursor: pointer;
	}

	/* addR ロゴ */
	.main12 {
		display: none;
	}
	.main112 {
		display: block;
		position: relative;
		width: 100%;
	}
	.main112 img {
		display: block;
		width: 100%;
	}
}

/* --------------------
	TOPページ 
-------------------- */
/* PC TOPページ */
@media screen and (min-width: 768px){
	/* メインビュー */
	.topmv .mainimg2{
		padding-bottom: 16.8%;
	}

	/* MENU ページ内ナビ */
	.title3{
		width: 13%;
		margin: 0 auto 32px;
	}
	.title3 img {
		display: block;
		width: 100%;
		cursor: default;
	}
	.topanchor{
		margin-top: -10%;
	}
	.topanchor-menu{
		background-color: #fff;
	}
	.topanchor-menu_sp{
		display: none;
	}
	.topanchor ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		width: 80%;
		max-width: 1140px;
		padding: 70px 0 100px;
		margin: 0 auto -72px;
	}
	.topanchor ul li {
		position: relative;
		flex: 0 0 33.333%;
		list-style: none;
		padding: 0 1.7%;
		margin-bottom: 72px;
	}
	.topanchor ul li a {
		display: block;
		cursor: pointer;
	}
	.topanchor ul li a img {
		display: block;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	.topanchor ul li:nth-child(3n-1)::before,
	.topanchor ul li:nth-child(3n-1)::after{
		content: '';
		opacity: .5;
		position: absolute;
		top: 20px;
		bottom: 20px;
		display: block;
		margin: auto;
		height: 100%;
		width: 1px;
		background-color: #C59C9C;
	}
	.topanchor ul li:nth-child(3n-1)::before{
		left: 0;
	}
	.topanchor ul li:nth-child(3n-1)::after{
		right: 0;
	}

	/* ネイル */
	.main3 {
		position: relative;
	}
	.main3 img {
		display: block !important;
		position: relative;
		max-width: 100%;
	}
	.button_3 {
		position: absolute;
		top: 67%;
		left: 72%;
		width: 11%;
	}
	.button_3 a{
		display: block;
		cursor: pointer;
	}
	.main103 img {
		display: none !important;
	}

	/* 眉毛 */
	.main13 {
		position: relative;
	}
	.main13 img {
		display: block !important;
		position: relative;
		max-width: 100%;
	}
	.button_13 {
		position: absolute;
		top: 63%;
		left: 30%;
		width: 11%;
	}
	.button_13 a{
		display: block;
		cursor: pointer;
	}
	.main113 img {
		display: none !important;
	}

	/* スクール */
	.main7 {
		position: relative;
	}
	.main7 img {
		display: block !important;
		position: relative;
		max-width: 100%;
	}
	.button_7 {
		position: absolute;
		top: 71%;
		left: 72%;
		width: 11%;
	}
	.button_7 a{
		display: block;
		cursor: pointer;
	}
	.main107 img {
		display: none !important;
	}
	.title7 img {
		cursor: default;
	}
	.title7 {
		width: 23.7%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		top: 18%;
		left: 9.9%;
	}

	/* 脱毛 */
	.main5 {
		position: relative;
	}
	.main5 img {
		display: block !important;
		position: relative;
		max-width: 100%;
	}
	.button_5 {
		position: absolute;
		top: 70%;
		left: 30%;
		width: 11%;
	}
	.button_5 a{
		display: block;
		cursor: pointer;
	}
	.main105 img {
		display: none !important;
	}

	/* エステ */
	.main4 {
		position: relative;
	}
	.main4 img {
		display: block !important;
		position: relative;
		max-width: 100%;
	}
	.button_4 {
		position: absolute;
		top: 73%;
		left: 72%;
		width: 11%;
	}
	.button_4 a{
		display: block;
		cursor: pointer;
	}
	.main104 img {
		display: none !important;
	}

	/* ホワイトニング */
	.main6 {
		position: relative;
	}
	.main6 img {
		display: block !important;
		position: relative;
		max-width: 100%;
	}
	.button_6 {
		position: absolute;
		top: 73%;
		left: 30%;
		width: 11%;
	}
	.button_6 a{
		display: block;
		cursor: pointer;
	}
	.main106 img {
		display: none !important;
	}

	/* インスタ */
	.main8 {
		position: relative;
	}
	.main8 img {
		display: block !important;
		position: relative;
		max-width: 100%;
	}
	.main108 img {
		display: none !important;
	}
	.title8 img {
		cursor: default;
	}
	.title8 {
		width: 20.7%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		top: 44%;
		left: 39.65%;
	}

	/* CONCEPT */
	.main2 {
		position: relative;
	}
	.main2 img {
		display: block !important;
		position: relative;
		max-width: 100%;
	}
	.button_2 a {
		display: block;
		cursor: pointer;
	}
	.button_2 {
		width: 13.5%;
		position: absolute;
		top: 55.4%;
		left: 27%;
	}
	.button_2 a {
		display: block;
		cursor: pointer;
	}
	.title2 {
		width: 21.5%;
		position: absolute;
		top: 7%;
		left: 12.8%;
	}
	.title2 img {
		display: block;
		cursor: default;
	}
	.main102 img {
		display: none !important;
	}

	/* メッセージ */
	.main9 {
		position: relative;
	}
	.main9 img {
		display: block !important;
		position: relative;
		max-width: 100%;
	}
	.main109 img {
		display: none !important;
	}
	.title9 img {
		cursor: default;
	}
	.title9 {
		width: 29.5%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		top: 16.5%;
		left: 47%;
	}

	/* 店舗情報 */
	.main10 {
		position: relative;
	}
	.main10 img {
		display: block !important;
		position: relative;
		max-width: 100%;
	}
	.main110 img {
		display: none !important;
	}
	.main10-map{
		position: relative;;
		display: block;
		margin-top: -11%;
	}
	.main10-map iframe {
		width: 70%;
		aspect-ratio: 840/320;
	}
	.center {
		text-align: center;
	}
	.main10_2 {
		position: relative;
	}
	.main10_2 img {
		display: block !important;
		position: relative;
		max-width: 100%;
	}
	.button_10 {
		width: 20%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		top: 30%;
		left: 61.5%;
	}
	.main110_2 img {
		display: none !important;
	}
}

/* SP TOPページ */
@media screen and (max-width: 768px){

	/* MENU ページ内ナビ */
	.title3{
		width: 30%;
		margin: 0 auto;
		padding: 60px 0 20px;
	}
	.title3 img {
		display: block;
		width: 100%;
		cursor: default;
	}
	.topanchor-menu{
		display: none;
	}
	.topanchor-menu_sp{
		background-color: #fff;
	}
	.topanchor ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 87.5%;
		max-width: 480px;
		padding: 20px 0 40px;
		margin: 0 auto;
	}
	.topanchor ul li {
		position: relative;
		flex: 0 0 46%;
		list-style: none;
		margin-bottom: 0;
	}
	.topanchor ul li a {
		display: block;
		padding: 22px 0;
		cursor: pointer;
	}
	.topanchor ul li a img {
		display: block;
		width: 100%;
	}
	.topanchor ul li::after{
		content: '';
		opacity: .5;
		position: absolute;
		bottom: 0;
		display: block;
		margin: auto;
		width: 100%;
		height: 2px;
		background-color: #C59C9C;
	}
	.topanchor ul li:nth-last-of-type(2)::after,
	.topanchor ul li:last-of-type::after{
		background-color: transparent;
	}

	/* ネイル */
	.main3 img {
		display: none !important;
	}
	.main103 {
		position: relative;
	}
	.main103 img {
		display: block !important;
		position: relative;
		width: 100%;
	}
	.button_3 {
		width: 33%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		bottom: 3.7%;
		right: 17%;
	}

	/* 眉毛 */
	.main13 img {
		display: none !important;
	}
	.main113 {
		position: relative;
	}
	.main113 img {
		display: block !important;
		position: relative;
		width: 100%;
	}
	.button_13 {
		width: 33%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		bottom: 3.7%;
		right: 17%;
	}

	/* スクール */
	.main7 img {
		display: none !important;
	}
	.main107 {
		position: relative;
	}
	.main107 img {
		display: block !important;
		position: relative;
		width: 100%;
	}
	.button_7 {
		width: 33%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		bottom: 3.5%;
		right: 17%;
	}
	.title7 img {
		cursor: default;
	}
	.title7 {
		width: 48%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		top: 4.2%;
		left: 7%;
	}

	/* 脱毛 */
	.main5 img {
		display: none !important;
	}
	.main105 {
		position: relative;
	}
	.main105 img {
		display: block !important;
		position: relative;
		width: 100%;
	}
	.button_5 {
		width: 33%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		bottom: 5.7%;
		right: 17%;
	}

	/* エステ */
	.main4 img {
		display: none !important;
	}
	.main104 {
		position: relative;
	}
	.main104 img {
		display: block !important;
		position: relative;
		width: 100%;
	}
	.button_4 {
		width: 33%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		bottom: 3.7%;
		right: 17%;
	}

	/* ホワイトニング */
	.main6 img {
		display: none !important;
	}
	.main106 {
		position: relative;
	}
	.main106 img {
		display: block !important;
		position: relative;
		width: 100%;
	}
	.button_6 {
		width: 33%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		bottom: 5.7%;
		right: 17%;
	}

	/* インスタ */
	.main108 {
		position: relative;
	}
	.main8 img {
		display: none !important;
	}
	.main108 img {
		display: block !important;
		position: relative;
		width: 100%;
	}
	.title8 img {
		cursor: default;
	}
	.title8 {
		width: 42.5%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		top: 21.5%;
		left: 29%;
	}

	/* CONCEPT */
	.main2 img {
		display: none !important;
	}
	.main102 {
		position: relative;
	}
	.main102 img {
		display: block !important;
		position: relative;
		width: 100%;
	}
	.button_2 {
		width: 34%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		top: 55.7%;
		left: 52.5%;
	}
	.title2 img {
		cursor: default;
	}
	.title2 {
		width: 44%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		top: 5%;
		left: 10.7%;
	}

	/* メッセージ */
	.main109 {
		position: relative;
	}
	.main9 img {
		display: none !important;
	}
	.main109 img {
		display: block !important;
		position: relative;
		width: 100%;
	}
	.title9 img {
		cursor: default;
	}
	.title9 {
		width: 60%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		top: 4%;
		left: 32.5%;
	}

	/* 店舗情報 */
	.main10 img {
		display: none !important;
	}
	.main110 {
		position: relative;
	}
	.main110 img {
		display: block !important;
		position: relative;
		width: 100%;
	}

	/* アクセス */
	.center {
		text-align: center;
	}
	.main10-map iframe {
		width: 88%;
		aspect-ratio: 520/350;
	}
	.main10_2 img {
		display: none !important;
	}
	.main110_2 {
		position: relative;
	}
	.main110_2 img {
		display: block !important;
		position: relative;
		width: 100%;
	}
	.button_10 {
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		position: absolute;
		top: 30%;
		left: 45%;
	}

}

/* --------------------
	下層ページ 
-------------------- */
/* 共通 下層ページ */
@media screen and (min-width: 0px){
	
	/* よくある質問 */
	#faq input{
		display: none;
	}
	#faq label{
		cursor: pointer;
	}
	.faq_ttl{
		width: 25.6%;
		max-width: 192px;
		margin: 0 auto 40px;
	}
	.faq_ttl img {
		display: block;
		width: 100%;
	}
	.faq_item{
		overflow: hidden;
		width: 55.26%;
		margin: 28px auto 0;
		background-color: #F6F2F2;
		box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .15);
	}
	.faq_item:last-of-type{
		margin-bottom: 7.7%;
	}
	.faq_item_q,
	.faq_item_a{
		position: relative;
		display: flex;
		margin: 0;
		font-size: clamp(14px, 4vw, 18px);
		letter-spacing: .05em;
		line-height: 1.6;
	}
	.faq_item_q{
		padding: 20px 22px 20px 72px;
		font-weight: 500;
	}
	.faq_item_a{
		/* CLOSE時 */
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		height: 0;
		padding: 0 72px;
		font-weight: 400;
		transition: 0.5s;
	}
	.faq_item input:checked ~ .faq_item_a {
		/* OPEN時 */
		opacity: 1;
		visibility: visible;
		height: auto;
		padding: 0 72px 17px;
	}
	.faq_item_q::before,
	.faq_item_a::before{
		content: '';
		position: absolute;
		left: 22px;
		display: block;
		width: 30px;
		height: 49px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.faq_item_q::before{
		top: 12px;
		background-image: url('../img/page/faq_Q.png');
	}
	.faq_item_a::before{
		background-image: url('../img/page/faq_A.png');
	}
	.faq_item_q::after{
		/* CLOSE時 */
		content: '';
		display: block;
		flex: 0 0 28px;
		height: 18px;
		margin-top: 7px;
		margin-left: auto;
		background: url('../img/page/faq_tri.png') no-repeat right/contain;
		transition: .5s;
	}
	.faq_item input:checked + .faq_item_q::after {
		/* OPEN時 */
		transform: scaleY(-1);
	}

	/* ジャンル別よくある質問 */
	.allfaq_input:checked + .faq_subttl::after {
		/* OPEN時 */
		transform: scaleY(-1);
	}
	.faqcont{
		/* CLOSE時 */
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		height: 0;
		font-weight: 400;
		transition: 0.5s;
	}
	.allfaq_input:checked ~ .faqcont{
		/* OPEN時 */
		opacity: 1;
		visibility: visible;
		height: auto;
	}
	.faq_subttl{
		display: flex;
		justify-content: space-between;
		width: 55.26%;
		padding: 16px 24px;
		margin: 35px auto 0;
		font-size: clamp(14px, 4vw, 20px);
		font-weight: 500;
		color: #fff;
		background-color: #B17D7D;
	}
	.faq_subttl::after{
		/* CLOSE時 */
		content: '';
		display: block;
		flex: 0 0 28px;
		height: 18px;
		margin-top: 7px;
		margin-left: auto;
		background: url('../img/page/contact_faq_tri.png') no-repeat right/contain;
		transition: .5s;
	}
	.allfaq .faq_item:last-of-type{
		margin-bottom: 35px;
	}

	/* ホットペッパーへのボタン */
	main.Page .hotpepper {
		display: block;
		position: absolute;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	main.Page .hotpepper a {
		display: block;
		width: 100%;
		cursor: pointer;
	}

	/* PDFダウンロード */
	.pdfdownload {
		display: block;
		position: absolute;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	.pdfdownload a {
		display: block;
		width: 100%;
		cursor: pointer;
	}
}

/* PC 下層ページ */
@media screen and (min-width: 768px){
	main.Page .img_pc{
		position: relative;
	}
	main.Page .img_pc img{
		display: block;
		position: relative;
		max-width: 100%;
	}
	main.Page .img_sp{
		display: none ;
	}

	/* ホットペッパーへのボタン */
	main.Page .hotpepper {
		width: 23%;
	}

	/* PDFダウンロード */
	.pdfdownload {
		width: 21%;
	}
	.pdfdownload a {
		margin-top: 9%;
	}

	/* --------------------
		ネイル 
	-------------------- */
	.nail8 .hotpepper{
		bottom: 15.5%;
	}

	/* --------------------
		エステ 
	-------------------- */
	.esthetic4 .hotpepper{
		bottom: 9%;
	}

	/* --------------------
		スクール 
	-------------------- */
	.sclfotter .main11-wrap{
		top: 33.5%;
		flex-wrap: wrap;
		justify-content: center;
		width: 43%;
	}
	.sclfotter .button_t,
	.sclfotter .button_c,
	.sclfotter .button_l {
		flex: 0 0 50%;
	}

	/* --------------------
		脱毛 
	-------------------- */
	.hairremoval3 .pdfdownload{
		bottom: 3.8%;
	}
	.hairremoval4 .pdfdownload{
		bottom: 15.8%;
	}
	.hairremoval4 .hotpepper{
		bottom: 8.5%;
	}

	/* --------------------
		ホワイトニング 
	-------------------- */
	.white3 .hotpepper{
		bottom: 16%;
	}

	/* --------------------
		お問い合わせ 
	-------------------- */
	.contact_ttl,
	.contact_subttl,
	.contact3 .form{
		display: block;
		width: 55.26%;
		margin: 0 auto;
	}
	#faq .contact_ttl img{
		display: block;
		max-width: 348px;
	}
	.contact3 .contact_ttl{
		margin: 5.8% auto 2.8%;
	}
	.contact3 .contact_ttl img{
		display: block;
		max-width: 482px;
	}
	.contact3 .form{
		width: 100%;
		max-height: 1080px;
		margin-bottom: 12.3%;
		aspect-ratio: 822 / 1100;
	}
	.contact3 iframe{
		display: block;
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
}

/* SP 下層ページ */
@media screen and (max-width: 768px){
	main.Page .img_sp{
		position: relative;
	}
	main.Page .img_sp img{
		position: relative;
		display: block;
		max-width: 100%;
	}
	main.Page .img_pc{
		display: none;
	}

	/* PDFダウンロード */
	.pdfdownload {
		width: 70%;
	}
	.pdfdownload a {
		margin-top: 4%;
	}
	
	/* ホットペッパーへのボタン */
	main.Page .hotpepper {
		width: 70%;
	}

	/* よくある質問 */
	.faq_ttl{
		margin: 0 auto 14px;
	}
	.faq_item{
		width: 90.4%;
		margin: 16px auto 0;
	}
	.faq_item:last-of-type{
		margin-bottom: 21.6%;
	}
	.faq_item_q{
		padding: 14px 14px 14px 52px;
	}
	.faq_item_a{
		/* CLOSE時 */
		padding: 0 30px 0 52px;
	}
	.faq_item input:checked ~ .faq_item_a {
		/* OPEN時 */
		padding: 0 30px 17px 52px;
	}
	.faq_item_q::before,
	.faq_item_a::before{
		left: 15px;
		width: 24px;
		height: 38px;
	}
	.faq_item_q::before{
		top: 9px;
	}
	.faq_item_q::after{
		/* CLOSE時 */
		flex: 0 0 13px;
		height: 13px;
	}
	
	/* ジャンル別よくある質問 */
	.faq_subttl{
		width: 90.4%;
		padding: 8px 15px;
		margin: 15px auto 0;
	}
	.faq_subttl::after{
		/* CLOSE時 */
		flex: 0 0 13px;
		height: 13px;
		margin-top: 4px;
	}
	.allfaq .faq_item:last-of-type{
		margin-bottom: 15px;
	}

	/* --------------------
		ネイル 
	-------------------- */
	.nail108 .hotpepper{
		bottom: 8.5%;
	}
	
	/* --------------------
		エステ 
	-------------------- */
	.esthetic104 .hotpepper{
		top: 0;
	}
	
	/* --------------------
		スクール 
	-------------------- */
	.sclfotter .main11-wrap{
		top: 27.5%;
	}

	/* --------------------
		脱毛 
	-------------------- */
	.hairremoval103 .pdfdownload{
		bottom: 1.8%;
	}
	.hairremoval104 .pdfdownload{
		bottom: 14%;
	}
	.hairremoval104 .hotpepper{
		bottom: 8%;
	}

	/* --------------------
		ホワイトニング 
	-------------------- */
	.white103 .hotpepper{
		bottom: 11%;
	}

	/* --------------------
		お問い合わせ 
	-------------------- */
	.contact_ttl,
	.contact_subttl,
	.contact3 .form{
		display: block;
		width: 90.4%;
		margin: 0 auto;
	}
	#faq .contact_ttl img{
		display: block;
		width: 65.4%;
	}
	.contact3 .contact_ttl{
		margin: 18.9% auto 2.8%;
	}
	.contact3 .contact_ttl img{
		display: block;
		width: 91.2%;
	}
	.contact3 .form{
		width: 100%;
		height: 1300px;
		aspect-ratio: 822 / 1100;
	}
	.contact3 iframe{
		display: block;
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
}

/* 下から */
.fadeUpTrigger {
	animation-name: fadeUpAnime;
	animation-fill-mode: forwards;
	opacity:0;
	animation-delay: 1s;/*1秒後にアニメーション開始*/
	animation-duration: 1.6s;
}
@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定 */
.fadeUpTrigger{
	opacity: 0;
}