@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&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}
*: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{ background-color:#f3eeea;}
@media screen and (max-width:640px){ /*SP*/
html.is-nav-active{overflow:hidden}
body{min-width:initial}
}

h1,h2,h3,h4,h5,h6{color:#908075;}
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%; text-align: center;background-color: #e18c3c;}
.content{ width: 100%; text-align: center; }
em{font-style:normal;}
a:hover{opacity: 0.7;}
.inner{position:relative;}
.mini{ color:rgba(0,0,0,0.5);font-family:  "メイリオ", Meiryo, sans-serif;  display: block; font-weight: lighter;}
select{font-family:"メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;}
@media screen and (min-width:641px){ /*PC*/
    body{font-size:17px; width:100%; line-height:33px; letter-spacing: 1px;}
	.mini{line-height:24px;font-size: 12px;}
    #container {min-width:1120px;overflow: hidden;}
	.inner{width:1080px;margin:0 auto; padding: 0 ;}
	.l-sp{display:none !important}
	.spOnly{display: none;}
	}
@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%;}
	.inner{width:90%;margin:0 5%; padding: 0 ;}
	.l-pc{display:none !important}
	.pcOnly{display: none;}
}



/*---------------ヘッダー----------------*/
header{}
.lead{ text-align: center;}
@media screen and (min-width:641px){ /*Pc*/
	header {height:830px; width: 100%; text-align: center;position: relative;background-color: #e18c3c;}
	header img{height:830px; width:auto; position: absolute; top:0px;left: 50%; transform: translate(-50%,0);}
	.lead {background-color: rgba(229,117,17,1.00); color: #fff;}
	.lead .inner{  padding: 40px;font-size: 24px; letter-spacing: 4px;}
}
@media screen and (max-width:640px){ /*SP*/
	header {overflow: hidden;}
	header img{width: 100%;}
	.lead .inner{padding: 10px 0 30px;}
	.lead {background-color: rgba(255,255,255,1.00); letter-spacing: 2px; }


}



/*----ヘッダービデオ-------------------------------*/
.main-image-wrap{text-align: center; background:rgba(255,255,255,0.2); /*linear-gradient(to right, rgba(160,139,76,0.75) 0%, rgba(197,184,146,1) 50%, rgba(160,139,76,0.75) 100%) url("../img/main_bg.png") no-repeat bottom center;*/ background-size: 100%;}
.main-image-wrap #main-image{overflow: hidden;}
video{vertical-align: bottom; }
.main-image-wrap span{color:rgba(255,255,255,0.7);}
@media screen and (min-width:641px){ /*PC*/
			.main-image-wrap #main-image{ width:100%; height:auto; max-width:1350px;  margin: 0 auto;}
			.main-image-wrap #main-image video{ width: 100%;}
			.main_video{position: relative; overflow: hidden;text-align: center;}
			.main_video .control{ width: 50px;text-align:left; position: absolute;right:40px; bottom:25px;line-height: 50px; font-size:50px; color: rgba(255,255,255,0.60); }
		}
@media screen and (max-width:640px){ /*SP*/
	.main-image-wrap #main-image{width: 100%;}
	.main-image-wrap #main-image video{ width: 100%; margin-left: 0%;}
	.main_video{width: 100%; position: relative; margin:0px auto 0;overflow: hidden;}
	.main_video .control{ width:30px;text-align:left; position: absolute;right:10px; top:10px;line-height:30px;font-size:30px; color: rgba(255,255,255,0.60); z-index: 50; }
		}

/*---------------特典----------------*/
.anc_toku .inner{ text-align: center;}
.anc_toku p{font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif ; font-size: 90%; font-weight: lighter; color: rgba(0,0,0,0.7);}
@media screen and (min-width:641px){ /*Pc*/
	.anc_toku .inner{padding:100px 0 100px;}
	.anc_toku img{width:70%; margin: 0 auto;}
	.anc_toku p{font-size: 14px; line-height: 24px;}
	
}
@media screen and (max-width:640px){ /*SP*/
	.anc_toku .inner{padding:55px 0;}
	.anc_toku p{font-size: 12px; line-height: 20px;}
}
/*---------------CTA----------------*/
.cta{position: relative; overflow: hidden;}
.cta img.bg{position:absolute;}

.anc_link .apply{text-align: center;/*background-image:linear-gradient(90deg,#D75764 0%, #D78181 100%);background-image: linear-gradient(90deg,#D78181 0%,#edc8c4 100%);*/position: relative; margin: 0 auto;}

.anc_link h4{color:#736357;filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.10));}
.apply .t_select{position: relative;background:rgba(255,255,255,0);}
.apply select{ border: 1px solid #908075; color:#6B5C52; background-color:#FFF8D6; border-radius:10px;font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif ;font-weight: lighter;}

.apply a.search{display: block; color:#ffffff; text-decoration: none;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.10)); text-shadow:1px 1px 2px rgba(0,0,0,0.10); background:#f9ea5f; border-radius: 50px;
background: linear-gradient(90deg, #d59910 0%, #d59910 100%);font-weight: bolder;}
.apply a.search:hover{opacity: 0.7;}
.apply a.search span{opacity: 0.6; font-size: 60%; margin:0 -8px 0 8px; color:rgba(255,255,255,0.6);}
.apply a.fd span{color: rgba(255,255,255,1.00);font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif ;}
@media screen and (min-width:641px){ /*Pc*/
	.cta img.bg{min-width: 1500px; min-height: 100%;}
	.cta { margin-top: 60px;}
	.anc_link .inner{padding:140px 0 180px;}
	.cta09 .anc_link .inner{padding:140px 0 ;}
	.anc_link .apply{width:77%;padding:70px 50px;background: rgba(255,255,255,0.8);}	
	.anc_link h4{font-size:24px; line-height:40px; letter-spacing: 2px; }
	.apply .t_select p{font-size: 20px;color:#fff;}
	.apply select{margin:35px auto 40px; padding:10px; height:60px; font-size: 24px; width:550px; line-height:26px; }
	.apply a.search{font-size:26px; width:390px; padding:20px 20px 15px 30px; margin:0px auto 0; line-height: 30px;}
	.anc_link .apply a.fd img{margin-top:30px; width:240px;filter: brightness(5);}
	.apply a.fd{display:block;}
	.apply a.fd span{font-size: 11px; line-height: 16px;display: block; padding-top: 5px;}
	.anc_link .mini{width: 85%; margin: 5px auto;}
}
@media screen and (max-width:640px){ /*SP*/
	.cta img.bg{min-width:800px; min-height: 100%;left: 50%;transform: translate(-50%,0);}
	.cta { margin-top: 30px;}
	.anc_link{overflow: hidden;}
	.anc_link .inner{padding:70px 0 90px;}
	.cta09 .anc_link .inner{padding:70px 0;}
	.anc_link .apply{width:94%;padding:40px 20px 35px;background: rgba(255,255,255,0.85);}
	.anc_link h4{font-size:15px; margin:0 0px 10px 0; line-height:20px; letter-spacing:1px;}
	
	.apply .t_select{padding:0 0 10px 0; margin: 0px 0 0; text-align: center}
	.apply .t_select p{font-size: 12px;color:#fff;}
	.apply select{padding: 5px; height:46px; font-size: 18px; width:95%; max-width:340px; line-height: 40px; margin:6px auto 0px; }
	.apply a.search{ font-size:18px; line-height:30px; width:80%;padding:5px 0 4px 0; margin:10px auto 0; border-radius: 20px;}
	.apply a.search em{font-size:23px;}
	.anc_link .apply a.fd img{width:75%; margin:20px auto 0;filter: brightness(5);}
	.apply a.fd span{font-size: 10px;display: block;}
	
	.anc_link .mini{width: 93%; margin: 15px auto 0;}
}
/*---------------CTA　ABテスト用----------------*/
.apply a.search.fl{animation: flash 3.5s linear infinite;}
@keyframes flash {
	0%,10%{opacity: 0.3;}
	9%,18%{opacity: 1;}
}
@media screen and (min-width:641px){ /*Pc*/
	.apply a.search.big {font-size: 30px; width: 390px; line-height: 50px; border-radius: 40px;}
}
@media screen and (max-width:640px){ /*SP*/
	.apply a.search.big {font-size: 22px; line-height: 60px; width: 100%; border-radius: 40px;}
	
}
/*---------------TOP CTA----------------*/
.anc_link.top{position: relative; z-index: 5;}
.anc_link.top h5{color:rgba(255,255,255,0.6);filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.1));}
.anc_link.top .apply{background-image:linear-gradient(90deg,#D78181 0%, #D75764 100%);}
.anc_link.top .apply .icon{filter: drop-shadow(-2px -2px 3px rgba(0,0,0,0.05));}
@media screen and (min-width:641px){ /*Pc*/
	.anc_link.top{margin: -50px auto 0;}
	.anc_link.top .inner{padding:0 0 70px 0;}
	.anc_link.top h5{font-size:22px; line-height: 26px; letter-spacing: 4px; margin-bottom: 5px}   
	.anc_link.top .apply {padding:40px 50px; width: 75%;}
	.anc_link.top .apply img.icon_pc{top:24px; left:-20px; width:270px;}
	.anc_link.top .apply .right_b{width:70%; margin: 0 0 0 auto;}
	.anc_link.top .apply .deco02{width: 340px;}
	.anc_link.top h4{font-size:42px; line-height:56px; letter-spacing: 5px; margin-bottom:10px;}
	.anc_link.top h4 span{color: #fff;}
	.anc_link.top .apply a.search{width: 330px;  border-radius: 30px;}
}
@media screen and (max-width:640px){ /*SP*/
	.anc_link.top{margin: -15px auto 0;}
	.anc_link.top .inner{padding:0 0 40px 0;}
	.anc_link.top h5{font-size:14px; line-height:20px;width: 100%; letter-spacing:1px; padding: 0; display:block; margin-bottom: 5px;}
	.anc_link.top .apply{width:94%;padding:20px 0px;}
	.anc_link.top .apply img.icon_pc{display: block; top:18px; left:-25px; width:140px;}
	.anc_link.top .apply .right_b{width:65%; margin: 0 0 0 auto;}
	.anc_link.top h4{font-size:22px; margin:0 0px 5px 0; line-height:24px; letter-spacing:0px;}
	.anc_link.top .apply a.search{font-size: 14px; line-height:24px;    border-radius: 20px; }
}



/*---------------共通タイトル-----------------*/
section .title h2{color:#fff; background-color:#534741; text-align:center;position: relative;}
section .title h2 span{display: inline-block;position: absolute;}
section .title h2 img.eng{position: absolute; }

@media screen and (min-width:641px){ /*PC*/
section .title{ padding:60px 0 10px 0;}
section .title h2{margin:-90px auto 110px ; padding: 40px 0;  letter-spacing:6px; width: 900px;font-size:36px; line-height:60px;}
section .title h2 span{font-size:14px; line-height:16px; letter-spacing:1px; color: rgba(255,255,255,0.7); right:10px; bottom: 10px;}
section .title h2 img.eng{ top: -40px; left: -50px; width: auto;height:70px;}
}
@media screen and (max-width:640px){ /*SP*/
section .title{ padding:20px 0 30px 0;}
section .title h2{margin:00px auto 50px ; padding:25px 0; letter-spacing:2px; width: 320px;font-size:20px; line-height:30px;}
section .title h2 span{color:rgba(0,0,0,0.6); font-size:9px; line-height:10px; letter-spacing:1px; right:0px; bottom:-15px;}
section .title h2 img.eng{ top:-20px; left: -20px; width: auto;height:40px;}
}


section .title h3{color:#534741;text-align:center;position: relative;}
section .title h3 img.titleline{position: absolute; bottom: 0; right: 0;width:100%;}
@media screen and (min-width:641px){ /*PC*/
section .title h3{margin:0px auto 40px ; letter-spacing:6px; width:580px; padding:0px 0 40px;font-size: 30px; line-height: 50px;}
section .title h3 img.eng{height:50px; width: auto;margin-bottom:40px;}
}
@media screen and (max-width:640px){ /*SP*/
section .title h3{margin:0px auto 5px ; width:95%; letter-spacing:2px;font-size: 18px; line-height:30px; padding-bottom: 10px;}
section .title h3 img.eng{height:40px; width: auto;margin-bottom:20px;}
}




/*---------------デコレーション-----------------*/

.area{ width: 100%;position: relative; }
.area .deco01{position: absolute;opacity: 0.7;}
.area .deco02{position: absolute;opacity: 0.7;}
@media screen and (min-width:641px){ /*PC*/
.area .deco01{left: -60px; top:240px;}
.area .deco02{right: -60px; top:20px;}
.area .deco01,.area .deco02{width:15%}
	
.area03 .deco01{top:300px;}
.area03 .deco02{top:100px;width:17%;right: -80px;}
.area05 .deco01{top:300px;}
.area05 .deco02{top:20px;}
.area08 .deco01{left: -80px;width:13% }
.area08 .deco02{right: -80px;width:13%}
.area00 .deco01,.area01 .deco01,.area09 .deco01{top:140px;}
.area00 .deco02,.area01 .deco02,.area09 .deco02{top:20px;}
.area05 .deco01,.area05 .deco02{width:17%}
.area09 .deco01,.area09 .deco02{width:13%}
}
@media screen and (max-width:640px){ /*SP*/
.area{overflow: hidden;margin: -40px 0 0 0;}
.area .deco01{left:-50px; top:200px;}
.area .deco02{right:-50px; top:60px;}
.area .deco01,.area .deco02{width:34%}

.area01 .deco01{top:280px;width:39%;right: -50px;}
.area01 .deco02{top:140px;width:38%;right: -50px;}
.area02 .deco01{width:42%;right: -70px;}
.area02 .deco02{top:80px;width:35%;}
.area03 .deco01{top:120px;width:34%;right: -20px;}
.area03 .deco02{top:220px;width:39%;right: -40px;}
.area04 .deco01{top:120px;left:-10px;width:30%;}
.area04 .deco02{top:280px;right:-30px;width:32%;}
.area05 .deco01{top:180px;left:-40px;width:35%;}
.area05 .deco02{top:400px;right:-20px;width:34%;}
	.area00{ margin-top: 0;}
.area00 .deco01{top:140px;}
.area00 .deco02{top:20px;}

.area09{margin:0px 0 0 0;}
.area09 .deco01{ top:50px;}
.area09 .deco02{top:200px;}
}



/*---------------世界が変わった-----------------*/

.sec11 .inner{text-align: center}
@media screen and (min-width: 641px){ /*PC*/
	.sec11{}
	.sec11 .img02{margin:40px 0 90px;}
	.sec11 .img_sp{display: none}
	.sec11 .img03{width: 60%; margin: 0 0 40px 0;}
}
@media screen and (max-width:640px){ /*SP*/
	.sec11 .img01,.sec11 .img02{display: none}
	.sec11 .img_sp{}
	.sec11 .img03{width:90%; margin:40px 0 20px 0;}
}



/*---------------5つのポイント-----------------*/

.sec01 article{position: relative; background-color: rgba(255,255,255,0.9);}
.sec01 article img{position: absolute; width: 35%;left:-10px; top:-15px;}
.sec01 article p{text-align: center;font-size: 110%; }
.sec01 article em{display: block; position: absolute; color:rgba(83,71,65,0.3);top:5px; left:10px; }
.sec01 h3{color:#cc5323; text-align: center;display: block;}
.sec01 article a{display: block; position: absolute; bottom: -15px; right: 10px;filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.2));width: 40%; background-color:#534741; color: rgba(255,255,255,1.00);text-align: center;}
.sec01 article a span{ color:rgba(255,255,255,0.5); margin: 0 0 0 10px;}
.sec01 .contents .mini{display: block; text-align: center;}
.sec01 .set03 ul{ list-style: none; display: block;}
.sec01 .set03 ul li{width: 100%; border-bottom: dotted 1px rgba(0,0,0,0.4);}
.sec01 .set03 ul li span{color:rgba(204,83,35,0.5);}
@media screen and (min-width: 641px){ /*PC*/
	.sec01 .contents{margin:-90px 0 0;padding: 70px 0 40px;}
	.sec01 .set01{width: 80%; margin:0px auto 0; }
	.sec01 .set01,.sec01 .set02{display: flex; justify-content: center; align-content: center; margin-bottom: 20px;}
	.sec01 .set01 article{width: 46%;padding:4% 3% 4%; margin: 2%;}
	.sec01 .set02 article{width:29%;padding:3% 2% 3%; margin: 2% 2% 40px 2%;}
	.sec01 h3{font-size:34px; line-height:50px; margin-bottom:6px;}
	.sec01 h3 span{font-size:22px; line-height:32px;}
	.sec01 article a{font-size: 12px;}
	.sec01 .set03 {padding: 50px 0 0;}
	.sec01 .set03 article{width: 60%;padding: 30px 50px 40px; margin: 0 auto; margin: 20px auto 0 ;}
	.sec01 .set03 img{width: 40%; float: left;}
	.sec01 .set03 ul{ margin: 0 0 0 45%;}
	.sec01 .set03 ul li{padding: 5px 0;}
	.sec01 .set03 article a{width: 25%;}
}
@media screen and (max-width:640px){ /*SP*/
	.sec01 .contents{margin:-30px 0 0;padding:20px 0 0;}
	.sec01 .set02{margin:0px auto 40px; }
	.sec01 .set03{margin:40px auto 00px; }
	.sec01 article{width: 90%; padding:6%; margin:20px 5% 30px;}
	.sec01 h3{font-size: 24px; line-height: 34px; padding:0px 0 0px;}
	.sec01 h3 span{font-size:18px; line-height:25px;}
	.sec01 article a{font-size: 11px;}
	.sec01 .set03 img{width:90px; float: left; margin: 0 0 0 -10px;}
	.sec01 .set03 ul{ margin: 0 0 10px 60px;}
	.sec01 .set03 ul li{padding: 5px 0;}
}



/*---------------カリキュラム-----------------*/

.sec02 .set01{ }
.sec02 .set01 .inner{}
.sec02 .set01 .ele{position: relative; background-color: rgba(255,255,255,1);}
.sec02 .set01 .mini{text-align: center; display: block; margin: 0 auto;}

@media screen and (min-width: 641px){ /*PC*/
.sec02 .set01{margin:50px 0 0px;}
.sec02 .set01 .inner{ display: flex; justify-content: center; align-content: center; align-items: center; padding:40px 0 40px;}
.sec02 .set01 .ele{width: 40%; margin:90px 0 0px 5%; padding:90px 30px 30px;}
.sec02 .set01 .ele:first-child{margin:90px 0 0px 0;}
	.sec02 .set01 img{position: absolute;}
.sec02 .set01 img.user{top: -90px; left:20%; width:70%;}
.sec02 .set01 img.staff{bottom: -15px; right: 10px; width:80px;}
	
}
@media screen and (max-width:640px){ /*SP*/
.sec02 .set01 .inner{ padding: 10px 0 10px;}
.sec02 .set01 .ele{width:100%; margin:60px 0 10px 0; padding:20px; text-align: center;}
.sec02 .set01 .ele:first-child{margin:60px 0 0px 0;}
.sec02 .set01 .ele p{text-align: left;}
.sec02 .set01 img.user{margin: -70px auto 10px; width:250px;}
.sec02 .set01 img.staff{float: right; width:70px; margin:0px 0 0 10px;}
	.sec02 .set01 .mini{padding: 0 20px;}
}


.sec02 .set02 .ele01{background:#c2584a; position: relative;}
.sec02 .set02 .ele01:after{border: solid transparent; content:'';height:0; width:0;pointer-events:none;position:absolute;
    border-color: rgba(194, 88, 74, 0);
    border-top-width:21px;
    border-bottom-width:21px;
    border-left-width:22px;
    border-right-width:22px;
    margin-left: -22px;
    border-top-color:#C2584A; top:100%; left:50%;
}
.sec02 .set02 .box00{display: block;position: relative;}
.sec02 .set02 .box00 p{text-align: center;display: block;color: rgba(255,255,255,1.00);}
.sec02 .set02 h3{text-align: center; display: block; position: relative;color: #fff;}
.sec02 .set02 h3 img{position: absolute;}

@media screen and (min-width: 641px){ /*PC*/
.sec02 .set02 .box00 p{display: inline-block;width: 47%; margin:40px 0 0 32%;}
.sec02 .set02 .box00 img.user{position: absolute;top:-120px; left:10%; width:36%;}
.sec02 .set02 .box00 img.staff{position: absolute;top:0px; right:100px; width:120px;}
.sec02 .set02 h3{font-size: 32px; line-height: 52px; margin: 70px auto 40px;letter-spacing:5px;}
.sec02 .set02 h3 img{ width: 500px; left: 23.5%; }
}
@media screen and (max-width:640px){ /*SP*/
	.sec02 .set02 .box00{padding:120px 0 0 0;}
	.sec02 .set02 .box00 p{display:block;width: 100%;font-size: 90%;}
.sec02 .set02 .box00 img.user{position: absolute;top:-60px; left:10%; width:250px;}
.sec02 .set02 .box00 img.staff{position: absolute;top:45px; right:10px; width:70px;}
.sec02 .set02 h3{font-size:21px; line-height:34px; margin:42px auto 20px;letter-spacing:2px;}
.sec02 .set02 h3 img{ width:90%; left:5%; top:0; }
}



.sec02 .set02 .ele01 .box > div{ background-color: rgba(255,255,255,1.00);vertical-align: top;text-align: center;}
.sec02 .set02 .ele01 h5{display: block;}
.sec02 .set02 .ele01 h5 span{color:#c2584a;}
.sec02 .set02 .ele01 ul{display: flex; justify-content: center;align-content: center; flex-wrap: wrap;}
.sec02 .set02 .ele01 ul li{background-color: rgba(194,88,74,0.1); color: #c2584a;}

@media screen and (min-width: 641px){ /*PC*/
.sec02 .set02 .ele01{ margin:20px auto 20px auto; width:100%;padding: 60px; }

.sec02 .set02 .ele01 h5{font-size: 28px; line-height:34px; margin-bottom: 10px; }
.sec02 .set02 .ele01 h5 span{display: block;}
.sec02 .set02 .ele01 .box{display: flex; justify-content: center;align-content: center;}
.sec02 .set02 .ele01 .box01{padding:20px;width:37%; margin: 20px 4% 0 0}
.sec02 .set02 .ele01 .box02{padding:20px;width:63%; margin: 20px 0 0 0;display: flex; justify-content: center;align-content: center;}
.sec02 .set02 .ele01 .box02 .left{ width: 30%;display: inline-block; vertical-align: top;}
.sec02 .set02 .ele01 .box p{font-size: 14px; line-height: 20px;}
.sec02 .set02 .ele01 ul{width:69%;}
.sec02 .set02 .ele01 ul li{ line-height: 24px;width: 46%; margin:1%;padding: 7px;}
}
@media screen and (max-width:640px){ /*SP*/
.sec02 .set02 .ele01{ margin:30px auto 20px auto; width:100%;padding:20px; }
.sec02 .set02 .ele01 > p{width: 100%;}
.sec02 .set02 .ele01 h5{font-size: 22px; line-height:30px; margin-bottom: 10px; }
.sec02 .set02 .ele01 h5 span{ margin-left: 10px;}
.sec02 .set02 .ele01 .box > div{padding:20px;width:100%; margin: 20px 0 0 0;}
.sec02 .set02 .ele01 .box02 .left{ width:100%;display: inline-block; vertical-align: top;}
.sec02 .set02 .ele01 .box p{font-size: 14px; line-height: 20px;}
.sec02 .set02 .ele01 ul{width:100%;margin-top: 8px;}
.sec02 .set02 .ele01 ul li{ line-height: 18px;width: 46%; margin: 2%;padding: 7px 0; letter-spacing: 0; font-size: 13px;}
}


.sec02 .set02 .ele02{background:rgba(109,193,165,0.9);position: relative; }
.sec02 .set02 .ele02 img{filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.2));}
.sec02 .set02 .ele02 > p{text-align: center; color: rgba(255,255,255,1.00);}
.sec02 .set02 .ele02 .box{ background-color: rgba(255,255,255,1.00);}
.sec02 .set02 .ele02 .box p{text-align: left; display: inline-block;}
.sec02 .set02 .ele02 h5{color: #6DC1A5;display: inline-block;}
.sec02 .set02 .ele01 .mini{color:rgba(255,255,255,0.8);}
@media screen and (min-width: 641px){ /*PC*/
.sec02 .set02 .ele02{ margin: 70px auto 20px auto; width:100%;padding: 30px; }
.sec02 .set02 .ele02 img{width:35%;position: absolute; top:-25px; left: -10px;}
.sec02 .set02 .ele02 > p{display: inline-block;width: 46%;text-align: center; margin:35px 3% 0 0;}
.sec02 .set02 .ele02 .box{display: inline-block;width: 50%;padding: 15px; vertical-align: top;}
.sec02 .set02 .ele02 h5{font-size: 14px;-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; width:8%; margin-right: 10px; letter-spacing: 2px; text-align: left;}
.sec02 .set02 .ele02 .box p{width: 84%; }
}
@media screen and (max-width:640px){ /*SP*/
.sec02 .set02 .ele02{ margin: 30px auto 0; width:100%;padding: 20px; }
.sec02 .set02 .ele02 img{width:70%;position: absolute; top:-15px; left: -10px;}
.sec02 .set02 .ele02 > p{display:block; padding: 25px 0 0 0;}
.sec02 .set02 .ele02 .box{display:block;padding: 10px; margin-top: 10px;}
.sec02 .set02 .ele02 h5{font-size: 14px;text-align: center;width:100%;}
.sec02 .set02 .ele02 .box p{width: 100%; }
}

.sec02 .set02 .ele03{text-align: center;font-size: 120%;} 
.sec02 .set02 .mini{display: block; text-align: center; margin-top: 15px;}
.sec02 .set02 .ele03 h3{ color: #c2584a;}
@media screen and (min-width: 641px){ /*PC*/
.sec02 .set02 .ele03{margin: 70px auto 70px auto; width: 80%; }
.sec02 .set02 .ele03 h3 img{left: 20.5%;}
}
@media screen and (max-width:640px){ /*SP*/
.sec02 .set02 .ele03{margin:30px 0;}
}







/*---------------サポート-----------------*/

.sec03{}
.sec03 .contents h3{background-color:#4c8e8f; text-align: center;display: flex; justify-content: center; align-content: center; align-items: center;}
.sec03 .contents h3 span{display: inline-block;  color: rgba(255,255,255,1.00); letter-spacing: 3px;}

.sec03 .contents h4{color:#4c8e8f; position: relative;}
.sec03 .contents h4 span{color:#4c8e8f; display: block;}
@media screen and (min-width: 641px){ /*PC*/
.sec03 .contents .inner{padding:0px 0 20px 0;}
.sec03 .contents h3{ height: 160px; width: 160px; border-radius: 90px;margin: -20px auto 00px 0;}
.sec03 .contents h3 span{font-size:24px; line-height:30px;}
.sec03 .contents h4{font-size:30px; line-height: 45px; margin-bottom: 15px;}
.sec03 .contents h4 span{font-size:20px; line-height: 36px;}
}
@media screen and (max-width:640px){ /*SP*/
.sec03 .contents .inner{padding:0 0 20px 0;}
.sec03 .contents h3{height:90px; width:90px; border-radius: 50px;margin: -20px auto 00px 0;position: relative; z-index: 5;}
.sec03 .contents h3 span{font-size:18px; line-height: 24px;}
.sec03 .contents h4{font-size:24px; line-height: 32px; margin-bottom: 15px;}
.sec03 .contents h4 span{font-size:16px; line-height:26px;}
.sec03 .contents img{width:100%; margin:0 0 15px 0;}

}
.sec03 .set01 .ele01{text-align: center;}
.sec03 .set01 .ele02{position: relative; }
.sec03 .set01 .ele02 .box{/*filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.2));*/ display: inline-block;position: relative; vertical-align: top;}
.sec03 .set01 .ele02 .box p{ margin-bottom: 10px;}
.sec03 .set01 .ele02 .box h5{color: #fff; text-align: center;}
.sec03 .set01 .ele02 .box .taio{display: block; border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); text-align: center; color: rgba(255,255,255,1.00);}
.sec03 .set01 .ele02 .box .text{background-color: #4c8e8f; color: rgba(255,255,255,1.00);}
.sec03 .set01 .ele02 .box a{color: #fff; background-color: rgba(255,255,255,0.3); display: block;text-align: center;}
.sec03 .set01 .ele02 .box a span{opacity: 0.6; margin-left: 20px;}
.sec03 .set01 .ele02 .box .mini{color: rgba(255,255,255,1.00);}
	.sec03 .set01 .ele01 img:first-child{width: 100%; vertical-align: bottom;margin: 0;}
	.sec03 .set01 .ele01 img:last-child{width: 100%; vertical-align: top;margin: 0;}
@media screen and (min-width: 641px){ /*PC*/
	.sec03 .set01 .ele01{display: inline-block;position: relative; z-index: -2; width: 50%; margin: 0 25% -90px;}
	.sec03 .set01 .ele01 h4{font-size: 18px;background-color:rgba(255,255,255,1.00); padding-bottom:00px;margin: 0;}
	.sec03 .set01 .ele02{margin-top: -70px}
	.sec03 .set01 .ele02 .or{width:140px; position: absolute; top:240px;left: 50%; transform: translate(-50%,0); z-index: 2; }
	.sec03 .set01 .ele02 .box{ width: 44%; margin: 2%;}
	.sec03 .set01 .ele02 .box:first-child{ margin-right: 5%;}
	.sec03 .set01 .ele02 .box .text{padding:10px 50px 45px;}
	.sec03 .set01 .ele02 .box img{width: 100%; position: absolute;top:0; left: 0;z-index: -2;}
	.sec03 .set01 .ele02 .box h5{font-size: 34px; line-height:45px; height:110px; margin:40px 0 10px;}
	.sec03 .set01 .ele02 .box h5 span{font-size: 18px; line-height: 30px;}
	
	.sec03 .set01 .ele02 .box a{padding:6px; margin: 20px auto 0px;width:75%; font-size: 110%;}
	.sec03 .set01 .ele02 .box .taio{margin: 0 0 30px; padding: 10px;}
	.sec03 .set01 .ele02 .box {color: rgba(255,255,255,1.00);}
	.sec03 .set01 > .mini{text-align: center;}
}
@media screen and (max-width: 640px){ /*SP*/
	.sec03 .set01 .ele01{display: block;position: relative; z-index: -2; width: 80%; margin: 0 auto 10px;}
	.sec03 .set01 .ele01 h4{font-size: 16px;background-color:rgba(255,255,255,1.00); padding: 0px; margin: 0;}
	
	.sec03 .set01 .ele02 {text-align: center;}
	.sec03 .set01 .ele02 .or{width:100px; margin: -40px auto -20px;position: relative; z-index: 2; }
	.sec03 .set01 .ele02 .box{padding: 25px; width:100%; background-color: #4c8e8f;margin-bottom:20px;}
	.sec03 .set01 .ele02 .box img{display: none;}
	.sec03 .set01 .ele02 .box h5{font-size: 24px; line-height:26px;}
	.sec03 .set01 .ele02 .box h5 span{font-size: 16px; line-height: 26px;}
	.sec03 .set01 .ele02 .box a{padding:5px; margin: 10px auto 0;width: 80%;}
	.sec03 .set01 .ele02 .box p{text-align: left;}
	.sec03 .set01 .ele02 .box .taio{margin:20px 0 15px; padding:6px;}
	.sec03 .set01 .ele02 .box .mini{ margin-bottom: 0;display: block;}
	.sec03 .set01 > .mini{text-align: center;}

}

.sec03 .set02{text-align: center;}
.sec03 .set02 .ele{display: inline-block;text-align: left;}
.sec03 .set02 .ele h4{position: relative; text-align: center;}
.sec03 .set02 .ele h4 span{display: block; border-bottom: 1px dotted #ccc;}
.sec03 .set02 .ele img:first-child{width: 100%; vertical-align: bottom; margin: 0;}
.sec03 .set02 .ele img:last-child{width: 100%; vertical-align: top; margin: 0;}
.sec03 .set02 .ele img.p01,.sec03 .set02 .ele img.p04,.sec03 .set02 .ele img.p02,.sec03 .set02 .ele img.p03{float: left; z-index: 2;position: relative;}
.sec03 .set02 .ele a{background-color: rgba(0,0,0,0.1);border: 1px solid rgba(0,0,0,0.2); text-align: center;}
@media screen and (min-width: 641px){ /*PC*/
	.sec03 .set02 {margin: 60px 0 0;}
	.sec03 .set02 .ele{padding:0px 0px;width:47%; margin: 1%;    vertical-align: top;}
	.sec03 .set02 .ele .text{background-color:#fff; padding:15px 30px 20px;}
	.sec03 .set02 .ele03 .text{padding:20px 30px 00px 30px;}
	.sec03 .set02 .ele p{}
	.sec03 .set02 .ele h4{font-size:28px;line-height: 30px; padding:0px 0 5px; margin:0px auto 15px;}
	.sec03 .set02 .ele h4 span{ font-size:14px;line-height:18px;  padding: 5px 0 15px;margin-bottom: 10px; }
	.sec03 .set02 .ele img.p01,.sec03 .set02 .ele img.p04{width:40%; margin-right: 10px;}
	.sec03 .set02 .ele img.p02{width:27%; margin:-20px 10px 0 10px;}
.sec03 .set02 .ele img.p03{width:26%; margin:-20px 10px 0 10px;}
	.sec03 .set02 .ele a{display:inline-block; font-size: 14px; line-height: 19px; margin:10px auto 0 30px;padding:3px 20px; }
	.sec03 .set02 .ele .mini{ padding-left: 0px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.sec03 .set02 {margin:10px 0 0;}
	.sec03 .set02 .ele{padding:0px 0px;width:100%; margin:0;}
	.sec03 .set02 .ele .text{background-color:#fff; padding:0px 25px 5px;}
	.sec03 .set02 .ele p{}
	.sec03 .set02 .ele h4{font-size:20px;line-height: 26px; padding:0px 0 5px; margin:0px auto 5px;}
	.sec03 .set02 .ele h4 span{ font-size:12px;line-height:18px; padding: 5px 0 8px;margin-bottom: 8px; }
	.sec03 .set02 .ele img.p01,.sec03 .set02 .ele img.p04{width:125px; margin:0 10px 0 -50px;}
	.sec03 .set02 .ele img.p02{width:74px; margin:-20px 10px 0 10px;}
	.sec03 .set02 .ele img.p03{width:74px; margin:-0px 10px 0 10px;}
	.sec03 .set02 .ele a{display:inline-block; font-size: 14px; line-height: 19px; margin:10px auto 0 30px;padding:3px 20px; }
	.sec03 .set02 .ele .mini{ font-size: 10px;}

}








/*---------------着付け-----------------*/
.sec04 article .point{ background-color: #cc5323;}
.sec04 article .text{color: #fff; background-color:rgba(216,114,68,0.9);}

@media screen and (min-width: 641px){ /*PC*/
	.sec04 .contents .inner{padding:0 30px 0px;}
	.sec04 article{padding:0px;width:100%; position: relative;}

	.sec04 article.set01{height: 500px;}
	.sec04 article.set02{height: 500px;}
	.sec04 article.set03{height: 420px;}
	
	.sec04 article .text{width:480px; padding: 40px 50px;position:absolute;}
	.sec04 article.set01 .text{top:100px; left:00px;}
	.sec04 article.set02 .text{top:100px; right:00px;}
	.sec04 article.set03 .text{top:100px; left:00px;}
	
	.sec04 article .point{ padding: 6px 40px;position: absolute ;}
	.sec04 article.set01 .point{bottom:-10px; right:-20px;}
	.sec04 article.set03 .point{top:-10px; right:-20px;}
	.sec04 article img{position: absolute;}
	.sec04 article img.no{ width:auto; height: 105px; top:40px; left:60px;}
	.sec04 article h3{position:relative; text-align:left;z-index:2;width:100%;display: block;padding:15px 0 0 125px; font-size:32px;line-height:44px; margin-bottom: 20px; color: rgba(255,255,255,1.00); letter-spacing: 3px;}
	.sec04 article p{width:100%;display: block; display: block; line-height: 28px; letter-spacing: 1px;}
	
	.sec04 article.set01 .photo{ width:620px;top:0px; right:00px;}
	.sec04 article.set02 .photo{ width:620px;top:0px; left:00px;}
	.sec04 article.set03 .photo{ width:620px;top:0px; right:00px;}
}
@media screen and (max-width:640px){ /*SP*/
	.sec04 .contents .inner{padding:0 0px 00px;}
	.sec04 article{padding:0px;width:100%; position: relative;}
	.sec04 article.set01,.sec04 article.set02{ margin-bottom: 30px;}
	.sec04 article.set02{ margin-bottom: 10px;}
	.sec04 article .text{width:90%; padding:20px 10px 20px 30px; position: relative;}
	.sec04 article.set01 .text{top:-20px; left:00px; padding-bottom:30px;}
	.sec04 article.set02 .text{top:-20px; right:00px; margin-left: 10%;}
	.sec04 article.set03 .text{top:-20px; left:00px; padding-bottom:30px;}
	
	.sec04 article .point{position: absolute; padding:3px 30px;}
	.sec04 article.set01 .point{bottom:-10px; right:-20px;}
	.sec04 article.set03 .point{bottom:-10px; right:-20px;}
	.sec04 article img.no{position: absolute; width:auto; height:60px; top:20px; left:25px;}
	.sec04 article h3{position:relative; text-align:left;z-index:2;width:100%;display:inline-block;padding:0px 0 0 65px; font-size:20px;line-height:30px; margin-bottom:10px; color: rgba(255,255,255,1.00); letter-spacing:1px;}
	.sec04 article p{width:100%;display: block; display: block; line-height: 26px;}

	.sec04 article .photo{ width:90%;}
	.sec04 article.set01 .photo,.sec04 article.set03 .photo{margin:0 0 0 10%;}
}


/*---------------講座＆販売会-----------------*/
.sec05 .cont01  h3,.sec05 .cont01  h4{display:inline-block; vertical-align: top;}
.sec05 .cont01 h3{ color: #4c8e8f;}
@media screen and (min-width: 641px){ /*PC*/
	.sec05 .cont01{padding: 30px 0 20px;width: 90%; margin: 0 auto;}
	.sec05 .cont01{background-size:700px;}
	.sec05 .cont01 .set01 ,.sec05 .cont01 .set02,.sec05 .cont01 .set01 .right,.sec05 .cont01 .set02 .left{display: flex; justify-content: center; align-content: center;}
	.sec05 .cont01 .set01,.sec05 .cont01 .set01 .right{flex-direction:row-reverse;}
	.sec05 .cont01 .set01 .left{width:60%; }
	.sec05 .cont01 .set01 .right{width:40%;}
	
	.sec05 .cont01 .set02 .left{width:40%; }
	.sec05 .cont01 .set02 .right{width:60%;}
	.sec05 .set01{margin-bottom:120px;}
	
	.sec05 .cont01 h3,.sec05 .cont01 h4{ text-align: left; letter-spacing: 2px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin:0 15px;}
	.sec05 .cont01 h3{font-size: 36px; line-height:60px;}
	.sec05 .cont01 h4{font-size: 24px; line-height:42px;}
	.sec05 .cont01 p{}
	.sec05 .cont01 img{width:100%; margin-bottom:20px;}

	
}
@media screen and (max-width:640px){ /*SP*/
	.sec05 .cont01{background-size:200%;}
	.sec05 .cont01 .set01{margin-bottom:40px;}
	.sec05 .cont01 h3{font-size: 21px; line-height:33px; margin-bottom:12px;color: #42A07E; }
	.sec05 .cont01 img{margin: 15px 0;}
	.sec05 .cont01 p{display: block;}
}







/*------------卒業生の声--------------*/

/*------------卒業生の声　ランダム表示--------------*/

.voice_index h4{display: block; text-align: center; color:#D78181; }
.voice_index {overflow: hidden; }
.voice_index .box{ background-color: #eee; display: inline-block;filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.1));}
.voice_index .text{-ms-writing-mode: tb-rl;writing-mode: vertical-rl; text-align: left; color: #4b443b;}
.voice_index a {color: #685141; text-decoration: none;position:relative; display: block; text-align:left;}
.voice_index a:hover{opacity: 0.7;}
.voice_index a .icon{position:absolute; background:rgba(194,88,74,0.5);  font-size: 12px; line-height: 21px; height: 20px; width: 20px; opacity: 0.3;}
.voice_index a span{color: #fff;}
@media screen and (min-width: 641px){ /*PC*/
	.voice_index { margin: 0 0 0px 0;}
	.voice_index .inner{ padding:0px 40px 120px; overflow: hidden;}
	.voice_index h4{font-size: 26px; line-height: 66px; margin: 00px auto 10px; padding:5px 0 5px 0; width: 500px;}
	.voice_index .box{ margin:0 10px 35px; width:22.5%;height: 185px;overflow: hidden;}
	.voice_index .box:first-child{margin: 0 15px 35px; width:47.3%;height:415px;float: left;}
	.voice_index .box a{height: 185px; }
	.voice_index .box:first-child a{height:415px;}
	.voice_index .text{position:absolute; top:20px; left:30px; font-size:16px; line-height: 24px; z-index: 1;}
	.voice_index .box:first-child .text{color:#c2584a;font-size:34px; line-height: 50px; top:50px; left:70px; letter-spacing: 2px; }
	.voice_index img{position:absolute;  top:-5px; right:0;width:90%;height: 113%;}
	.voice_index .box:first-child img{width:95%;}
	.voice_index .icon{bottom:8px; left:8px;}
	.voice_index .icon span{ margin-left: 7px; margin-top:8px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.voice_index{ margin:-40px 0 20px 0;}
	.voice_index .inner{ padding:0px 0 60px; overflow: hidden;}
	.voice_index h4{width: 280px; font-size:17px; line-height:23px; margin: 00px auto 10px; padding:10px 0 10px 0; background-size:100%;}
	#slslide03{width:300px; margin: 0 auto;}
	.voice_index a{height: 230px;}
	.voice_index .text{position:absolute; top:20px; left:35px; font-size: 18px; line-height: 28px; z-index: 1;}
	.voice_index img{position:absolute;  top:-5px; right:0;width:120%;}
	.voice_index .icon{bottom:8px; left:8px;  }
	.voice_index .icon span{ margin-left: 7px; margin-top:8px;}
	.voice_index .slick-initialized {position: relative;}
	.voice_index .slick-prev, .voice_index .slick-next{ width: 6vmin; height: 6vmin;}
	.voice_index .slick-prev{ position:absolute;left:-3vmin; z-index: 10;}
	.voice_index .slick-next{position:absolute;left:calc(100% - 3vmin);}
	.voice_index .slick-dots { top: calc(100% + 2vmin); }
	.voice_index .slick-dots li button:before{ font-size: 12px;}
	.voice_index .slick-prev:before, .voice_index .slick-next:before{color: #838075}
}



/*---------------06 コーデ-----------------*/
.area06 {
background: rgb(232,150,77);
background: url("../img/06_code_bg.png"),radial-gradient(circle, rgba(232,150,77,1) 13%, rgba(222,114,43,1) 76%, rgba(216,98,15,1) 100%);
background-size:400px;
}
.sec06 .contents .inner{ background-color: rgba(255,255,255,1.00); border-radius: 10px;}
@media screen and (min-width:641px){ /*PC*/
	
	.sec06 .contents{margin-top: -50px}
	.sec06 .contents .inner{padding:60px 70px 70px;}
	.sec06 .title_sp{display: none}
	.sec06 .flex_set{display: flex;}
	.sec06 .flex_set .set01,.sec06 .flex_set .set03{width: 380px; letter-spacing: 0;}
	.sec06 .flex_set .set01 .img01{width: 480px; margin:30px 0 0 -90px; }
	.sec06 .flex_set .set03 .img01{width: 480px; margin:30px -90px 0 0; }
	.sec06 .flex_set .img02{margin-top: 40px;}
	.sec06 .flex_set .set02{width:180px; text-align: center;}
	.sec06 .flex_set .set02 img{width:50%; margin: 0 auto;}
}
@media screen and (max-width:640px){ /*SP*/
	.area.area06{margin-top: 0;}
	.area.area06 section .title h2{margin-bottom: 10px;}
	.sec06 .title{margin-top:30px;}
	.sec06 .contents .inner{padding:30px;}
	.title_sp {text-align: center;}
	.title_sp img{width: 90%; margin: 30px auto 30px;}
	.sec06 .flex_set .set02{display: none}
	.sec06 .flex_set img{width: 100%;}
	.sec06 .flex_set .set01{}
	.sec06 .flex_set .set03 .img01{margin-top: 40px}
	.sec06 .flex_set .img02{margin-top: 25px;}
}





/*---------------講師-----------------*/

.sec07 .inner{}
.sec07 .interview{overflow: hidden; clear: both;}
.sec07 .interview img{width: 100%;/*filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.15)); */}
.sec07 .interview .left p{color:#534741;}
.sec07 .interview .left .name{color:#49382d; }

.sec07 .interview .right h3{border-bottom: 1px dotted rgba(144,128,117,0.5);text-align: center;}

@media screen and (min-width:641px){ /*PC*/
	.sec07 .interview { height: 620px; background: #eee4dc url("../img/s07_bg02.jpg") top no-repeat;background-size:1450px; }
	.sec07 .interview .inner{padding: 90px 0 30px;}
	.sec07 .left{width:24%; display: inline-block; vertical-align: top; float: left;}
	.sec07 .right{width:33%; display: inline-block; vertical-align: top; float: right;padding: 35px;background-color: rgba(255,255,255,0.80);letter-spacing:1px; line-height: 38px;}
	.sec07 .interview .left .name{margin:180px 0 0px;line-height:50px;letter-spacing:1px;font-size:26px;  }
	.sec07 .interview .left .name b{font-size:36px;}
	.sec07 .interview .right h3{width:100%;margin:0px 0 20px; font-size:22px; line-height:34px; padding-bottom: 20px;}
	.sec07 .interview .right h3 img{width: 60%; margin: 20px 20% 15px;}
}
@media screen and (max-width:640px){ /*SP*/
	.sec07 .interview{padding: 0px;}
	.sec07  .interview .inner{padding: 0px; margin: 0; width: 100%;}
	.sec07 .interview .left{overflow:hidden; clear: both; background: #eee4dc url("../img/s07_bg03.jpg") top right no-repeat;background-size:110%;width:100%; padding:0 0 00px 40px; height: 260px;}
	.sec07 .interview .right h3{text-align:center; font-size:14px; line-height:30px; margin:20px 0;}
	.sec07 .interview .right h3 img{width:140px; margin-bottom: 10px;}
	.sec07 .interview .left .name{line-height:30px; margin-top: 90px;}
	.sec07 .interview .left .name b{font-size:22px;}
	.sec07 .interview .right p{}
	
	.sec07 .right{width:100%; padding:20px 30px;}
	.sec07 .interview .right h3{ padding-bottom:6px;}
}


.sec07 .cont02{}
.sec07 .cont02 .inner{ overflow: hidden}
.sec07 .cont02 .set01 h4{color:#5599bb; text-align: center }
.sec07 .cont02 p{color:#908075; }
.sec07 .t_select{text-align: center;}
.sec07 select{ border: 1px solid #5a420c; color:#5a420c; background-color: rgba(255,255,255,1.00); border-radius: 5px; font-weight: lighter;}
@media screen and (min-width:641px){ /*PC*/
	.sec07 .cont02{background-size:49%;}
	.sec07 .cont02 .inner{padding:0px 40px 110px; text-align: center;}
	.sec07 .cont02 img{width:50%; margin: 0 auto 30px;}
	.sec07 .cont02 p{line-height:30px; font-size: 20px; margin-bottom: 15px;}
	.sec07 .t_select{margin: 40px auto 0; width: 40%; }
	.sec07 select{padding: 7px; height:50px; font-size: 20px; width:100%; line-height:36px; }
}
@media screen and (max-width: 640px){ /*SP*/
	.sec07 .cont02{background-size: 160%;}
	.sec07 .cont02 .inner{padding:0px 20px 40px ;}
	.sec07 .cont02 img{width: 100%; margin-bottom: 10px;}
	.sec07 .cont02 p{}
	.sec07 .t_select{padding: 15px 20px; margin:15px 0 10px;}
	.sec07 select{padding: 5px; height:46px; font-size: 18px; width:100%; line-height: 40px; margin:0 auto 0px; }
}










/*---------------クロージング----------------*/
.close{}

@media screen and (min-width:641px){ /*Pc*/
	.close {height:830px; width: 100%; text-align: center;position: relative;background-color: #e18c3c;}
	.close img{height:830px; width:auto; position: absolute; top:0px;left: 50%; transform: translate(-50%,0);}
	
}
@media screen and (max-width:640px){ /*SP*/
	.close {overflow: hidden;}
	.close img{width: 100%;}

}










/*---------------お申込みの流れ-----------------*/
.sec09{overflow:hidden;}
.sec09 .contents{width: 90%; margin: 0 auto;}

.sec09 article{position:relative;width:30%;background-color:rgba(255,255,255,1.00);filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.10)); }
.sec09 article::after{position:absolute;right:-45px;top:45%;content:'';width:30px;height:50px;background-image:url(../img/s08_ar_pc.png);background-size:contain}
.sec09 .contents p{text-align: center;}
.sec09 .mini{margin-top: 15px;}
@media screen and (min-width:641px){ /*PC*/
.sec09{padding:70px 0 60px;}
.sec09 .contents .set01{display:flex;justify-content:space-between;align-items:flex-start;}
	.sec09 article{margin:0 30px 50px;  padding:20px 25px 25px;}
}
@media screen and (max-width:640px){ /*SP*/
.sec09 .contents .inner{ margin: 0px auto; padding:0px 0 30px; width: 100%;}
.sec09 .contents .set01{width:300px;margin: 0px auto;}
.sec09 article{width:100%;margin:0 0 40px 0; padding:25px 25px 25px;}
.sec09 article::after{right:40%;top:auto;bottom:-6.66667vw;width:40px;height:5.33333vw;background-image:url(../img/s08_ar_sp.png)}
.sec09 .contents article p{ text-align: left;}
}

.sec09 article:first-child{margin-left:0}
.sec09 article:last-child{margin-right:0}
.sec09 article:last-child::after{display:none}

.sec09 .set01 h3{position: relative;color:#D78154;text-align:center;display: block; letter-spacing: 1px;}
.sec09 .set01 h3 img{position: absolute;}
.sec09 .set01 p img{margin-bottom: 10px;}
.sec09 .set01 p{color:#908075;line-height: 26px;}
.sec09 .set01 p a{color:#D78154; text-decoration: underline;}
@media screen and (min-width:641px){ /*PC*/
	.sec09 .set01 h3 img{ top:-30px; left:-10px; width:75px;}
	.sec09 .set01 h3{font-size:25px; margin:15px 0 15px;padding-bottom: 5px; text-indent:35px; border-bottom: 1px dotted #ccc;}
}
@media screen and (max-width:640px){ /*SP*/
.sec09 .set01 h3 img{position: absolute; top:-30px; left:-50px; width:65px;}
.sec09 .set01 h3{font-size:22px; margin:0px 0 10px 10px;letter-spacing:2;}
	
.sec09 .set01 p{display: block; line-height: 22px;}
.sec09 .set01 span{display: block ;overflow: hidden;width:40%;height: 100px; margin:0 0 10px 5px;float: right;}
.sec09 .set01 span img{width: auto;height: 100px; margin: 0 auto 0 -30px;}
}




/*---------------FAQ-----------------*/


.faq{overflow:hidden;}
.faq h3{position:relative;border:1px solid rgba(215,129,84,0.6);color:#908075;cursor:pointer; background-color: rgba(255,255,255,1.00);}
.faq h3.active{color:#ffffff;background-color:#D78154}
.faq h3.active::before{background-image:url(../img/faq-icon-1.png) !important}
.faq h3::before{position:absolute;left:10px;top:10px;content:'';width:19px;height:30px;background-image:url(../img/faq-icon-2.png);background-size:contain}
.faq h3 span{font-size: 12px; float: right; color: #ddd;}
.faq p{display:none;color:#908075; background-color: rgba(255,255,255,1.00)}
.faq p a{color:#E96C7D; text-decoration: underline;}
.faq p .active{display:block}
@media screen and (min-width:641px){ /*PC*/
	.faq{padding:0px 0 120px 0;}
	section.sec09 .title{padding-bottom:20px;}
	.faq h3,.faq p{width:860px;}
	.faq h3{font-size:21px; line-height:40px; padding:5px 5px 5px 40px;margin:20px auto 0px;}
	.faq p{padding:30px 40px 40px 40px;margin:0 auto 30px;}
}
@media screen and (max-width:640px){ /*SP*/
section.sec09 .title{padding-bottom:10px;}
.faq{padding:0 0 15px;}
.faq .inner{padding:0 0px 40px;}
.faq h3{font-size:15px; line-height:26px;padding:5px 10px 5px 30px;margin-top:12px;}
.faq h3::before{left:10px;top:2.13333vw;width:3.2vw;height:5.33333vw}
.faq p{padding:15px;margin-bottom:4vw}
}





/*---------------フリーダイヤル-----------------*/
section.free{ background-color:#908075;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: rgba(255,255,255,1.00)}
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 #baaf97;border-bottom:1px solid #baaf97; padding:20px 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;}
}



/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}




/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;box-shadow:none;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '<';
	font-size: 30px;
    opacity: 0.2;
}
[dir='rtl'] .slick-prev:before
{
    content: '>';
}

.slick-next
{
    right: -25px;box-shadow:none;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{font-size: 30px;
    opacity: 0.2;
    content: '>';
}
[dir='rtl'] .slick-next:before
{
    content: '<';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}
.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{ opacity: 1;}
.slick-dots li button:before
{  font-family: 'slick';   font-size: 20px; line-height: 20px;

    position: absolute;
    top: 0;  left: 0;width: 20px;
    height: 20px; content: '●';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* 沖縄　HPトップ */
.title_1{font-size: 150%; font-weight: bold;}
@media screen and (min-width:641px){ /*PC*/
	.minif{font-size:80%;}
   .mgb30{margin-bottom: 30px;}
   .keizoku{margin-bottom: 100px;}
   .keizoku_title{font-size: 25px;color: #534741;text-align: center;margin-bottom: 30px;}
   .okinawa_top{ background: url("../img/okinawa_bgimg1.png") no-repeat top right / 400px,url("../img/okinawa_bgimg2.png") no-repeat bottom left / 400px;}
	}
@media screen and (max-width:640px){
	.minif{font-size:90%;}
	.mgb30{margin-bottom: 30px;}
	.keizoku{margin-bottom: 60px;}
	.keizoku_title{font-size: 18px;color: #534741;text-align: center;margin-bottom: 30px;}
	.okinawa_top{ background: url("../img/okinawa_bgimg1.png") no-repeat top right / 200px,url("../img/okinawa_bgimg2.png") no-repeat bottom left / 200px;}
}