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


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

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

#mainFirstView{}
#mainFirstView > .sectionInner{margin-top: -56px;padding: 100px 0 0 60px;height: 210px;background:url(/traning/images/img_navi.jpg) no-repeat bottom 0 center/cover;}
#mainFirstView > .sectionInner h2{font-size:40px; color:#ffe600;}


/*----------------------------------------------------------------------------
***                                                    　 mainsection
----------------------------------------------------------------------------*/
.pcHidden {display: none}
.pointSec{padding-bottom: 30px; margin-top: 30px;}
.sectionInner h4 {font-size: 20px; font-weight: bold;}

#saigenSec .saigenImg {text-align: center;margin-top: 30px;}
#saigenSec

.PointContents {padding-top: 5px;}
.PointContents  p{font-size: 13px;}


#pageTitle .titleEnglish {font-size: 13px;}
#pageTitle h3 {line-height: 1.3em; font-size: 29px;color: #fff; font-weight: 100;}
#pageTitle p {padding-top: 30px; padding-bottom: 20px}
#subTitle {height: 98px; background-size: cover; background:url(/traning/images/img_content01_06.png) no-repeat bottom 0 center/cover;}

#Cognitive .cogImg {padding-top: 30px;cursor : pointer;}

#traningMenu ul {padding-top: 25px;}
#traningMenu li {padding-bottom: 15px;}

#classList {border: #F9A3C8 5px solid;margin-top: 20px;}
#classList .listInnner {border-bottom: #bfbfbf 1px dotted; margin: 20px; padding-bottom: 20px;}
#classList .classNunmer {margin: 15px;}
#classList .classNunmerKids {margin: 15px 4px 15px 15px;}
#classList .Content {width: 370px;padding-left: 15px;}
#classList .Content p {line-height: 1.5em; font-size: 12px; padding-top: 0;}
#classList .ContentBtn {position: relative}
#classList .ContentBtn img {position: absolute;top: 86px; right: 135px;}

#scoolList .sectionInner > .titleBox {
margin-bottom: 25px;
padding: 15px 0; border-top: 15px solid #e6e6e6; margin-top: 40px; border-bottom: 15px solid #e6e6e6;}

#scoolList h3 {padding-left: 30px;}
#scoolList .table_child p { padding-top: 20px;}



/*----------------------------------------------------------------------------
***                                                               popup
----------------------------------------------------------------------------*/

section#dsaFuture03Sec {}
#dsaFuture03Sec {box-sizing: border-box;width: 1050px;height: 650px;background: #000;position: fixed;z-index: 9999;padding: 20px 35px 20px;background-image: url(../images/bk_slide_contents.png);background-repeat: no-repeat;background-position: center bottom;background-size: 1320px auto;background-position-y: -78px;}
#dsaFuture03Sec > .sectionInner{padding-top:20px;width: 100%;}
#dsaFuture03Sec .titleBox{padding-top: 31px;padding-bottom: 15px;}
#dsaFuture03Sec #slideSec{margin-top: 30px;}
#dsaFuture03Sec #slideBox{background: rgba(0,0,0,0.7);border-radius: 20px;width: 815px;height: 395px;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%;}


#modal-overlay {z-index: 1;display: none;position: fixed;top: 0;left: 0;width: 100%;height: 120%;background-color: rgba( 0,0,0, 0.75 );cursor: pointer;}


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


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



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