@charset "UTF-8";



span.mini a{text-decoration: underline;}
@media screen and (min-width:641px){ /*PC*/

}
@media screen and (max-width:640px){ /*SP*/

}
/*-----------------------------------*/
.topmsg .inner{text-align: left;}
.topmsg .flex_box02 > div{position: relative;}

@media screen and (min-width:641px){ /*PC*/
	.topmsg .eng{width:550px;}
.topmsg .flex_box02 	{flex-direction: row-reverse;}
.topmsg .flex_box02 div:last-child{width: 33%; margin:0 5% 0 0;padding: 80px 0 0;}
.topmsg .flex_box02 div p{font-size:17px; line-height: 34px;}
.topmsg .flex_box02 div:first-child{width: 62%; padding: 77px 0 0 ;margin:0;}
	.topmsg .flex_box02 .title_tate{ top:-140px;right:90px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.topmsg .inner{width: 100%; margin: 0 ;padding:60px 0 60px;}
	.topmsg .eng{width:90%; padding:20px 0 0; margin: 0 5%;  }
	.topmsg .flex_box02 div:first-child{padding: 50px 0 0 ;}
	.topmsg .flex_box02 div img{width: 94%; margin-right:6%;}
	.topmsg .flex_box02 div:last-child{width:100%; padding:20px 10% 0;}
	.topmsg .flex_box02 div p{}
	.topmsg .flex_box02 .title_tate{ top:-110px;right:12%;}
}

/*----------縦書きタイトル-------------------------*/
section .title_tate{writing-mode: vertical-rl; text-orientation: upright;color:#32281e; text-align: left;}
section .title_tate span{color: rgba(0,0,0,1.00);background-color:#FFF;}
@media screen and (min-width:641px){ /*PC*/
	section .title_tate{letter-spacing:8px;font-size:24px; line-height:38px;position: absolute;line-height:66px;font-size:28px;margin: 0; padding: 0;}
	section .title_tate span{padding: 20px 7px;line-height:90px;font-size:34px;letter-spacing: 3px;}

}
@media screen and (max-width: 640px){ /*SP*/
	section .title_tate{position: absolute; letter-spacing:1px;font-size:20px; line-height:38px;margin: 0; padding: 0;}
	section .title_tate span{padding: 10px 5px;line-height:58px;font-size:24px;letter-spacing:2px;}
	
}
/*---------------トップ：カルーセル--------------------*/

.course .carousel{vertical-align: bottom;position: relative;z-index: 2;
background: url("../img/top/carousel.jpg") repeat-x 0 0;
background-size: auto 100%;
width: 100%;
overflow: hidden;
-moz-animation: loop 800s linear infinite;
  animation: loop 800s linear infinite;
}
/*アニメーション*/
@keyframes loop {
  0% {background-position: 0 0; }
  100% {background-position: -13276px 0;}
}
@media screen and (min-width:641px){ /*PC*/
	.carousel{height:410px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.carousel{height: 250px;}
}


/*---------------着付け教室--------------------*/

.page03 .lesson .title02 .subtitle{color: rgba(0,0,0,0.3);}
.lesson .flex_box03 > div{ background: rgba(255,255,255,0.9);border-radius: 10px; position: relative;}
.lesson .flex_box03 > div h3{text-align: center;}
.lesson .flex_box03 > div p{color:rgb(138 106 109);text-align: center;}
.lesson .flex_box03 > div img{width: 35%; position: absolute; top: -30px; left: 30px;opacity: 0.5;}
.lesson .flex_box03 > div .botmini{ border: rgb(138 106 109) 1px solid; width: 90%;}
.lesson .koza div{color: rgba(255,255,255,1.00);}
	.lesson .koza > div:first-child{background:#554343; } 
	.lesson .koza > div:last-child{background-color: #896c6e;} 
.lesson .koza > div h3{border-bottom: 1px dotted rgba(255,255,255,0.4);position: relative;margin-bottom: 20px;text-align: left;}
.lesson .koza > div h3 a{color: rgba(255,255,255,1.00);}
.lesson .koza > div h3 img{position: absolute;opacity: 0.6;top:50%;right: 0%; transform: translate(0%,-50%);width:34px;filter: brightness(0) invert(1);}
@media (min-width: 641px) {
	.lesson .inner{ padding-bottom: 0; margin-bottom: 0;}
	.lesson .flex_box03{margin: 0 0 30px 0;}
	.lesson .flex_box03 > div{padding:50px 30px 40px;}
	.lesson .flex_box03 > div h3{font-size: 30px; line-height: 46px; margin-bottom:10px;}
	.lesson .flex_box03 > div .botmini{margin:30px auto 0;}

	.lesson .point{width: 75%; margin: 60px auto;}
	.lesson .lessonimg{width:100%; margin:40px auto -140px;}
	
	.lesson .koza{display:flex;justify-content: center;align-items:baseline;}
	.lesson .koza > div{width: 50%;}
	.lesson .koza > div div{width: 450px;}
	.lesson .koza > div:first-child div{margin:215px 90px 90px auto;} 
	.lesson .koza > div:last-child div{margin:215px auto 90px 90px;} 
	.lesson .koza > div h3{}
}
@media (max-width: 640px) {
	.lesson{ background:rgba(138,106,109,0.05) url("/img/top/lesson_bg_sp.webp") no-repeat top; background-size:auto 100%;}
	.lesson .flex_box03 > div{padding:40px 30px 30px;}
	.lesson .flex_box03 > div h3{font-size: 26px; line-height: 40px; margin-bottom: 0;}
	.lesson .flex_box03 > div .botmini{margin:15px auto 0;}
	
		.lesson .point{width:100%; margin:30px auto;}
	.lesson .lessonimg{width:100%; margin:0px auto -160px;}
	
	.lesson .koza > div{padding:50px 20px; }
	.lesson .koza > div:first-child div{padding:50px 0 0; }
}



/*---------------トップ：固定イメージ--------------------*/
.course .topimg{background: url("/course/img/topimg.jpg") repeat-y top center;background-attachment: fixed;}
@media (min-width: 641px) {
.course .topimg{width: 100%; height: 500px;background-size:100%; }
}
@media (max-width: 640px) {
.course .topimg{width: 100%; height: 300px; background-size:auto 100%;}
}

/*----------トップ：お客様の声------------------------*/
.top_voice .voice_flex a img.icon{position:absolute;filter:brightness(0) invert(1);}
@media screen and (min-width:641px){ /*PC*/
	.top_voice {padding: 100px 0 90px;}
	.top_voice .inner{padding: 0}
	.top_voice .eng{width:450px;}
	.top_voice .deco{width: 150px;position: absolute; left:0px; bottom:70px;}
	.top_voice .voice_flex{display: flex;text-align: center; justify-content: center;align-items:end; margin: -120px 0 -100px 0;}
	.top_voice .voice_flex a{position: relative;display: block;width: 14%; margin: 1%;}
	.top_voice .voice_flex a img.icon{right:15px;bottom: 15px; width: 35px;}
	.top_voice .voice_flex a:nth-child(1){margin-bottom: 70px; }
	.top_voice .voice_flex a:nth-child(2){margin-bottom: 0px; }
	.top_voice .voice_flex a:nth-child(3){margin-bottom: 70px; }
	.top_voice .voice_flex a:nth-child(4){margin-bottom: 200px; }
	.top_voice .voice_flex a:nth-child(5){margin-bottom: 270px; }
	.top_voice .voice_flex a:nth-child(6){margin-bottom: 200px; }
	.top_voice .voice_bot{position: relative;width:45%; margin: 0 0 0 55%;}
}
@media screen and (max-width: 640px){ /*SP*/
	.top_voice .deco{width:100px;position: absolute; right:10px; top:20px;}
	.top_voice .voice_flex{display: flex;flex-wrap: wrap; text-align: center; justify-content: center;align-items:end; margin: -40px 0 -40px 0;}
	.top_voice .voice_flex a{position: relative;display: block;width:29%; margin:2%;}
	.top_voice .voice_flex a img.icon{right:10px;bottom: 10px; width:20px;}
	.top_voice .voice_flex a:nth-child(1){margin-bottom: 0px; }
	.top_voice .voice_flex a:nth-child(2){margin-bottom: 20px; }
	.top_voice .voice_flex a:nth-child(3){margin-bottom: 40px; }
	.top_voice .voice_flex a:nth-child(4){margin-bottom: 00px; }
	.top_voice .voice_flex a:nth-child(5){margin-bottom: 20px; }
	.top_voice .voice_flex a:nth-child(6){margin-bottom: 40px; }
	
}

/*----------トップ：講師インタビュー------------------------*/
.koshiint .flex_box02 a{color:#814246; }
.koshiint .flex_box02 h3{text-align: left; position: relative;border-bottom: 1px dotted #ccc;}
.koshiint .flex_box02 h3 img{width:40px;opacity: 0.3; position: absolute; right: 0;bottom:15px;}
.koshiint .flex_box02 em{display: block; color:rgb(101 101 101);font-size: 90%;}
@media screen and (min-width:641px){ /*PC*/
	.koshiint .flex_box02 h3 {line-height: 50px; padding: 30px 0 10px; margin-bottom: 20px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.koshiint .flex_box02 h3 {padding: 20px 0 10px; }
}
/*----------トップ：ピックアップ------------------------*/
.course .pu a{display: block;position: relative;color: rgba(255,255,255,1.00);border: 1px solid rgba(0,0,0,0.1)}
.course .pu a div{background-color: rgba(0,0,0,0.6);text-align: left;position: absolute;bottom: 0; left: 0;right: 0;}
.course .pu .icon{width:10%;filter: brightness(0) invert(1);position: absolute; right: 20px; top:50%; transform: translate(-00%,-50%); }
.course .pu a em{display: block; color: rgba(255,255,255,0.6);font-size: 14px; line-height: 19px;}
@media screen and (min-width:641px){ /*PC*/
	.course .pu a{width:30%; margin:0px 0;font-size:20px;}
	.course .pu a:nth-child(2){margin:0px 5%; }
	.course .pu a div{padding: 15px 20px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.course .pu a{width:90%; margin:0px 5% 35px;font-size:18px;}
	.course .pu a div{padding: 10px 15px;}
}

/*----------トップ：お申込みの流れ------------------------*/
.process .flex_box04　{clip-path: polygon(0 0,70% 0,100% 50%,70% 100%,0 100%);}
.process .flex_box04 > div.app{background: rgba(255,255,255,1.00); color: rgba(0,0,0,1.00);position: relative;}
.process .flex_box04 .app_title{background-color:#814246;position: relative; }

.process .flex_box04 > div{color: rgba(255,255,255,0.6);}
.process .flex_box04 > div h3{text-align: center; letter-spacing: 3px;color: rgba(255,255,255,1.00);}
.process .flex_box04 > div h4{border-bottom: 1px dotted #ccc; color:#814246; }
.process p,.process p span.mini{text-align: center; color: rgba(255,255,255,1.00);}
@media screen and (min-width:641px){ /*PC*/
	.process .flex_box04 > div{padding: 30px 26px;font-size: 14px; line-height: 24px;}
	.process .flex_box04 > div h3{margin-bottom:0px; padding: 15px 0 5px;}
	.process .flex_box04 > div h4{margin-bottom:10px; padding-bottom: 6px;font-size: 148%;}
.process .flex_box04 > div.app_title::after,
.process .flex_box04 > div.app01::after,
.process .flex_box04 > div.app02::after {
  content: "";
  position: absolute;
  right: -55px;
  border-left: 20px solid rgba(255,255,255,0.3);
  border-top: 20px solid transparent;
  border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
top:63px;}
	
}
@media screen and (max-width: 640px){ /*SP*/
.process .flex_box04 > div{width: 100%; margin:0 0 40px;padding:20px;}
		.process .flex_box04 > div h3{margin-bottom:0px; padding-top: 10px;}
	.process .flex_box04 > div h4{margin-bottom:8px; padding-bottom: 6px;font-size: 128%;}
.process .flex_box04 > div.app_title::after,
.process .flex_box04 > div.app01::after,
.process .flex_box04 > div.app02::after {
  content: "";
  position: absolute;
  bottom: -50px; left: calc(50% - 10px);
  border-top: 20px solid rgba(255,255,255,0.3);
  border-bottom: 20px solid transparent;
  border-right: 20px solid transparent;
border-left: 20px solid transparent;
}	
}



/*----------------------------------*/
/*----------------------------------*/
/*
無料の訳
*/
/*----------------------------------*/
/*----------------------------------*/

/*-----------------------------------*/
.freeimg {background-image: url('/course/free/img/f_img03.jpg'); 
background-position: top center;
background-repeat: no-repeat
}
.free .lead{margin-bottom: 0;}
.free .lead .mini{padding-top: 15px; text-align: center;}
.free .flex_box02 h2{text-align: left;}
.free .title02 h3{text-align: center;}
.free .flex_box02{margin-bottom: 0;align-items: center;}

@media screen and (min-width:641px){ /*PC*/
	.freeimg {height: 500px;background-size: 100%;}
	.free .lead{padding-top: 70px;}
	.free .sec01 .flex_box02 > div:first-child{width: 55%; margin-right:8%;}
	.free .sec01 .flex_box02 > div:last-child{width: 36%;}
	.free .sec02 .flex_box02 > div:first-child{width: 36%; margin-right:8%;}
	.free .sec02 .flex_box02 > div:last-child{width: 55%;}
}
@media screen and (max-width: 640px){ /*SP*/
	.freeimg {height:270px;background-size: 170%;}
	.free .lead{padding-top: 30px;}
}

/*-------関連リンク---------*/
.r_links .flex_box02 > div {position: relative; overflow: hidden;}
.r_links a{color: rgba(255,255,255,1.00);display: block; background-color: rgba(0,0,0,1);width: 100%;}
.r_links img{opacity: 0.4}
.r_links h4{position:absolute;text-align: left; padding:0px 20px; margin-bottom: 0;top:50%; transform: translate(0%,-50%); left:0px;width: 100%;}
.r_links h4 img{position: absolute;opacity: 0.6;top:50%;right:20px; transform: translate(0%,-50%);width:34px; filter: brightness(0) invert(1);height:34px;}


/*----------------------------------*/
/*----------------------------------*/
/*
簡単着付け
*/
/*----------------------------------*/
/*----------------------------------*/

.kitsuke section{background: rgba(255,255,255,1.00);}
.kitsuke section h2.line{text-align: left;}
.kitsuke .point{background-color: rgba(232,216,216,0.3);display:flex;justify-content: center;align-content: center;align-items: center;}
.kitsuke .point img{width: 20%;float: left;}
.kitsuke .point strong{text-align: left;}

@media screen and (min-width: 641px){ /*PC*/
.kitsuke section{padding:90px; margin-bottom: 80px;}
.kitsuke section h2{padding-top:0px;}
	.kitsuke .point{padding: 30px 26%; margin: 40px 0 0 0;width:100%;}
	.kitsuke .point img{width:30%;}
}
@media screen and (max-width: 640px){ /*SP*/
.kitsuke section{padding:50px 30px 30px; margin-bottom:50px;}
.kitsuke section > img{margin-bottom: 30px;}
	.kitsuke .point{padding: 20px;}
	.kitsuke .point img{width:30%; margin-right: 15px;}
}

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

.curriculum section{background: rgba(255,255,255,1.00);}
.curriculum section h3{ color: #814246;}
.curriculum section h3 strong{display: inline-block;font-size: 70%; background-color: #814246; color: rgba(255,255,255,1.00); }
.curriculum section ul li{ border-bottom: 1px dotted #aaa;}
.curriculum section ul li:first-child{ border-top: 1px dotted #aaa;}
.curriculum .text01{display: block;text-align: center; color: rgba(133, 96, 100, 1);}
.curriculum section h3.obi{text-align: center;font-weight: bolder;}
@media screen and (min-width: 641px){ /*PC*/
.curriculum section{padding:10px 120px 90px; margin-bottom: 80px;}
.curriculum section.sec02{padding:90px 120px 30px; margin-bottom:00px;}
	.curriculum section .spec{margin-bottom: 30px;}
	.curriculum section .yt{padding-top:100px;}
	.curriculum section h2{padding-top:90px;}
	.curriculum section h3{padding: 0px 0 20px;margin-bottom: 0;}
	.curriculum section h3 strong{padding:4px 15px;line-height:24px; margin: 0 20px 0 0 ; }
	.curriculum section ul li{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 30px 0;}
	
	.curriculum section ul li img{width:20%; margin:0 5%;}
	.curriculum section ul li .set{width:65%; }
	.curriculum section.keizoku ul li .set{width:85%; }
	.curriculum .text01{padding: 50px 0 0 ;font-size: 150%;}
}
@media screen and (max-width: 640px){ /*SP*/
.curriculum section{padding:50px 30px 30px; margin-bottom:50px;}
.curriculum section img{margin-bottom: 30px;}
	.curriculum section .spec{margin-bottom: 20px;}
	.curriculum section ul li{padding: 30px 0;}
	.curriculum section h2{padding-top:30px; margin-bottom: 20px;}
	.curriculum section h3.obi{margin-top: 40px;}
	.curriculum section h3{padding: 0px 0 10px;margin-bottom: 0;}
	.curriculum section h3 strong{padding:2px 12px;line-height:20px; margin: 0 0 10px 0 ; }
	.curriculum .text01{padding: 40px 0 20px ;font-size: 140%;}
}




/*----------------------------------*/
/*----------------------------------*/
/*
講座＆販売会
*/
/*----------------------------------*/
/*----------------------------------*/

.lectures section{background: rgba(255,255,255,1.00);}
.lectures section h2.line{text-align: left;}
@media screen and (min-width: 641px){ /*PC*/
.lectures section{padding:10px 120px 90px; margin-bottom: 80px;}
.lectures section.sec02{padding:10px 120px 30px; margin-bottom:00px;}
	
	.lectures section .yt{padding-top:100px;}
	.lectures section h2{padding-top:90px;}
}
@media screen and (max-width: 640px){ /*SP*/
.lectures section{padding:50px 30px 30px; margin-bottom:50px;}
.lectures section img{margin-bottom: 30px;}
}


/*----------------------------------*/
/*----------------------------------*/
/*
充実のサポート
*/
/*----------------------------------*/
/*----------------------------------*/
.support section{background: rgba(255,255,255,1.00);}
@media screen and (min-width: 641px){ /*PC*/
.support section{padding: 90px 120px; margin-bottom: 80px;}
}
@media screen and (max-width: 640px){ /*SP*/
.support section{padding:50px 30px 30px; margin-bottom:50px;}
	.support section img{margin-bottom: 30px;}
}

	.rent_box{/*border: 5px solid rgba(0,0,0,10%);*/ background-color: rgba(0,0,0,0.04); clear: both; overflow: hidden;}
	.rent_left{display: block;text-align: center;margin: 0; background-color: #AA4357; color: #fff;}
	.rent_left b{display: block; font-size: 135%; line-height: 180%; color: #fff;}
	.rent_right p{margin-bottom: 10px;}
	.rent_right dl{border-bottom:1px solid #ccc;}
	.rent_right dl.fst{border-top:1px solid #ccc;}
	.rent_right dl dt,.rent_right dl dd{padding: 6px 0;}
	.rent_right dl dt{ background-color:#ddd;text-align: center;}
	.rent_right dl dd{text-align: left; background-color: rgba(255,255,255,1.00);}
	.rent_or{text-align: center; opacity: 0.5;color: #AA4357;}
.rent_box .pbot{border: 1px solid #AA4357; color: #AA4357; display: inline-block; padding: 6px 30px;font-size: 14px; margin: 20px auto 0;}
@media screen and (min-width: 641px){ /*PC*/
	.rent_box{padding: 40px; margin: 50px 0;display: flex;justify-content: center; align-items: stretch;}
	.rent_or{font-size: 26px;}
	.rent_left{ width: 30%;font-size: 17px;padding: 10px;display: flex;align-items: center;}
	.rent_left > div{width: 100%; }
	.rent_right{width:65%; margin-left: 5%; }
	.rent_right dl dt{width: 30%;}
	.rent_right dl dd{width: 70%; padding-left: 5%;}
	.support .center{display: block; text-align: center;}
}
@media screen and (max-width: 640px){ /*SP*/
	.rent_box{margin:0 0 40px ;}
	.rent_or{font-size: 20px;}
	.rent_left{padding: 15px 0;}
	.rent_right{padding: 20px;}
	.rent_right dl dd{padding: 6px 12px;}
}

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

/*----02卒業生ピックアップ----------------*/

section h2.toppage{color:#814246 }

section.voice{position: relative; background:url("voice/img/bg02.png") repeat top center; background-size: 100%;overflow: hidden;overflow: hidden; }

.voice .carousel {background-size: auto 100%; width: 100%; overflow: hidden;
	-moz-animation: loop 800s linear infinite; animation: loop 800s linear infinite;}
/*アニメーション*/
@keyframes loop {
	0% {background-position: 0 0; }
	100% {background-position: -13276px 0;}
}
@media screen and (min-width: 600px){ /*PC*/
	.voice .carousel{background: url(voice/img/voice02.png) repeat-x 0 0;height: 490px; background-size: auto 490px; z-index: 3;}
	.voice .img01{opacity: 1; position: absolute; bottom:-30px; right:-00px; width: 150px;}
	.voice .img02{opacity: 1;position: absolute; top:-40px; left:40px; width: 180px;}
}
@media screen and (max-width: 599px){ /*SP*/
	.voice .carousel{background: url(voice/img/voice02.png) repeat-x 0 0;height:300px;background-size: auto 300px;}
	.voice .img01{opacity: 1; position: absolute; bottom:-20px; right:-20px; width: 80px;}
	.voice .img02{opacity: 1;position: absolute; top:-40px; left:-40px; width: 120px;}
}



/*----03 体験者インデックス----------------*/

.voice_index h3{color:rgba(135,66,78,1.00);text-align: center; font-weight: bolder;}
.voice_index {overflow: hidden; }
.voice_index .box{ background-color: #eee; display: inline-block;filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));}
#slslide03,.yearindex{filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));display: flex;flex-wrap: wrap;}
.voice_index .box .text{-ms-writing-mode: tb-rl;writing-mode: vertical-rl; text-align: left;}
.voice_index a {color:#433a33; text-decoration: none;position:relative; display: block; text-align:left;}
.voice_index a:hover{opacity: 0.7;}
.voice_index a .icon{position:absolute; background-color:rgba(183,115,126,0.60); color: #fff; height: 25px; width: 25px; border-radius: 50%; opacity: 0.2;text-align: center;padding: 0;}
@media screen and (min-width: 600px){ /*PC*/
	.voice_index h3{font-size: 28px; line-height:40px;}
	.voice_index .box{ margin:1%; width:23%;height:210px;overflow: hidden;}
	.voice_index .box a{height:210px; }
	.voice_index .text{position:absolute; top:22px; left:39px; font-size:18px; line-height: 29px; z-index: 1;}
	.voice_index img{position:absolute;  top:-5px; right:0;width:90%; vertical-align: bottom;}
	.voice_index .icon{bottom:8px; left:9px;}
	.voice_index .icon span{position:absolute;display: inline-block; font-size: 18px; line-height:16px;bottom:5px; left:5px;}
}
@media screen and (max-width: 599px){ /*SP*/
	.voice_index{ margin: 0 0 0px 0;}
	.voice_index h3{font-size:20px; line-height:30px;}
	
	.voice_index .box{ margin:5px 1%; width:48%;height:170px;overflow: hidden;}
	.voice_index .box a{height:170px; }
	.voice_index .text{position:absolute; top:20px; left:20px; font-size:14px; line-height: 21px; z-index: 1;}
	.voice_index img{position:absolute;  top:-2px; right:0;width:auto;height:175px; vertical-align: bottom;}
	.voice_index .icon{bottom:8px; left:9px;}
	.voice_index .icon span{font-size: 16px; line-height: 21px;}

}

/*----年代選択----------------*/
.voice_select .inner{background-color: rgba(236,236,236,0.6); text-align:center;}
.voice_select select{font-weight: lighter;}
.voice_select label{display: block;}
@media screen and (min-width: 600px){ /*PC*/
	.voice_select{padding: 0 0 120px;}
	.voice_select label{font-size: 22px; margin-bottom: 25px;}
	.voice_select .inner{width:60%; padding:60px 0 70px;overflow: hidden;}
	.voice_select select {font-size:18px; line-height: 26px; padding:6px 10px; margin: 5px;}
}
@media screen and (max-width: 599px){ /*SP*/
	.voice_select{padding: 0 0 60px;}
	.voice_select label{font-size: 18px;margin-bottom: 15px;}
	.voice_select .inner{padding:40px 25px; margin: 15px auto;}
	.voice_select select {font-size: 16px; line-height: 22px; padding:3px 5px; width: 100%;}
}

/*----卒業生ランダムリスト----------------*/

section.list .inner img{ vertical-align: top;}
section.list .box{padding: 5px;}
@media screen and (min-width: 600px){ /*PC*/
	main article section.list .inner{padding:100px 0;}
	#slslide_a{ padding:0 0px;}
}
@media screen and (max-width: 599px){ /*SP*/
	main article section.list .inner{padding:60px 0 30px 0;}
}

.slick-slider{height:auto!important;}	
.slick-slide{height:auto!important;}
.arrow_box_sp,.arrow_box { display: flex; align-items: center; justify-content:space-between; margin: 15px 0 0; position: relative;}
.prev-arrow,.next-arrow { display: block; width: 36px;height: 36px;
  background:rgba(255,255,255,0.4);border: 1px solid rgba(133,96,100,0.6);
  border-radius: 50%; transition: all .3s ease; cursor: pointer; position:relative;}
.prev-arrow { transform: rotate(180deg); margin-right: 20px;}
.prev-arrow::before,
.next-arrow::before{ position:absolute;content: "";width:8px;height:8px; border-right: 2px solid rgba(133,96,100,0.6);  border-top: 2px solid rgba(133,96,100,0.6);top:0; bottom:0;left:0;right:0;margin:auto;transform:rotate(45deg) translate(-1.5px,1px);}

@media screen and (max-width:640px){
  .arrow_box { margin: 10px 0 0;}
}



/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/



/*----卒業生ヘッダー-------------------------------*/

.voice .mainimg {background: #eee; overflow: hidden;}
.voice .mainimg .a_main{ background-position: center top; background-repeat:  no-repeat;}
.voice .mainimg .a_main .text{ position: relative;}
.voice .mainimg .a_main h2{     color: rgb(162 85 97);font-weight: 700;text-align: left;text-shadow: 2px 2px 3px rgba(255,255,255,0.8);}
.voice .mainimg .a_main .text01{text-align: left;color:rgba(0,0,0,0.60);}
.voice .mainimg .a_main .name{text-align: left; color: rgba(0,0,0,0.50);}
@media screen and (min-width: 600px){ /*PC*/
	 .voice main article .mainimg .inner{padding: 0;}
    .voice .mainimg .a_main{margin-top:0px; background-size: 1200px;}
	.voice .mainimg .a_a_main .inner{margin-top: 20px; }
    .voice .mainimg .a_main h2{padding: 0px 0; font-size:46px; line-height:70px; margin-bottom:60px;
		/* 縦書き
 		 -webkit-writing-mode: vertical-rl;
     	 -ms-writing-mode: tb-rl;
         writing-mode: vertical-rl; */ }
	.voice .mainimg .a_main .text01{ font-size:18px; line-height:20px; margin-bottom: 30px;}
	.voice .mainimg .a_main .text{padding:120px 0 90px 170px;}
	.voice .mainimg .a_main .name{line-height: 40px; font-size:16px;}
	
	.a_main .img01{opacity: 0.6;position: absolute; bottom:-30px; right:-150px; width: 140px;}
	.a_main .img02{opacity: 0.5;position: absolute; top:-20px; left:00px; width:180px;}
	.a_main .img03{opacity: 0.6;position: absolute; bottom:220px; left:-200px; width: 110px;}
	
}
@media screen and (max-width: 599px){ /*SP*/
	.voice .mainimg .a_main{background-size: 152%;position: relative;}
	.voice .mainimg .a_main .inner{overflow: hidden; padding: 0;width: 100%;}
	.voice .mainimg .a_main h2{padding: 0px 0; font-size:21px; line-height:28px; margin-bottom: 20px;}
	
	.voice .mainimg .a_main .text01{ font-size:12px; line-height:20px; margin-bottom:15px;}
	.voice .mainimg .a_main .text{padding:50px 0 40px 20px;}
	.voice .mainimg .a_main .name{font-size: 10px; line-height:16px; padding-top: 10px;}
	
	.a_main .img01{opacity: 1; position: absolute; bottom:10px; left:-30px; width: 60px;}
	.a_main .img02{opacity: 1;position: absolute; top:-40px; left:-20px; width: 120px;}
	.a_main .img03{display: none}
	
}


/*---卒業生動画----------------*/
.a_movie{;background:rgba(181,59,44,1.00);position: relative;
/*linear-gradient(to bottom,#3c221b 0%,#623928 100%)
	linear-gradient(to bottom,rgba(202,175,140,0.5) 0%,rgba(252,242,235,0.5) 100%) 
	rgba(95,41,0,0.20) rgba(195,58,20,0.70) ,url("../img/bg02.png")*/;background:linear-gradient(to bottom, rgb(144 88 84 / 30%) 0%, rgb(210 195 196 / 40%) 100%);}

.a_movie .video {position: relative; height: 0; padding: 30px 0 56.25%; overflow: hidden;border: 12px solid rgba(255,255,255,0.45);margin: 0;}
.a_movie .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media screen and (min-width: 600px){ /*PC*/
	.a_movie .inner {padding:100px 160px; overflow: hidden;}
	.a_movie .img01{opacity: 0.6; position: absolute; bottom:-30px; right:80px; width: 150px;}
	.a_movie .img02{opacity: 0.4;position: absolute; bottom:-20px; left:-80px; width: 220px;}
}
@media screen and (max-width: 599px){ /*SP*/
	.a_movie{overflow: hidden;background-size:9%;position: relative;}
	.a_movie .inner{padding: 30px 0;}
	.a_movie .video {padding: 30px 0 45%;}
	.a_movie .img01{opacity: 0.8;position: absolute; top:-10px; right:-00px; width: 80px;}
	.a_movie .img02{opacity: 1;position: absolute; bottom:-20px; left:-20px; width: 120px;}
}

/*----卒業生コメント----------------*/

.a_comment .inner{overflow: hidden;text-align: left;}
.a_comment h3{color:#837469;}
.a_comment p{ font-weight: bold;}
.a_comment .mini{text-align: right;}
@media screen and (min-width: 600px){ /*PC*/
	.a_comment .inner{ overflow: hidden;}
	.a_comment img.spimg{display: none;}
	.a_comment img.pcimg{float: left; width: 39%; margin:0 30px 0px;}

	.a_comment h3{font-size:24px; line-height: 38px; margin:0px 0 20px 0;}
	.a_comment p{ display: block; font-size: 15px; line-height:32px; padding-bottom: 55px;}
}
@media screen and (max-width: 599px){ /*SP*/
	.a_comment .inner{ padding:20px 8% 30px 8%; }
	.a_comment img.spimg{width:100%; margin: 15px auto;}
	.a_comment img.pcimg{display: none;}
	.a_comment h3{ font-size:17px; margin:25px 0 15px; line-height: 26px;}
	.a_comment p{}
}








/*----------------------------------*/
/*----------------------------------*/
/*
講師インタビュー
*/
/*----------------------------------*/
/*----------------------------------*/

/*-------トップ　記事インデックス---------------------------*/

.teacher .top .index{text-align: left; display: flex; justify-content: flex-start; align-content:center; align-items:flex-start;flex-wrap: wrap;}
.teacher .top .index .set img{width: 100%;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.1));}
.teacher .top .index .set h3{ margin-bottom: 5px;color:#AA4357; text-align: left;}
.teacher .top .index .set a,.index .set a:hover{color: rgba(0,0,0,0.85);}
.teacher .top .index .set .ele{margin: 10px 0;}
.teacher .top .index .set .ele .icon{font-size: 12px; line-height: 12px; padding:4px 6px; color: rgba(255,255,255,1.00); background-color: rgba(170,67,87,0.5); display: inline-block; margin: 0px 8px 0 0; }
.teacher .top .index .set .ele .name{display: inline-block;}
@media screen and (min-width: 641px){ /*PC*/
.teacher .top .index .set{width:28%; margin:0 2.5% 35px;}
.teacher .top .index .set h3{font-size: 1.3em;line-height: 1.6em;}
.teacher .top .index .set p{font-size: 1.1em; line-height: 1.6em;}
}
@media screen and (max-width: 640px){ /*SP*/
.teacher .top .index .set{width:90%; margin:0 auto 40px;}
.teacher .top .index .set h3{font-size: 1.3em;line-height: 1.6em;}
.teacher .top .index .set p{font-size: 1em; line-height: 1.5em;}
}

/*----ページネーション-------------------------------*/
				
.teacher .top .futnav{color:#777;text-align: center;}
.teacher .top .futnav a{text-decoration: none;}
.teacher .top .futnav .all,
.teacher .top .futnav .prev,
.teacher .top .futnav .pagen,
.teacher .top .futnav .next{display: inline-block;}
.teacher .top .futnav span{display: inline-block;border: 1px solid rgba(170,67,87,0.1); background-color: #fff;color:#777;}
.teacher .top .futnav .pagen a{display: inline-block;border: 1px solid rgba(170,67,87,0.8); background-color: rgba(170,67,87,0.1);color:rgba(170,67,87,1);}
.teacher .top .futnav .pagen a span{display: inline-block;color:rgba(170,67,87,1);}
.teacher .top .futnav a{color:rgba(170,67,87,1);}
.teacher .top .futnav a span.lsf-icon{color:rgba(170,67,87,0.7); font-size: 80%; margin:0 6px; border: none;}
@media screen and (min-width: 641px){ /*PC*/
	.teacher .top .futnav {margin-top: 10px; line-height: 18px;}
	.teacher .top .futnav .pagen a,.teacher .top .futnav .pagen span{padding:8px;margin: 3px;}
}
@media screen and (max-width:599px){ /*SP*/
	.teacher .top .futnav .all{display:block; margin-bottom: 10px;}
	.teacher .top .futnav {margin-bottom:25px; line-height: 18px;}
	.teacher .top .futnav .pagen a,.teacher .top .futnav .pagen span{padding:7px 12px;margin:3px 5px;}
}



/*-------コンテンツページ ヘッダー---------------------------*/

.t_title{background-color:rgba(185,164,139,0.15);overflow: hidden}
.t_title .inner{position: sticky;}
.t_title .deco01,.t_title .deco02,.t_title .deco03{position: absolute;opacity: 0.6;}
.t_title .textbox *{text-align: left;position: relative;}
.t_title .kphoto{filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.1));}
.teacher .intv .t_title .textbox h2,.teacher .intv .t_title .textbox h2 span{font-weight: 600; border: none;color:rgb(198,102,116); margin: 0 0 0px 0; padding: 0;width: 100%;text-align: left; letter-spacing: 1px;}
.t_title .textbox p{display: block;}
.t_title .textbox .name{color: rgba(108,84,77,1.00); font-weight: 600}
.t_title .textbox .name em{ background-color: rgba(108,84,77,0.8);color: rgba(255,255,255,1.00);font-weight: 600}
@media screen and (min-width: 641px){ /*PC*/
	.teacher .intv .t_title .inner{padding:100px 0 100px 60px;}
	.t_title .kphoto{width:38%;position: absolute; top:70px;right:50px;}
	.t_title .deco01{top:10px; left: -10px;width: 160px;}
	.t_title .deco02{top:290px; left:-100px;width: 100px;}
	.t_title .deco03{bottom:20px; right:-50px;width: 150px;}
	.t_title .textbox{width: 61%; position: relative; z-index: 10;}
	.teacher .intv .t_title .textbox h2,.teacher .intv .t_title .textbox h2 span{font-size:42px; line-height:76px; }
	.t_title .textbox h2 span{display: block;}
	.t_title .textbox .name{font-size: 22px; letter-spacing: 2px; margin: 60px 0 30px;}
	.t_title .textbox .name em{font-size:16px; line-height: 16px; padding: 2px 15px; margin-right: 15px;}
	.t_title .textbox p{width:80%;font-size:16px; line-height:32px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.teacher .intv .t_title .inner{padding:50px 20px ;}
	.t_title .kphoto{width:100%; margin-top: 30px;}
	.t_title .deco01{top:-30px; left: -20px;width: 120px;}
	.t_title .deco02{top:80px; right:-10px;width: 80px;}
	.t_title .deco03{bottom:-30px; right:-50px;width: 150px;}
	.t_title .textbox{width: 100%;}
	.teacher .intv .t_title .textbox h2,.teacher .intv .t_title .textbox h2 span{font-size:26px; line-height:43px; }
	.teacher .intv .t_title .textbox h2 span{display: inline;}
	.t_title .textbox .name{ margin: 40px 0 20px;font-size: 110%;}
	.t_title .textbox .name em{font-size:12px; line-height: 18px; padding: 2px 5px; margin-right: 15px;}
	.t_title .textbox p{width:100%;}
}


/*-------　コンテンツページ　ページ内　---------------------------*/

.teacher .intv .text { text-align: left; letter-spacing: 1px;}
.teacher .intv .text span{border-bottom:  1px dotted #ccc; font-weight:500; color: #333;}
.teacher .intv .subphoto{position: relative;}
.teacher .intv .subphoto img{filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.1));}
.teacher .intv .subphoto .deco04,
.teacher .intv .subphoto .deco05{position: absolute;opacity: 0.7;}
.teacher .intv .a_movie .video{border:11px solid rgba(0,0,0,0.1);margin-bottom: 0;}
@media screen and (min-width: 641px){ /*PC*/
	.teacher .intv .text { width: 77%; margin: 0 auto; padding: 20px 0 0 0;}
	.teacher .intv .text span{line-height:50px; font-size:18px;}
	.teacher .intv .subphoto{ margin: 80px 0 0px;}
	.teacher .intv .subphoto .deco04{top:-80px; right: -50px;width: 160px;}
	.teacher .intv .subphoto .deco05{bottom:-50px; left:-0px;width: 110px;}
	.teacher .intv .subphoto img{position: relative;width:90%;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.1));}	
	.teacher .intv .linkbot .inner{padding:50px 150px; display: flex;}
	.teacher .intv .a_movie .inner {padding:110px 160px;}
	.teacher .botmini span.material-icons{right:auto;left: 20px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.teacher .intv{overflow: hidden;}
	.teacher .intv .text span{line-height: 38px; font-size: 16px;}
	.teacher .intv .subphoto img{width: 100%; margin: 50px 0 0px;}
	.teacher .intv .subphoto .deco04{top:-40px; right: -50px;width: 140px;}
	.teacher .intv .subphoto .deco05{bottom:-30px; left:-30px;width: 90px;}
	
	.teacher .intv .linkbot .inner{padding:50px 0px;}
	.teacher .intv .a_movie .inner{padding:60px 0;}
	.teacher .botmini span.material-icons{right:auto;left: 10px;}
}


/*----------------------------------*/
/*----------------------------------*/
/*
作り手からのメッセージ
*/
/*----------------------------------*/
/*----------------------------------*/
.maker section{background-color: rgba(255,255,255,1.00);}
	.maker main .comment section h2{text-align: left; margin-bottom: 20px; color: #814246;letter-spacing: 0;}
	.maker main .comment section h5{text-align: left; color:#666; }
	.maker main .comment section p{padding: 0;}
@media screen and (min-width:641px){ /*PC*/
	.maker section{padding:90px 120px; margin-bottom: 50px;}
	.maker main .comment section .botmini{margin: 60px auto 0;}
}
@media screen and (max-width: 640px){ /*SP*/
	.maker section{padding:45px 35px; margin-bottom: 30px;}
	.maker .comment section img{width:100%; margin: 0 auto 20px;}
	.maker main .comment section h2{font-size: 21px;line-height: 36px; padding-bottom: 16px;}
	.maker main .comment section .botmini{width: 80%; margin: 30px auto 0;}
}
	.maker .comment section:last-child{margin-bottom: 0;}


/*----------------------------------*/
/*----------------------------------*/
/*
着付け小物
*/
/*----------------------------------*/
/*----------------------------------*/

.komono .lead > div{border: 1px solid #fff;background-color: rgba(255,255,255,0.45); padding: 30px; margin-bottom: 20px;font-size: 120%;}
.komono section{background-color: rgba(255,255,255,1.00);}
.komono section ul *{text-align: center;}
.komono section ul img{width: 100%;}

.komono ul.pset01 li{padding: 10px;}
.komono ul.pset01 .photo{display: flex; justify-content: center; align-content: center;}
.komono ul.pset01 .photo img{width: 28%; margin: 2.5%;}
@media screen and (min-width: 641px){ /*PC*/
	.komono section{padding:80px;}
	.komono h4{margin:15px auto 5px;}
	.komono ul.pset01{display: flex; justify-content: center; align-content: center;}
	.komono ul.pset01 li:nth-child(1){width:37%;}
	.komono ul.pset01 li:nth-child(2){width:63%;}
	.komono ul.pset01 img.srip{width:180px; margin-bottom:25px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.komono section{padding:30px;}
	.komono ul.pset01 li{display: block;}
	.komono ul.pset01 li:nth-child(2){padding: 20px 0;}
	.komono ul.pset01 img.srip{width:200px; margin-bottom:30px;}
	.komono ul.pset01 li p{display: block;line-height: 20px;}
}


.komono ul.pset02 li:nth-child(2){border: 1px dotted rgba(148,114,155,0.8); padding-bottom: 15px;}
.komono .pset02 p{display: block; color: rgba(148,114,155,1.00);text-align: center; padding-bottom: 5px;}
@media screen and (min-width: 641px){ /*PC*/
	.komono ul.pset02{display: flex; justify-content: center; align-content: center; padding: 50px 0; }
	.komono ul.pset02 li{width:43.5%;}
	.komono ul.pset02 .set01,
	.komono ul.pset02 .set02{width: 195px; padding: 10px;display: inline-block;}
}
@media screen and (max-width: 640px){ /*SP*/
	.komono ul.pset02{display: block; padding: 20px 0 30px; }
	.komono ul.pset02 li{display: block; padding-bottom: 20px;}
	.komono ul.pset02 .set01,
	.komono ul.pset02 .set02{width:48%; padding: 10px;display: inline-block;}
}
	

.komono section h4{margin:20px 0 15px;}
.komono .end_text{border: 1px solid rgba(148,114,155,1.00); color:rgba(148,114,155,1.00); padding: 30px;font-size: 120%;line-height:32px;}
@media screen and (min-width: 641px){ /*PC*/
	.komono ul.pset03{display: flex; justify-content: center; align-content: center;margin-bottom:90px;}
	.komono ul.pset03 li{padding: 10px;width:206px;display: inline-block; margin: 3px;}
	.komono .end_text{width: 90%; margin: 20px auto;}
}
@media screen and (max-width: 640px){ /*SP*/
	.komono ul.pset03{display:block;margin-bottom:50px;}
	.komono ul.pset03 li{padding: 10px;width:48%;display: inline-block;}
}	
	


/*----------------------------------*/
/*----------------------------------*/
/*
きもの美人診断
*/
/*----------------------------------*/
/*----------------------------------*/

/*------------きもの美人診断--------------*/

.bijin img.fl_top{vertical-align: bottom;}
.bijin img.fl_botm{vertical-align:top;transform: rotate( 180deg );}
@media screen and (min-width:641px){ /*PC*/
	.bijin img.fl_top,img.fl_botm{width:100%; margin: -1px auto;}
}
@media screen and (max-width:640px){ /*SP*/
	.bijin .b_cont{margin: -1px auto;}
}
.bijin * {font-family: 'Zen Old Mincho',sans-serif !important;font-weight: bold;text-align: center;}

.bijin .b_inner{position: relative;}
.bijin .b_cont{background-color:#53bfbe; color: #fff; margin: -1px auto;}
.bijin hr {border: none; border-top:  1px dotted #fff;}
.bijin img.t_deco{position: absolute; left:0px; top:0px;}
@media screen and (min-width: 641px){ /*PC*/
	.bijin .b_inner{width:880px; padding: 0 0 10px; margin: 0 auto;}
	.bijin hr { margin: 50px 0;}
	.bijin .sub_title{font-size: 24px; padding-top: 60px;}
	.bijin img.title{width: 60%; margin: 30px auto 30px; height: auto; padding: 0;}
	.bijin img.t_deco{width:35%;}
	    
}
@media screen and (max-width: 640px){ /*SP*/
	.bijin {padding:0px 0;}
	.bijin p{padding-bottom: 0!important;}
	.bijin .b_inner{padding:30px 20px;}
	.bijin hr { margin: 30px 0;}
	.bijin .sub_title{font-size:17px; padding-top: 40px;}
	.bijin img.title{width:90%; margin:15px auto 15px; height: auto; padding: 0;}
	.bijin img.t_deco{width:50%;}
}



.bijin ul.typeimg{display: flex; align-content: center;justify-content: center;}
.bijin ul.typeimg li{position: relative;}
.bijin ul.typeimg li img{;border-radius:6px;border: double 4px rgba(255,255,255,0.5); }
.bijin ul.typeimg li .icon{ color: #493127; position: absolute;}
.bijin ul.typeimg li .icon b{ color: #493127; display: inline;}
@media screen and (min-width: 641px){ /*PC*/
.bijin ul.typeimg{margin:10px auto 30px auto;width:100%;}
.bijin ul.typeimg li img{width: 94%; margin:10px 4% 0 4%;}
.bijin ul.typeimg li .icon{ font-size:24px; top:0px; left:20px;}
.bijin ul.typeimg li .icon b{font-size: 38px;}
}
@media screen and (max-width: 640px){ /*SP*/
.bijin ul.typeimg{margin:0px auto 20px auto;width:100%; flex-wrap: wrap;}
.bijin ul.typeimg li{width: 50%; padding: 2%;}
.bijin ul.typeimg li img{width: 84%; margin:10px 6% 0 6%;}
.bijin ul.typeimg li .icon{ font-size:15px;top:0px; left:16px;}
.bijin ul.typeimg li .icon b{font-size: 29px;}
}	
	
.bijin .start_bot{ background-color:#fffddc;  color: rgba(83,191,190,1);margin: 0 auto;}
.bijin .choose{display: none;}
.bijin .choose h4{color: rgba(255,255,255,1.00);display: block;text-align: center;border: none;}
.bijin .choose h4 b{display:inline-block; background-color:rgba(255,255,255,0.3); color:#13918b;border-radius:6px; }
.bijin .choose ul{}
.bijin .choose ul li{user-select: none;display: block; background-color:#fffddc;  color: #493127; border-radius:60px; cursor: pointer;}
.bijin .start_bot span,.bijin .choose ul li span{font-size: 60%; color: rgba(83,191,190,0.50)}
.bijin .start_bot:hover,.bijin .choose ul li:hover{opacity: 0.7;}
@media screen and (min-width: 641px){ /*PC*/
	.bijin .start_bot{font-size:36px;padding:30px; width:40%; border-radius:80px; }
	.bijin .choose h4{font-size:32px; margin:70px auto 20px;}
	.bijin .choose h4 b{ width: 80px;font-size:22px; padding:5px 10px; margin-right: 15px; }
	.bijin .choose ul{display: flex; align-content: center;justify-content: center; width: 90%;margin: 0 auto;}
	.bijin .choose ul li{font-size: 24px;width: 45%; margin: 3%; padding:25px 0;}
}
@media screen and (max-width: 640px){ /*SP*/
	.bijin .start_bot{font-size:26px;padding:15px; width:80%; border-radius:50px; }
	.bijin .choose h4{font-size:22px; margin:30px auto 25px;}
	.bijin .choose h4 b{ width: 45px;font-size:18px; line-height: 18px; padding:5px 0px; margin-right: 15px; }
	.bijin .choose ul{ width: 90%;margin: 0 auto;}
	.bijin .choose ul li{font-size: 20px;width: 100%; margin:0 0 15px 0; padding:10px 0;}
}


.bijin .ans .cont00{overflow: hidden;}
.bijin .ans .set{user-select: none;background-color:#2ba3a0; }
.bijin .ans .cont00 .set01{position: relative;}
.bijin .ans .cont00 .set01 .icon{ background-color:rgba(255,252,229,1.00); color:#2ba3a0 ;display: inline-block;}
.bijin .ans .cont00 .set01 .icon b{ color:#2ba3a0 ;display: inline;}
.bijin .ans .cont00 .set01 .t_name{ border-bottom:  1px dotted #fff; color: #fffcb5; }
.bijin .ans .cont00 .set01 h4{text-align: left;color: rgba(255,255,255,1.00);text-align: center;border: none;}
.bijin .ans .cont00 .set02 {position: relative;}
.bijin .ans .cont00 .set02 .deco01{position: absolute; right: 0;top:0;width: 30%;}
.bijin .ans .cont00 .set02 .deco02{position: absolute; left:0;bottom: 0;width: 40%;}
.bijin .ans .cont00 .set03 p{display: block; text-align: center;position: relative; z-index: 1; opacity: 0.7;}
.bijin .ans .cont00 .set03{position: relative; text-align: center; padding:0 0 30px 0;}
.bijin .ans .cont00 .triangle {position: absolute;top:0px;width: 0; left: 50%;transform: translate(-50%, 0%);height: 0; border-style: solid; border-right: 80px solid transparent;  border-left: 80px solid transparent;border-top: 60px solid #2ba3a0; border-bottom: 0;
}
@media screen and (min-width: 641px){ /*PC*/
	.bijin .ans .set{padding:50px;display: flex;border-radius:30px;}
	.bijin .ans .cont00{width:100%; margin: 0 auto;}
	.bijin .ans .cont00 .set01{width:60%; padding-right:40px;}
	.bijin .ans .cont00 .set02{width:40%;}
	.bijin .ans .cont00 .set01 .icon{padding:6px 15px 12px 15px; line-height:25px; font-size:25px; margin:0 0 20px;}
	.bijin .ans .cont00 .set01 .t_name{font-size: 38px; line-height:50px;padding-bottom: 30px;}
	.bijin .ans .cont00 .set01 h4{font-size: 25px; line-height:42px;padding:25px 0 0; margin: 0;}
	.bijin .ans .cont00 .set02 img.kao{ width: 100%;}
	.bijin .ans .cont00 .set03 p{font-size: 21px; line-height: 45px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.bijin .ans .set{padding:30px 20px 20px;border-radius:20px;}
	.bijin .ans .cont00 .set01 .icon{padding:6px 15px 12px 15px; line-height:22px; font-size:22px; margin-bottom: 8px;}
	.bijin .ans .cont00 .set01 .t_name{font-size:28px; line-height:40px;padding-bottom: 20px;}
	.bijin .ans .cont00 .set01 h4{font-size:18px; line-height:30px;padding:15px 0 20px; margin: 0;}
	.bijin .ans .cont00 .set02 img.kao{ width:90%; margin: 0 auto;}
	.bijin .ans .cont00 .set03 p{font-size:20px; line-height: 50px; padding-top: 10px;}
}

.bijin .ans .cont01{overflow: hidden;  border-radius: 10px;border: double 4px rgba(255,255,255,0.5); background-color: #fff;user-select: none;}
.bijin .ans .cont01 .set01{position: relative;}
.bijin .ans .cont01 .set02 h3{color:#26bebc;/*text-align: left;  -ms-writing-mode: tb-rl; writing-mode: vertical-rl;display:inline-block; z-index: 1; */border-top: 1px dotted #53bfbe;border-bottom: 1px dotted #53bfbe;text-align: center; }
.bijin .ans .cont01 .set02 h3 b{display: block;color:#26bebc;}
.bijin .cont01 .set02 p{text-align: left;}
.bijin .ans .cont01 .set01 img{ width: 100%;display: block;}

.bijin .ans .cont01 .set02{position: relative;}
.bijin .ans .cont01 .set02 p{text-align: left;color: #493127;}
.bijin .ans .cont01 .advice{color:#26bebc; text-align: center;}
@media screen and (min-width: 641px){ /*PC*/
	.bijin .ans .cont01{display: flex;align-items: center;justify-content: center; margin: 0px 0 0px;padding:30px; }
	.bijin .ans .cont01 .set01{ width: 45%;}
	.bijin .ans .cont01 .set01 img{margin:0px 0 0 0;}
	.bijin .ans .cont01 .set02 h3{font-size:22px;padding: 25px 0; margin: 25px 0;}
	.bijin .ans .cont01 .set02 h3 b{font-size:36px; line-height:54px;}
	.bijin .ans .cont01 .set02{ width:55%;padding: 0 20px 0 0px;}
	.bijin .ans .cont01 .set02 .key{ width:55%; margin:15px auto 25px;}
	.bijin .ans .cont01 .advice{font-size: 24px; line-height: 38px; padding: 20px 0;}
	.bijin .ans .cont01 .set02 p{line-height: 28px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.bijin .ans .cont01 {padding:20px;}
	.bijin .ans .cont01 .set02 h3{font-size:19px;padding:15px 0; margin:5px 0 25px 0;}
	.bijin .ans .cont01 .set02 h3 b{font-size:28px; line-height:44px; }
	.bijin .ans .cont01 .set02{ padding: 20px 0;}
	.bijin .ans .cont01 .set02 .key{ width:60%; margin:0px auto 15px;}
	.bijin .ans .cont01 .advice{margin-top: 10px; font-size:16px; line-height:26px;}
}

.bijin ul.typeindex{display: flex; align-content: center;justify-content: center;}
.bijin ul.typeindex li{position: relative;width: 25%;}
.bijin ul.typeindex li a{opacity:0.4;}
.bijin ul.typeindex li a.active {opacity: 1;} 
.bijin ul.typeindex li .icon{ color: #493127; position: absolute;}
.bijin ul.typeindex li .icon b{color: #493127; display: inline;}
.bijin ul.typeindex li img{width: 100%; }
.bijin ul.typeindex li .t_name{color: rgba(255,255,255,1.00);}
	.bijin ul.typeindex li .t_name b{color: rgba(255,255,255,1.00);  display: inline;}
.bijin .retry{user-select: none;border: 1px solid #fff; color: rgba(255,255,255,1.00);}
@media screen and (min-width: 641px){ /*PC*/
	.bijin ul.typeindex{ margin:50px auto; width:100%;}
	.bijin ul.typeindex li{padding: 0 20px;}
	.bijin ul.typeindex li .icon{ font-size:24px; top:0px; left: 30px;}
	.bijin ul.typeindex li .icon b{font-size:36px; line-height:36px;}
	.bijin ul.typeindex li img{margin:20px 0 10px;}
	.bijin ul.typeindex li .t_name{line-height: 20px;}
	.bijin ul.typeindex li .t_name b{font-size: 32px;line-height: 40px;}
	.bijin .retry{width: 300px;margin: 30px auto; padding: 5px 10px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.bijin ul.typeindex{ margin:0px 0 25px ;}
	.bijin ul.typeindex li{ padding: 0 5px;}
	.bijin ul.typeindex li .icon{ font-size:13px;top:0px; left:10px;}
	.bijin ul.typeindex li .icon b{font-size: 24px; line-height: 24px;}
	.bijin ul.typeindex li img{margin:15px 0 5px;}
	.bijin ul.typeindex li .t_name{line-height:18px;}
	.bijin ul.typeindex li .t_name b{font-size:18px;line-height:18px;}
	.bijin .retry{width:60%;margin: 10px auto; padding: 5px 10px;}
}

	
.bijin a.cta{background-color: rgb(255 247 176);color:#385e5e;display: inline-block;border-radius: 50px;}	
@media screen and (min-width: 641px){ /*PC*/
	.bijin a.cta{padding: 30px 40px; width: 60%; margin:20px auto;font-size: 22px;}
}
@media screen and (max-width: 640px){ /*SP*/
.bijin a.cta{padding: 20px 0px; width:90%; margin:20px auto;font-size: 17px;}
}