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


/*----------------------------------------------------------------------------
***                                                              ヘッダー
----------------------------------------------------------------------------*/
#headerAreaTitle p.nova{margin-left:10px;}
#headerAreaTitle{overflow:hidden; border-bottom:#46B5BC solid 5px;}
.floatL{float:left;}
.floatR{float:right;}



#headerAreaTitle p.nova{margin-left:10px;}
#headerAreaTitle{overflow:hidden; border-bottom:#46B5BC solid 5px;}

#headerAreaImg{overflow:hidden;}
#headerAreaImg .floatL{width:460px; padding:30px 0; text-align:center; height:251px;}
#headerAreaImg .floatL h1{text-align:center;}
#headerAreaImg .floatL h2{font-size:32px; line-height:1.2em; margin-top:10px; padding-left:20px;}
#headerAreaImg .floatL p{width:410px; margin:auto; margin-top:10px; line-height:1.6em;}
#headerAreaImg .floatR{width:388px;  height:311px;}

/*----------------------------------------------------------------------------
***                                                              夏期講習LP
----------------------------------------------------------------------------*/

/*----- 全体 -----*/
body{
	/*background:url(../../images/shadow.png); */
	
	background-repeat:repeat-y; background-position:center;
	/*font-weight: normal;*/
}
body p{
	font-weight: normal;
}
body li{
	font-weight: normal;
}
body dd{
	font-weight: normal;
}
#wrap{background:#FFF; margin:auto;}
#wrap{width:850px; margin:auto; box-shadow: -1px 0px 10px 4px rgb(41 41 41 / 40%);}

#mianArea{
	font-size:1rem;	
	font-weight: normal;
}
#mianArea section{
	margin-bottom: 50px;
}

.secBox>.sectionInner{
	width:88%;
	margin:0px auto;
	padding: 0px;
	font-weight: 550;
}

#mainView{
	position:relative;
	display: block;
	width: 100%;
	height:200px;
	background-image:url("../../images/detail/img_header_kinder.jpg");
	background-repeat: no-repeat;
	
}
.page_jhs #mainView{
    background-image:url("../../images/detail/img_header_jhs.jpg");
}
.page_elementary #mainView{
    background-image:url("../../images/detail/img_header_elementary.jpg");
}

#mainView .progressBox{font-size:1rem;width:100%;height: 3px;position:absolute;left:0;bottom:0;/* background:#989898; */}
#mainView .progressBox .progressBar{width:60%;height:100%;position:relative;background:#eb352d;transition: width .6s ease-out;}
#mainView .progressBox .progressBar .progressCircle{width:1em; height:1em; border-radius:50%; position:absolute; right:-0.5em; top:calc(50% - 0.5em); background:inherit;}
.page_jhs #mainView .progressBox .progressBar{background:#7f428d;width:60%;}
.page_elementary #mainView .progressBox .progressBar{background:#e59c3c;width:60%;}





body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}

p{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}
.kinderColor{
color:#eb352d;
}

.elementaryColor{
color:#e59c3c;
}

.juniorColor{
color:#7f428d;
}


/*メインビュー*/
#mainView .headerArea .textArea{
	padding-top:60px;
}
#mainView .headerArea .textArea p{
	font-size: 19px;
    color: #777;	
}
#mainView .sectionInner{
	width:90%;
}

/*サブタイトル*/
#TitleSec h3{
	
    font-size: 23px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 10px;
    border-bottom: 1.6px solid rgb(85, 85, 85);

}

#TitleSec p{
	font-weight: 450;
}


/*セクション*/

.newsSec .bnrArea{
    font-size: 16px;
    border: solid 2px;
    display: inline-block;
    padding: 3px 12px 0px;
    
}

.newsSec .bnrArea p{
	font-size:19px;
    font-weight: bold;
    
}

.newsSec .secTit{
    margin-top: 10px;
    font-size: 22px;
    
}

.newsSec .descriptionArea{
	display: flex;
	justify-content: space-between;
	
}
.newsSec .descriptionArea .Texts{
	font-size: 17px;
    margin-right: 20px;
    color: #000;
	line-height: 1.8em;
	width:55%;
   
}

.newsSec .teacherText{
	font-size: 18px;
	color:#000;
	font-weight: bold;
	
}

.newsSec .nativeProgram{font-weight: bold; color: #fff; text-align: center; background: #3097a8; padding: 0.5em 0;}

.descriptionArea .movieBoxArea{width: 100%;max-width: 550px;margin: 0 auto;}
.descriptionArea .movieBoxArea.movieRegular{max-width: 270px;/*margin-left: 1em;*/margin-top: 0.4em;margin-right:0px;}
.descriptionArea .movieBox{margin: 0 auto 0em;width:100%;position: relative;padding-bottom: 56.25%;height: 0px;overflow: hidden;}
.descriptionArea .movieBox .iframeBox{margin:0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width:none;max-height:none;}
.descriptionArea .movieBox .iframeBox img{width:100%;}

.newsSec .descriptionArea img{
	
}





/*ボタン*/
.returnBtn{
	display: inline-block;
/*    border: 1px solid #3097a8;
    background: #3097a8;
    
    padding: 8px 70px 5px;*/

}
.returBox>.sectionInner{
	text-align: center;
}

.returnBtn a{
	font-size: 16px;
	color:#fff;
    border: 1px solid #3097a8;
    background: #3097a8;
    display: inline-block;
    padding: 8px 70px 5px;
}

.returnBtn a:hover{
text-decoration: none;
opacity: 0.8;
}
.returnBtn p{
	color:#fff;
}


/*ネイティブセクション*/

.nativeColor{
color:#2e98a9;
}

.nativeTit .h3{
	font-size:22px;
	text-align: center;
}

.nativeTit p{
	line-height: 0.3em;
	text-align: center;
}

.nativeBox{
	border: solid 2px #ccc;
    padding: 40px;
	margin-top:1.5em;
}

.nativeBox .h4{
	border-bottom: solid 1px #333;
}

.nativeBox .items{
	display: flex;
    margin-top: 10px;
    justify-content: space-between;
}

.nativeBox .items p{
	line-height: 1.8em;
}
.nativeBox a:hover{opacity: .8;}

/*ネイティブプログラム*/
/*.nativeSec .h3{text-align: center; margin-bottom: 1em;}*/

.nativeSec .teacherText{
	font-size: 18px;
	color:#000;
	font-weight: bold;}


/*フッター*/

#footerArea{
    margin-top: 40px;
    padding: 60px 0px;
    background: #45b4bb;
}

#footerArea p{
	text-align: center;
}