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

.mainSection .Details {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    font-weight: bold;
    color: #FFF;
    background: #02434E url(../images/btn_icon01.png) no-repeat center right 5px;
}
.mainSection .Details:hover {
    background-color: #2E626C;
}

.mainSection strong{color:#e61673;}

section{}
section h3{background: #005873;color: #fff;font-size: 30px;padding: 10px 20px 5px;border-radius: 10px 10px 0 0;margin-bottom: 20px;}
section h3 span{
    border-left: 5px solid;
    padding-left: 10px;
    display: block;
    height: 35px;
}
section h3.pullBtn{background: url(../images/ico_arrow_off@2x.png) no-repeat left 0.3em center/0.9em auto,#fff;border-left: 7px solid #00a1c9;border-bottom: 2px solid #00a1c9;color: #00a1c9;font-size: 30px;padding: 5px 0px 2px 1.5em;border-radius: 0;margin: 40px 0 0px;font-size: 170%;cursor: pointer;user-select: none;}
section h3.pullBtn.open{background: url(../images/ico_arrow_on@2x.png) no-repeat left 0.3em center/0.9em auto,#fff;border-left: 7px solid #005873;border-bottom: 2px solid #005873;color: #005873;}
section h3.pullBtn span{
    border-left: none;
    padding-left: 0;
    display: block;
    height: auto;
}

/*----------------------------------------------------------------------------
 ***                                                                mainImgBox
----------------------------------------------------------------------------*/
#mainImgBox{background:url(../images/img_bk01.jpg) no-repeat top center;position:relative;padding-top: 50px;height: 420px; background-size: cover;}
#mainImgBox .mainImgInr{width:1100px; margin:0px auto;}
#titleBox{}
#titleBox h2{font-size: 24px;}
#titleBox h2 span[class^="label"]{font-size:15px;padding: 6px 8px 3px;color:#fff;line-height:1;}
#titleBox h2 .label_middleschool{background:#00a1c9; margin-right:5px;}
#titleBox h2 .label_highschool{background:#005873;}
#titleBox p{ margin-top:2px; }
#titleBox .dispInBlock{
    font-size: 20px;
    background: #e61673;
    color: #fff;
    padding: 6px 30px 3px;
    margin-bottom: 20px;
}
#titleBox .mainTxt01{
    font-size: 16px;
    margin-bottom: 10px;
}

#titleBox .mainTxt02{
    font-size: 16px;
    margin-bottom: 10px;
    width: 496px;
    line-height: 1.3em;
}

#mainLinkBox{
    position: absolute/*relative*/;
	bottom: -10px; 
    width: /*640px*/ 660px;/*480px;*/
   margin-top:/*30px*/;
}
#mainLinkBox .tel{
    margin-bottom: 20px;
}
#mainLinkBox .linkBtn01{
    padding: 70px 0 0 0px/*10px 0 0 110px*/;
    /*text-align: center;*/
	width: 350px;
	float: left;
	
}
#mainLinkBox .linkBtnDouga{
	float: right;
  transform: translateY(-10px);
}

#mainLinkBox .linkBtn01 .txt{
	display:inline-block;
	margin-bottom:10px;
}

#gnavi{ margin-bottom:10px;}
.nav{background-color:#FFF;height: 140px;box-shadow:0 3px 3px grey;}
.nav .topBox{background:#005873;}
.nav .bottomBox{padding-top:5px;}
.nav ul{width:1100px;margin:0 auto;}
.nav ul li{color:#fff;border-left:1px dotted #666666;font-size:15px;width: 33.3%;padding: 10px 0 0;text-align:center;height: auto;display: inline-block;box-sizing: content-box;}
.nav .topBox ul li{border-left:1px dotted #ffffff;height: 55px;font-size: 20px;padding: 15px 0 0;}
.nav .topBox ul li a{color:#fff;}
.nav .topBox ul li.last{border-right:1px dotted #ffffff;}
.nav .bottomBox ul li{width: calc(100% / 6);}
.nav .bottomBox ul li.last{border-right:1px dotted #666666;}
.nav #nav_L{ border-right:1px dotted #666666;}
.nav ul li.last{}
.nav ul li a{text-decoration:none; color:#000;}
.nav ul li a:hover{text-decoration:none; color:#f5316c;}
.nav .linkArrow{color: #0099cc;}
.sectionInner{width:1100px; margin:0 auto;position:relative;}

/*2024年3月5日ここから*/
.nav ul li{width:50%;}
/*2024年3月5日ここまで*/
/*----------------------------------------------------------------------------
***                                                                   contentsArea
----------------------------------------------------------------------------*/
#meritto {width: 796px; margin: 44px auto 0px auto;}

/*----------------------------------------------------------------------------
***                                                                   reasonSec 
----------------------------------------------------------------------------*/
#reasonSec{padding-top: 60px;background: url(../images/line.png) repeat-x bottom;padding-bottom: 80px;}
#reasonSec .contentsBox{padding: 20px 45px 0;}
#reasonSec .subttl{font-size:23px;margin-bottom: 15px;}
#reasonSec .box{background: #fef8ea;padding: 30px 40px;margin-bottom: 60px;border-radius: 15px;}
#reasonSec .box li{width: 50%;padding: 0px 50px;}
#reasonSec .box li:nth-of-type(n+2){border-left:1px dashed #898989;}
#reasonSec .box dt{text-align:center;color:#005873;font-size: 18px;margin-bottom: 25px;}
#reasonSec .box dd{text-align:center;}
#reasonSec .box dd .img{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height:90px;}
#reasonSec .box dd .txt{margin-top:25px;}
#reasonSec .box dd .linkBtn01{display:block;border:1px solid #005873;color:#005873;font-weight:bold;background:#fff;text-align:center;line-height:1;padding:10px 0;margin-top:15px;font-size:15px;border-radius:50px;}
#reasonSec .meritBox{margin-bottom: 40px;}
#reasonSec .meritBox .subttl{margin-bottom:30px;}
#reasonSec .meritBox li{padding:0 20px;width: 25%;}
#reasonSec .meritBox li:not(:last-of-type){border-right:1px solid #898989;}
#reasonSec .meritBox dt{text-align: center;font-size: 12px;font-weight:bold;margin-bottom: 10px;}
#reasonSec .meritBox dt span{font-size:20px;color:#005873;line-height:1.6;}
#reasonSec .meritBox dd{text-align: center;}
#reasonSec .meritBox dd .img{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: 60px;}
#reasonSec .meritBox dd .txt{margin-top:20px;font-size:13px;}
#reasonSec .sectionInner .formBtn{margin-bottom: -110px;}

/*-----------------200729追加----------------------------------------------*/
#reasonSec .meritBox .linkArrow{font-size: 25px; color: #0099cc; text-align: center; display: inherit; margin-top: 0.2em;}
#reasonSec .meritBox .linkArrow2{font-size: 25px; color: #0099cc; text-align: center; display: inherit; margin-top: 49px;}
#reasonSec .meritBox .linkArrow3{font-size: 25px; color: #0099cc; text-align: center; display: inherit; margin-top: 34px;}
#reasonSec .meritBox .linkArrow4{font-size: 25px; color: #0099cc; text-align: center; display: inherit; margin-top: 49px;}

/*-----------------//200729-----------------------------------------------*/



/*----------------------------------------------------------------------------
***                                                                   resultSec 
----------------------------------------------------------------------------*/
#resultSec{padding-top: 120px;background: url(../images/line.png) repeat-x bottom;padding-bottom: 80px;}
#resultSec .resultInr{padding-bottom: 10px;}
#resultSec h3{}
#resultSec .contentsBox{padding: 20px 45px 0;}
#resultSec .contentsBox h4{margin-bottom:20px;font-size: 22px;}
#resultSec .resultBox{background: #fff6e6;padding: 20px 0px 20px;}
#resultSec .resultBox .box{width: 33.3%;text-align:center;}
#resultSec .resultBox .box:not(:last-of-type){border-right: 1px dashed #595757;}
#resultSec .resultBox ul{display:inline-block;}
#resultSec .resultBox li{font-size: 16px;margin-bottom:5px;}
#resultSec .resultPhotoBox{padding: 20px 0px 20px;}
#resultSec .sectionInner .formBtn{margin-bottom: -110px;}
#jisseki {width: 886px; margin: 4px auto 0px 20px;}

/*----------------------------------------------------------------------------
***                                                                   onlineSec 
----------------------------------------------------------------------------*/
#onlineSec{padding-top: 120px; background: url(../images/line.png) repeat-x bottom; padding-bottom: 80px;}
#onlineSec .contentsBox{padding:20px 45px 0;}
#onlineSec .box{margin-bottom:30px;}
#onlineSec .box h4{font-size:22px;margin-bottom:15px;}
#onlineSec .box .floatL{width: 550px;}
#onlineSec .box .floatL p{font-size:14px; line-height:1.5;}
#onlineSec .box02 .floatR{padding-top:20px;}
#onlineSec .sectionInner .formBtn{margin-bottom: -110px;}

/*----------------------------------------------------------------------------
***                                                                   tsushinSec 
----------------------------------------------------------------------------*/
#tsushinSec{/* padding-top: 120px; *//* background: url(../images/line.png) repeat-x bottom; *//* padding-bottom: 80px; */}
#tsushinSec .contentsBox{padding: 40px 45px 40px;border: 2px solid #005873;border-top: 0;}
#tsushinSec .box{margin-bottom:30px;}
#tsushinSec .box h4{font-size:22px;margin-bottom:15px;}
#tsushinSec .box .floatL{width: 650px;}
#tsushinSec .box .floatL p{font-size:14px; line-height:1.5;}
#tsushinSec .box .floatR{padding:25px 0 0;}
#tsushinSec .box02{
    margin-bottom: 0;
}
#tsushinSec .box02 .inBox{background: #fff6e6;padding: 20px 0;}
#tsushinSec .box02 .inBox li{width:33.3%;text-align:center;margin: 0px 0 0;padding: 0px 0;}
#tsushinSec .box02 .inBox li:not(:last-of-type){border-right:1px solid #ccc;}
#tsushinSec .box02 .inBox li span{display:block;}
#tsushinSec .box02 .inBox li .img{min-height: 85px;display: flex;justify-content: center;align-items: center;}
#tsushinSec .sectionInner .formBtn{margin-bottom: -110px;}

/*----------------------------------------------------------------------------
***                                                                   systemSec 
----------------------------------------------------------------------------*/
#systemSec{/* padding-top: 120px; *//* background: url(../images/line.png) repeat-x bottom; *//* padding-bottom: 80px; */}
#systemSec .contentsBox{padding: 40px 45px 40px;border: 2px solid #005873;border-top: 0;}
#systemSec h4{font-size:22px;}
#systemSec .tableBox{background: #f7f7f7;padding: 30px 20px;margin: 30px 0 50px;}
#systemSec .tableInBox:nth-of-type(1){margin-bottom:30px;padding-bottom:30px;border-bottom: 1px dashed #727171;}
#systemSec .tableInBox .txtPink{color:#d4145a;font-weight:bold;margin-bottom:10px;}
#systemSec .tableInBox table{width:100%;font-size: 12px;}
#systemSec .tableInBox th{background:#d4145a;color:#fff;padding: 5px 5px;line-height: 1.2;}
#systemSec .tableInBox td{padding:5px 5px;background:#fff;text-align: center;}
#systemSec .grayBox{background: #f7f7f7;padding: 30px 33px;margin: 30px 0 50px;}
#systemSec .grayBox .box01{margin-bottom:30px;padding-bottom:30px;border-bottom:1px dashed #595757;}
#systemSec .grayBox .box02 .imgBox{margin-bottom:30px;}
#systemSec .grayBox .box02 .txtBox{background:#fff;padding: 20px 30px;}
#systemSec .grayBox .box02 .txtBox ul{}
#systemSec .grayBox .box02 .txtBox li{width: 46%; font-size:11px;margin-top:20px;}
#systemSec .grayBox .box02 .txtBox li .img{margin-right:10px;}
#systemSec .grayBox .box02 .txtBox li.order01{margin-top:0;}
#systemSec .grayBox .box02 .txtBox li.order02{margin-top:0;}
#systemSec .grayBox .box02 .txtBox .subTtl{font-size: 22px;font-weight: bold;}
#systemSec .grayBox .box02 .txtBox .subTtl img{margin-right:20px;}
#systemSec .grayBox .box02 .txtBox span{font-weight: bold; font-size: 12px;}
#systemSec .grayBox .floatL{width: 330px;}
#systemSec .grayBox .floatL .ttl{color:#d4145a;font-weight: bold;background:#ffe600;font-size: 20px;padding: 5px 10px 5px 10px;margin-bottom: 15px;}
#systemSec .grayBox .floatL .txt{font-size:14px;line-height:1.5;}
#systemSec #hyoukaBox .grayBox{margin-bottom: 0;}
#systemSec .sectionInner .formBtn{margin-bottom:-110px;}

/*----------------------------------------------------------------------------
***                                                                   specialistSec 
----------------------------------------------------------------------------*/
#specialistSec{/* padding-top: 120px; *//* background: url(../images/line.png) repeat-x bottom; *//* padding-bottom: 80px; */}
#specialistSec .contentsBox{padding: 40px 45px 40px;border: 2px solid #005873;border-top: 0;}
#specialistSec h4{font-size:22px;margin-bottom:10px;}
#specialistSec .txt{margin-bottom:20px;}
#specialistSec .contents01{margin-bottom:30px;}
#specialistSec .contents01 .img img{width:100%; height:auto;}
#specialistSec .contents02{margin-bottom: 30px;}
#specialistSec .contents02 .box{border:1px solid #898989;padding: 40px 40px;}
#specialistSec .contents02 .box .ttl{font-size:35px;font-weight: bold;}
#specialistSec .contents02 .box .subttl{font-size:22px;margin-bottom: 25px;font-weight: normal;}
#specialistSec .contents02 .box{text-align:center;}
#specialistSec .contents02 .box ul{display:inline-block;}
#specialistSec .contents02 .box ul li{margin-bottom:10px;font-size:18px;}
#specialistSec .contents02 .box ul li:before{content:"■";display:inline-block;color:#e61673;margin-right:10px;}
#specialistSec .sectionInner .formBtn{margin-bottom: -110px;}
#specialistSec .contents03 .movieBox {background: #fef8ea;padding: 40px 10px;position:relative;}
#specialistSec .contents03 .movieBox:before{content:"";display:block;position:absolute;bottom: -35px;left:50%;transform: translate(-50%, 0);width:91px;height:135px;background:url(../images/ico_usagi.png) no-repeat center center / 91px 135px;}
#specialistSec .contents03 .movieBox .leftBox{width:50%;padding: 0 0;}
#specialistSec .contents03 .movieBox .rightBox{width:50%;padding: 0 0;border-left: 1px dashed #898989;}
#specialistSec .contents03 .movieBox .movieInBox{max-width: 306px;min-height: 0;margin: 0 auto;position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
#specialistSec .contents03 .movieBox .movieInBox iframe{margin:0 auto;display:block;margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width: none;max-height: none;}
#specialistSec .contents03 .movieBox .txtTeacher{text-align:center; margin:1em 0 0; font-weight:bold;}

/*----------------------------------------------------------------------------
***                                                                   curriculumSec 
----------------------------------------------------------------------------*/
#curriculumSec{/* padding-top: 120px; *//* background: url(../images/line.png) repeat-x bottom; *//* padding-bottom: 80px; */}
#curriculumSec .contentsBox{padding: 40px 45px 40px;border: 2px solid #005873;border-top: 0;}
#curriculumSec .contentsBox .descriptionTxt{font-size:16px;}
#curriculumSec h4{font-size:22px;margin-bottom:10px;}
#curriculumSec .txt{margin-bottom:30px;}
#curriculumSec .floatL{width: 590px;}
#curriculumSec .sectionInner .formBtn{margin-bottom: -110px;}
#curriculumSec .contentsBox .boxStyle{}
#curriculumSec .contentsBox .boxStyle h5{color: #005873; font-size: 20px; margin-bottom: 15px;}
#curriculumSec .contentsBox .boxStyle .box{background: #f7f7f7;padding: 30px 40px;}
#curriculumSec .contentsBox .box01{margin: 30px 0 40px;}
#curriculumSec .contentsBox .box02 .txtBox{margin-bottom: 25px;}

/*----------------------------------------------------------------------------
***                                                                   supportSec 
----------------------------------------------------------------------------*/
#supportSec{/* padding-top: 120px; *//* background: url(../images/line.png) repeat-x bottom; *//* padding-bottom: 80px; */}
#supportSec .contentsBox{padding: 40px 45px 40px;border: 2px solid #005873;border-top: 0;}
#supportSec .contentsBox ul{}
#supportSec .contentsBox ul li{width:50%;box-sizing:border-box;padding: 25px 35px 25px 35px;}
#supportSec .contentsBox ul li:nth-of-type(2n){border-left:1px dashed #005873;}
#supportSec .contentsBox ul li:nth-of-type(n+3){border-top:1px dashed #005873;}
#supportSec .contentsBox dl dt{font-size:22px;}
#supportSec .contentsBox dl dd p{font-size:12px;margin-top:15px;}
#supportSec .sectionInner .formBtn{margin-bottom: -110px;}
#supportSec .contentsBox .txtBox{width: 93%;margin: 0 auto;}

/*----------------------------------------------------------------------------
***                                                                   questionsSec 
----------------------------------------------------------------------------*/
#questionsSec{/* padding-top: 120px; *//* background: url(../images/line.png) repeat-x bottom; *//* padding-bottom: 80px; */}
#questionsSec .contentsBox{padding: 40px 45px 40px;border: 2px solid #005873;border-top: 0;}
#questionsSec .contentsBox li{border:1px solid #999999;margin-bottom:20px;}
#questionsSec .contentsBox li:last-of-type{margin-bottom:0;}
#questionsSec .contentsBox dt{background:#f2f2f2;padding:20px 20px 20px 20px;font-size: 18px;}
#questionsSec .contentsBox dt .imgQuestions{margin-right:10px;}
#questionsSec .contentsBox dd{padding: 20px 20px 20px calc(20px + 37px);font-size: 15px;text-indent: -37px;}
#questionsSec .contentsBox dd .imgAnswer{margin-right:10px;}
#questionsSec .sectionInner .formBtn{margin-bottom: -110px;}

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

#sLBox{margin-bottom:25px;margin-top: 80px;}
#sLBox h3{}
#sLBox h2{font-size: 290%;
	line-height: 1.0em;
    height: 78px;
	margin-bottom: 13px;
	text-align: center;}
#sLBox .sectionInner{ 
    background: #00a1c9;
    width: 1050px;
    margin: 0 auto;
    padding: 20px 12px;
	}

#formTable{     
}

#sLBox table{ 
	background: #fff;
    border-collapse: collapse;
    margin: 0 auto;
    width: 922px;
    border: none;
	}
#sLBox table tr{} 
#sLBox table th,#sLBox table td{border-left:none; border-right:none;}
#sLBox table th{
    text-align: left;
    width: 150px;
	padding-left: 40px;
	line-height:1.5em;
	}
#sLBox table td{ 
    padding: 10px 0 10px 15px;
	
	}
	
#sLBox table input{ 
    padding: 3px;
	
	}

#sLBox table label{ 
	vertical-align: sub;
	
	}
#sLBox #corseTd li{ 
	float: left;
	width:315px;} 
	
#sLBox ul li{ 
    padding: 10px 0 ;
	vertical-align:bottom;
	} 

#sLBox ul li input{ 
	vertical-align: -0.15em;
	} 
	
#sLBox ul li span{ 
	font-size:90%;
	} 

#privacy {
    width: 960px;
    margin: 0 auto;
    padding-top: 10px;
}

#submit-area{ margin-top:20px;}
#submit-area .tac input {    padding: 10px 35px;}

/*----------------------------------------------------------------------------
 ***                                                                  menuSec
----------------------------------------------------------------------------*/
#menuSec li {
    background-image: url(../common_images/icon05.png);
}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{ 
	width:960px; 
	margin:0 auto;
    border-top: 1px solid #ccc;
    padding-top: 18px;}
#footerAreaInner {}

#footerAreaLink{}
#footerAreaLogo {}
#footerTxt{}
#footerCopyright{}


#footerLogo{width:250px; float:left; }
#footerTel{width:299px; float:Right; }