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


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

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


/*----------------------------------------------------------------------------
***                                                    　 mainsection
----------------------------------------------------------------------------*/
#mainFirstView{}
#mainFirstView > .sectionInner{}
#mainFirstView > .sectionInner h2{}
#mainFirstView > .sectionInner .titleBox{}
#mainFirstView > .sectionInner .titleBox .open{font-size:14px;line-height: 1;display:block;}
#mainFirstView > .sectionInner .titleBox .name{display:block;}
#mainFirstView > .sectionInner .titleBox .name .txt_ss{font-size: 27px;}
#mainFirstView > .sectionInner .titleBox .name .txt_s{font-size: 28px;}
#mainFirstView > .sectionInner .titleBox .name .txt_m{font-size: 30px;}
#mainFirstView > .sectionInner .titleBox .kaijoBox .info .title{margin-top:3px;}
#mainFirstView > .sectionInner .titleBox .kaijoBox .annotation{font-size:90%; color:#666666;}


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

/*----- スクール情報 -----*/
#schoolInfoBox{}
#schoolInfoBox > .titleBox{border-left:15px solid #000; padding-left:10px; margin-bottom:25px;}
#schoolInfoBox > .titleBox .open{font-size:14px;line-height: 1;display:block;}
#schoolInfoBox > .titleBox .name{display:block;}
#schoolInfoBox > .titleBox .name .txt_ss{font-size: 27px;}
#schoolInfoBox > .titleBox .name .txt_s{font-size: 28px;}
#schoolInfoBox > .titleBox .name .txt_m{font-size: 30px;}
#schoolInfoBox > .titleBox .kaijoBox .info .title{margin-top:3px;}
#schoolInfoBox > .titleBox .kaijoBox .annotation{font-size:90%; color:#666666;}
#schoolInfoBox #infoBox{padding-left:25px;}
#schoolInfoBox #jushoBox .boxLeft iframe{width:230px;height: 230px;}
#schoolInfoBox #jushoBox .boxRight{padding-left:15px;}
#schoolInfoBox #jushoBox .boxRight .txtBox dt.jusho{font-size: 16px;font-weight: normal;line-height:1.2;margin-bottom: 5px; color:#000;}
#schoolInfoBox #jushoBox .boxRight .txtBox dt.jusho .txt{font-size:14px;font-weight:normal;line-height: 1.2;color:#333333;padding-right: 0.5em;}
#schoolInfoBox #jushoBox .boxRight .txtBox dt.jusho .link a{font-size:14px;font-weight:normal;line-height: 1.2; color:#2e318f;}
#schoolInfoBox #jushoBox .boxRight .txtBox dd.root p{font-size: 13px;font-weight: normal;line-height: 1.5;color:#666666; font-feature-settings: "palt";}
#schoolInfoBox #jushoBox .boxRight .txtBox dd.root p:before{display:inline-block;width:auto;height:auto;margin: 0 -0.2em 0 -0.2em;font-size:12px;font-weight:lighter;line-height: 1.5;color:#666666;}
#schoolInfoBox #jushoBox .boxRight .btnBox{margin: 10px 0;}
#schoolInfoBox #jushoBox .boxRight .btnBox .trial{padding-right:10px;}
#schoolInfoBox #jushoBox .boxRight .openClass{ width: 350px;}
#schoolInfoBox #jushoBox .boxRight .openClass .title{font-size:14px;font-weight:bold;line-height: 1;margin-bottom: 5px;}
#schoolInfoBox #jushoBox .boxRight .openClass ul li:nth-of-type(n+5){margin-top:0.7em;}
#schoolInfoBox #jushoBox .boxRight .openClass ul li:not(:last-of-type){padding-right:5px;}
#schoolInfoBox #timeScheduleBox .name{font-size:16px;}
#schoolInfoBox #timeScheduleBox .ico{padding: 0.2em 0.5em 0.1em; line-height: 1; display: inline-block; border-radius: 5px; color: #fff; background: #ff0000;}
#schoolInfoBox #timeScheduleBox .annotation{font-size: 90%; margin-left: 1em;}
#schoolInfoBox #timeScheduleBox .openDay{width:11%;}
#schoolInfoBox #timeScheduleBox .max{font-weight:bold; width:8%;}
#schoolInfoBox #timeScheduleBox table th{padding: 5px 5px;text-align: center;font-size:14px;background:#000;color:#fff;vertical-align: middle;}
#schoolInfoBox #timeScheduleBox table th > p{display: inline-block;line-height:1;vertical-align: middle;}
#schoolInfoBox #timeScheduleBox table th .txt{display: inline-block;margin-left: -0.6em;font-size:12px;font-weight: normal;color:#fff;vertical-align: bottom;}
#schoolInfoBox #timeScheduleBox table td{text-align: center;font-size:14px;padding: 5px 5px;}
#schoolInfoBox .sougoLinkBox{border-top:solid 1px;border-bottom:solid 1px;width: 650px; height: 95px;margin: 20px auto 0px; padding:10px 0px 0px;}
#schoolInfoBox .sougoLinkBox2{border-top:solid 1px;border-bottom:solid 1px;width: 650px;height: 100%;margin: 20px auto;padding:10px 0px 0px;}
#schoolInfoBox .sougoLinkBox2 .info{margin-bottom:10px;}


/*----- スタッフからのメッセージ -----*/
#staffMessageSec{border-bottom:none;}
#staffMessageSec .topBox{background:#ffe600; padding:25px;}
#staffMessageSec .bottomBox{background:#000000;padding: 20px;}
#staffMessageSec .bottomBox > p{text-align:center;}
#staffMessageSec .topBox .txtBox{padding-left:15px;width: 100%;}
#staffMessageSec .topBox .txtBox h3{font-size:16px;font-weight: bold;}

/*----- ドルトムント・サッカーアカデミーとは -----*/
#whatDsaSec{position: relative;}
#whatDsaSec .bgWhatdsa{position: absolute; top: 0; right: 0; transform: translateX(0); z-index: -1;}
#whatDsaSec .bgWhatdsa img{width: 130px;}
/* #whatDsaSec #dsaDiscripBox{background:url(/schools/common_images/bg_what_dsa.png) no-repeat center/303px auto;} */
#whatDsaSec #dsaDiscripBox .title{margin-bottom:20px; font-size:22px; font-weight:bold; line-height:1.4;}
#whatDsaSec #dsaDiscripBox .txt{margin: 0.6em 0;}
#whatDsaSec .btnBox{margin: 30px auto 0;}
#whatDsaSec .btnBox p{padding: 0 5px;}

/*----- スクールの特徴 -----*/
#specialFutureSec .pointSec .titleBox{margin-bottom:20px;}
#specialFutureSec #point01{margin-bottom:70px;}
#specialFutureSec #point01 .topBox{margin-bottom: -15px;}
#specialFutureSec #point01 .topBox .txtBox .txt{padding-right:80px;line-height: 1.6;}
#specialFutureSec #point01 .topBox .imgBox img{margin-left:-27px;}
#specialFutureSec #point01 .bottomBox{border:5px solid #dbdcdc;padding: 15px 15px;}
#specialFutureSec #point02 .topBox .txtBox .txt{padding-right: 35px;}
#specialFutureSec #point02 .topBox .imgBox img{margin-left: -25px;}

/*----- 月謝・料金 -----*/
#priceSec{padding-bottom:0; border-bottom:none;}
#priceSec .titleBox{margin-bottom:20px;}
#priceSec .box:not(:last-of-type){margin-bottom:20px;}

/*----- コロナ対策 -----*/
/*2021年6月28日ここから*/
.commentBox{width: 100%;margin: 0 auto 17px;border: 1px solid #CCC;padding: 15px 131px;font-size: 14px;font-weight: 800;background: #ffffe2;border-radius:10px;}
/*2021年6月28日ここまで*/
.commentBox p{line-height:1.5em;}
.commentBox .com02{text-align:right; font-weight:normal;margin-top:5px;}
.commentBox .Info{font-size:13px; margin-bottom:6px; font-weight:normal;} 
.commentBox .InfoC01{color:black;}
.commentBox .InfoC02{color:red;}
.commentBox .InfoC03{color:#FFC600;}

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


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



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