@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&family=Dancing+Script:wght@400..700&family=Great+Vibes&display=swap');
/*
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: 'Zen Old Mincho', serif;
*/

html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;}

*,:after,:before{background-repeat:no-repeat;box-sizing: border-box;}
:after,:before{text-decoration:inherit;vertical-align:inherit}
*{padding:0;margin:0;font-family: 'Zen Old Mincho',/*,'Zen Maru Gothic','M PLUS Rounded 1c',"メイリオ", Meiryo, */sans-serif;font-weight: 600;
	-webkit-text-size-adjust: 100%;}
/* @use "sass:math";*/
*{box-sizing:border-box; text-align: center;}
*:before,*:after{box-sizing:border-box}
*::-moz-selection{background-color:color(selection)}*::selection{background-color:color(selection)}


html{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:color(tapHighlight)}
body{}
@media screen and (max-width:640px){ /*SP*/
html.is-nav-active{overflow:hidden}
body{min-width:initial}
}

h1,h2,h3,h4,h5,h6{color:#423d3a;}
a{text-decoration:none;color:#808075}
input::-ms-clear{display:none}
ol,ul{list-style-position:inside;list-style:none}
img,svg,video{width:100%;height:auto;vertical-align:bottom}
picture img{width:100%;height:auto}table{width:100%;max-width:100%;border-collapse:collapse}table th,table td{word-break:break-all}[aria-hidden="false"]{visibility:visible}[aria-hidden="true"]{display:none;visibility:hidden}[data-js-focus-visible]:focus:not([data-focus-visible-added]){outline:none}


#container{ position: relative;}
header{ width: 100%;}
.content{ width: 100%; }
em{font-style:normal;}
a:hover{opacity: 0.7;}
.inner{position:relative;}
.mini{ color:rgba(0,0,0,0.8);font-family:  "メイリオ", Meiryo, sans-serif;  display: block; font-weight: lighter;}
select{font-family:"メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;}
span.material-icons{vertical-align: inherit;}
@media screen and (min-width:641px){ /*PC*/
    body{font-size:17px; width:100%; line-height:33px; letter-spacing: 1px;}
	.mini{line-height:26px;font-size: 13px;}
    #container {min-width:1320px;overflow: hidden;}
	.inner{width:1060px;margin:0 auto; padding: 0 ;}
	.l-sp{display:none !important}
	.spOnly{display: none;}
	
	section h2{text-align: center;font-size:36px; line-height: 50px;}
	section h2 span{font-size:24px; line-height:40px;display: block;}
	section h2 img{width: 50px; margin: 0 auto 30px;display: block;}
	}
@media screen and (max-width:640px){
	body{font-size:14px; line-height:26px; letter-spacing:0px;}
	.mini{font-size:11px;line-height:18px; }
	#container { width:100%;padding: 0 0px;}
	.inner{width:84%;margin:0 8%; padding: 0 ;}
	.l-pc{display:none !important}
	.pcOnly{display: none;}
	section h2{text-align: center;font-size:26px; line-height:40px;}
	section h2 span{font-size:18px; line-height:26px;display: block;}
	section h2 img{width:40px; margin: 0 auto 20px;display: block;}
}


/*---------------ヘッダー----------------*/


/*---------------CTA applyアンカーリンク----------------*/


.anc_link h4{color:#666;font-size: 110%;}
.anc_link.fst{display: none;}
@media screen and (min-width:641px){ /*Pc*/
	.anc_link{ background:url("../img/cta_bg_pc.webp") repeat top center; background-size: 1200px;text-align: center;}
	.anc_link .inner{padding:100px 0}

}
@media screen and (max-width:640px){ /*SP*/
	.anc_link{ background:url("../img/cta_bg_sp.webp") repeat-y top center; background-size: 110%;text-align: center;}
	.anc_link .inner{padding:65px 0;}
	.anc_link p span{display: block;}
	.anc_link p{font-size: 14px; line-height: 24px; letter-spacing: 1px;}
	.anc_link h4{font-size: 16px;padding: 0 0 5px 0;display: block;}
}

.apply *{font-family: 'Zen Maru Gothic', sans-serif;}
.apply {position: relative;}
.apply  select{ border: 1px solid #ccc; border-radius:60px;font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif ;font-weight: lighter;background:#b3272d;color: rgba(255,255,255,1);text-align: center;}
.apply a.oindex{font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif ; color:#b3272d;font-weight: bold;text-decoration: underline;}
@media screen and (min-width:641px){ /*Pc*/
	.apply{ background:url("../img/cta_pc.webp") no-repeat center top;background-size: 1200px;}
	.apply .inner{padding:100px 0 90px;}
	.apply h4{font-size: 24px; letter-spacing: 1px;}
	.apply  select{margin: 18px 0 30px 0; padding:15px 40px; height:80px; font-size: 26px; width:540px; line-height:26px; }
	.apply .mini{}
}
@media screen and (max-width:640px){ /*SP*/
	.apply {text-align: center;background:url("../img/cta_sp.webp") no-repeat center top;background-size:100%;}
	.apply .inner{padding: 70px 0 50px 0;}
	.apply h4{font-size: 18px; letter-spacing: 1px;}
	.apply  select{ padding:10px; height:60px; font-size: 18px; width:100%; max-width:340px; line-height: 40px; margin: 15px 0 25px;  text-align: center;}
}







/*----ヘッダー-------------------------------*/
header,.close{overflow: hidden;background: url("../img/top_bg.jpg") center top; }
header .logo{filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.20));}
@media screen and (min-width: 600px){ /*PC*/

	header .inner,.close .inner{margin:0 auto; padding: 10px 0 0px; height:780px;  position: relative;}
	header .logo{width:160px; position: absolute; left:0; top:20px;}
	header img.mainimg ,.close img.mainimg {width:900px; vertical-align: bottom;position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
}
@media screen and (max-width: 599px){ /*SP*/
	header .inner,.close .inner{margin:10px 0 30px; width: 100%; position: relative;}
	header .logo{width:120px; position: absolute; left:10px; top:0;}
 	header img.mainimg ,.close img.mainimg { width: 100%; vertical-align: bottom;}
}

/*----ポイント----------------*/
.point{ background:linear-gradient(rgba(0,155,143,0.9),50%, rgba(0,155,143,0.3)) ; text-align: center;}
.point h2{color: rgba(255,255,255,1.00);}
.point h3 b{color: rgba(0,155,143,1.0) ;}

@media screen and (min-width: 600px){ /*PC*/
	.point .inner{padding: 90px 0 80px 0;}
	.point .set01{display: flex; justify-content: center;align-content: center;padding-top: 40px;}
	.point .set01 > div{ width:29%; margin:2.5%;  background: url("../img/point_textbg.png") no-repeat; background-position: top center; vertical-align: top;height: 330px; background-size: 100%; padding: 3% 3% 0% 3% ; }
	.point h3{font-size:20px; line-height:34px;padding:10px 0;}
	.point h3 b{font-size:36px; line-height:46px;display: block;}

}
@media screen and (max-width: 599px){ /*SP*/
	.point .inner{padding:30px 0 20px 0;}
	.point .set01{padding-top: 10px;}
	.point .set01 > div{ width:100%; margin: 20px 0; background: url("../img/point_textbg_sp.png") no-repeat top center; vertical-align: top; padding:20px; background-size:100% 100%;}
	.point h3{font-size:16px; line-height:24px;padding:0px 0 7px; margin-bottom: 10px; border-bottom: 1px solid #ddd;}
	.point h3 b{font-size:28px; line-height:36px;padding: 0 0 0 10px;}
}





/*----超着付け----------------*/
.curriculum{}
.curriculum h3{color:#009b8f; border-bottom: 1px dotted #ccc;padding-bottom: 10px; margin-bottom: 15px;}
.curriculum {background:url("../img/lead_bg.png") repeat; background-position: center;}
.curriculum .set01 > div:nth-child(1){background-color:#009b8f; color: rgba(255,255,255,1.00);text-align: center;display: flex; vertical-align: middle; justify-content: center; align-items: center; }
.curriculum .set01 > div {background-color: rgba(255,255,255,1.00); padding:20px; text-align: left;}
.curriculum .set01 > div h2{text-align: center;color: rgba(255,255,255,1.00);}
.curriculum .set01 p{text-align: left;}
@media screen and (min-width: 600px){ /*PC*/
	.curriculum .inner{ position: relative; padding:100px 0;}
	.curriculum .set01{display: flex; justify-content: center;align-content: center;flex-wrap: wrap;}
	.curriculum .set01 > div{ width:44%; margin: 3%;padding: 40px; background-color: rgba(255,255,255,1.00);}
	.curriculum h3{font-size: 24px; line-height:30px;}
	.curriculum .set01 div > img{max-width: 100%; margin: 30px 0 0;}
	.curriculum .set01 p{font-size: 16px; line-height:26px;}

}
@media screen and (max-width: 599px){ /*SP*/
	.curriculum .inner{ position: relative; padding:30px 0;}
	.curriculum .set01 > div{ width:100%; margin:20px 0;padding: 30px; background-color: rgba(255,255,255,1.00);}
	.curriculum h3{font-size: 20px; line-height:27px;}
	.curriculum .set01 div > img{max-width: 100%; margin: 20px 0 0;}
	.curriculum .set01 p{font-size: 14px; line-height:24px;}
}



/*----衣装----------------*/
.rent{color: #fff;background: linear-gradient(to bottom, rgb(205 149 10 /60%) 0%, rgb(205 149 10 / 85%) 100%);}
.rent .inner .text01{font-size: 120%;line-height: 180%;}
.rent .inner .text01 b{font-size: 130%; line-height: 180%;}
.rent .inner .mini{font-size: 80%; display: block; padding: 10px 0 0 0;}
@media screen and (min-width: 600px){ /*PC*/
	.rent .inner{ padding:90px 0; }
	.rent .inner img{width: 100%; margin-bottom: 30px;}
}
@media screen and (max-width: 599px){ /*SP*/
	.rent .inner{ padding:40px 0; }
	.rent .inner img{width: 100%; margin-bottom: 20px;}
}


/*動画*/
.movie{background: linear-gradient( rgba(255,255,255,1) 00%,  rgba(177,224,221,0.5)  100%);}

.video{ text-align: center;}
.video .yt { position: relative;  width: 100%; padding: calc(315 / 560 * 100%) 0 0; overflow: hidden;background: rgba(255,255,255,0.00);filter: drop-shadow(-2px -2px 3px rgba(0,0,0,0.1));}
.video .yt iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (min-width: 641px){ /*PC*/
	.movie .inner{padding: 80px 0 10px 0;}
.video{padding: 40px 0 80px; margin: 0 auto; width:80%;}
	.video .yt {border:12px solid rgb(0 0 0 / 5%); }
}
@media screen and (max-width: 640px){ /*SP*/
	.movie .inner{padding: 30px 0 10px 0;}
	.movie h2{padding-bottom: 30px;}
.video{padding: 10px 0 40px; margin: 0 auto; width:100%;}
	.video .yt {border:6px solid rgb(0 0 0 / 5%); }
}



/*----体験者----------------*/
.voice{background:url("../img/voice_bg.png") no-repeat top center; background-size: auto 100%;}
.voice .inner{ }
.voice .user{margin:2em 0; position: relative; padding:0; border-top: solid 2px rgba(82,64,50,0.40); border-bottom: solid 2px rgba(82,64,50,0.40); margin-bottom: 15px;font-family: "UDDigiKyokasho M";}
.voice .user:before, .voice .user:after{content: '';position: absolute; top: -10px; width: 2px; height: -webkit-calc(100% + 20px);height: calc(100% + 20px); background-color:rgba(82,64,50,0.40);}
.voice .user:before {left: 10px;}
.voice .user:after {right: 10px;}

@media screen and (min-width: 600px){ /*PC*/
	.voice{background-position:center;}
	.voice .inner{ padding: 60px 0;}
	.voice .cont01{ width:64%; margin: 0 0 0 auto;}

	.voice h4{ font-size: 24px; color: #8c6239; display: block; margin-bottom: 10px;text-align: left;}
	.voice .user .inline{font-size: 16px;background-color: rgba(255,255,255,0.80); padding:35px; margin: 0 10px; text-align: left; }
}
@media screen and (max-width: 599px){ /*SP*/
	.voice{background-size:200%;  background-position: left top;}
	.voice .inner{ padding:50px 0 40px 0;}
	.voice .cont01{ margin: 0 0 0 auto; }
	.voice .cont01 p{ font-size: 12px;}
	.voice h3{ font-size:26px; text-align: center; line-height:50px; color:rgba(124,94,72,1.00);}
	.voice h3 img{ vertical-align:text-bottom; width: 14%;}
	.voice h4{ font-size:18px; color: #8c6239; display: block; margin-bottom: 10px;}
	.voice .user .inline{background-color: rgba(255,255,255,0.90); padding:15px 20px 15px 20px; margin: 0 10px; text-align: left; }
}



/*----体験者----------------*/
.sl{ background-color:rgba(250,244,227,1.00);}
.sl p{ display: block; margin: 0 0 0 auto; text-align: center;}
.sl p span{color: rgba(255,101,0,1.00);}

@media screen and (min-width: 600px){ /*PC*/
.sl .inner{ position: relative; padding: 40px 0;}
	.sl img{ position: absolute; left:0; top:-11px; width: 230px;}
	.sl p{font-size: 22px; line-height: 40px; width: 80%;}
	.sl p span{font-size: 32px; }
}
@media screen and (max-width: 599px){ /*SP*/
	.sl .inner{padding: 25px 0;}
	.sl img{ width:70%; margin: 0 auto 10px auto;}
	.sl p{line-height:28px;}
	.sl p span{font-size:120%; }

}





/*----FAQ----------------*/
.faq{ background:url("../img/lead_bg2.png") top center; text-align: center; }
.faq .set01{background-color: rgba(255,255,255,1.00); position:relative;  }
.faq h5{width: 82%; border-bottom: 1px solid #ccc; display:inline-block; color: #71593f;vertical-align: top; text-align: left; }
.faq .set01 > div img{ width: 14%; margin:0 3% 0 0; vertical-align: top; display:inline-block;}
.faq p{text-align: left;}
@media screen and (min-width: 600px){ /*PC*/
	.faq .inner{ padding:80px 0 100px 0; }
	.faq .set01{display:flex;width:100%;margin:50px auto 0;padding: 50px;justify-content: center;align-content: center; flex-wrap: wrap;}
	.faq .set01 > div{  width:50%; vertical-align: top;padding:30px;}
	.faq .set01 > div:nth-child(even){}

	
	.faq h5{ font-size: 22px; line-height: 48px; margin-bottom: 15px; }
	.faq p{margin-bottom: 20px;font-size: 16px; }
}
@media screen and (max-width: 599px){ /*SP*/
	.faq .inner{ padding: 40px 0; }
	.faq .set01{width: 100%; padding: 20px; margin: 30px 0 0 0;}
	.faq .set01 > div{  width:100%; vertical-align: top;padding:15px;}
	.faq .ele01,.faq .ele02{display:block; vertical-align: top;background-size:80%; padding: 3% 0% 0% 0% ; text-align: left; margin-bottom: 15px;}
	.faq h5{ font-size:18px; line-height:28px; margin-bottom: 15px; vertical-align: top;}
}


/*---------------フリーダイヤル-----------------*/
section.free{ background-color:#8e8989;color: #fff; }
section.free .inner{font-size: 80%; text-align: center;}
section.free p{font-size: 120%;}
section.free a{text-decoration: none; color: rgba(255,255,255,1.00);}

@media screen and (min-width: 641px){ /*PC*/
section.free .inner{padding: 50px;}
section.free a{font-size:55px; line-height:65px;}
}
@media screen and (max-width:640px){ /*SP*/
	section.free .inner{padding: 20px;}
section.free a{font-size:35px;}
}

/*---------------footer-----------------*/

footer { background-color:rgb(238 238 238);}
footer .inner{position:relative;}
footer .contents{margin-bottom:40px}
footer .k1pj{width:100%;overflow: hidden; clear: both; padding:10px 25px;margin:0 auto 10px;}
footer .jpx{width:100%;overflow: hidden; clear: both; border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:30px 15px;margin:0 auto 15px;}
footer .k1pj img{width:90px; float: right; margin-left: 10px;}
footer .jpx img{width:120px; float: right; margin-left: 10px;}
footer p{font-size:12px; line-height: 18px; color:#333333;font-family: "メイリオ", Meiryo, sans-serif;}
footer a{font-size:12px; line-height: 18px; color:#1d70ab; font-family: "メイリオ", Meiryo, sans-serif;}
footer article a::before{content:'>'}
footer article a{display: block;}
footer .sns{text-align:center;margin:20px 0 0px}
address{text-align:center; background-color: rgba(0,0,0,1.00); font-size:12px; text-decoration: none;font-style: normal;color:#fff;font-family: "メイリオ", Meiryo, sans-serif;}
address .inner{color:#999;}
@media screen and (min-width: 641px){ /*PC*/
footer .inner{margin:0px auto 50px auto; padding: 50px 0 0;}
footer .k1pj{max-width:360px; }
footer .jpx{max-width:540px; }
footer .jpx p,footer .jpx a{font-size: 16px; line-height: 24px;}
address .inner{margin:0 auto; padding:20px;}
}
@media screen and (max-width:640px){ /*SP*/
footer .inner{padding: 40px 0 0;}
footer .contents{flex-wrap:wrap;margin-bottom:00px;}
footer .k1pj,footer .jpx{width:100%;padding:5.33333vw}
address .inner{padding: 20px 0;}
}