@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap);

.dispBlock{display: block;}
.dispInBlock{display: inline-block;}
.dispInFlex{display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;}
.dispFlex{display: -webkit-box; display: -ms-flexbox; display: flex;}
.dispFlexWrap{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
/*.flex-wrap{-ms-flex-wrap:wrap; flex-wrap:wrap;}*/
.flex-wrap{-ms-flex-wrap:wrap; flex-wrap:wrap;}
.flex-noWrap{-ms-flex-wrap:nowrap; flex-wrap:nowrap;}
.flex-column{-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.j-cont-s{-webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; }
.j-cont-l{-webkit-box-pack:left; -ms-flex-pack:left; justify-content:left; }
.j-cont-r{-webkit-box-pack:right; -ms-flex-pack:right; justify-content:right; }
.j-cont-c{-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.j-cont-sb{-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.j-cont-sa{-ms-flex-pack:distribute; justify-content:space-around; }
.a-items-c{-webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.a-items-s{-webkit-box-align:start; -ms-flex-align:start; align-items:start; }
.a-items-fe{-webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; }

.seasonBnrSec *{
	font-family: "Noto Sans JP", sans-serif;
	font-display:swap;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color:#333;
}



.seasonBnrSec{ margin:0 auto 1.5em !important;}
.seasonBnrSec h3{ padding:1em; font-size:100%; border:none; margin:0; }
.seasonBnrSec .contentsBox{ padding:1em 0.5em !important;}
.seasonBnrSec .contentsBox .linkListBox{ margin:0 0.5em 0 0 !important;}
.seasonBnrSec .contentsBox .linkListBox p{ text-align:center; margin:0;}
.seasonBnrSec .contentsBox .linkListBox p strong{ font-size:150%; color:#000; display:block;}
.seasonBnrSec .contentsBox .linkListBox p strong span{
    background-color:#E94B4E;
    color:#fff;
    font-size:65%;
    line-height:1em;
    font-weight:normal;
    border-radius:5px;
	padding:0.3em 0.4em 0.3em !important;
    margin:0 0 0.5em 0.2em !important;
	vertical-align: middle;
	display:inline-block;
}
.seasonBnrSec .contentsBox .linkListBox p > span{ display:inline-block; color:#000; position:relative; font-weight:bold; line-height:1em; padding:0 0.8em !important; margin:0.8em auto 0.4em !important;}
.seasonBnrSec .contentsBox .linkListBox p > span:before,
.seasonBnrSec .contentsBox .linkListBox p > span:after{
    content:"";
    position:absolute;
    width:0;
    height:0;
    top:0;
    bottom:0;
    margin:auto;
    border-style:solid;
    border-color:#ffd800 transparent transparent transparent;
    border-width:0.6em 0.4em 0 0.4em;
	opacity:0.75;
}
.seasonBnrSec .contentsBox .linkListBox p > span:before{ left:0;}
.seasonBnrSec .contentsBox .linkListBox p > span:after{ right:0;}
.seasonBnrSec .contentsBox .linkListBox li{ margin:0 3px !important;}
.seasonBnrSec .contentsBox .linkListBox li a{ -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s;}
.seasonBnrSec .contentsBox .linkListBox li a:hover{ opacity:0.6;}

.seasonBnrSec .contentsBox .aboutBox p{ color:#000; font-size:125%;border-bottom: 1px solid #000;padding-bottom: 0.3em !important}
.seasonBnrSec .contentsBox .aboutBox p:last-child{border: none;}
.seasonBnrSec .contentsBox .aboutBox p strong{
	font-size:87.5%;
	color:#D6515B;
	background-color:#fff;
	border-top:2px solid #D6515B;
	border-left:2px solid #D6515B;
	border-right:2px solid #D6515B;
	padding:0 5px 1px !important;
	margin:0 0.2em 0 0 !important;
}
/*.seasonBnrSec .contentsBox .aboutBox p span{ font-size:75%; font-weight:bold;}
*/
.seasonBnrSec .contentsBox .aboutBox ul{}
.seasonBnrSec .contentsBox .aboutBox li{ width:48%;}
.seasonBnrSec .contentsBox .aboutBox li dl{}
.seasonBnrSec .contentsBox .aboutBox li dt{
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	color:#fff;
	background-color:#555555;
	font-size:87.5%;
	font-weight:normal;
	line-height:1em;
	letter-spacing:3px;
	padding:0.3em !important;
}
.seasonBnrSec .contentsBox .aboutBox li dd{ color:#000; font-size:225%; font-weight:bold; line-height:0.6em; text-align:right; padding:0.2em 0 0 !important; display:block !important; }
.seasonBnrSec .contentsBox .aboutBox li dd span{ font-size:40%; color:#000;}
.seasonBnrSec .contentsBox .aboutBox li dd span.taxPrice{ display:block;}

/* .campaignBox{ background:url(/form/lp/area/images/campaign/2022_shinnen/img_background_pc.png) no-repeat; width:950px; height:117px; margin:0 auto 30px; position: relative; }
.campaignBox .spBanner{ display:none;}
.campaignBox ul{ display:flex; position:absolute; bottom:10px; right:44px;}
.campaignBox ul li{ margin:0 5px 0 0;}
.campaignBox ul li a:hover{ opacity:0.6;} */


/* 春期講習仕様 */
#type_cpn{ margin: 2em 0;}
.seasonBnrSec{ }
#type_spring h3{ background:url(/company/images/season/spring2023/img_bg_L.jpg) no-repeat center/cover; background-position: left; width: 27%;}
#type_spring .contentsBox{ background-image:url(/company/images/season/spring2023/img_bg_R.jpg),url(/company/images/season/spring2023/img_bg_R02.jpg); background-position: top left,top right; background-size: 50%,50%; background-repeat: no-repeat,no-repeat;}
#type_spring .contentsBox .aboutBox{ position: relative; z-index: 1;}
#type_spring .contentsBox .aboutBox p:after {
	content: '';
	position: absolute;
	left: -37px;
	top: -25px;
	background: url(/company/images/season/spring2023/img_snow.png) no-repeat center/cover;
	width: 50px;
	height: 50px;
	z-index: -1;
}
#type_spring .contentsBox .linkListBox{ z-index: 2;}
#type_spring .contentsBox .linkListBox p > span:before,
#type_spring .contentsBox .linkListBox p > span:after{ border-color: #D6515B transparent transparent transparent;}

#type_cpn{ background: #FBFF64; border-left:7px solid #FF4588; padding:0.5em; }
#type_cpn h3{ color: #8C4B0A; font-weight: bold; margin: 0; padding:0.1em 0 0; border:none; line-height: 1em; display:inline-block; font-size: 36px;}
#type_cpn h3 span {
	color: #FF4588;
	font-weight: bold;
	border-top: 2px solid #FF4588;
	border-bottom: 2px solid #FF4588;
	font-size: 25px;
	padding: 0.1em 0.2em 0;
	line-height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	margin: -0.2em 0.3em 0 0;
}
#type_cpn h3 strong{ color: #FF4588; }
#type_cpn .taikenTxt{ color: #353535; background: #FFFFFF; display:inline-block; font-size: 18px; margin: 0; border-radius: 10px;}
#type_cpn .taikenTxt span { color: #353535; position: relative; font-weight: bold; margin: 0.2em 1.8em 0.2em 0.6em; display:inline-block;  line-height: 2em;}
#type_cpn .taikenTxt span:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.5px 0 6.5px 11px;
	border-color: transparent transparent transparent #f7b32c;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -15px;
}
#type_cpn h3 .cpnPeriod{ margin: 0;}
#type_cpn h3 .pcNone{ display:none;}
#type_cpn a{ text-decoration: none;}
#type_cpn:hover{ opacity: 0.7;}


/* 640px以下*/
@media screen and (max-width:640px){
	#type_cpn{ width: 90%; margin:auto; padding:5%; border-top: 7px solid #FF4588; border-left: none;}
	#type_cpn h3{ text-align: center;line-height: 1.2em;}
	#type_cpn h3 .pcNone{ display:block;}
	#type_cpn h3 span{ margin: 0 0 0.4em 0; display: block;}
	#type_cpn .cpnPeriod{ width: 70%; margin: 3% auto;}
	#type_cpn .taikenTxt{ font-size: 22px; margin:5% auto 0; width: 100%; text-align:center;}
	#type_cpn .taikenTxt span{ width: 70%;}
	#type_cpn a div {
		display: block;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		text-align: center;
		width: 100%;
	}
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content{ background:#fff;}
	#type_spring { background: url(/company/images/season/spring2023/img_bg_R.jpg) no-repeat center/cover;}
	#type_spring h3{ width:100%; background:none; padding:1em 0 0 !important;}
	#type_spring h3 img{ width:75%; margin:0 auto !important;}
	#type_spring .contentsBox{ background:none;}

}

/* 冬期講習仕様 */
#type_winter h3{ background-color:#00093F; position: relative;}
#type_winter .contentsBox{ background-color:#FFF; border:7px solid #00093F;}
#type_winter .contentsBox .aboutBox{ position: relative; z-index: 1;}
#type_winter .contentsBox .aboutBox p:after{ content: ''; width: ; height: 100%; position: absolute; left:0; top:0; background-color: #009ea7; z-index: 0; }
#type_winter .contentsBox .linkListBox{ z-index: 2;}
#type_winter .contentsBox .linkListBox p > span:before,
#type_winter .contentsBox .linkListBox p > span:after{ border-color: #FCEE21 transparent transparent transparent;}
#type_winter .j-cont-sb{-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }

/* 冬期講習仕様 市トップLP */
.arealp#type_winter{}
.arealp#type_winter h3{ width: 35%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.arealp#type_winter .contentsBox{ width: 65%;}
.arealp#type_winter .contentsBox .aboutBox{ width: 47%;}
.arealp#type_winter .contentsBox .aboutBox p:last-child{ margin: 0 !important; padding: 0 !important;}


@media screen and (max-width:640px) {
	.arealp#type_winter > div{ display: block;}
	.arealp#type_winter h3{ width: 100%;}
	.arealp#type_winter .contentsBox{ width: 100%;}
	.arealp#type_winter .contentsBox .aboutBox{ width: 100%;}

}


/* 640px以下*/
@media screen and (max-width:640px){
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content{ background:#fff;}
	#type_winter { background:#fff no-repeat center/cover;}
	#type_winter h3{ width:100%; padding:1em 0 0 !important;border-radius: 0}
	#type_winter h3 img{ width:99%; margin:0 auto !important;}
	#type_winter .contentsBox{ background:none;border: 10px solid #00093F;border-top: none;}
	/*.seasonBnrSec h3{ border-radius: 10px;}*/
	.seasonBnrSec .contentsBox{ padding:1em !important;}
	.seasonBnrSec .contentsBox .linkListBox p{ font-size:112.5%;}
	.seasonBnrSec .contentsBox .linkListBox p strong{ font-size:137.5%;}
	.seasonBnrSec .contentsBox .linkListBox li{ width:calc(100% / 5 - 6px);}
	.seasonBnrSec .contentsBox .linkListBox li img{ width:100%; height:auto;}
	.seasonBnrSec .contentsBox .linkListBox,
	.seasonBnrSec .contentsBox .aboutBox{ width:100%; margin:0 auto 1em !important;}
	.seasonBnrSec .contentsBox .aboutBox{margin: 0 !important;}
	.seasonBnrSec .contentsBox .aboutBox p{ font-size:110%;     padding-bottom: 0.5em !important;margin-bottom: 0.5em !important;}
	.seasonBnrSec .contentsBox .aboutBox p:last-child{margin: 0 !important;padding: 0 !important;}
	.seasonBnrSec .contentsBox .aboutBox p img{width: 100%;}
	.seasonBnrSec .contentsBox .aboutBox ul{ -webkit-box-pack: center;-ms-flex-pack:center; justify-content:center;}
	.seasonBnrSec .contentsBox .aboutBox li dd{ font-size:200%; text-align:left; padding:0 0 0 0.2em !important;}
	.seasonBnrSec .contentsBox .aboutBox li dd span{ font-size:45%; display:inline-block;}
	
	.campaignBox{ background:none; max-width:550px; margin:0 auto; width:100%; padding-bottom:2em; height: auto;}
	.campaignBox .spBanner{ display:block;}
	.campaignBox ul{ display:-webkit-box; display:-ms-flexbox; display:flex; position:static; margin:2% auto 0; padding:0 7%;}
	.campaignBox ul li{  margin:0 auto;}
	.campaignBox ul li:last-child{ margin-right:-2%;}
	.campaignBox ul li img{ width:90%;}	
}


/* 夏季講習仕様 */
#type_summer.seasonBnrSec > div{ max-width: 900px;margin: 3em auto 2em;}

#type_summer h3{ background-image:url(/company/images/season/summer2025/buner_back.png); background-repeat: no-repeat; background-size:cover; position: relative; width: 30%;}
#type_summer h3 img{ z-index: 1;}
#type_summer .contentsBox{ background-color:#FFF; border:7px solid #00aedc; width: 70%; padding: 1em !important; }
#type_summer h3 span.abu_himawari{ position: absolute; left:25px; top:-25px; width: 45%; }
/*#type_summer h3::after{ content: ''; width: 8px; height: 100%; position: absolute; left:0; top:0; background-color: #00AEBB; z-index: 0; }
#type_summer h3::before {
	content: '';
	background-size: contain;
	width: 68px;
	height: 45px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
}*/


#type_summer .contentsBox .linkListBox p strong,
#type_summer .contentsBox .linkListBox p > span,
#type_summer .contentsBox .aboutBox li dd ,
#type_summer .contentsBox .aboutBox li dd span ,
#type_summer .contentsBox .aboutBox p span {
    color: #484545;

}
.seasonBnrSec .contentsBox .linkListBox p > span:before{ border-color: #FFD800 transparent transparent transparent;}

#type_summer .contentsBox .aboutBox p {
	border-bottom: 2px solid #484545;
	color: #484545;
	font-size: 110%;
	margin-bottom: 5px;
}


#type_summer .contentsBox .aboutBox p strong {color: #484545;border: none;background-color: transparent;font-size: 110%;}
#type_summer .contentsBox .aboutBox p span {color: #484545;border: none;background-color: transparent;font-size: 80%;}

#type_summer .contentsBox .aboutBox li dt {
	color: #484545;
    background-color: #ffd800;
	font-weight: bold;
	max-width: 2em;
    width: 23px;
    height: 66px;
	text-align: center;width: auto;}
#type_summer .contentsBox .aboutBox li dd{ font-size: 213%; color: #E83828}

@media screen and (min-width:641px) and (max-width:850px){
	#type_summer h3{width: 80%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	#type_summer .contentsBox{ width: 80%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap;}
	
}

@media screen and (max-width:640px){
	#type_summer { background-image:none ;}
	#type_summer h3{ width:90%; padding:8%; border-radius: 0;}
	#type_summer h3 > img{ width:100%; margin: 0 auto 0 !important;}
	#type_summer h3 span.abu_himawari{ position: absolute; z-index: 1; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); left: 0%; width: 30%; }
	#type_summer .contentsBox{ border: 12px solid #00aedc; width: 90%; -ms-flex-wrap:wrap; flex-wrap:wrap;}
	#type_summer .contentsBox .aboutBox p{font-size: 81%!important;text-align: center;padding-bottom: 0.3em!important;}
	#type_summer .contentsBox .linkListBox p{font-size: 120% !important;}
	#type_summer .contentsBox .aboutBox li dd{font-size: 190%!important;}
	#type_summer .contentsBox .aboutBox p strong {font-size: 169%;}
	#type_summer .contentsBox .linkListBox p{ padding: 0;}
#type_summer h3::before {content: normal;}

}

@media screen and (max-width:370px){
	#type_summer .contentsBox .aboutBox p strong {font-size: 170%;}
	#type_summer .contentsBox .aboutBox li dd {font-size: 180%!important;}
	#type_summer .contentsBox .aboutBox li dt {
	    width: auto;height: auto;font-size: 80%;}
}



/* 秋期講習仕様 */

#type_autumn h3{ background:url(/company/images/season/autumn2022/img_bg_L.jpg) no-repeat center/cover;}
#type_autumn .contentsBox{ background:url(/company/images/season/autumn2022/img_bg_R.jpg) no-repeat top center/cover;}
#type_autumn .contentsBox .aboutBox p {	border-bottom: 2px solid #e53f1f; position: relative;}
#type_autumn .contentsBox .aboutBox p strong { color: #e53f1f; border-top: 2px solid #e53f1f;	border-left: 2px solid #e53f1f; border-right: 2px solid #e53f1f;}
#type_autumn .contentsBox .aboutBox p:after{
	content: '';
	position: absolute;
	right:-6px;
	top:28px;
	background: url(/company/images/season/autumn2022/img_momiji.png) no-repeat center/cover;
	width: 35px;
	height: 82px;
}
#type_autumn .contentsBox .aboutBox ul { width: calc( 100% - 20px );}
#type_autumn .contentsBox .aboutBox li dt {
    background-color: #e53f1f;
	font-weight: bold;
	max-width: 2em;
    width: 23px;
    height: 66px;
	text-align: center;
	width: auto;
}
#type_autumn .contentsBox .linkListBox p > span:before,
#type_autumn .contentsBox .linkListBox p > span:after{ border-color: #e53f1f transparent transparent transparent;}
#type_autumn .attentionTxt{ font-size: 80%; background: #FFF;}

@media screen and (max-width:640px){
	#type_autumn { background: url(/company/images/season/autumn2022/img_bg_R.jpg) no-repeat center/cover; width: 90%;}
	#type_autumn h3{ width:100%;}
	#type_autumn h3 img{ width:90%; margin: 1em auto !important;}
	#type_autumn .contentsBox{ background:none;}
	#type_autumn .contentsBox .aboutBox p{ padding-bottom: 0.1em!important;}
	#type_autumn .contentsBox .linkListBox p{font-size: 120% !important;}
	#type_autumn .contentsBox .aboutBox li dd{ padding:0 0 0 0.5em !important;}
	#type_autumn .contentsBox .aboutBox p strong {font-size: 110%;}
	#type_autumn .contentsBox .aboutBox ul { width: 100%;}
}

@media screen and (max-width:370px){
	#type_autumn .contentsBox .aboutBox p{ font-size: 100%;}
	#type_autumn .contentsBox .aboutBox p strong {font-size: 110%;}
	#type_autumn .contentsBox .aboutBox li dt {width: auto;height: auto;font-size: 80%;}
}