@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                              SP対応用
----------------------------------------------------------------------------*/
.spbr{ display: none;}
.pcbr{ display:block;}


/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body { margin:20px 0 0 0; padding: 0;}
#wrap {width:100%;}
.spbr{ display:none;}

.wakuBox{
	width:100%;
	/*--
	background: url(../images/line.png) repeat-x bottom;
	--*/
	padding-bottom: 1px;
	margin-bottom: 36px;
	clear:both;
}
.wakuBoxInner{
	width:960px;
	margin:0 auto;
}
.wakuBoxNoBack{
	width:100%;
	padding-bottom: 1px;
	clear:both;
}
.wakuBoxNoBackInner{
	width:960px;
	margin:0 auto;
}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {width: 1100px;margin: 0 auto 25px auto;}
#headerAreaInner { margin-bottom: 8px;}
#headerTitle { width:246px; float:left;}
#headerTel {  float: right;}

#headerTitle { width:346px; float:left;}
#headerTitle h1{ font-size: 70%; font-weight:normal; width:100%;}
#headerTitle p{ margin-top: 5px;}



#headerImg {
	clear:both;
	border: 9px #DCDDDD solid;  /* 枠線を引く */
	border-radius:20px;      /* 角丸の指定 */
	padding:0;}

#headerBox1{height: 267px;padding: 44px 77px 0px;position:relative;}
#headerBox1 h2{ margin:15px 0 10px 0; }
#headerBox1 #introTxt{
	font-size: 160%;
	font-weight:bold;
	color: #F39800;
	margin-bottom: 9px;
	}
#headerBox1 #introTxt span{
	font-weight:normal;
	background-color: #F39800;
    color: #fff;
    padding: 3px 20px 1px 20px;
	margin-right:10px;}
#headerBox1 #mainImg{ position:absolute; right:0; bottom:0; margin:0;}
#headerBox1 .main_txt{width: 610px;font-size: 100%;color:#595757;line-height: 1.7em;margin: 5px 0 5px 0;}
#headerBox1 .main_txt span{ color: #E60012;}
#headerBox1 ul li{ float: left;	margin-left: 1px;}

#headerBox2 { background:#F7F8F8; height:85px; border-top:solid 1px #C9CACA; padding:20px 0; border-radius: 0 0 20px 20px;}
p.contents_img{float:left;margin-left: 90px;padding:0;}
p.contents_tel{ float:left; margin:15px 0 19px 43px; padding:0;}
p.contents_form{float:right;margin-right: 60px;padding:0;}

#headerBox1 p.novaQuo {border: 3px solid #8fc31f;border-radius: 5px;display: inline-block;padding: 0.55em 1.18em;font-size: 120%;box-shadow: #dcdcdc 2px 2px;/* background: #8fc31f; *//* color: #fff; */font-weight: bold;}
#headerBox1 p.novaQuo span.txtGreen{color:#8fc31f;}
#headerBox1 p.novaQuo span.txtSub{font-size:85%;}
#headerBox1 .dispFlex {display: flex;column-gap: 8px;margin: 0.5em 0;}


/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gnavi{}
#gnavi li{}
#gnavi{}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {width: 1100px;margin:0 auto;}
.mainSectionInner{}

#PriceSec, #NovaSec, #DealsSec{ margin-top:0; margin-bottom:20px;}
#PriceSec h3{ background-position:20px 10px, 180px top;}
#NovaSec h3{ background-position:20px 10px, 300px top;}
#DealsSec h3{ background-position:20px 10px, 180px top;}

.mainSection h3{
	padding:8px 0 26px 25px;
	background: #8FC31F;
	background-image: url(../images/ico_h3.png), url(../images/back_contents01.png);
	background-repeat: no-repeat, no-repeat;
    background-size: 0.75%, 3.8%;
	border-radius:10px 10px 0 0;
	height: 20px;}
h3 span.border{
	margin:0;
	color: #fff;
	font-size: 180%;
    padding-left:15px;}
span.txt{ margin-left:80px; font-weight:normal; vertical-align: middle; font-size: 65%;}

.txtContents{padding: 30px 40px;}
.txtContents h4{
	font-size: 27px;
	padding-left:25px;
	background: url(../images/ico_h4.png) no-repeat;
	background-position: left 10px;
	}
.backImg{background: url(../images/back_contents02.png) 90% 17px no-repeat;background-size:26%;}
.contentsInner{ padding:0 25px;}
.contentsInner p{font-size: 16px;margin:5px 0 10px 0;}
.contentsInner p span{ font-size:18px; font-weight:bold;}
.contentsBox{ border:solid 7px #DCDDDD; border-radius:25px;/* padding:15px 90.5px 10px 90.5px;*/ padding: 15px 15px 10px; margin-bottom:30px;}
.contentsBox .kaiinkakaku{text-align: center;}
.contentsBox p{ font-size:20px;}
.contentsBox p span.txtSize{ font-size:18px;}
.contentsBox p span.txtSize span{ font-size:15px;}
.contentsBox p span.red{ font-weight:bold; color:#E60012; font-size:20px;}

.contentsInner ul{ margin:15px 0;}
.contentsInner ul li h5{ font-size:15px;}
.contentsInner ul li p{ margin:0;}
.contentsInner ul li table.lesson {
	margin-bottom:0;
	border-collapse: collapse;
	border: 1px solid #cccccc; /* 外枠 */
}
.contentsInner ul li table.lesson th, table.lesson td {
	text-align:center;
	font-size:14px;
	padding:0;
	line-height:1.5em;
	border-style: solid dotted;/* 線種 */
	border-width: 1px; /* 線の太さ */
	border-color: #cccccc; /* 線色 */
}
.contentsInner ul li table.lesson th{ padding: 8px 0;}
.contentsInner ul li table.lesson td{ padding: 12px 0 5px 0;}
.contentsInner ul li table.lesson td span.big{ font-size:27px; font-weight:bold;}
.contentsInner ul li table.lesson td span.pink{ color:#E90A89;}
.contentsInner ul li table.lesson tr.blue{ background-color:#B9E9FF;}
.contentsInner ul li table.lesson tr.green{ background-color:#CFF8E3;}
.contentsInner ul li p.kome{ font-size:11px; text-indent: -1em; width: 400px; margin:3px 0 0 10px;}
.contentsInner ul li p.kome:before{ display:inline; content:"\203B"}

.contentsInner table.admission{ border: 1px solid #F8B62D; margin-top:10px;}
.contentsInner table.admission th{ background-color:#F8B62D; border: 1px solid #F8B62D; color:#FFF; font-size:18px; padding:10px 20px;}
.contentsInner table.admission th.white{ border-bottom: 1px solid #FFF;}
.contentsInner table.admission td{ border: 1px solid #F8B62D; padding:10px 20px 10px 30px; font-size:15px;}
.contentsInner table.admission td.gray{ color:#595757;}
.contentsInner table.admission td.noLineR{ border-right:none;}
.contentsInner table.admission td.noLineL{ border-left:none; padding-left:5px;}

.txtContents .kentouImg{width: 25%;}

.Left{width: 550px;float:left;}
.Left2{width: 550px;float:left;}
.wakuBlue{width: 550px;float:left;border:solid 2px #00A0E9;border-radius:10px;padding:10px 0px 7px 20px;font-size:18px;}
.underLine{ text-decoration:underline;}
.wakuBlue ul{ margin:5px 0;}
.wakuBlue li.back_ico{background:url(../images/back_icon01.png) left top no-repeat;background-size:4.5%;font-size: 15px;padding-left: 31px;margin-bottom:3px;}
.wakuBlue li.back_ico span{ font-size:11px;}

.wakuPink{width:350px;float:right;background:url(../images/img_contents04.png) left top no-repeat;padding-top: 145px;}
.wakuPink h5{ color:#FFF; text-align:center; background-color:#EA008A; padding:8px 0 6px 0;}
.wakuPink ul{ margin:0; border:solid 2px #EA008A; padding:15px 20px;}
.wakuPink ul li.back_ico{ background:url(../images/back_icon02.png) left 3px no-repeat; background-size:3%; font-size:13px; padding-left:15px; margin-bottom:3px;}

#DealsSec .contentsInner p.kome{ font-size:12px; text-indent: -1em; margin:3px 0 20px 10px;}
#DealsSec .contentsInner p.kome span{ font-size:15px; font-weight:bold;}
#DealsSec .contentsInner p.kome:before{ display:inline; content:"\203B"}

.backColor{ background-color:#2EA7E0; color:#FFF; font-size:18px; font-weight:bold; padding:2px 15px; margin-right:10px;}

#DealsSec table.pay{}
#DealsSec table.pay tr.white{ background-color:#F8B62D;}
#DealsSec table.pay th{ border: 1px solid #F8B62D;}
#DealsSec table.pay th.borderRight{ border-right:none;}
#DealsSec table.pay th.white{ border-left:solid 1px #FFF; color:#FFF;}
#DealsSec table.pay th.black{ background-color:#F8E0AE; line-height:1.5em;}
#DealsSec table.pay th.black span{ font-size:14px; font-weight:normal;}
#DealsSec table.pay td{ text-align:center; border: 1px solid #F8B62D; /*padding:0;*/ padding: 3% 2%;line-height: 0.8em;}

#DealsSec table.pay td.textSizeS{ font-size:25px; font-weight:bold;}
#DealsSec table.pay td.textSizeS span{ font-size:15px;}
#DealsSec table.pay td.textSizeM{ font-size:30px; font-weight:bold;}
#DealsSec table.pay td.textSizeM span{ font-size:18px;}
#DealsSec table.pay td.textSizeL{ font-size:42px; font-weight:bold;}
#DealsSec table.pay td.textSizeL span{ font-size:20px;}
#DealsSec table.pay .mtom td.textSizeL{position: relative;}
#DealsSec table.pay .mtom td.textSizeL .otokuImg{position: absolute; transform: translate(0 , -50%); right: -5%;}
#DealsSec table.pay .group td.textSizeL{position: relative;}
#DealsSec table.pay .group td.textSizeL .otokuImg{position: absolute; transform: translate(0 , -50%);right: -5%;}

.contentsInner table.privilege{ border: 1px solid #F8B62D; margin-top:5px; margin-bottom:25px;}
.contentsInner table.privilege th{ background-color:#F8B62D; border: 1px solid #F8B62D; color:#FFF; font-size:18px; padding:10px 20px;}
.contentsInner table.privilege th.white{ border-bottom: 1px solid #FFF;}
.contentsInner table.privilege td{ border: 1px solid #F8B62D; padding:0px 25px; font-size:20px; color:#E60012; font-weight:bold; text-align:center;}
.contentsInner table.privilege td span{ font-size:14px; font-weight:normal; color:#231815; vertical-align: middle;}

table.privilege td table.name th, table.privilege td table.name td{ border:none; background-color:transparent;}
table.privilege td table.name th{ padding:20px 11px 5px 11px;}
table.privilege td table.name td{ padding:0;}
.contentsInner table.privilege td table.name td{ font-size:11px; color:#595757; font-weight:normal; text-align:center; margin-top:5px; line-height:1.3em;}

table.privilege td table.name2 th, table.privilege td table.name2 td{ border:none; background-color:transparent;}
table.privilege td table.name2 th{ padding:20px 21px 5px 21px;}
table.privilege td table.name2 td{ padding:0;}
.contentsInner table.privilege td table.name2 td{ font-size:11px; color:#595757; font-weight:normal; text-align:center; margin-top:5px; line-height:1.4em;}

/*----------------------------------------------------------------------------
 ***                                                            ConversionArea
----------------------------------------------------------------------------*/

.ConversionArea{ 
	background: #F7F8F8;
    height: 85px;
    border-top: solid 1px #C9CACA;
    border-bottom: solid 1px #C9CACA;
    padding: 20px 0;
	margin-bottom:50px;
	}

/*----------------------------------------------------------------------------
 ***                                                                  sLBox
----------------------------------------------------------------------------*/
#confPage #sLBox .sectionInner{ background:#CCC;}
#confPage #sLBox h2{ font-size:30px; text-align:center; margin-bottom:20px;}

#thanksPage #sLBox h2{ font-size:30px; text-align:center; margin-bottom:20px;}
#thanksPage #sLBox .sectionInner{ background:#00A1C9;}
#thanksPage #thanksTxtBox{ background:#FFF; padding:20px 50px;}




#sLBox{ margin-bottom:25px; background:url(../images/line.png) repeat-x; padding-top:25px;}
#sLBox .sectionInner{
    background:#00A1C9;
    width: 1000px;
    margin: 0 auto;
    padding: 22px 22px;
}


#sLBox h3{ color:#000; margin:15px 0 30px 0; text-align:center; font-size:250%; background:none;}


.backBox{ background:#FFF; padding:20px;}
.backBox p{ margin:0;}
.backBox p img.tel{ margin-right:30px;}



#formTable{     
}

#sLBox table{ 
	background: #fff;
    border-collapse: collapse;
	 width:100%;
    border: none;
	}
#sLBox table tr{} 
#sLBox table th,#sLBox table td{border-left:none; border-right:none;}
#sLBox table th{
    text-align: left;
    width: 200px;
	padding-left: 40px;
	font-size:120%
	}
#sLBox table td{ 
    padding: 10px 0 10px 15px;
	
}
#soshikiTd{}
#soshikiTd label{ width:17%; display:block; float:left; line-height:2.2em;}
#soshikiTd p{ width:90%; float:left; font-size:90%;}
#sLBox table .formTxt{ line-height:2.2em;}

	
#sLBox table input{ 
    padding: 3px;
	
	}
#sLBox table label{ 
	vertical-align: sub;
	
	}
#sLBox #corseTd li{ 
	float: left;
	width:315px;} 
	
#sLBox ul li{ 
    padding: 10px 0 ;
	vertical-align:bottom;
	} 

#sLBox ul li input{ 
	vertical-align: -0.15em;
	} 
	
#sLBox ul li span{ 
	font-size:90%;
	} 

#submit-area{ margin-top:20px;}
#submit-area .tac input {    padding: 10px 35px;}




/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{ 
	width:960px; 
	margin:0 auto;
    border-top: 1px solid #ccc;
    padding-top: 18px;}
#footerAreaInner {}

#footerAreaLink{}
#footerAreaLogo {}
#footerTxt{}
#footerCopyright{}


#footerLogo{width:250px; float:left; }
#footerTel{float:Right; }


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { margin-bottom:40px;}
.sectionInner {}



/*----------------------------------------------------------------------------
 ***                                                                serviceSec
----------------------------------------------------------------------------*/
#serviceSec{}
#serviceSec{ margin:0 auto; }
#serviceSec .wakuBox{ margin:0 auto; width:950px;}

#serviceSec {}
.serviceicon{ float:left;}


#serviceSec .section{}
#serviceSec .section .sectionInner{ width:900px; margin:0 auto;}
#serviceSec .h4Box{ margin-bottom:10px;}
#serviceSec .h4Box h4{ font-size:240%; line-height:1.1em; background:#FFF; float:left; padding-right:5px;}
#serviceSec .h4Box h4 img{ padding:0 10px 5px 0;}
#serviceSec .h4Box p{ background:#FFF; padding:10px 20px 10px 10px; float:left;} 


.svListBox{ float:left; width:600px; padding-top:10px;}
.setsuBox{ float:right; width:255px;}

.svListBox li{ border-bottom:#CCC dashed 1px; padding:5px 0;}
.svListBox li dt{ float:left; width:200px;  padding-left:20px}
.svListBox li dd{ float:left; width:300px;  padding-left:30px;}



.svExBox{
	background-color:#F9F7E8;  /* 背景色の指定 */
	border: 1px #ccc solid;  /* 枠線を引く */
	border-radius: 5px;      /* 角丸の指定 */
	padding:5px 5px 5px 25px;
}

.svExBox .exImg{ float:left; margin:0;}
.svExBox dl{ padding-top:8px;}
.svExBox dt,
.svExBox dd{ float:left; font-size:150%; line-height:1.1em;}

.svExBox dt{ padding:0 40px 0 20px; font-weight:normal;}
.svExBox dd{ padding:0 40px 0 65px; color:#D4145A;}
.svExBox dd span{ font-size:70%; margin-left:10px;}


#honSvSec .svListBox{ margin-bottom:15px;}

/*----------------------------------------------------------------------------
 ***                                                                riyuSec
----------------------------------------------------------------------------*/

#riyuSec{}
.mainSection #riyuSec .h3Box{}
#riyuSec h3{ width:330px;}



.riyuIcon{ float:left; margin:20px; margin-left:30px;}
.pointSec{ width:65%; float:left; margin-right:20px;}
.pointSec dt{ font-size:150%; padding-top:12px; padding-bottom:5PX;}
.pointSec dd{ padding-top:5px;}

.riyuImg{padding-left:10px;}


.pointBox{ width:900px; margin:0px;}
.pointBox01{ width:900px; border-bottom:dotted 1px #666; margin:10px 0;border-top:dotted 1px #666; margin:20px 0; padding:10px 0;}


/*----------------------------------------------------------------------------
 ***                                                               豊富な請負実績
----------------------------------------------------------------------------*/

#jissekiSec{}
#jissekiSec .sectionInner li{ padding:0 0 15px 15px; line-height:1.2em;}
.jissekiBoxL{ float:left; border-right: dashed 1px #666; width:449px;}
.jissekiBoxR{ float:left; width:430px; padding-left:20px;}
#jissekiSec #hokaP{ text-align:right; color:#D70051; width:400px; float:right;}

#jissekiSec .jissekiPoto{ padding:20px 0 0 30px;}
#jissekiSec .jissekiPoto li{float: left; width:185px;}



/*----------------------------------------------------------------------------
 ***                                                                sLBox
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
***                                                         Q&A
----------------------------------------------------------------------------*/
#qaSec .ttl {font-size: 200%; padding: 0;}
#qaSec .text01{color: #9C9CC6;}
#qaSec .sectionInner{margin-top: 0; padding: 2em 1em;}
#qaSec .sectionInner .qa_contentsBox dl{}
#qaSec .sectionInner .qa_contentsBox dt{background: #D0D0EA;color: #464454;border: solid 1px #686868;border-bottom: none;font-size: 110%;padding: 1em 1em 1em 4em;position:relative;}
#qaSec .sectionInner .qa_contentsBox dt img{margin-right: 10px;}
#qaSec .sectionInner .qa_contentsBox dd{padding: 1em 1em 1em 4em;font-size: 110%;margin-bottom: 2em;border: solid 1px #686868;border-top: none;position:relative;}
#qaSec .sectionInner .qa_contentsBox dd img{margin-right: 10px;margin-bottom: 5px;}
#qaSec .sectionInner .qa_contentsBox dt:before{content:"Q.";display:block;position:absolute;top: 50%;left: 1em;transform: translate(0, -50%);font-size:150%;color:#665E96;}
#qaSec .sectionInner .qa_contentsBox dd:before{content:"A.";display:block;position:absolute;top: 50%;left: 1em;transform: translate(0, -50%);font-size:150%;color:#FF64B5;}