@charset "utf-8";
/* CSS Document */
.mainSection > .mainSectionInner{padding-top: 0;}

/*----------------------------------------------------------------------------
***                                                             Header
----------------------------------------------------------------------------*/
#headerArea{width:100%;margin:0 auto;border-top: 5px solid #000;}
#headerArea #headerAreaInner {width:950px; margin:0 auto;}
#headerArea h1{display:table;}
#headerArea h1 span{display:table-cell;}
#headerArea h1 .txt01{padding-right: 15px;}
#headerArea h1 .txt02{padding-left: 15px;}
#headerArea h1 img {}
#headerArea .txt {}
#headerArea p {
}#headerArea a {}
#headerArea a img {}
/*----------------------------------------------------------------------------
***                                                    　 mainsection
----------------------------------------------------------------------------*/
.secBox > .sectionInner{width: 945px;margin:0 auto;padding: 30px 0 45px;}
.secBox .inSec{width:700px;margin:0 auto;}
.secBox > .sectionInner .titleBox h2{font-size:34px;font-weight: normal;margin-bottom: 30px;}

/*----- mainImgSec -----*/
#mainImgSec{width:100%;margin:0 auto;background: url(../images/img_main01e.jpg) no-repeat center top;/* border-bottom: 65px solid #ffe600; *//* background-color: #000; */}
#mainImgSec > .sectionInner{position:relative;padding: 189px 0 30px;}
#mainImgSec > .sectionInner > .titleBox{margin: 0 auto 135px;position:relative;/* display:table; */width: 100%;background: url(../images/img_obi01.png) no-repeat left center;}
#mainImgSec > .sectionInner > .titleBox h2{display:table;}
#mainImgSec > .sectionInner > .titleBox h2 > .t_cell{display:table-cell; vertical-align:middle;}
#mainImgSec > .sectionInner > .titleBox h2 > .t_cell.boxL{}
#mainImgSec > .sectionInner > .titleBox h2 > .t_cell.boxR{width: 80%;padding-left: 0.5em;}
#mainImgSec > .sectionInner > .titleBox h2 .txt_btn{display: inline-block;}
#mainImgSec > .sectionInner > .titleBox p{}
#mainImgSec > .sectionInner > .titleBox .txt_title{display:table-cell;vertical-align:middle;width: 100%;padding: 8px 20px;}
#mainImgSec > .sectionInner > .titleBox .txt_course{position:absolute;right: 30px;bottom: -107px;}
#mainImgSec > .sectionInner > .titleBox .txt_title02{position:absolute;left: 33px;top: -148px;}
#bnrBox{margin: 3% 0 4%;}
#bnrBox .tac {margin-bottom: 1em;}
#navBox{margin: 2% 0 0;}
#navBox ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
#navBox ul li{float:left;}
#navBox ul li:nth-of-type(n+5){margin-top: 2%;}


/*----- kagawaSec -----*/
#kagawaSec{
    background: white;
    border: 5px solid;
}
#kagawaSec .sectionInner{padding: 20px 0px;background-size: 325px auto, 44px 76px;}
#kagawaSec .titleBox{width: 395px;margin: 0 auto 15px;}
#kagawaSec .titleBox h3{text-align:center; border-top: 1px solid #000;border-bottom: 1px solid #000;}
#kagawaSec .contentsArea{position:relative;}
#kagawaSec .contentsArea .txtBox{font-size: 13px; line-height: 1.3; width: 410px; margin: 0 auto;}
#kagawaSec .contentsArea .fukidashiBox{position:absolute;right: 20px;top: -245px;}
#kagawaSec .contentsArea .fukidashiBox .txt_fukidashi02{padding: 5px 0 0 70px;}
#kagawaSec .contentsArea .btnBox{display:table;margin: 20px auto 0;}
#kagawaSec .contentsArea .btnBox > *{display:table-cell;padding: 0 5px;}

/*----- 香川選手のビデオレター -----*/
#movieBox{
    background-color:#000;
}
#movieBox div{
    background-image:url(/images/back01b.jpg);
    background-position:center center;
    padding:20px;
    border-left:#000 5px solid;
    border-right:#000 5px solid;
    border-bottom:#000 5px solid;
}
#movieBox iframe{width:500px; height:330px;}
#movieBox h3{color:#fff; text-align:center;}
#movieBox h3 span{font-weight:normal;}
#movieBox p{
    width:500px;
    margin:0 auto;
    background-image:url(/images/back01b.jpg);
    background-position:center center;
    background-size:100% auto;
    background-repeat:no-repeat;
}

/*----- 小さいサイズのビデオレター -----*/
.movieBox_sizeS{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.movieBox_sizeS > section{width: 32%;}
.movieBox_sizeS .sectionInner{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.movieBox_sizeS .movieP a img{width: 100%; height: auto;}
.movieBox_sizeS > section .movieP{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
.movieBox_sizeS > section .movieTtl{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; width: 100%; font-size: 86%; text-align: center; margin-top: 1em;}
.movieBox_sizeS > section .txt{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3; width: 100%; font-size: 86%}

.commentBox{width:940px;margin:  18px auto; border: 1px solid #CCC; padding: 15px 153px;font-size: 14px;font-weight: 800; background: #ffffe2; border-radius:10px;}
.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;}

.dsa_topic_mark {
    display: inline-block;
    padding: 2px 8px 1px 8px;
    background-color: #000;
    color: #fff;
    border-radius: 14px;
    margin: 10px 5px 10px 0px;
}


/*----- benefitsSec -----*/
#benefitsSec{padding-top: 1em; padding-bottom: 2em; background: repeating-linear-gradient(-45deg, rgb(255 245 167), rgb(255 245 167) 2px, rgba(255, 255, 255, 1) 2.5px, rgba(255, 255, 255, 1) 8px);}
#benefitsSec .benefitsInner{width: 95%;margin: 0 auto;}
#benefitsSec .benefitsInner .bnrBox img{width: 100%;}
#benefitsSec .benefitsInner  .benefitsFlex{display: flex;justify-content: space-around;}
#benefitsSec .benefitsInner  .benefitsFlex img{display: block; margin: 0 auto 1em;}
#benefitsSec .benefitsInner  .benefitsFlex .benefitsNum{margin-left: -0.3em; width: 2em;height: 1.8em;font-size: 1.5em;text-align: center;background-color: #ffe600;font-weight: bold;}
#benefitsSec .benefitsInner  .benefitsItem{background-color: #fff;width: 40%;border: 8px solid #ffe600;}
#benefitsSec .benefitsInner .benefitsText{display: table; font-size: 2em;font-weight: bold;margin: 1.2em auto 1em;}
#benefitsSec .benefitsInner .bagInfo{width: 80%;margin: 1.8em auto 0;}
#benefitsSec .benefitsInner .bagInfo p{text-align: center; font-size: 1.2em;font-weight: bold;line-height: 1.5;}
#benefitsSec .benefitsInner .bagInfo .bagText{font-size: 1.5em;font-weight: bold;}
#benefitsSec .benefitsInner .bagInfo p span{font-size: 0.8em;font-weight: normal;}
#benefitsSec .benefitsInner .abroadInfo p{text-align: center; font-size: 1em;margin-bottom: 1em;font-weight: bold;}
#benefitsSec .benefitsInner .abroadInfo p span{font-size: 1.5em;}
#benefitsSec .benefitsInner .abroadInfo a{display: block;width: 280px; margin: 1em auto;padding: 0.6em 2em;background-color: #ffe600;border: #000 solid 2px;border-radius: 50px;text-align: center;color: #000;font-size: 1.1em;font-weight: bold;transition: ease .3s;}
#benefitsSec .benefitsInner .abroadInfo a:hover{text-decoration: none;opacity: 0.5;}

/*----- beneSec -----*/
#beneSec{margin-bottom: 15px;}
#beneSec .beneInner .bnrBox{position: relative;}
#beneSec .beneInner .tourBtn img{width: 330px;}
#beneSec .beneInner .bnrBox .tourBtn{position: absolute;bottom:105px;right: 100px;opacity: 1;transition: ease .3s;}
#beneSec .beneInner .bnrBox .tourBtn:hover{opacity: 0.5;}

/*----- formBtnArea -----*/
.formBtnArea{background:#fff;}
.formBtnArea.type01{background:url(../images/bk_area01.jpg) no-repeat center center / cover;}
.formBtnArea.type02{background:url(../images/bk_area02.jpg) no-repeat center center / cover;}
.formBtnArea.type03{background:url(../images/bk_area03.jpg) no-repeat center center / cover;}
.formBtnArea{padding:70px 0;}
.formBtnArea .formBtnInner{width: 946px;margin: 0 auto;padding: 65px 20px;background: url(../images/bk_btn_area.png) no-repeat center center;background-size: 100% auto;}
.formBtnArea .formBtnInner .titleBox{padding: 50px 0 0 300px;}
.formBtnArea .formBtnInner .titleBox .btnBox{display:table;}
.formBtnArea .formBtnInner .titleBox .btnBox > *{display:table-cell;}
.formBtnArea .formBtnInner .titleBox .btnBox p{padding: 0 5px;}

section[id*="dsaFuture"] > .sectionInner .titleBox h2 span{display:block;text-align:center;line-height: 1;}


/*----- dsaFuture01Sec -----*/
#dsaFuture01Sec{background-color: #fff9b3;}
#dsaFuture01Sec > .sectionInner{}
#dsaFuture01Sec > .sectionInner h2{font-weight:bold;}
#dsaFuture01Sec .imgBox{margin: 0 10px 0px 40px;}
#dsaFuture01Sec .txtBox h3{font-size: 21px;font-weight: bold;line-height: 1.4;}
#dsaFuture01Sec .txtBox p{font-size:14px;}
#dsaDiscripBox .txtBox > .sectionInner{padding:0 40px 0;}
#dsaFuture01Sec .facebookBox{margin: 40px 0 0; padding: 30px 40px 30px; border-radius: 10px; background: #ffe600;}
#dsaFuture01Sec .facebookBox .inTxtBox{width: 450px;}
#dsaFuture01Sec .facebookBox .inTxtBox h4{margin-bottom:0.5em;}
#dsaFuture01Sec .facebookBox .inTxtBox p{line-height:1.5;}
#dsaFuture01Sec .facebookBox .inImgBox{width:380px;padding: 10px 0 0;}

/*----- dsaFuture02Sec -----*/
#dsaFuture02Sec{}
#dsaFuture02Sec > .sectionInner{padding: 30px 40px 45px;}
#dsaFuture02Sec .pointSec{padding: 30px 0;}
#dsaFuture02Sec .pointSec > .sectionInner{padding: 0 75px;}
#dsaFuture02Sec .pointSec .txtBox{}
#dsaFuture02Sec .pointSec .titleBox{margin-left: -75px;margin-bottom: 15px;}
#dsaFuture02Sec .pointSec .txt{font-size: 15px;line-height: 1.5;}
#dsaFuture02Sec #point01 .txtBox{width: 425px;}
#dsaFuture02Sec #point01 .topBox{position: relative;margin-bottom: 20px;}
#dsaFuture02Sec #point01 .topBox .imgBox{position:absolute;right:0;top: -35px;}
#dsaFuture02Sec #point01 .bottomBox{border:5px solid #dbdcdc;padding: 15px 15px;}
#dsaFuture02Sec #point02 .txtBox{width: 450px;}

/*----- dsaFuture03Sec -----*/
#dsaFuture03Sec{
    background-color: #111215;
    background-image: url(../images/bk_slide_contents.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 1350px auto;
}

section#dsaFuture03Sec {}
#dsaFuture03Sec > .sectionInner{padding: 30px 0 112px;}
#dsaFuture03Sec > .sectionInner .titleBox h2 span.txt02{color:#fff;}
#dsaFuture03Sec #slideSec{margin-top: 30px;}
#dsaFuture03Sec #slideSec > .titleBox{padding: 40px 0 15px;}
#dsaFuture03Sec #slideSec > .titleBox .txt01{margin-right:0.5em;}
#dsaFuture03Sec #slideBox{background: rgba(0,0,0,0.7);border-radius: 20px;width: 815px;margin: 0 auto;}
#dsaFuture03Sec #slideBox .slideBoxChild{padding: 30px 125px 60px;}
#dsaFuture03Sec #slideBox .slideBoxChild .slideTitleBox{margin-bottom: 20px;}
#dsaFuture03Sec #slideBox .slideBoxChild p{font-size:14px;color: #fff;}
#dsaFuture03Sec #slideBox .slideBoxChild .box .imgBox{margin: 0 0 5px 10px;}
#dsaFuture03Sec #slideBox #slide02.slideBoxChild .box{position:relative;}
#dsaFuture03Sec #slideBox #slide02.slideBoxChild .box ul{padding-top: 50px;}
#dsaFuture03Sec #slideBox #slide02.slideBoxChild .imgBox{position:absolute;top: -60px;right: -30px;}
#dsaFuture03Sec #slideBox #slide02.slideBoxChild .box{position:relative;}
#dsaFuture03Sec #slideBox #slide03.slideBoxChild .imgBox{margin-top: -60px;margin-bottom: 0;}
#dsaFuture03Sec #slideBox #slide04.slideBoxChild .imgBox{margin: 0 20px 50px 0;}
/*flexsliderの設定*/
.custom-navigation{position:absolute; top:0; left:0; width:100%; height:100%;}
.custom-navigation > .sectionInner{position:relative;height:100%;width: 100%;}
.custom-navigation a{position:absolute; top:50%; transform:translate(0, -50%); z-index:10; cursor:pointer;}
.custom-navigation a#btnPrev{left: 3%;}
.custom-navigation a#btnNext{right: 3%;}

/*----- stepUpPlanSec -----*/
#stepUpPlanSec{background-color:#ffe600;}
#stepUpPlanSec .contentsArea p{font-size: 12px;}
#stepUpPlanSec .contentsArea dl{width:253px;}
#stepUpPlanSec .contentsArea dl dt{margin-bottom:5px;}
#stepUpPlanSec .contentsArea .stepUpPlanBox{width: 50%;}
#stepUpPlanSec .contentsArea #summerCampBox{padding-right: 1%;}
#stepUpPlanSec .contentsArea #mvpBox{padding-left: 3%;}
#stepUpPlanSec .contentsArea #mvpBox{position:relative;}
#stepUpPlanSec .contentsArea #mvpBox .fukidashi{position:absolute;top: -60px;right: 70px;}

/*----- dsaFuture04Sec -----*/
#dsaFuture04Sec{}
#dsaFuture04Sec .contentsArea .box{width:50%;}
#dsaFuture04Sec .contentsArea .box dl dt{margin-bottom:10px;}
#dsaFuture04Sec .contentsArea .box dl dd p{font-size:12px; line-height:1.4;}
#dsaFuture04Sec .top{margin-bottom: 40px;}
#dsaFuture04Sec .contentsArea #classificationBox{padding-right:2%;}
#dsaFuture04Sec .contentsArea #classificationBox .txtBox{margin-bottom: 22px;}
#dsaFuture04Sec .contentsArea #trainingBox{padding-left:2%;}
#dsaFuture04Sec .contentsArea #trainingBox .txtBox{margin-bottom:20px;}
#dsaFuture04Sec .bottom{border: 8px solid #f7a5c9;}
#dsaFuture04Sec .bottom #classListBox{padding:24px;}
#dsaFuture04Sec .bottom #classListBox li{padding-bottom:15px;}
#dsaFuture04Sec .bottom #classListBox li:not(:last-child){margin-bottom:15px; border-bottom:1px dashed #969696;}
#dsaFuture04Sec .bottom #classListBox dl{display:table;}
#dsaFuture04Sec .bottom #classListBox dl > *{display:table-cell;}
#dsaFuture04Sec .bottom #classListBox dt{vertical-align:middle;}
#dsaFuture04Sec .bottom #classListBox dd{overflow:hidden;}
#dsaFuture04Sec .bottom #classListBox dd .txtBox{width: 476px;padding: 0 20px;}
#dsaFuture04Sec .bottom #classListBox dd .txtBox p{font-size:12px;line-height: 1.6;}

/*----- dsaFuture05Sec -----*/
#dsaFuture05Sec p{display:inline-block;}
#dsaFuture05Sec #monthlyTaxBox{margin-bottom:40px;}
#dsaFuture05Sec #shokeihiBox{margin-bottom:40px;}
#dsaFuture05Sec #benefitsBox{}


/*----- dsaFuture06Sec -----*/
#dsaFuture06Sec{}
#dsaFuture06Sec .titleBox{margin-bottom:15px;}
#dsaFuture06Sec .titleBox h3{color:#fff;background:#000000;font-size: 16px; font-weight:normal;line-height: 1;padding: 0.4em 0 0.3em 0.5em;}
#dsaFuture06Sec .titleBox h3 span{font-weight:bold;}
#dsaFuture06Sec .scheduleListArea{margin-bottom:20px;}
#dsaFuture06Sec .scheduleListBox{}
#dsaFuture06Sec .scheduleListBox ul{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
#dsaFuture06Sec .scheduleListBox ul li{width: 300px;}
#dsaFuture06Sec .scheduleListBox ul li:nth-of-type(n+4){margin-top:20px;}
#dsaFuture06Sec .scheduleListBox ul li.icoBox{text-align: center;align-self: center;margin: 0;}
#dsaFuture06Sec .scheduleListBox ul li.icoBox > *{display:inline-block;}
#dsaFuture06Sec .scheduleListBox dl dt{display:table;}
#dsaFuture06Sec .scheduleListBox dl dt span{display:table-cell;vertical-align: top;}
#dsaFuture06Sec .scheduleListBox dl dt.venueName{font-size:18px;font-weight:bold;margin-bottom: 2%;}
#dsaFuture06Sec .scheduleListBox dl dt.venueName .day{}
#dsaFuture06Sec .scheduleListBox dl dt.venueName .txt{padding-left:15px;font-size:18px;font-weight:bold;line-height: 1.2;}
#dsaFuture06Sec .scheduleListBox dl dt.venueName .txtDay{color:#ea1e79; font-size:12px;}
#dsaFuture06Sec .scheduleListBox dl dd{}
#dsaFuture06Sec .scheduleListBox dl dd .mapBox iframe{width:100%; height:165px; display:block;}

#dsaFuture06Sec .scheduleListBox .txtBox{padding: 10px 0px 0;}
#dsaFuture06Sec .scheduleListBox .txtBox dt.jusho{line-height:1.2;}
#dsaFuture06Sec .scheduleListBox .txtBox dt.jusho .txt{font-size:14px;font-weight:normal;line-height: 1.2;color:#333333;padding-right: 0.5em;}
#dsaFuture06Sec .scheduleListBox .txtBox dt.jusho .link a{font-size:14px;font-weight:normal;line-height: 1.2; color:#2e318f;}
#dsaFuture06Sec .scheduleListBox .txtBox dd.root p{font-size:12px;font-weight: normal;line-height: 1.5;color:#666666;padding-left: 1em;text-indent: -0.5em;font-feature-settings: "palt";}
#dsaFuture06Sec .scheduleListBox .txtBox dd.root p:before{content: "・";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;}

/*----- timeTableBox -----*/
#timeTableBox{background:#efefef;padding: 30px 55px;}
#timeTableBox dl dt{font-size:14px;font-weight: bold;line-height:1;border:1px solid #000;margin-bottom:10px;padding: 0.5em 0 0.4em 0.5em;}
#timeTableBox ul li{padding: 0 0.7em;border-bottom:1px dashed #000;}
#timeTableBox ul li:not(:last-child){margin-bottom:5px;}
#timeTableBox #regularCourseBox dt{background:#fff; color:#000;}
#timeTableBox #proCourseBox dt{background:#000; color:#fff;}


/*----- KaijouLinkBox -----*/
#KaijouLinkBox .sectionInner > .titleBox {
margin-bottom: 25px;
padding: 15px 50px; border-top: 15px solid #e6e6e6; margin-top: 40px; border-bottom: 15px solid #e6e6e6;
}
#KaijouLinkBox h2 {padding-left: 30px; margin-bottom: 5px;}
#KaijouLinkBox .table_child p { padding-top: 20px;}



/*----- formSec -----*/
#formSec{border-top:28px solid #ffe600;background: url(../images/bk_form01.jpg) repeat-y center top -5% / contain;}
#formSec > .sectionInner{
background:background: rgb(0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
}

#formSec #formTb{width:865px;margin:0 auto;padding: 30px 0 0;}
#formSec #formTb .bnrBox{margin-bottom: 60px;}
#formSec #formTb .bnrBox img{margin-left: calc( (946px - 100%) / -2);}
#formSec #formTb #formBox{background:#fff; padding:65px 80px;}
#formSec h2{margin-bottom:25px;padding-left: 220px;position: relative;}
#formSec h2:before{content:"";display:block;width: 108px;height: 108px;background:url(../images/logo_dsa_mono.png) no-repeat center center/100% auto;position: absolute;top: 50%;left: 100px;transform: translate(0,-50%);}
#formSec h2 span{display:block;/* text-align:center; */color:#fff;font-weight:normal;}
#formSec h2 .txt01{font-size:28px;}
#formSec h2 .txt02{font-size:34px;font-weight: bold;}





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


/*----------------------------------------------------------------------------
***                                                             footer
----------------------------------------------------------------------------*/
#footerArea{background:#000;}
#footerArea .boxTop{width: 865px;margin:0 auto;padding:45px 0;}
#footerArea .link{padding:0.5em 0;}
#footerArea .link a{font-size:13px; color:#fff; text-decoration:none;}

#addressBox{display:inline-block; padding-left:30px;}
#addressBox dl dt{display:inline-block;padding:0 5.5em;font-size:12px;color:#ffffff;background: #ea1e79;}
#addressBox dl dd .txtTel{margin:1em 0;}
#addressBox dl dd .txt01{font-size: 1rem;}
#addressBox dl dd p{font-size:13px; line-height:1.5;}
#addressBox p{color:#e3e3e3;}
#addressBox p a{color:#e3e3e3;}
#copy{padding:10px 0; border-top:2px solid #ffe600;}
#copy p{color:#b0b0b0;}



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