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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {margin: 0px auto 0 !important;padding-top: 10px;border-top:solid 20px #00A1BF;}
#headerAreaInner {position: relative;}

#headerArea #headerLink{width: 248px;}

#headerArea .ttlTxt{
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    position: absolute;
    top: -28px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}
#headerArea .ttlSub{
    position: absolute;
    top: -28px;
    right: 0;
    color: #fff;
    font-size: 11px;
    text-align: right;
    width: 400px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{ width:90%; max-width:950px; margin: 0 auto 20px auto;}
#breadcrumbArea li{ float:left; font-size:10px; }
#breadcrumbArea li a{ display:block; background:url(https://www.nova.co.jp/common_images/icon_list03.gif) right 50% no-repeat; padding-right:25px;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea { margin:0 auto;}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}
.mainSection h2{
	color: #f7931e;
}



/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/

.flexBox{ display:flex;}
.pcNone{ display:none;}

#titleBoxInner{background:url(https://www.nova.co.jp/novasapo/images/bg_main.jpg) no-repeat top center;width: 100%; height: 500px; text-align: center;}
#titleBoxInner img{margin:2em;}

#planSection{ padding: 15px 0 70px; background:#F2F2F2;}
#planSection h3{ font-size:39px; text-align:center;}


#planSection #planBlock .planTxt{ text-align:center;  margin:30px auto 40px; font-size:21px;}
#planSection #planBlock .detail{ border:1px solid #333; padding:20px 0; text-align:center; font-size:20px; width:362px; margin:0 auto; font-weight:bold;}
#planSection #planBlock a:visited,
#planSection #planBlock a:link{ color:#333; text-decoration:none;}
#planSection #planBlock a:hover{ color:#9e9c9c;}

#planSection #planBlock #novasapo p{ position:relative;line-height:1.1em; width:420px; margin: 20px auto;}
#planSection #planBlock #novasapo p:before{ content:""; position:absolute; width:83px; height:83px; top:0; left:0%; background-size:100%;}

#planSection #planBlock #novasapo { margin:15px 8px 12px auto; width:448px; background:#FFF; padding:25px 18px 30px;}
#planSection #planBlock #novasapo ul{display: flex; margin: 20px 25px;}
#planSection #planBlock #novasapo ul .dai{border-bottom:1px solid #231815; font-weight:bold; font-size:55px;width: 280px;height: 65px; padding-top: 10px;}
#planSection #planBlock #novasapo li span{ color:#F3992B;}#planSection #planBlock #novasapo .detail span{color:#F3992B;}
#planSection #planBlock #novasapo .menu{width: 100px;}#planSection #planBlock #novasapo .comment{font-size: 28px; text-align: center; font-weight: bold;}
#planSection #planBlock #novasapo .planImg{margin-left: 22px; margin-bottom: 52px;}
#planSection #planBlock #novasapo .planTxt span{color:#F3992B;}


#planSection #planBlock #tekitore p{ position:relative; line-height:1.1em; width:420px; margin:20px auto;}
#planSection #planBlock #tekitore p:before{ content:""; position:absolute; width:83px; height:83px; top:0; left:0%; background-size:100%;}
#planSection #planBlock #tekitore ul{display: flex; margin: 20px 55px;}
#planSection #planBlock #tekitore ul .dai{border-bottom:1px solid #231815; font-weight:bold; font-size:55px;width: 230px;height: 65px; padding-top: 10px;}
#planSection #planBlock #tekitore li span{ color:#E95513;}
#planSection #planBlock #tekitore { margin:15px auto 12px 7px; width:448px; background:#FFF; padding:25px 18px 30px;}
#planSection #planBlock #tekitore .menu{width: 100px;}
#planSection #planBlock #tekitore .detail span{color:#E95513;}
#planSection #planBlock #tekitore .comment{font-size: 28px; text-align: center;font-weight: bold;}
#planSection #planBlock #tekitore .planImg{margin-left: 35px; margin-bottom:45px;}



#planSection #sapuri{ background:#FFF; margin:0 auto; width:950px;padding:25px 18px 30px;}
#planSection #sapuri .pcNone{display: none;}
#planSection #sapuri ul{display: flex; justify-content: center;}
#planSection #sapuri ul p{color:#00A99D;  border-bottom:1px solid #231815; font-weight:bold; font-size:38px;width: 320px;}

#planSection #sapuri li{margin: 0 5px 0 -10px;}
#planSection #sapuri .risusapu{margin: 0 5px 0 40px;}
#planSection #sapuri .planImg{ margin-bottom:45px; text-align:center;}
#planSection #sapuri .detail{ border:1px solid #333; padding:20px 0; text-align:center; font-size:20px; width:490px; margin:0 auto; font-weight:bold;}
#planSection #sapuri a:visited,
#planSection #sapuri a:link{ color:#333; text-decoration:none;}
#planSection #sapuri a:hover{ color:#9e9c9c;}
#planSection #sapuri .detail span{color:#00A99D;}
#planSection #sapuri .img{width: 94%;}
#planSection #sapuri .comment{font-size:39px; text-align: center;font-weight: bold;}

/*----------------------------------------------------------------------------
 ***                                                                   novasapo section
----------------------------------------------------------------------------*/
#novasapoSection{}
#novasapoSection .sectionInner{ width:950px; margin:70px auto 90px;}
#novasapoSection .sectionInner ul{display: flex;}
#novasapoSection .sectionInner ul .dai{border-bottom:1px solid #231815; font-weight:bold; font-size:55px;width: 280px;height: 65px; padding-top: 10px;}

#novasapoSection .sectionInner .leftBlock{ width:526px;} 
#novasapoSection .sectionInner .leftBlock p{margin: auto 0;}
#novasapoSection .sectionInner .rightblock{margin: 0 0 0 100px;}
#novasapoSection p{ position:relative;line-height:1.1em; width:425px; margin: 22px auto;}
#novasapoSection p:before{ content:""; position:absolute; width:83px; height:83px; top:0; left:0%; background-size:100%;}
#novasapoSection .comment{font-size: 28px;font-weight: bold;margin: 15px 0;}
#novasapoSection .menu{width: 100px;}
#novasapoSection li .dai span{ color:#F3992B;}
#novasapoSection .readTxt{ font-size:21px; margin:25px 0; line-height:1.5em; width: 500px;}
#novasapoSection dl{ margin:30px 0 0px; padding-bottom:25px;}
#novasapoSection dl dt{ font-size:22px; border-bottom:1px solid #231815; margin-bottom:15px;}
#novasapoSection dl .smallTxt{font-size:14px;}

#novasapoSection .course dd:before{ content:"■"; color:#C2475E; font-size:32px; vertical-align:middle;}
#novasapoSection .course dd{ margin:7px 0; font-size:20px;}

#novasapoSection .fukidashiBlock{ background:#F3992B; padding:60px 0; }
#novasapoSection .fukidashiBlock .sectionInner{ background:none; margin:0 auto; position:relative;}
#novasapoSection .fukidashiBlock .sankaku{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 43px 60px 43px;
	border-color: transparent transparent #F3992B transparent;
	position:absolute;
	top:-118px;
	left:425px;
	}
#novasapoSection .fukidashiBlock h4{ color:#FFF; font-size:43px; text-align:center;}

#novasapoSection .topBox{ background:#FDFBEE; padding:38px 54px 38px 38px; height:525px; margin:45px 0 0;}

#novasapoSection .topBox .point1 .pt{border-bottom: solid 1px #000000; text-align:center;font-size: 30px; font-weight: bold;width: 100%;}
#novasapoSection .topBox ul{display: flex;}
#novasapoSection .topBox ul img{margin:0px 20px 20px 50px;}
#novasapoSection .topBox ul h5{font-size:30px; margin: 20px 0 0 30px;}
#novasapoSection .topBox ul h2{font-size:20px; margin: 20px 0 -20px 30px;}
#novasapoSection .topBox ul p{font-size:15px; margin: 10px 0 0 30px; width:570px; line-height: 1.5em;}
#novasapoSection .topBox ul .right{margin-top: 0px;}

/*----------------------------------------------------------------------------
 ***                                                                   tekitoreSection
----------------------------------------------------------------------------*/

#tekitoreSection .sectionInner{ width:950px; margin:70px auto 90px;}
#tekitoreSection .sectionInner ul{display: flex;}
#tekitoreSection .sectionInner ul .dai{border-bottom:1px solid #231815; font-weight:bold; font-size:55px;width: 280px;height: 65px; padding-top: 10px;}
#tekitoreSection .sectionInner .leftBlock{ width:526px;} 
#tekitoreSection .sectionInner .rightblock{margin: 0 0 0 100px;}
#tekitoreSection p{ position:relative;line-height:1.1em; margin: 22px auto;}
#tekitoreSection p:before{ content:""; position:absolute; width:83px; height:83px; top:0; left:0%; background-size:100%;}
#tekitoreSection .comment{font-size: 28px;font-weight: bold;margin: 15px 0;}
#tekitoreSection .menu{width: 100px;}
#tekitoreSection li .dai span{ color:#E95513;}
#tekitoreSection .readTxt{ font-size:21px; margin:25px 0; line-height:1.5em; width: 500px;}
#tekitoreSection dl{ margin:30px 0 0px; padding-bottom:25px;}
#tekitoreSection dl dt{ font-size:22px; border-bottom:1px solid #231815; margin-bottom:15px;}
#tekitoreSection dl .smallTxt{ font-size:14px;}

#tekitoreSection .course dd:before{ content:"■"; color:#C2475E; font-size:32px; vertical-align:middle;}
#tekitoreSection .course dd{ margin:7px 0; font-size:20px;}

#tekitoreSection .fukidashiBlock{ background:#E95513; padding:60px 0; }
#tekitoreSection .fukidashiBlock .sectionInner{ background:none; margin:0 auto; position:relative;}
#tekitoreSection .fukidashiBlock .sankaku{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 43px 60px 43px;
	border-color: transparent transparent #E95513 transparent;
	position:absolute;
	top:-118px;
	left:425px;
	}
#tekitoreSection .fukidashiBlock h4{ color:#FFFFFF; font-size:43px; text-align:center;}
#tekitoreSection .fukidashiBlock .coursebox{background:#FDFBEE; padding:15px; margin:45px 0 75px;}
#tekitoreSection .fukidashiBlock .coursebox ul{display:flex;}
#tekitoreSection .fukidashiBlock .coursebox ul .txt{margin-top: 12px; margin-left:15px; font-size:17px;line-height:1.5em;}
#tekitoreSection .fukidashiBlock .coursebox ul .img{margin:10px 0 10px 20px;}
#tekitoreSection .fukidashiBlock .coursebox .tekisuto .txt{margin-top:27px;}

#tekitoreSection .fukidashiBlock .appBox { background:#FDFBEE; padding:25px 100px 50px; margin:45px 0 0;}
#tekitoreSection .fukidashiBlock .appBox .imgArea{ margin:0 30px 0 0;width: 150px;}
#tekitoreSection .fukidashiBlock .appBox .flexBox .big{font-weight:bold; font-size:55px;margin-bottom:-14px;}
#tekitoreSection .fukidashiBlock .appBox .flexBox .big span{ color:#E95513;}
#tekitoreSection .fukidashiBlock .appBox #tangorikai{ margin:35px 0 0; }
#tekitoreSection .fukidashiBlock .appBox #tangorikai dd p{ float:left; position:relative;}
#tekitoreSection .fukidashiBlock .appBox #tangorikai dd p:nth-of-type(2){ margin:21px 27px;}
#tekitoreSection .fukidashiBlock .appBox #tangorikai #AILabel{ position:absolute; right:-20px; top:-42px;}
#tekitoreSection .fukidashiBlock .appBox dl{ margin:35px 0 55px; padding-bottom:0;}
#tekitoreSection .fukidashiBlock .appBox dl dt{ text-align:center; border:none;}
#tekitoreSection .fukidashiBlock .appBox #listening{ margin:35px 27px;}

#tekitoreSection .fukidashiBlock .appBox .appBoxEnd{ padding-top:60px; border-top:1px dashed #000;}
#tekitoreSection .fukidashiBlock .appBox .appBoxEnd p:first-child{ font-size:25px; font-weight:bold;}
#tekitoreSection .fukidashiBlock .appBox .appBoxEnd .imgArea{ margin:0 0 0 70px;}
#tekitoreSection .fukidashiBlock .appBox .appBoxEnd #usagiImg{ margin-top:64px;}
#tekitoreSection .fukidashiBlock .appBox #tangorikai .clearfix_sp{display: none;}


/*----------------------------------------------------------------------------
 ***                                                                   apuriSection
----------------------------------------------------------------------------*/

#apuriSection .sectionInner {width: 950px; margin: 70px auto 90px;}
#apuriSection .sectionInner h3{font-size: 70px; text-align: center;}
#apuriSection .sectionInner .flex{display: flex;}
#apuriSection .sectionInner .leftBlock{width: 450px;margin: 15px 0 12px 0;}
#apuriSection .sectionInner .leftBlock ul{display: flex;}
#apuriSection .sectionInner .leftBlock ul p{ color:#00A99D; font-weight:bold; font-size:45px;width: 450px; border-bottom:1px solid #231815; }
#apuriSection .sectionInner .leftBlock li{margin: 0 5px 0 0;}
#apuriSection .sectionInner .leftBlock .apuryu{margin: 0 5px 0 0;}
#apuriSection .sectionInner .leftBlock .img{text-align: center;margin: 15px auto;}
#apuriSection .sectionInner .leftBlock .readTxt{width: 450px; margin-bottom: 24px;}
#apuriSection .sectionInner .rightblock{width: 450px; margin: 15px auto 12px 50px;}
#apuriSection .sectionInner .rightblock ul{display: flex;}
#apuriSection .sectionInner .rightblock ul p{ color:#00A99D; font-weight:bold; font-size:45px;width: 450px; border-bottom:1px solid #231815; }
#apuriSection .sectionInner .rightblock li{margin: 0 5px 0 0px;}
#apuriSection .sectionInner .rightblock .risusapu{margin: 0 5px 0 0;}
#apuriSection .sectionInner .rightblock .img{text-align: center;margin: 15px auto;}
#apuriSection .sectionInner .rightblock .readTxt{width: 450px; margin-bottom: 24px;}
#apuriSection .sectionInner dt{text-align: center; border-bottom: solid 1px #000000; font-size: 22px;margin: 15px 0}
#apuriSection .sectionInner dd {text-align: center;}


#apuriSection .fukidashiBlock{ background:#00A99D; padding:60px 0; }
#apuriSection .fukidashiBlock .sectionInner{ background:none; margin:0 auto; position:relative;}
#apuriSection .fukidashiBlock .sankaku{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 43px 60px 43px;
	border-color: transparent transparent #00A99D transparent;
	position:absolute;
	top:-118px;
	left:425px;
	}
#apuriSection .fukidashiBlock h4{ color:#FFF; font-size:43px; text-align:center;}
#apuriSection .topBox .point1{ background:#FDFBEE; padding:38px 54px 38px 38px; height:175px; margin:45px 0 0;}
#apuriSection .topBox .point{border-bottom: solid 1px #000000; text-align:center;font-size: 30px;font-weight: bold; }
#apuriSection .topBox .sec{font-size:30px; text-align: center; margin: 20px;}
#apuriSection .topBox p{font-size:17px; text-align: center;line-height: 1.5em;}
#apuriSection .topBox .flex1{display:flex; justify-content: center; font-weight: bold;}



#contactBox{
    width: 748px;
    margin: 50px auto;
}
#contactBox p{ font-size:25px;}
#contactBox ul{
    margin-top: 20px;
}
#contactBox li:first-child{ margin-right:20px;}
#contactBox li a:hover{ opacity:0.5;}