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


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

/*----------------------------------------------------------------------------
***                                                    　         gnav
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
***                                                    　 mainsection
----------------------------------------------------------------------------*/
#mainFirstView{}
#mainFirstView > .sectionInner{margin-top: -38px;padding: 70px 570px 0px 0px;height: 373px;background:url(/class/proclass/images/img_class_maiin.jpg) no-repeat bottom 0 center/cover;}
#mainFirstView .titleBox p:first-child{font-size: 27px;text-align:  center;font-weight:  bold;line-height: 1.3em;}
#mainFirstView .titleBox p:last-child{
    text-align:  center;
    font-weight:  bold;
    color: #ea1e79;
    font-size: 17px;
}
#mainFirstView .titleBox h2{
    text-align:  center;
    padding: 15px 0px;
}

.proAttention{margin-top: 30px;}
.proAttention .proText{font-weight: bold;text-align: center;color: #ef1d79;}
.proAttention .proText::before{content: "※";text-indent:-1em;}



.sec{padding:30px 0;border-bottom: 10px solid #e6e6e6;}
.sec > .sectionInner > .titleBox{margin-bottom:40px;}

/*----- Proクラス -----*/
#u8class .titleBox h3 .title{border-left: 8px solid #333333;content: "";/* position: absolute; */height: 47px;padding-left: 7px;/* top: -34px; */display:  block;}
#u8class .titleBox h3{font-size: 26px;font-weight: normal;border-bottom: 8px #ffe600 solid;/* position: relative; */height: 47px;height: 47px;}
#u8class .table_child p{line-height:1.7em;}
/*----- 通常コースの選択 -----*/
#normalBox{
    background-color: #e6e6e6;
    width:  700px;
    padding: 25px;
    border-radius:  10px;
    border: solid 4px#b3b3b3;
    margin-top: 30px;
}
#normalBox ul li:first-child{
    padding-left: 38px;
}
#normalBox ul li{float:left;padding-left: 13px;}
#normalBox dl dt{font-size:16px;}
#normalBox dl dd{font-size:12px;}
/*----- Proクラスの詳細 -----*/
#u8Contents .titleBox h3 span{border-left: 8px solid #333333;content: "";/* position: absolute; */height: 47px;padding-left: 7px;/* top: -34px; */display:  block;}
#u8Contents .titleBox h3{font-size: 26px;font-weight: normal;border-bottom: 8px #ffe600 solid;/* position: relative; */ve; */height: 47px;height: 47px;}
#u8Contents .table_child p{line-height:1.7em;}
/*----- Proクラスのトレーディング -----*/
#u8trading{margin-top:30px;}
#u8trading h4{margin-bottom:10px;}
#u8trading ul .floatL{padding-right:20px;}
#u8trading ul li:nth-child(3),
#u8trading ul li:nth-child(4){padding-bottom: 0px;}
#u8trading ul li{padding-bottom: 20px;}


/*----- Proクラスの具体例 -----*/
#u8example{margin-top:30px;}
#u8example h4{margin-bottom:10px;}
#u8example dl{background-color:#fefde8;padding: 30px;}
#u8example dt{padding-right:35px;padding-top: 4px;}

#u8example #corcePro dl{float:left;/* padding: 18px; */height: 300px;padding: 0px 0px 0px 30px;}
#u8example #corcePro dl:last-child{padding-right:22px;}
#u8example #corcePro dt{padding-right:0px;padding-bottom: 10px;}

/*----- Proクラスの月謝 -----*/
#u8tax{margin-top:30px;}
#u8tax h4{margin-bottom:10px;}
#u8tax dl dd{margin-top:5px;}

/*----- Proコーチからのメッセージ -----*/

#u8coach .titleBox h3 span{border-left: 8px solid #333333;content: "";/* position: absolute; */height: 47px;padding-left: 7px;/* top: -34px; */display:  block;}
#u8coach .titleBox h3{font-size: 26px;font-weight: normal;border-bottom: 8px #ffe600 solid;/* position: relative; */ve; */height: 47px;height: 47px;}
#u8coach .titleBox .pdt{padding-top:30px;}
#u8coach .titleBox .readtext{font-size: 18px;font-weight: bold;}
/*----- スクールの特徴 -----*/

/*----- 月謝・料金 -----*/

/*----- 共通css -----*/
#u8class .titleBox .readtext,
#u8Contents .titleBox .readtext{font-size: 18px;font-weight: bold;padding: 20px 0px;}

.formBox{background-color:#f2f2f2;padding: 27px;border-radius: 15px;margin: 30px 0px 50px;}
.formBox ul li:nth-child(2){padding:0px 10px;}
.right_pdg{padding-right: 14px;}

/*エリアの共通スタイル*/
#scoolList .sectionInner > .titleBox{margin-bottom:25px;padding:15px 0;border-top:15px solid #e6e6e6;margin-top: 40px;border-bottom:15px solid #e6e6e6;}

.titleBox.table.tw100 {}
#scoolList .sectionInner .mapBox{width:100%; height:300px; margin-bottom:35px;}
#scoolList h3{padding-left:30px;}
#scoolList .table_child p{padding-top:20px;}



/*----- classNav -----*/
#classNav .sectionInner{width:950px;margin:0 auto;background-color:#e5e5e5;padding: 15px 0px;}
#classNav nav{width:706px;margin:0 auto;}
#classNav nav ul li{padding-left:5px;}
#classNav nav ul li:first-child{padding-left:0px;}


/*----------------------------------------------------------------------------
***                                                               form
----------------------------------------------------------------------------*/


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



/*----------------------------------------------------------------------------
***                                                　　　　    thanks
----------------------------------------------------------------------------*/