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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#pageTitle h2{font-size: 150%;color:#FFF;line-height: 1;padding: 4.5% 0 0% 2%;}
#pageTitle .pageTitleInner{background-image:url(../images/img_title_v16.jpg);background-repeat:no-repeat;background-size:100% auto;}
#pageTitle p{color:#FFF;font-size: 120%;line-height: 1;display: inline-block;padding: 6.5% 0% 3% 10%;margin: 0;}


/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {margin-bottom: 10%; padding: 0 5%;}
.mainSection h3 { font-size:125%; line-height: 1;color: #000;margin: 0;padding: 0;}
.mainSection .h3Box{border-left:#F7931E solid 5px;padding: 0.5em 0 0 5%;margin-bottom: 2%;}


#vsSec .planSec h4{background: url(../price/images/icon_h4_01.png) center left 2% no-repeat;background-size: 4%;padding: 1% 0 1% 7%;border-bottom:1px dotted #999;margin-bottom: 2%;line-height: 1;}
#vsSec .planSec h5{margin-bottom: 0.5em;}


#vsSec .planSec .floatL{width: 86%;margin: 0 auto 2%;}
#vsSec .planSec .floatL ul{width: 100%;background-color:#FFEBEA;border-radius:5px;padding: 0.5em 0 0.5em 5%;margin-top: 1%;}
#vsSec .planSec .floatL li{background: url(../price/images/icon_li.png) left center no-repeat;line-height: 1;font-size: 100%;font-weight:bold;padding: 0.6em 0 0.6em 3em;margin-bottom: 0.1em;color:#333;}
#vsSec .planSec .priceImgArea{width: 60%;margin: 0 auto 5%;text-align: left;}
#vsSec .planSec .priceImgArea img{max-width: 273px;}



#vsSec .planSec .exampleBox{}
#vsSec .planSec .exampleBox .sectionInner{padding:0;margin:0;border:3px solid #CCC;border-radius:5px;padding:4% 5% 2% 5%;}
#vsSec .planSec .exampleBox .floatR{width: 81%;}
#vsSec .planSec .exampleBox .floatR h6{background-color:#808080;font-size: 115%;line-height: 1;color:#FFF;padding: 0.4em 0 0.4em 0.4em;margin-bottom: 2%;}
#vsSec .planSec .exampleBox .floatR dl{clear:both;border-bottom:1px dotted #999;padding: 1% 0;}
#vsSec .planSec .exampleBox .floatR dt{font-size: 100%;color:#ED1E79;float:left;width: 7em;}
#vsSec .planSec .exampleBox .floatR dt.hei_55{height: 5em;}
#vsSec .planSec .exampleBox .floatR dd{font-size: 100%;color:#333;padding-left: 7em; text-align: left;}
#vsSec .planSec .exampleBox .floatR dd span{font-size: 85%;line-height:1.2em;}
#vsSec .planSec .exampleBox .floatR dl.lastdl{ border:none;}
#vsSec .planSec .exampleBox .floatR dl.lastdl dd{line-height:1.4em;padding-top: 0.3em;}
#vsSec .planSec .exampleBox .floatL{width: 18%;max-width: 130px;}
#vsSec #fixPlan,
#vsSec #freePlan{margin-top: 5%;}

#vsSec .yoyakuBtn ul{display: flex;}
#vsSec .yoyakuBtn li{}
#vsSec .lessonBtn img{width: 100%;}

#new_course,#sapri{width: 100%;margin-top: 5%;}
#new_course h3,#sapri h3{font-size: 165%;line-height: 1;color:#DB2474;padding:7% 0 0.5em 1%;}

#new_course .sectionInner {padding: 0 5%;}
#new_course h3{background-size: 25%;border-bottom:4px solid #E6E6E6;}
#new_course h4{margin-bottom: 2%;}
#new_course #course_txt{font-size: 115%;margin: 0.5em 0 0.2em 0;}
#new_course .floatL,
#new_course .floatR{width: 100%;margin-bottom: 5%;text-align: center;float: none;}
#new_course .floatL h4,
#new_course .floatR h4{width: 80%;max-width: 298px;display: inline-block;}
#new_course .floatL p,
#new_course .floatR p{width: 80%;max-width: 298px;text-align: left;display: inline-block;}


#sapri{margin-bottom: 5%;position: relative;}
#sapri #usagiIMG{width: 13%;position: absolute;top: 25%;right: 0;}
#sapri h3{background: url(../price/images/icon_h4_03.png) left 1% top no-repeat;background-size: 25%;margin-bottom: 3%;border-bottom: 4px solid #E6E6E6;}
#sapri h3 span{ letter-spacing:-0.25em;}
#sapri h4{width: 81%; margin-bottom: 1%;}
#sapri p{width: 81%;margin-bottom: 2%;}
#sapri ul{}
#sapri ul li{float:left;margin-right: 1em;}
#sapri ul li.pdt10{padding-top: 1em;line-height: 1;}


.moushikomiBox{margin:0 auto;width:98%;border:#7ECFE3 solid 3px;border-radius:10px;padding:1.5em 1em 1em;margin-bottom:30px;margin-top: 6%;}
.moushikomiBox ul{ margin:0 auto 0 auto; width:100%;}
.moushikomiBox li{float:left;margin:0 2%;width: 95%;height:auto;}
.moushikomiBox li:first-child{ margin-left:10px;}

.moushikomiBox02{ margin:0 auto; width:100%; border:#7ECFE3 solid 3px; border-radius:10px; padding:10px 0 5px 0; margin-top:10px; margin-bottom:0;}
.moushikomiBox02 p{ text-align:center; font-size:80%;}
.moushikomiBox02 p img{ width:90%; height:auto;}



.nyukaiBox ul{display: flex;}
/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/


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


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/