@charset "utf-8";

/* ==========================================================================
   Foundation
   ========================================================================== */
/* Reset
   ----------------------------------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav.gnav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:400;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav.gnav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
figure{margin-bottom:0;}
/* Base
   ----------------------------------------------------------------- */
body{
	font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
	font-weight:400;
	color:#333;
	font-feature-settings: "palt";/*文字詰め用*/
	letter-spacing:1px;/*文字間*/
	background:url(img/bg.jpg);
}
body#tw{font-family: "Noto Sans TC", sans-serif;}


html {
	scroll-padding-top: 70px;
}
a{text-decoration:none;color:#111;}
a:hover{opacity:0.8;}
img{
	vertical-align:top;
	max-width:100%;
	height:auto;
}
ol{list-style:none}

/* ==========================================================================
   共通
========================================================================== */
html{font-size:16px;scroll-padding-top: 20px;}

/*文字寄せ*/
.txt-right{text-align:right;}
.txt-center{text-align:center;}
/*一文字空白*/
.indent{text-indent: 1em;}
/*URL改行防止*/
main p{word-break: break-all;}

/*mapレスポンシブ*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*tel スマホサイズのみクリック可*/
@media screen and (min-width: 769px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
/*幅に合わせて非表示*/
@media screen and (min-width: 769px) {.sp768{display:none;}}
@media screen and (min-width: 481px) {.sp480{display:none;}}


/*共通ボタン*/
.btn {}
.btn a{
	font-size:clamp(14px, 2vw, 16px);
	font-weight:400;
	color:#fff;
	text-align:center;
	background:#000;
	display:inline-block;
	box-sizing:border-box;
	padding:1.5rem 4rem 1.5rem 2rem;
	margin:0 auto;
	border-radius:16px;
	position:relative;
	box-shadow:4px 4px 0 #5DC927;
}
.btn a:hover{
	opacity: 1;
	background:#fff;
	color:#741AA8;
}
.btn a:after{
	content:"";
	background-image:url(img/icon-arrow.svg);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
	width:1rem;
	height:1rem;
	position:absolute;
	top:1.5rem;
	right:2rem;
}
.btn a:hover:after{
	background-image:url(img/icon-arrow-h.svg);
}

@media screen and (max-width:768px){
	.btn a{padding:1.25rem 3rem 1.25rem 1.5rem;}
	.btn a:after{top:1.25rem; right:1rem;}
}
@media screen and (max-width:380px){
	.btn a{padding:1rem 2rem 1rem 1rem;border-radius:12px;font-size:12px;}
	.btn a:after{top:1.1rem; right:1rem;width:12px; height:12px;}
}
/*動画レスポンシブ*/
.movie-wrap{
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
	background:#ccc;
}
.movie-wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.col{display:flex;flex-wrap:wrap;margin-bottom:4rem;}
.col .item{width:calc((100% - 6rem) / 2);}
.col .item:nth-child(2n-1){margin-right:6rem;}

@media screen and (max-width: 1400px){
	.col .item{width:calc((100% - 4rem) / 2);}
	.col .item:nth-child(2n-1){margin-right:4rem;}
}
@media screen and (max-width: 1200px){
	.col .item{width:calc((100% - 2rem) / 2);}
	.col .item:nth-child(2n-1){margin-right:2rem;}
}
@media screen and (max-width: 768px){
.col{display:block;margin-bottom:3rem;}
.col .item{width:unset; margin-bottom:4rem;}
.col .item:nth-child(2n-1){margin-right:0;}
.col .item figure{text-align:center;}
}

@media screen and (max-width: 480px){
	.col .item{width:unset; margin-bottom:2rem;}
}


/* ==========================================================================
   Layout
========================================================================== */
/* Header
----------------------------------------------------------------- */
header{
	position:relative;
	z-index:9;
}
#header-in{
	position:absolute;
	width:100%;
	z-index:99;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:1rem;
	box-sizing:border-box;
}
header:after{
	content:"";
	position:absolute;
	width:100%;
	height:80px;
	background-image: linear-gradient(180deg, rgba(0,0,0,0.20), rgba(0,0,0,0));
	z-index:10;
}

/*追従するバー*/
#header-in.linkbar{

}
#header-in.linkbar.fixed {
	opacity: 1;
	z-index: 9;
	position: fixed;
	left: 0;
	top: 0;
	opacity: 1;
	transition: 0.3s;
	width:100%;
}

.h-logo .logo{
	display:inline-block;
	padding:1rem;
	margin-right:1rem;
	color:#fff;
	background:#fff;
	
	
}

.h-logo img{
width:80px;
}

@media screen and (max-width: 768px){
	.h-logo .logo{padding:8px;}
	.h-logo img{width:60px;}
}
@media screen and (max-width: 580px){
	.h-logo .logo{position:absolute; left:0; top:0;}
	.h-logo img{width:50px;}
}

.h_nav{
	display:flex;
	flex-wrap:wrap;
	margin-left:auto;
	margin-right:2rem;
}
.h_nav li{
	padding:0;
}
.h_nav li a{
	display:inline-block;
	color:#fff;
	font-size:clamp(12px, 1.5vw, 18px);
	font-family: "Noto serif", serif;font-weight:300;
	/*text-shadow:0 0 3px #555;*/
	padding:1rem 2rem;
}
.h_nav li a:hover{
	background-image:#741AA8;
	background-image: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0) 95%,#741AA8 95%,#741AA8);
	color:#fff;
	opacity:1;
	text-shadow:none;
}



.h_language{
	display:flex;
	flex-wrap:wrap;
	border:solid 1px #fff;
	padding:0 5px;
}
.h_language li {padding:3px;color:#fff;}
.h_language li a{
	color:#fff;
	font-size:clamp(11px, 1.25vw, 14px);
	/*text-shadow:0 0 3px #555;*/
	padding:3px;
	display:inline-block;
}
.h_language li:not(:last-child) a{}
/*
.h_language li:not(:last-child) a:after{
	content:"/";
	margin:0 0.5rem;
	padding:5px;
}*/
.h_language li a:hover{
	background:#741AA8;
	opacity:1;
	text-shadow:none;
}
.h_language li a:hover:after{color:#fff;}




#header-in.linkbar.fixed .h_nav li a{color:#741AA8;}
#header-in.linkbar.fixed .h_nav li a:hover{color:#741AA8;}
#header-in.linkbar.fixed .h_language{border-color:#741AA8;}
#header-in.linkbar.fixed .h_language li,
#header-in.linkbar.fixed .h_language li a{color:#741AA8;}
#header-in.linkbar.fixed .h_language li a:hover{color:#fff;}

@media screen and (max-width: 980px){
	.h_nav li a{padding:1rem .5rem;}
}


@media screen and (max-width: 768px){
.h_nav{margin-right:1rem;}
.h_nav li a{padding:1rem .5rem;}
}


@media screen and (max-width: 580px){
	.h_language{position:absolute;right:6px; top:6px;}
	.h_nav{margin-right:0;}
	#header-in{padding:40px 5px 5px 5px;}
	#header-in.linkbar.fixed{padding-top:0;}
	#header-in.linkbar.fixed .h_nav{margin-top:0;}
	#header-in.linkbar.fixed .h_language{display:none;}

}

@media screen and (max-width: 480px){
	.h_nav li a{padding:.5rem ;}
}

	#header-in.linkbar.fixed .logo{display:none;}



/* footer
---------------------------------------------------------------- */
footer {background:#fff;}

footer .f_nav{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:2rem 0;
}
footer .f_nav li{
	margin:1rem;
}
footer .f_nav li a{
	font-family: "Noto serif JP", serif;
}
footer address{
	padding:1rem;
	color:#fff;
	background:#8116BE;
	text-align:center;
	font-style:normal;
	font-size:clamp(12px, 1.6vw, 16px);
}


/* ==========================================================================
   main
========================================================================== */


.sec{padding:6rem 4rem;}
@media screen and (max-width: 1400px){.sec{padding:5rem 3rem;}}
@media screen and (max-width: 480px){.sec{padding:3rem 2rem;}}
.inner{ 
	max-width:1300px;
	margin:0 auto;
}

/*見出し*/
h1,
h2,
h3,
h4,
h5{line-height:2em;}
p,figcaption{line-height:2em;}

h1:not(.not){font-size:clamp(21px, 3vw, 48px);}
h2:not(.not){font-size:clamp(21px, 3vw, 42px);}
h3:not(.not){font-size:clamp(18px, 2.5vw, 28px);}
h4:not(.not){font-size:clamp(16px, 2vw, 24px);}
h5:not(.not){font-size:clamp(14px, 1.5vw, 18px);}
p,a{font-size:clamp(13px, 1.5vw, 16px);}
figcaption{font-size:clamp(12px, 1.25vw, 15px);}

h1:not(.not),
h2:not(.not),
h3:not(.not),
h4:not(.not){
	font-weight:bold;
	letter-spacing:2px;
}
h2:not(.not){margin-bottom:1rem;}
h3:not(.not),
h4:not(.not),
p{margin-bottom:1rem;}

h1:not(.not),
h2:not(.not),
h3:not(.not){font-family: "Noto serif JP", serif;font-weight:300;}
.serif{font-family: "Noto serif JP", serif;font-weight:300;}



/*共通デザイン見出し*/
h2.tit01{
	color:#741AA8;
	position:relative;
	text-align:center;
	padding-top:100px;
	margin-bottom:4rem;
}
h2.tit01:before,
h2.tit01:after{
	content:"";
	position:absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
	background:#741AA8;
}
h2.tit01:before{
	width:1px;
	height:66px;
	top: 0;
}
h2.tit01:after{
	width:11px;
	height:11px;
	border-radius:50%;
	top: 60px;
}
@media screen and (max-width: 480px){
	h2.tit01{padding-top:60px;margin-bottom:2rem;}
h2.tit01:before{
	width:1px;
	height:43px;
	top: 0;
}
h2.tit01:after{
	width:9px;
	height:9px;
	border-radius:50%;
	top: 40px;
}
}

/*plan*/
.plan-tit:before{
	content: attr(data-en);
	position: absolute;
	transform: rotate(-5deg);
	top: 5px;
	left: -10px;
	color: rgb(241 239 222);
	font-size: 4rem;
	font-weight: 400;
	font-style: italic;
	font-family: "Damion", cursive;
	z-index: -1;
}

@media screen and (max-width: 1480px){

}
@media screen and (max-width: 480px){

}


/* ==========================================================================
   コンテンツ別
========================================================================== */


/*スライド*/
#index-topimg{position:relative;}
#index-topimg .txt{
	position:absolute;
	z-index:2;
	width:90%;
	max-width:1300px;
	height:100%;
	left:0;
	right:0;
	top:0;
	box-sizing:border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:4rem 2rem 2rem;
	margin:0 auto;
}
#index-topimg .txt .namelabel {
	margin-bottom:2rem;
}
#index-topimg .txt .namelabel .in-label{
	display:inline-block;
	padding:1rem;
	font-size:clamp(11px, 1.5vw, 18px);
	color:#fff;
	background:#741AA8;
	line-height:1.5em;
}


#index-topimg .txt .ubtit{
	margin-bottom:2rem;
	width: 40%;
    max-width: 420px;
}



@media screen and (max-width:768px){
	#index-topimg .txt{padding:4rem 0 1rem;}
	#index-topimg .txt .ubtit{width:60%;}
	
}
@media screen and (max-width:580px){
	#index-topimg .txt .namelabel .in-label{padding:8px;background:rgb(116 26 168 / 50%);}
	#index-topimg .txt .namelabel{margin-bottom:1rem;}
	#index-topimg .txt .ubtit{margin-bottom:1rem;}
}

/*動画*/
#movie{
	background-image:url(img/movie-bg.png?2);
	background-size:auto 100%;
	background-position:left bottom;
	background-repeat:no-repeat;
}
#movie .inner{
	display:flex;
	flex-wrap:wrap;
}
#movie .tit{
	width:18%;
	max-width:200px;
	margin:0 2rem 2rem 0;
}

#movie .cont{
	flex:1;
}
#movie .popup_list{}
#movie .popup_list li{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:2rem;
}
#movie .popup_list li .mov-tit-wrap{
	flex:1;
	text-align:right;
}
#movie .popup_list li figure{
	width:60%;
	max-width:580px;
	margin-left:3rem;
	}
#movie .popup_list li .mov-tit{
	color:#741AA8;
	font-family: "Noto serif JP", serif;
	text-align:right;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: end;
	margin-bottom:1rem;
}

#movie .popup_list li .mov-tit span{margin-left:20px;}
#movie .popup_list li .mov-tit:before{
	content:"";
	display:block;
	width:60px;
	height:1px;
	background:#741AA8;
}
#movie .popup_list li .min-tit{
	font-size:clamp(13px, 1.5vw, 16px);
	line-height:1.5rem;
}
#movie .popup_list li h3 span{display:inline-block;}

@media screen and (max-width:768px){
	#movie .tit{}
	#movie .popup_list li{display:block;}
	#movie .popup_list li figure{width:unset;margin-left:0;}
	#movie .popup_list li .mov-tit{justify-content:unset;}
	#movie .popup_list li .mov-tit-wrap{text-align:left;}
}


@media screen and (max-width:480px){
	#movie .inner{display:block;}
	#movie .tit{
		position:relative;
		width:unset;
		max-width:100%;
		text-align:center;
		margin:0 auto 2rem;
		
	}
	
	#movie .tit .pc{display:none;}
	#movie .popup_list li .mov-tit-wrap{
		position: relative;
		padding:2rem .5rem 0;
	}
	#movie .popup_list li .mov-tit{
		position:absolute;
		right:0;
		top:0;
		width:100%;
		}
	#movie .popup_list li .min-tit{
		
		
	}
	#movie .popup_list li .mov-tit:before{width: calc(100% - 5em);}
	
	#movie .popup_list li figure{width:unset;margin-bottom:3rem;}
}



/*なぜ～なのか？*/
.bg-wrap01{
	border-top:solid 4px #741AA8;
	border-bottom:solid 4px #741AA8;
	background-image:url(img/why-bg2.png);/*波*/}
#saiku{
	overflow:hidden;
	
	background-image:url(img/why-bg.svg);
	background-size:120% auto ;
	background-position:bottom center;
	background-repeat:no-repeat;
	
}

#saiku:after{
	content:"";/*背景画像重なり防止用*/
	display:block;
	width:calc(100%);
	aspect-ratio: 19 / 12;
}


#saiku .cont p{
	text-align:center;
	font-size:clamp(14px, 1.75vw, 21px);
	line-height:2em;
	margin-bottom:2rem;
	font-family: "Noto serif JP", serif;
	font-feature-settings: "palt";
}
#saiku .cont p span{display:inline-block;}
@media screen and (max-width: 1280px){
#saiku{background-size:160% auto;}
#saiku:after{aspect-ratio: 19 / 16;}
}
@media screen and (max-width: 768px){
#saiku{background-size:200% auto;}
#saiku:after{aspect-ratio: 19 / 19;}
}

@media screen and (max-width: 480px){
	#saiku .cont p{letter-spacing:1px;}
}

/*特色*/
#feature{
	position:relative;
	top:-22rem;
	margin-bottom:-22rem;
	background-image:url(img/feature-bg.png);
	background-size:120% auto ;
	background-position:top center;
	background-repeat:repeat-y;
}

#feature .feature-box{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:6rem;
}
#feature .feature-box figure{
	width:calc((100% - 4rem) / 2);
	margin-left:4rem;

}
#feature .feature-box figure img{
		border-radius:16px;
}
#feature .feature-box figure figcaption{
	margin-top:.5rem;
	text-align:center;
}
#feature .feature-box .item-txt{
	flex:1;
}
.feature-box .item-txt .sub-tit{margin-bottom:2rem;}
.feature-box .item-txt .sub-tit img{width:15vw;max-width:100px;min-width:80px;}
.feature-box .item-txt h3{margin-bottom:2rem;}


@media screen and (max-width:1080px){
#feature .feature-box{margin-bottom:3rem;}
	#feature .feature-box figure{
	width:calc((100% - 2rem) / 2);
	margin-left:2rem;

}
.feature-box .item-txt .sub-tit{margin-bottom:1rem;}
.feature-box .item-txt h3{margin-bottom:1rem;}
}


@media screen and (max-width:768px){
	#feature{top:-18rem;margin-bottom:-18rem;}
	#feature .feature-box {display:block;}
	#feature .feature-box figure{width:unset;margin-left:0;}
	
	
}

@media screen and (max-width:480px){
	#feature{top:-10rem;margin-bottom:-10rem;}
}





/*５つの体験価値*/
#value {background:#FBF5FF;}
#value .tit{
	margin:0 auto 4rem;
	text-align:center;
}
@media screen and (max-width:480px){
	#value .tit .pc{display:none;}
}

#value .cont{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#value .cont .box{
	width:calc((100% - 6rem) / 3);
	margin-right:3rem;
	margin-bottom:4rem;
}

@media screen and (min-width:769px){
#value .cont .box:nth-child(3n),
#value .cont .box:last-child{
	margin-right:0;
}
}
#value .cont .box .in-tit{
	text-align:center;
	display: flex;
	flex-direction: column;
}

#value .cont .box span{
	display:block;
}
#value .cont .box span img{
	width:10vw;
	min-width:50px;
	max-width:86px;
}
#value .cont .box h3{
	height:4em;
	display: flex;
	justify-content: center;
	align-items: center;
}
#value .cont .box p{line-height:2em;}
@media screen and (max-width:1080px){
	#value .cont .box{
	width:calc((100% - 4rem) / 3);
	margin-right:2rem;
	margin-bottom:3rem;
}
}

@media screen and (max-width:768px){
	#value .cont .box{
	width:calc((100% - 2rem) / 2);
	margin-right:2rem;
	margin-bottom:3rem;
}
#value .cont .box:nth-child(2n),
#value .cont .box:last-child{
	margin-right:0;
}
}

@media screen and (max-width:480px){
	
	#value .cont {display:block;}
	#value .cont .box{width:unset;margin-right:0;}
	#value .cont .box h3{height:unset;font-size:clamp(20px, 3vw, 32px);}
}


/*〇〇したい*/
#want_to{
	padding-bottom:10em;
	background-image:url("img/want_to-bg.png"),url("img/want_to-bg.png");
	background-repeat:no-repeat;
	background-position:left -4vw bottom, right -4vw bottom;
	background-size:16vw auto;
}
@media screen and (max-width: 768px){
	#want_to{	background-size:20vw auto;}
}
#want_to .cont .border{
	width:calc(100%);
	margin:10px 0 10px;
	display:block;
	height:3px;
	background:#D4B481;
	position:relative;
}

#want_to .cont .border:before,
#want_to .cont .border:after{
	content:"";
	position:absolute;
	top:-7px;
	width:18px;
	height:18px;
	background:#D4B481;
	border-radius:10px;
}

#want_to .cont .border:before{
	left:-25px;
}
#want_to .cont .border:after{
	right:-25px;
}


#want_to .cont{
	max-width:800px;
	margin:0 auto;
}
.wantto-list{
	background:#fff;
	padding:3.5rem 3rem 2rem;
}

.wantto-list li{
	padding-left:2em;
	line-height:1.5em;
	margin-bottom:1.5em;
	font-family: "Noto serif JP", serif;
	font-size:clamp(14px, 2vw, 20px);
	position:relative;
}
.wantto-list li:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:1em;
	height:1.5em;
	background-image:url(img/icon-ayame.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% auto;
}
@media screen and (max-width:480px){
#want_to{padding-bottom:6rem;}
.wantto-list{padding:2.5rem 1rem 1.5rem;}
#want_to .cont .border:before,
#want_to .cont .border:after{
	content:"";
	position:absolute;
	top:-5px;
	width:12px;
	height:12px;
	background:#D4B481;
	border-radius:10px;
}

#want_to .cont .border:before{
	left:-15px;
}
#want_to .cont .border:after{
	right:-15px;
}

}

/*体験plan*/
#plan .tit{
	background:#741AA8;
	padding:2rem 1rem 1rem;
}
#plan .tit .sub-tit{
	text-align:center;
	color:#fff;
	font-family: "Noto serif JP", serif;
	font-size:clamp(16px, 2vw, 24px);
}
#plan .tit h2{
	text-align:center;
	color:#fff;
	margin-bottom:0;
}
#plan .cont .plan-wrap{
	padding:6rem 2rem 4rem;
}
#plan .cont .plan-wrap:nth-child(2n){
	background:#fff;
}


.plan-box{
	display:flex;
	flex-wrap:wrap;
	max-width:1300px;
	margin:0 auto;
	position: relative;
	z-index:2;
}
.plan-box .txt{
	flex:1;
	
	
}
.plan-box .txt:before{
	content: attr(data-en);
	position: absolute;
	transform: rotate(-9deg);
	top: -55px;
	left: -25px;
	color: rgba(239, 218, 183, 0.5);
	font-size: 4rem;
	font-weight: 400;
	font-style: italic;
	font-family: "Damion", cursive;
	z-index: -1;
}
.plan-box .txt .in-tit .tag-list{margin-bottom:1rem;}
.plan-box .txt .in-tit .tag-list > li{
	display:inline-block;
	margin-right:1em;
	color:#5DC927;
	font-weight:bold;
}
.plan-box .txt .btn{text-align:center;}
.plan-box figure{
	width:calc((100% - 4rem) / 2);
	margin-left:4rem;
}

.plan-box figure img{
	border-radius:16px;
}
@media screen and (max-width:1080px){
	.plan-box figure{
		width: calc((100% - 2rem) / 2);
    margin-left: 2rem;
	}
	
}

@media screen and (max-width:680px){
	#plan .cont .plan-wrap{}
	.plan-box{display:block;position:relative;}
	.plan-box .txt .btn{position:absolute; right:-1rem; bottom:-2rem;}
	.plan-box figure{width:unset;margin-left:0;}
}



/*プラン一覧へのリンク*/
.to-cat-wrap{
	padding:2rem 2rem 6rem;
}
.to-cat-wrap .btn{
	text-align:center;
}

/*アクセス*/
#access{
	background:#FFFDF6;
}

#access .tit{
	text-align:center;
	margin-bottom:4rem;
}
#access .tit h2{
	color:#741AA8;
	text-align:center;
}
#access .tit h2 span{
	display:inline-block;
	padding:0 4rem;
	
	background:#FBF5FF;
	border:solid 1px #741AA8;
}



#access .cont{max-width:1060px;margin:0 auto;}
#access .cont .box{margin-bottom:4rem;}

#access .cont .box h3{
	display:flex;
	align-items:center;
	margin-bottom:2rem;
}




@media screen and (min-width:681px){#access .cont figure .sp{display:none;}}
@media screen and (max-width:680px){#access .cont figure .pc{display:none;}}




/*予約*/

#to-yoyaku .btn{
	text-align:center;
}

/*お問い合わせ*/

#contact{
	background:#fff;
}


#contact .sns-box{
	text-align:center;
}
#contact .sns-box .sns-list{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
#contact .sns-box .sns-list li{
	margin:.5rem;
}