@charset "UTF-8";


@media screen and (min-width:641px){ /*PC*/

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

}
/*---------------------------------------------*/
/*----ガイドトップページ-------------------------------*/
/*---------------------------------------------*/

.class_info{}
/*--全国の地図-------------*/
.searchmap{padding:0px 0;background: url("img/japan.svg") no-repeat top right;overflow: hidden;}
.searchmap .botbox{}
.searchmap .botbox a{text-decoration: none; color:rgba(0,0,0,0.8);display: block;width: 100%; background-color: rgba(255,255,255,0.7); border-bottom: 5px solid; border-image: linear-gradient(to right, #814246 0%, rgba(133, 96, 100, 0.30) 100%);border-image-slice: 1;letter-spacing: 4px;}
.searchmap .botbox a span{font-size: 80%; opacity: 0.4;}
.searchmap .block{width: 100%; display: flex;flex-wrap: wrap; }
.searchmap .block .blocktitle{background:linear-gradient(to right, #814246 0%, rgba(133, 96, 100, 0.80) 100%);color: #fff; }
.searchmap .block > div{ display: inline-block;border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
@media screen and (min-width: 641px){ 
.searchmap .botbox{ width: 68%;margin: 0 24% 0 0;}
.searchmap .block{margin-bottom: 50px;}
.searchmap .block > div{width: 25%;font-size: 20px;line-height: 36px;padding: 0; margin: 0;}
.searchmap .block .blocktitle{padding:10px 0px; }
.searchmap .block a{padding:10px 0px 10px 10px; }
.searchmap .block > div:nth-child(1),
.searchmap .block > div:nth-child(5),
.searchmap .block > div:nth-child(9){border-left: 1px solid #ccc;}
}
@media screen and (max-width:599px){
.searchmap {background-position: top center;background-size: 100%; margin-top:0px;padding:360px 20px 0;}
.searchmap .block{margin-bottom:30px;}
.searchmap .block > div{width:50%;font-size: 16px;line-height: 30px;padding: 0; margin: 0;}
.searchmap .block .blocktitle{padding:10px 0px; }
.searchmap .block a{padding:10px 0px 10px 10px; }
.searchmap .block > div:nth-child(odd){border-left: 1px solid #ccc;}
}


.step .set h3{text-align: center; color:#876266;font-size: 120%;letter-spacing: 2px}
.step .set h3 img{margin-right: 10px;vertical-align:bottom;}
.step .ele{background-color: #fff; border-radius: 16px;overflow: hidden;}
.step .ele span{display: block; text-align: left;}
@media screen and (min-width:641px){ /*PC*/
	.step .ele span{padding: 20px 34px;}
	.step .set h3 img{width:54px;}
	.step .set h3{font-size:30px; margin-bottom: 10px;}
}
@media screen and (max-width:640px){ /*SP*/
	.step .ele span{padding:15px 30px;}
	.step .set h3 img{width:48px;}
	.step .set h3{font-size:26px; margin-bottom: 10px;}
	.step .text{padding-top: 10px;}
}


.guide .select label{display: block;color: #814246;}
.guide .topimg{background: url("img/topimg.jpg") repeat-y top center;background-attachment: fixed;}
@media (min-width: 641px) {
.guide .topimg{width: 100%; height: 500px;background-size:100%; }
.guide .select .lead{margin-bottom: 80px;}
	.guide .select label{padding-bottom: 30px;}
}
@media (max-width: 640px) {
.guide .topimg{width: 100%; height: 300px; background-size:auto 100%;}
.guide .select .lead{margin-bottom: 30px;}
	.guide .select label{padding-bottom: 5px;}
}


/*---------------------------------------------*/
/*----局紹介ページ-------------------------------*/
/*---------------------------------------------*/
@media screen and (min-width:641px){ /*PC*/
.office #google_map{width: 100%; height: 360px;}
}
@media screen and (max-width: 640px){ /*SP*/
.office #google_map{width: 100%; height: 280px;}
}

/*-----局上部-------------*/

.office_info .bg{background:url("../img/common/bg_w_pk.webp") repeat top left;}
.office_info .left h2{display: block;}
.office_info .left .tel a{display: block; color:#814246;}
@media screen and (min-width: 641px){ /*PC*/
	.office_info .bg .inner{height:570px;}
	.office_info .set{position: absolute; top:-150px; display: flex; align-content: center; align-items: flex-start;flex-direction: row-reverse;}
	.office_info .set img{width:100%;filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.10));}
	.office_info .right{width: 48.5%;}
	.office_info .left{text-align: left; width: 48.5%; margin-right: 3%}
	.office_info .left img{width: 47%;}
	.office_info .left img:first-child{margin-right: 3%;}
	.office_info .left .text{padding:90px 0 0 0;}
	.office_info .left h2{font-size: 26px; line-height: 34px; margin-bottom: 15px;}
	.office_info .left .tel a span,
	.office_info .left .tel a{ font-size:60px; line-height:60px; margin-top:15px;}
	
}
@media screen and (max-width: 640px){ /*SP*/
	main .office_info  div.lead{margin-bottom: 0;}
	.office_info .bg .inner{padding: 50px 0 90px;}
	.office_info .set img{filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.10));}
	.office_info .right{margin-bottom: 15px;}
	.office_info .left img{width: 48%;}
	.office_info .left img:first-child{margin-right: 2%;}
	.office_info .left .text{padding:60px 0 0 0;}
	.office_info .left h2{font-size: 22px; line-height: 30px; margin-bottom: 15px;}
	.office_info .left address{text-align: center;}
	.office_info .left .tel a{text-align: center; font-size:34px; line-height:36px; margin-top:20px;}
}
.office_info .left .tel a span{font-size: 80%; opacity: 0.4;}

/*----講師一覧-------------------------------*/

.teachers_info{background:url("../img/common/bg_k_yel.webp") repeat top left; }
	.teachers_info h3{color:rgba(53,128,111,1);}
	.teachers_info h3 span{color:rgba(53,128,111,0.3);}
	.teachers_info .box{display: inline-block;border-radius: 0 8px; background-color: rgba(255,255,255,1.00); overflow: hidden;position: relative;filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.06)); vertical-align: top;border: 1px solid rgba(0,0,0,0.03);}
	.teachers_info .box .name{position: absolute;
	-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; letter-spacing:5px;display:block; padding: 10px 0 0 0; border-top: 3px solid;border-image: linear-gradient(to right, rgba(191,161,163,0.30) 0%, rgba(133,96,100,0.30) 100%);border-image-slice: 1;}
	.teachers_info .box .name span.lsf-icon{display:inline-block; font-size: 80%; margin-bottom: 10px; color:rgba(53,128,111,1.00);transform: rotate(-45deg ); margin: 0;}
	.teachers_info .box p{display: inline-block; text-align: left;}

@media screen and (min-width: 641px){

	.teachers_info .box {width:220px; margin:0 10px 20px 10px;}
	.teachers_info .box .name{font-size:18px; top:15px;left:18px;line-height: 20px;}
	.teachers_info .box p{ padding:23px;font-size:14px; line-height: 27px;}
}
@media screen and (max-width: 640px){
	.teachers_info .inner{width: 100%}
	.teachers_info .box {width: 220px; margin:0 10px 20px 10px;}
	.teachers_info .box .name{font-size:18px; top:17px;left:17px; }
	.teachers_info .box p{ padding:18px;font-size:14px; line-height: 26px;}
}
main .teachers_info p.mini{text-align: right; padding:0 10px 10px;}


.slick-slider{height:auto!important;}	
.slick-slide{height:auto!important;}

.arrow_box { display: flex; align-items: center; justify-content: flex-end; margin: 15px 0 0; position: relative;}

.prev-arrow,
.next-arrow { display: block;
  width: 50px;
  height: 50px;
  background:rgba(255,255,255,0.4);border: 1px solid rgba(133,96,100,1.00);
  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:10px;height:10px; border-right: 2px solid #856064;  border-top: 2px solid #856064;top:0; bottom:0;left:0;right:0;margin:auto;transform:rotate(45deg) translate(-3px,2px);}

@media screen and (max-width:640px){
  .arrow_box { margin: 10px 0 0; justify-content: center;}
  .prev-arrow, .next-arrow { width: 45px; height: 45px; }
}

/* 中央寄せ用のスタイル */
.is-center-aligned {
  display: flex;
  justify-content: center;
}



/*----スタッフ一覧-------------------------------*/

.staff_info{text-align: center; }

.staff_info .slistIndex{ display: inline-block; position: relative;text-align: center;vertical-align: top;}
.staff_info .slistIndex a{ text-decoration: none;}
.staff_info .slistIndex .name{color:rgba(255,255,255,1);}
.staff_info h3{color:rgba(183,91,108,1);}
.staff_info h3 span{color:rgba(183,91,108,0.2);}
/*
.staff_info h3{background-color:rgba(183,91,108,1); color: rgba(255,255,255,1.00); display: inline-block; vertical-align: top;border: 1px solid rgba(183,91,108,0.5); overflow: hidden; border-radius: 50px; height: 100px; width: 100px; text-align: center;margin:00px auto 0px; padding: 25px 0 0 0 ;font-size: 11px; line-height: 16px; letter-spacing: 0;}
.staff_info h3 b{color: rgba(255,255,255,0.5);font-size: 18px;line-height:24px;}
*/
.staff_info h4{background-color:rgba(183,91,108,1); color: rgba(255,255,255,1.00); display: inline-block;}
.staff_info p.mini{text-align: center;padding: 20px 0 0;color: rgba(255,255,255,1.00);}
@media screen and (min-width: 600px){ /*PC*/
	
	.staff_info .slistIndex{ width: 12%; padding:0%; margin:1%;}
	.staff_info .slistIndex .name{ margin: 0; padding: 0px; font-size: 11px; line-height: 18px; letter-spacing: 0px; }
	.staff_info h4{margin: 20px auto; padding: 4px 20px; border-radius: 14px;font-size: 14px; line-height: 20px;}
	.staff_info .photo{border: 1px solid rgba(180,180,180,0.5); overflow: hidden; border-radius: 50px; height: 100px; width: 100px; text-align: center;margin: 0 auto 5px;}
	.staff_info .photo img{width: 100%;}
	.staff_info .cont{margin-bottom: 20px;}
	.staff_info .title02 .mini{text-align: left;}
	.stafflist{margin: -230px 0 0 0; padding: 0 0 0 350px;text-align: left}
	
}
@media screen and (max-width: 599px){ /*SP*/
	.staff_info .slistIndex{ width:115px; padding: 3%;}
	.staff_info h4{margin: 20px auto; padding: 4px 20px; border-radius: 14px;font-size: 14px; line-height: 20px;}
	.staff_info .photo{border: 1px solid rgba(183,91,108,0.5); overflow: hidden; border-radius: 50px; height: 100px; width: 100px; text-align: center;margin: 0 auto 5px;}
	.staff_info .photo img{width: 100%;}
	.staff_info .cont{margin-bottom: 10px;}
}



/*--------------WITH紹介・LINEリンク-------------------*/

.office .with .lineentry{border: 1px solid #ddd; padding: 30px 30px 10px;color: #009f40;}

.office .with .flex_box02{margin-bottom: 0;}

.office .with .kimg{display: flex;}
.office .with .kimg img{ margin:0 10px 10px 0;width: 33%; }

@media screen and (min-width: 641px){
.office .with .withnihonwasou img{width:70%; margin: 30px auto 60px;}
	.office .with .lineentry img{width:30%; margin: 10px auto;}
}
@media screen and (max-width: 640px){
.office .with .withnihonwasou img{width:70%; margin: 20px auto 20px;}
	.office .with .lineentry{margin-top:60px;}
	.office .with .lineentry .botmini{width: 100%; background-color: rgb(0 189 21);}
}


/*--全国の地図-------------*/
		.mapindex{padding:30px 0;background: url("img/japan.svg") no-repeat top right;overflow: hidden;}
		.mapindex .botbox{ display: flex;flex-wrap:wrap;}
		.mapindex .botbox a{text-decoration: none; color:rgba(0,0,0,0.8);display: block;background-color: rgba(255,255,255,0.6); border: 1px solid rgba(81,61,41,0.2);border-bottom: 5px solid; border-image: linear-gradient(to right, rgba(191, 161, 163, 0.30) 0%, rgba(133, 96, 100, 0.30) 100%);border-image-slice: 1;}
		.mapindex .botbox a span{font-size: 80%; opacity: 0.4;}
				
@media screen and (min-width: 641px){ 
	.mapindex .botbox{ width: 76%;margin: 0 24% 0 0;}
	.mapindex a{width: 25%;font-size: 20px;line-height: 36px; padding:10px 6px 10px 0; margin-bottom: 20px;}
}
@media screen and (max-width:599px){
	.mapindex {background-position: top center;background-size: 100%; margin-top: 50px;padding: 0;}
.mapindex a{width: 50%;font-size: 16px;line-height: 30px; padding:10px 6px 10px 0; margin-bottom:15px; }
}


    
.kyokuimg{display: flex;flex-wrap: wrap;}
@media screen and (min-width: 641px){
	.kyokuimg img{width: 25%;}
}
@media screen and (max-width: 640px){
	.kyokuimg img{width:50%;}
}


.office .select label{display: block;color: #814246;}
@media (min-width: 641px) {
.office .select label{font-size: 20px; padding-bottom: 30px;}
}
@media (max-width: 640px) {
.office .select label{font-size: 14px; padding-bottom: 5px;}
}



/*-------　よくある質問ページ　---------------------------*/
/*-------　ガイドトップのFAQも共有　---------------------------*/

.qa .subtitle{ color:#bfa1a3; letter-spacing: 10px; padding-bottom:10px;}
.qa section dl:first-of-type{border-top: 1px solid #ccc;}
.qa dl{ border-bottom: 1px solid #ccc;}
.qa dt{color:#000; background-color:#fff; width:100%;display: block; text-align: left;position: relative;}
.qa dt h3{padding: 0; margin: 0;}
.qa dt.active{ background-color: #814246;color:#fff;border-bottom: 1px dotted #ccc;}
.qa dt span.q{color:#814246; display: inline-block;position: absolute;}
.qa dt span.material-icons{display:inline-block; color: rgba(0,0,0,1);position: absolute;opacity: 0.2;}
.qa dt.active span{color:#fff;}
.qa dd{text-align: left;padding: 0 0 0 10px; background-color:rgba(161,177,173,0.1);position: relative;display: block;        width: 100%;}
.qa dd span.a{color:#814246; display: inline-block; position: absolute;}

.faq .select label{display: block;}

@media screen and (min-width: 641px){ /*PC*/
.faq main .lead{margin-bottom: 0;}
.faq .select label{font-size: 20px; padding-bottom: 30px;}
.qa dl{display: block;width: 85%;margin:0 auto 0px;}
.qa section{margin:0 auto 100px;}
.qa dt{font-size: 24px; line-height:32px; padding:20px 80px 20px 90px; margin:0px 0;}
.qa dt span.q{font-size:45px; left:25px; top:22px;}
.qa dd span.a{font-size:50px; line-height: 40px; left:25px; top:18px;}
.qa dt span.material-icons{font-size:44px; right:20px; top:18px;}
.qa dd{padding:25px 50px 50px 90px;font-size:16px;line-height: 30px; text-align: left;}
main .qa .bot{margin-top: 0;}
}
@media screen and (max-width: 640px){ /*SP*/
.faq .select label{font-size: 14px; padding-bottom: 5px;}
.qa section{margin:0 auto 50px;}
.qa dl{margin: 0 auto 0px;}
.qa dt {padding:19px 40px 19px 45px; margin:0px 0;}
.qa dt h3{font-size: 17px;line-height:22px;}
.qa dt span.q{font-size: 25px;line-height: 25px;left:10px; top:15px;}
.qa dd span.a{font-size: 30px;line-height: 30px; left:10px; top:18px;}
.qa dt span.material-icons{font-size:32px; right:5px; top:14px;}
.qa dd{padding:25px 15px 30px 50px;font-size:16px;line-height: 30px; text-align: left;}
}

/*---------------------------------------------*/
/*------資料請求--------------------------------*/
/*---------------------------------------------*/

/*------ベース--------------------------------*/

.request .lead{position: relative}
.request .lead img{filter: drop-shadow(4px 4px 7px rgba(0,0,0,0.2));}
.request .dl{background-color: rgba(255,255,255,1.00);border-radius:12px; margin:0 auto;}
.request section h2.grd{text-align: center; color:#814246;}
.request section{background-color: rgba(255,255,255,1.00);border-radius:12px; margin:0 auto;}
.request section .inner{position: relative;}
.request section ul,.request section ul li{display: block;}
.request section ul li{text-align: left; border-bottom: 2px dotted rgba(0,0,0,0.20);}
.request section ul li span{font-size:80%;color:rgba(184,99,101,1.00); padding-right: 10px;display: inline-block;}
@media screen and (min-width: 641px){ /*PC*/
.request .lead{padding: 0 0 0 100px;}
.request .lead img{position: absolute;left:60px;top:-50px;transform: rotate( -10deg );}
	.request .dl{padding: 10px;width: 80%;}
	.request section{padding:0px;width: 80%;}
	.request section .inner{width: 100%; margin: 0px auto 0; padding:60px;}
	.request section h2{font-size:28px; line-height: 40px; width: 80%; margin: 0 auto 30px;}
	.request section ul{width: 80%; margin: 0 auto;}
	.request section ul li{padding: 10px 0 0 0; font-size: 16px;line-height:36px; text-indent:24px;}
}
@media screen and (max-width: 640px){ /*SP*/
.lead img{width: 40%; margin: 0 auto 20px;}
	.request .dl{padding: 10px;}
	.request section .inner{width:90%; margin:30px auto; padding:25px 25px 25px 25px;}
	.request section h2{font-size: 20px;line-height: 28px; width: 100%; margin: 0 auto 20px;}
	.request section ul li{padding:16px 0 9px 0;font-size: 16px;line-height:22px;}
}

/*------こんなあなたに--------------------------------*/

.request .osusume img{position: absolute; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));}
@media screen and (min-width: 641px){ /*PC*/
	.request .osusume img{width:170px;top:184px; right:143px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.request .osusume img{width:90px;top:0px; right:-15px; z-index: 1;}
}

/*------内容は？--------------------------------*/

.request .naiyo img.hito{position: absolute; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));}
.request .naiyo img.sample{width: 100%;}
@media screen and (min-width: 641px){ /*PC*/
	.request .naiyo img.hito{width:190px;top:78px; left:86px;}
	.request section.naiyo ul li{text-indent:85px;}
	.request .naiyo img.sample{margin:40px 0 0;}
}
@media screen and (max-width: 640px){ /*SP*/
	.request .naiyo{margin-bottom: 30px;}
	.request .naiyo img.hito{width:110px;top:280px; right:15px; z-index: 1;}
	.request .naiyo img.sample{margin: 10px 0 0;}
}


/*---------お申し込み方法選択ボタン-----------------------------*/

.request .choice {position: relative; }
.request .choice a.linebot,
.request .choice a.mailbot{color: rgba(255,255,255,1.00); font-weight: 600; display: inline-block; border-radius: 60px;letter-spacing: 1px; }
.request .choice a.linebot span,
.request .choice a.mailbot span{color: #fff; opacity: 0.6;font-weight: 200; padding-right: 10px;display: inline-block;}
.request .choice a.linebot{background-color:#28a028; }
.request .choice h3{display: block; color: rgba(49,49,49,1.00);letter-spacing: 2px;text-align: center;}
.request .choice a.mailbot{background-color:#c43654;}
@media screen and (min-width: 641px){ /*PC*/
	.request .choice{padding:90px 0;}
	.request .choice h3{font-size:24px; margin-bottom: 30px;}
	.request .choice a.linebot,.request .choice a.mailbot{font-size:24px; line-height:42px; padding: 20px 60px;}
	.request .choice a.linebot span,.request .choice a.mailbot span{font-size:18px; }
	.request .choice a.linebot{margin:0px 50px 0px 0;}
}
@media screen and (max-width: 640px){ /*SP*/
	.request .choice{padding:70px 0px 50px;}
	.request .choice h3{font-size:16px;display: block;margin-bottom:20px;}
	.request .choice a.linebot,.request .choice a.mailbot{width: 80%; font-size:20px; line-height:30px; padding:15px 5px; margin-bottom:30px;}
	.request .choice a.linebot span,.request .choice a.mailbot span{font-size:16px; }
}	



/*---------LINEでお申し込み-----------------------------*/

.request .linelink p{text-align: center; padding-bottom: 30px;}
.request .linelink .link{ font-weight: 600;background-color:#48ad48; color:#fff; display: inline-block; }
.request .linelink .qr{filter: none;}
.request .linelink h3{color:#48ad48; border-bottom: 1px dotted #aaa;}
.request .linelink .link span{opacity: 0.3; font-size: 60%;}
@media screen and (min-width: 641px){ /*PC*/
	.request .linelink{padding:80px;}
	.request .linelink h3{width: 55%;text-align: center}
	.request .linelink .qr{ padding:0 0 30px 0;}
	.request .linelink .qr img{width:220px; margin: 10px auto;}
	.request .linelink .link{width: 60%;margin-bottom: 30px;font-size: 21px; line-height: 40px; border-radius: 45px; padding: 20px 0px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.request .linelink{padding:30px; margin: 30px 0;}
	.request .linelink .qr{display: none;}
	.request .linelink .link{width:100%;margin: 10px 0;font-size:19px; line-height:28px; border-radius:55px; padding:15px 0px;}
}


/*--------------------------------------*/
	
.request .nagare h4{color:#ca5e75; border-bottom: 1px dotted #aaa;}
.request .nagare .step{position: absolute;color:#814246}
.request .nagare .ele01 img,.request .nagare .ele03 img{position: absolute;}
.request .nagare .ele01,.request .nagare .ele03{color: #fff; border-radius: 6px; background-color:rgba(183,102,119,0.6);filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.15));position: relative; display: inline-block;}
.request .nagare .ele01,.request .nagare .ele03,.request .nagare .ele02{display: inline-block;}
.request .nagare .ele02{color:#ddd; vertical-align: top;text-align: center;}
@media screen and (min-width: 641px){ /*PC*/
	section.mailform{padding:80px;width: 100%;}
	.request .nagare h4{width: 55%;}
	.request .nagare{margin-bottom: 60px;}
	.request .nagare .set01{display: flex;align-content: center;justify-content: center; margin:70px auto 30px;width: 90%;}
	.request .nagare .step{top:50%;transform: translate(0%,-50%); left:20px; font-size: 40px;line-height: 40px; opacity: 0.7;}
	.request .nagare .ele01,.request .nagare .ele03{padding:22px 80px; width: 45%; text-align: left;line-height: 24px;}
	.request .nagare .ele01 img{width: 55px;top:50%;transform: translate(0%,-50%); right:20px;}
	.request .nagare .ele03 img{width: 62px;top:50%;transform: translate(0%,-50%); right:20px;}
	.request .nagare .ele02{font-size:26px;width:10%;padding-top: 40px;}
	.request .nagare .ele02 span{display: inline-block; transform: rotate(-90deg);}
}
@media screen and (max-width: 640px){ /*SP*/
	section.mailform{padding:30px; margin: 30px 0;}
	.request .nagare{}
	.request .nagare .title{width: 100%; padding-top:55px; font-size: 22px; line-height: 32px; margin:30px 0 90px;filter: drop-shadow(2px 2px 4px rgba(255,255,255,0.8));}
	.request .nagare .set01{margin: 40px 10px 20px;}
	.request .nagare .step{top:-5px; left:-12px; font-size: 40px; }
	.request .nagare .ele01,.request .nagare .ele03{margin:2% 0; padding: 18px; width:290px; font-size: 110% }
	.request .nagare .ele01 img,.request .nagare .ele03 img{opacity: 0.6;}
	.request .nagare .ele01 img{width: 75px;top:50%;transform: translate(0%,-50%); right:10px;}
	.request .nagare .ele03 img{width: 75px;top:50%;transform: translate(0%,-50%); right:10px;}
	.request .nagare .ele02{font-size:26px;width:100%; margin:0;}
}


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

.request .hutatsu{border: 1px solid rgba(115,99,87,0.4);color:rgba(0,0,0,0.7);}
.request .hutatsu .ele01,.request .hutatsu .ele02,.request .hutatsu .ele03{display: inline-block;}
.request .hutatsu h4,.request .hutatsu h5{color: rgba(115,99,87,1); }
.request .hutatsu p{text-align: left;}
.request .hutatsu a{display: inline-block;color:rgba(0,0,0,0.7);position: relative;}
.request .hutatsu a span.material-icons{opacity: 0.7;font-size: 80%;position: absolute; right:20px; top:25px;}
@media screen and (min-width: 641px){ /*PC*/
	.request .hutatsu{padding:80px; width: 100%; margin: 80px auto 0;}
	.request .hutatsu p{padding-bottom: 40px;}
	.request .hutatsu .ele02,.request .hutatsu .ele03{width: 43%; margin-top: 20px;}
	.request .hutatsu h4{font-size: 20px; margin-bottom: 15px;}
	.request .hutatsu h5{font-size: 16px; margin: 15px auto 10px;}
	.request .hutatsu h5 span{display: inline-block;opacity: 0.7;font-size: 80%;margin-right: 10px;}
	.request .hutatsu a{ font-size: 12px;background-color: rgba(115,99,87,0.15); border-radius:40px; line-height:18px;width:250px; padding: 10px; margin:0 10px; }
	.request .hutatsu a b{font-size: 16px;}
	.request .hutatsu a.clink b{line-height: 40px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.request .hutatsu{padding:35px 25px; margin: 30px 0;}
	.request .hutatsu .ele02,.request .hutatsu .ele03{margin-top: 10px;width: 100%;}
	.request .hutatsu h4{font-size: 18px; margin-bottom: 15px;line-height: 28px;}
	.request .hutatsu h5{font-size: 15px; margin: 15px auto 10px;}
	.request .hutatsu a{ font-size: 12px;background-color: rgba(115,99,87,0.15); border-radius:23px; line-height:30px;width:100%; padding: 8px; }
	.request .hutatsu a b{font-size: 15px;}
	.request .hutatsu a.clink b{line-height: 30px;}
	.request .hutatsu a.clink01{margin-top: 10px;}
}

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


.request .formArea{background-color:#f1eaeb;}

.request section  .formArea ul ,.request section  .formArea ul li{vertical-align: top;display: block;text-indent:0;}
.request section  .formArea ul li{border: none;}
.request section  .formArea ul li span{font-size:13px; line-height: 22px;display:inline-block;padding:0 0 0 6px;margin: 0; }
.request .formArea ul li.item span{color:#ff0000;}
.request .formArea ul li.cont span{color: rgba(0,0,0,0.6);}
.request .formArea input[type='text']{border: 1px solid #999;}
.request .formArea .check{display: block;}
.request .formArea input[type='checkbox']{-webkit-appearance:checkbox; vertical-align: text-bottom;}
.request .formArea p{display: block;}
.request .formArea input[type="submit"]{color: #fff;display:inline-block; background-color:rgb(0 0 0 / 20%);}
.request .formArea input[type="submit"]:hover{opacity: 0.7;}
.request .formArea input[type="submit"].active{background-color: #e96481;border: none;}
@media screen and (min-width: 641px){ /*PC*/
	.request .formArea .inner{padding:60px 50px 60px; margin: 0 0 50px 0;}
	.request .formArea h4{font-size: 26px;}
	.request .formArea p{text-align: center;padding-bottom:30px;}
	.request section  .formArea ul{ margin: 30px auto;display: flex;justify-content: center;align-content: center;}
	.request section  .formArea ul li{padding: 10px;}
	.request .formArea ul li.item{width:30%; line-height: 28px; font-size: 110%;}
	.request .formArea ul li.cont{width:65%;text-align: left;margin-left: 5%;}
	.request .formArea input[type='text']{line-height: 34px; font-size: 22px; padding: 5px;}
	.request .formArea .check{padding: 30px 0 0;font-size: 18px;}
	.request .formArea input[type='checkbox']{width: 23px; height: 23px; margin-right: 8px;}
	.request .formArea input[type="submit"]{font-size: 26px;line-height: 40px; border-radius: 45px; padding:20px 0px; width:55%; height:80px; margin: 20px auto 40px;  }
}
@media screen and (max-width: 640px){ /*SP*/
	.request section  .formArea .inner{padding:25px 15px;}
	.request .formArea h4{font-size: 18px;}
	.request .formArea p{padding:10px 0; line-height: 22px;}
	.request section  .formArea ul{max-width: 340px; margin: 5px auto 0;}
	.request section  .formArea ul li.item{padding: 10px 0 5px;}
	.request .formArea input[type='text']{width: 100%; line-height: 26px; font-size: 16px; padding: 5px 3px;}
	.request .formArea .check{padding: 30px 0 0;font-size: 16px;}
	.request .formArea input[type='checkbox']{width: 19px; height:19px; margin-right: 3px;}
	.request .formArea input[type="submit"]{font-size: 20px;line-height: 30px; border-radius: 35px; padding: 15px 0px;width: 100%; margin: 15px auto 20px;}
}

/*---------サンクスページ-----------------------------*/

.request .thanks h3{filter: drop-shadow(2px 2px 4px rgba(255,255,255,0.8)); text-align: center;color:#814246;}
.request .thanks p{text-align: center;}
.request .thanks .att{background-color:rgba(0,0,0,0.08); font-size: 90%;}
@media screen and (min-width: 641px){ /*PC*/
	.request section.thanks {padding:80px;}
	.request .thanks h3{font-size: 30px;line-height: 50px; margin-bottom:30px;}
	.request .thanks p{padding-bottom:30px;}
	.request .thanks .att{padding: 20px; line-height: 26px; text-align:center;}
}
@media screen and (max-width: 640px){ /*SP*/
	.request section.thanks {padding:30px;}
	.request .thanks h3{font-size:20px; padding: 10px 0; margin-bottom:00px;line-height: 38px;}
	.request .thanks p{padding-bottom: 20px;}
	.request .thanks .att{padding:20px;  line-height: 24px;text-align:left;}
}