@charset "UTF-8";

:root{
	--vw: 1vw;
}

*{
	margin:0;
	padding:0;
}

body { 
	color: #000;
	margin:0;
	padding:0;
	font-family: "Noto Sans JP", sans-serif;
	width:100%;
	webkit-text-size-adjust: 100%;
}

img{
	border:0;
	margin:0;
	vertical-align: bottom;
}

table,tr,td {
	border-collapse: collapse; 
}

ul{
	list-style-type: none;
}

a{
	text-decoration: none;
}

a,a img,button {
	transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.clear{
	clear:both;
}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

.ff_nse{
	font-family: "Noto Serif JP", serif;
}

@media print, screen and (min-width: 768px){

html{
	scroll-padding-top: 0px;/* ヘッダースクロール追従するときに使う */
}

body { 
	min-width: 1200px;
}

.pc_none{
	display: none;
}

#style01{
	width:100%;
}





/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　ヘッダー　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: max(100.23px, calc(var(--vw) * 8.35));
	padding: 0 max(24.34px, calc(var(--vw) * 2.02)) 0 max(42.95px, calc(var(--vw) * 3.57));
	background: #fff;
}

.header_logo{
	
}

.header_logo img{
	width: max(168.97px, calc(var(--vw) * 14.08));
}

.header_nav{
	display: flex;
	gap: max(64.43px, calc(var(--vw) * 5.36));
}

.header_nav a{
	color: #000;
}

.header_nav a:hover{
	color: #A94B58;
}

.header_nav01{
	display: flex;
	gap: max(28.63px, calc(var(--vw) * 2.38));
	padding-top: max(5.72px, calc(var(--vw) * 0.47));
	font-size: max(12.88px, calc(var(--vw) * 1.07));
	font-weight: 500;
}

.header_nav02{
	display: flex;
	gap: max(17.18px, calc(var(--vw) * 1.43));
	font-size: max(10.02px, calc(var(--vw) * 0.83));
	font-weight: 700;
	text-align: center;
}

.header_nav02 img{
	width: max(25.77px, calc(var(--vw) * 2.14));
}

.header_nav02 p{
	margin-top: max(5.72px, calc(var(--vw) * 0.47));
}





/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　フッター　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.footer{
	height: max(128.87px, calc(var(--vw) * 10.73));
	background: #E5B6AF;
}






/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　index(TOP)　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.mv{
	position: relative;
}

.mv img{
	width: 100%;
}

.mv_box{
	position: absolute;
	top: max(193px, calc(var(--vw) * 16.1));
	left: 50%;
	transform: translateX(-50%);
	width: 51.01%;
}

.mv_h1{
	margin-bottom: max(28.63px, calc(var(--vw) * 2.38));
	color: #A94B58;
	font-size: max(32.93px, calc(var(--vw) * 2.74));
	font-weight: 500;
	line-height: 1.56;
	letter-spacing: 0.32em;
}

.mv_text{
	color: #2F2725;
	font-size: max(13.89px, calc(var(--vw) * 1.157));
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.18em;
	font-family: "Noto Serif JP", serif;
}




.campaign{
	padding: max(104.53px, calc(var(--vw) * 8.71)) 0 max(93.07px, calc(var(--vw) * 7.75));
	margin-top: max(42.95px, calc(var(--vw) * 3.57));
	background: url("https://grand-beaute.jp/information/wp-content/themes/gb/img02/cam_bg.jpg") center/cover no-repeat;
}

.cam_box{
	padding: max(28.63px, calc(var(--vw) * 2.38)) max(96px, calc(var(--vw) * 8)) max(35.79px, calc(var(--vw) * 2.98));
	background: rgba(255, 255, 255, 0.58);
}

.cam_slick{
	display: flex;
}

.cam_slick .slick-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: max(37.23px, calc(var(--vw) * 3.1));
	height: max(37.23px, calc(var(--vw) * 3.1));
	border: none;
	border-radius: 50%;
	background: url("https://grand-beaute.jp/information/wp-content/themes/gb/img02/cam_slick_arrow.svg") center/cover no-repeat;
	background-color: none;
	font-size: 0;
}

.cam_slick .slick-prev{
	left: max(-71.59px, calc(var(--vw) * -5.96));
	transform: translateY(-50%) rotateZ(180deg);
}

.cam_slick .slick-next{
	right: max(-71.59px, calc(var(--vw) * -5.96));

}

.cam_slick_li a{
	display: block;
	margin: 0 max(15.75px, calc(var(--vw) * 1.31));
}

.cam_slick_li img{
	width: 100%;
}




.is01{
	padding-bottom: max(57.27px, calc(var(--vw) * 4.77));
	margin-top: max(78.75px, calc(var(--vw) * 6.56));
	background: url("https://grand-beaute.jp/information/wp-content/themes/gb/img02/is01_bg.jpg") top center/cover no-repeat;
	color: #231815;
}

.is01_title01{
	text-align: center;
}

.is01_title01 img{
	height: max(71.59px, calc(var(--vw) * 5.96));
	margin-top: max(-37.23px, calc(var(--vw) * -3.1));
}

.is01_title02{
	color: #A85865;
	font-size: max(34.36px, calc(var(--vw) * 2.86));
	font-weight: 700;
	text-align: center;
}

.is01_box01{
	width: max(820.52px, calc(var(--vw) * 68.37));
	margin: max(40.09px, calc(var(--vw) * 3.34)) auto 0;
}

.is01_link01{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.is01_link01 li:nth-child(2n+1){
	background: #D8BCAB;
}

.is01_link01 li:nth-child(2n){
	background: #C6C7C8;
}

.is01_link01 li a{
	position: relative;
	display: block;
	padding: max(18.61px, calc(var(--vw) * 1.55)) 0 max(28.63px, calc(var(--vw) * 2.38));
	color: #231815;
}

.is01_link01 li a:after{
	position: absolute;
	left: 50%;
	bottom: max(7.15px, calc(var(--vw) * 0.59));
	transform: translateX(-50%);
	content: "";
	width: max(12px, calc(var(--vw) * 1));
	height: max(3.29px, calc(var(--vw) * 0.27));
	background: url("https://grand-beaute.jp/information/wp-content/themes/gb/img02/is01_link01_arrow.svg") center/contain no-repeat;
}

.is01_link01_img01 img{
	width: 100%;
}

.is01_link01_title01{
	font-size: max(20.04px, calc(var(--vw) * 1.67));
	font-weight: 500;
	text-align: center;
}

.is01_link01_text01{
	font-size: max(12.88px, calc(var(--vw) * 1.07));
	font-weight: 500;
	text-align: center;
}

.is01_tab01{
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: max(28.63px, calc(var(--vw) * 2.38));
}

.is01_tab01 label{
	display: flex;
	justify-content: center;
	align-items: center;
	height: max(64.43px, calc(var(--vw) * 5.36));
	font-size: max(20.04px, calc(var(--vw) * 1.67));
	font-weight: 500;
	cursor: pointer;
}

.is01_tab01_label01{
	background: #C6C7C8;
}

.is01_tab01_label02{
	background: #D8BCAB;
}

.is01_tab01 input{
	display: none;
}

.is01_tabarea{
	display: none;
	grid-column: 1 / 3;
	background: #fff;
}

.is01_tab01 input:checked + .is01_tabarea{
	display: block;
}

.is01_tabarea01{
	padding: max(22.91px, calc(var(--vw) * 1.9)) max(81.62px, calc(var(--vw) * 6.8)) max(47.25px, calc(var(--vw) * 3.93));
}

.is01_link02{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: max(8.59px, calc(var(--vw) * 0.71)) max(68.73px, calc(var(--vw) * 5.72));
	place-content: center;
}

.is01_link02_img01 img{
	width: 100%;
}

.is01_link02_title01{
	width: max(163.24px, calc(var(--vw) * 13.6));
	margin: max(5.72px, calc(var(--vw) * 0.47)) auto 0;
	background: radial-gradient(circle, #fff 0%, #F3D1BC 80%);
	color: #231815;
	font-size: max(12.88px, calc(var(--vw) * 1.07));
	font-weight: 500;
	text-align: center;
	transition: .3s ease-in-out;
}

.is01_link02 a:hover .is01_link02_title01{
	background: radial-gradient(circle, #fff 0%, #F3D1BC 100%);
}

.is01_link02_title01 span{
	position: relative;
	display: inline-block;
	padding: 0  max(21.47px, calc(var(--vw) * 1.78));
}

.is01_link02_title01 span:after{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	content: "";
	width: max(12px, calc(var(--vw) * 1));
	height: max(3.29px, calc(var(--vw) * 0.27));
	background: url("https://grand-beaute.jp/information/wp-content/themes/gb/img02/is01_link01_arrow.svg") center/contain no-repeat;
}

.is01_tabarea02{
	padding: max(78.75px, calc(var(--vw) * 6.56)) max(64.43px, calc(var(--vw) * 5.36)) max(64.43px, calc(var(--vw) * 5.36));
}

.is01_link03_01{
	display: flex;
	justify-content: center;
	gap: max(28.63px, calc(var(--vw) * 2.38));
}

.is01_link03_01 li{
	width:100%;
}
.is01_link03_title01{
	color: #797247;
	font-size: max(15.75px, calc(var(--vw) * 1.31));
}

.is01_link03_title01:not(:first-child){
	margin-top: 2em;
}

.is01_link03_02{
	padding-left: 1em;
	margin-top: 1em;
	font-size: max(12.88px, calc(var(--vw) * 1.07));
}

.is01_link03_02{
	display: grid;
	gap: 0.3em;
}

.is01_link03_02 a{
	color: #231815;
}

.is01_link03_02 a:hover{
	text-decoration: underline;
}




.is02{
	padding: max(34.36px, calc(var(--vw) * 2.86)) max(34.36px, calc(var(--vw) * 2.86)) max(48.68px, calc(var(--vw) * 4.05));
	margin-top: max(38.66px, calc(var(--vw) * 3.22));
	background: #FCF2EA;
}

.is02_title01{
	text-align: center;
}

.is02_title01 img{
	height: max(38.66px, calc(var(--vw) * 3.22));
}

.is02_title02{
	margin-top: max(7.15px, calc(var(--vw) * 0.59));
	color: #595757;
	font-size: max(30.07px, calc(var(--vw) * 2.5));
	font-weight: 700;
	text-align: center;
}

.is02_list01{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: max(45.82px, calc(var(--vw) * 3.81));
	margin-top: max(40.09px, calc(var(--vw) * 3.34));
}


.is02_list01 li{
	width:30%;
}
.is02_list01 > li{
	/*width: max(316.46px, calc(var(--vw) * 26.37));*/

	background: #fff;
}

.is02_list01_title01{
	padding: max(11.45px, calc(var(--vw) * 0.95)) 0;
	background: #E7B1AA;
	color: #fff;
	font-size: max(20.04px, calc(var(--vw) * 1.67));
	text-align: center;
}

.is02_list01_img{
	padding: max(17.18px, calc(var(--vw) * 1.43)) max(48.68px, calc(var(--vw) * 4.05)) 0;
}

.is02_list01_img img{
	width: 100%;
}

.is02_list01_text{
	width: max(196.18px, calc(var(--vw) * 16.34));
	padding: max(15.75px, calc(var(--vw) * 1.31)) 0 max(22.91px, calc(var(--vw) * 1.9));
	margin: 0 auto;
	font-size: max(11.02px, calc(var(--vw) * 0.91));
}

.is02_link01{
	display: flex;
	justify-content: center;
	margin-top: max(50.11px, calc(var(--vw) * 4.17));
}

.is02_link01 a{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: max(293.55px, calc(var(--vw) * 24.46));
	height: max(42.95px, calc(var(--vw) * 3.57));
	border: 1px #898989 solid;
	background: #898989;
	color: #fff;
	font-size: max(14.31px, calc(var(--vw) * 1.19));
	font-weight: 700;
}

.is02_link01 a:hover{
	background: #fff;
	color: #898989;
}

.is02_link01 a:after{
	position: absolute;
	top: 50%;
	right: max(24.34px, calc(var(--vw) * 2.02));
	transform: translatey(-50%);
	content: "";
	width: max(4.72px, calc(var(--vw) * 0.39));
	height: max(8.59px, calc(var(--vw) * 0.71));
	mask: url("https://grand-beaute.jp/information/wp-content/themes/gb/img02/is02_link01_arrow.svg") center/contain no-repeat;
	background: #fff;
	transition: .3s ease-in-out;
}

.is02_link01 a:hover:after{
	background: #898989;
}




.is03{
	padding: max(34.36px, calc(var(--vw) * 2.86)) max(34.36px, calc(var(--vw) * 2.86)) max(61.57px, calc(var(--vw) * 5.13));
	margin: max(38.66px, calc(var(--vw) * 3.22)) max(70.16px, calc(var(--vw) * 5.84)) 0;
	background: #F5F4F1;
}

.is03_title01{
	text-align: center;
}

.is03_title01 img{
	height: max(50.11px, calc(var(--vw) * 4.17));
}

.is03_list01{
	width: max(630.07px, calc(var(--vw) * 52.5));
	margin: max(28.63px, calc(var(--vw) * 2.38)) auto 0;
	border-top: 1px #000 solid;
}

.is03_list01 li{
	border-bottom: 1px #000 solid;
}

.is03_list01 li a{
	position: relative;
	display: block;
	padding: max(14.31px, calc(var(--vw) * 1.19)) max(71.59px, calc(var(--vw) * 5.96)) max(18.61px, calc(var(--vw) * 1.55)) 0;
	color: #000;
	font-size: max(10.73px, calc(var(--vw) * 0.89));
	font-weight: 500;
}

.is03_list01 li a:hover{
	background: rgba(0, 0, 0, 0.1);
}

.is03_list01 li a:after{
	position: absolute;
	top: 50%;
	right: max(57.27px, calc(var(--vw) * 4.77));
	transform: translateY(-50%);
	content: "";
	width: max(6.73px, calc(var(--vw) * 0.56));
	height: max(12.17px, calc(var(--vw) * 1.01));
	mask: url("https://grand-beaute.jp/information/wp-content/themes/gb/img02/is02_link01_arrow.svg") center/contain no-repeat;
	background: #000;
	transition: .3s ease-in-out;
}

.is03_list01 li a:hover:after{
	right: max(42.95px, calc(var(--vw) * 3.57));
}

.is03_list01_date{
	margin-bottom: 0.5em;
}

.is03_list01_date.new{
	color: #D28D8A;
}




.is04{
	margin: max(44.39px, calc(var(--vw) * 3.69)) max(81.62px, calc(var(--vw) * 6.8)) 0;
}

.is04_title01{
	text-align: center;
}

.is04_title01 img{
	height: max(54.41px, calc(var(--vw) * 4.53));
}

.is04_title02{
	color: #A85865;
	font-size: max(51.55px, calc(var(--vw) * 4.29));
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

.is04_title02 span{
	font-size: 0.5em;
}

.is04_list01{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: max(10.02px, calc(var(--vw) * 0.83)) max(11.45px, calc(var(--vw) * 0.95));
	margin-top: max(25.77px, calc(var(--vw) * 2.14));
}

.is04_list01 img{
	width: 100%;
}




.is05{
	padding: max(78.75px, calc(var(--vw) * 6.56)) max(90.21px, calc(var(--vw) * 7.51)) max(50.11px, calc(var(--vw) * 4.17));
	margin-top: max(57.27px, calc(var(--vw) * 4.77));
	background: url("https://grand-beaute.jp/information/wp-content/themes/gb/img02/is05_bg.jpg") center max(8.59px, calc(var(--vw) * 0.71))/100% no-repeat;
	background-color: #FCF2EA;
}

.is05_box01{
	width: max(779px, calc(var(--vw) * 64.91));
	text-align: center;
}

.is05_title01{
	
}

.is05_title01 img{
	height: max(71.59px, calc(var(--vw) * 5.96));
}

.is05_title02{
	margin-top: max(7.15px, calc(var(--vw) * 0.59));
	color: #fff;
	font-size: max(34.36px, calc(var(--vw) * 2.86));
	font-weight: 700;
}

.is05_text01{
	margin-top: max(7.15px, calc(var(--vw) * 0.59));
	color: #fff;
	font-size: max(13.89px, calc(var(--vw) * 1.15));
	font-weight: 500;
}

.is05_box02{
	padding: max(52.98px, calc(var(--vw) * 4.41)) max(17.18px, calc(var(--vw) * 1.43)) max(38.66px, calc(var(--vw) * 3.22));
	margin-top: max(114.55px, calc(var(--vw) * 9.54));
	background: rgba(255, 255, 255, 0.78);
}

.is05_link01{
	display: flex;
	gap: max(17.18px, calc(var(--vw) * 1.43));
}

.is05_link01 li{
	display: flex;
	width: max(234.84px, calc(var(--vw) * 19.57));
}

.is05_link01 li a{
	display: flex;
	flex-direction: column;
}

.is05_link01_img{
	border-radius: max(4.29px, calc(var(--vw) * 0.35));
	background: #fff;
	overflow: clip;
	height:160px;
	overflow:hidden;
}

.is05_link01_img img{
	width: 100%;
}

.is05_link01_category{
	padding: max(5.72px, calc(var(--vw) * 0.47)) max(8.59px, calc(var(--vw) * 0.71));
	border-radius: max(4.29px, calc(var(--vw) * 0.35));
	margin-top: max(11.45px, calc(var(--vw) * 0.95));
	background: #f5f2ed;
	color: #1a2b4c;
	font-size: max(14.31px, calc(var(--vw) * 1.19));
}

.is05_link01_title{
	margin: max(11.45px, calc(var(--vw) * 0.95)) 0;
	color: #1a2b4c;
	font-size: max(15.75px, calc(var(--vw) * 1.31));
}

.is05_link01_date{
	margin-top: auto;
	color: #666666;
	font-size: max(11.45px, calc(var(--vw) * 0.95));
}

.is05_link02{
	margin-top: max(28.63px, calc(var(--vw) * 2.38));
	font-size: max(15.75px, calc(var(--vw) * 1.31));
	font-weight: 700;
	text-align: center;
}

.is05_link02 a{
	color: #3C3736;
}

.is05_link02 a:hover{
	text-decoration: underline;
}




.is06{
	display: flex;
	align-items: center;
	margin-top: max(11.45px, calc(var(--vw) * 0.95));
	
}

.is06_l{
	position: relative;
	box-sizing: border-box;
	width: max(665.87px, calc(var(--vw) * 55.48));
	padding: max(32.93px, calc(var(--vw) * 2.74)) 0 max(64.43px, calc(var(--vw) * 5.36)) max(85.91px, calc(var(--vw) * 7.15));
	background: linear-gradient(to right, #F8D6CE 0%, #FFFEFD 90%, #FFF 100%);
}

.is06_title01{
	position: absolute;
	top: max(-96px, calc(var(--vw) * -8.11));
	left: max(83.05px, calc(var(--vw) * 6.92));
}

.is06_title01 img{
	height: max(111.69px, calc(var(--vw) * 9.3));
}

.is06_name01{
	color: #A85865;
	font-size: max(34.36px, calc(var(--vw) * 2.86));
	font-weight: 700;
	letter-spacing: 0.16em;
}

.is06_name01 span{
	padding-right: 1em;
	font-size: 0.58em;
	letter-spacing: 0.1em;
}

.is06_prof01{
	margin-top: max(14.31px, calc(var(--vw) * 1.19));
	font-size: max(13.46px, calc(var(--vw) * 1.12));
	letter-spacing: 0.1em;
}

.is06_comment01{
	margin-top: max(35.79px, calc(var(--vw) * 2.98));
	font-size: max(13.89px, calc(var(--vw) * 1.15));
	letter-spacing: 0.18em;
	line-height: 2;
}

.is06_r{
	width: max(488.3px, calc(var(--vw) * 40.69));
}

.is06_r img{
	width: 100%;
}
.is01_link03_02_bold{
	font-weight:bold;
	padding:0.8em 0 0 0;
	position:relative;
	left:-1em;
}
.contact_fix_area001{
	position:fixed;
	bottom:5%;
	right:0;
}
.contact_fix_area002{
	font-family: "Noto Serif JP", serif;
}
.contact_fix_area002 a{
	display:block;
	color:#FFF;
	background-color:#A94B58;
	padding:5px 20px;
	margin:0 0 5px 0;
}


.footer-grid {
    display: grid;
    grid-template-columns: 1.8fr 1.5fr 0.6fr;
    gap: 24px;
    align-items: start;
    padding-top: 24px;
}
.container {
    width: min(1312px, 92vw);
    margin: auto;
}
.site-footer.site-footer--top {
    background: #fff !important;
    color: var(--navy) !important;
    border-top: 1px solid #ebe6df;
    padding: 38px 0 10px;
    position: relative;
}
.footer-grid {
    display: grid;
    grid-template-columns: 1.8fr 1.5fr 0.6fr;
    gap: 24px;
    align-items: start;
    padding-top: 24px;
}
.site-footer.site-footer--top {
    background: #fff !important;
    color: var(--navy) !important;
    border-top: 1px solid #ebe6df;
    padding: 38px 0 10px;
    position: relative;
}
.footer-brand .logo-main {
    color: var(--navy);
}
.logo-main {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: .08em;
}
.site-footer.site-footer--top .footer-brand p {
    margin: 0;
    font-family: var(--gb-sans);
    font-size: 12px;
    line-height: 1.8;
    color: #3a4558;
}
.site-footer.site-footer--top .footer-brand strong {
    display: block;
    margin-top: 8px;
    font-family: "Noto Serif JP", serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--navy);
    letter-spacing: 0.06em;
}
.site-footer--top .footer-nav-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.site-footer--top .footer-nav {
    display: grid;
    gap: 8px;
}
.site-footer.site-footer--top .footer-nav a {
    color: var(--navy);
    font-family: var(--gb-sans);
    font-size: 13px;
}
.site-footer--top .footer-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: 100%;
}
.site-footer--top .footer-actions > .btn-navy, .site-footer--top .footer-counseling-row .btn-gold {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 12px 16px;
}
.btn-navy {
    background: var(--navy);
    color: #fff;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
}
.site-footer--top .footer-counseling-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    width: 100%;
}
.site-footer--top .footer-counseling-row .btn-gold {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 12px 16px;
}
.btn-gold {
    background: linear-gradient(135deg, var(--gold), #d4a85f);
    color: #fff;
}
.site-footer.site-footer--top .copyright {
    color: #777;
}
.copyright {
    text-align: center;
    font-size: 12px;
    color: #777;
    margin: 22px 0 0;
}




}/* end */