@charset "utf-8";
/* CSS Document */
/* @import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap); */
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url('/font/NotoSansCJKjp-Regular.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url('/font/NotoSansCJKjp-Bold.woff') format('woff');
	font-display: swap;
}
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap&text=2023年9月よりITTO個別指導学院は、ご入会初月の授業料はいただきません。);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:900&display=swap&text=入会初月授業料無料);


.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-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 2em;}
.seasonBnrSec h3{ width:100%; font-size:125%; font-weight:normal; margin:0;}
.seasonBnrSec h3 span{ display:block; padding:0.5em 0 0.5em; line-height:1em; color:#000; font-size: 130%;}
.seasonBnrSec h3 span img{ width:75%; display:block; margin:auto;}
.seasonBnrSec .contentsBox{ width:100%; padding:2em; position:relative; z-index:0;}
.seasonBnrSec .contentsBox > p{ margin:0 0 1.5em; color:#000; font-size:112.5%; line-height:1.5em;}
.seasonBnrSec .contentsBox .aboutBox{ width:96%;}
.seasonBnrSec .contentsBox .aboutBox p{ border-bottom:2px solid #333; color:#000; font-size:150%; font-weight:bold; line-height:1.2em; margin:0.7em 0 0.3em; padding-right:0.3em;}
.seasonBnrSec .contentsBox .aboutBox p strong{
	font-size:87.5%;
	color:#333;
	background-color:#fff;
	border-top:2px solid #333;
	border-left:2px solid #333;
	border-right:2px solid #333;
	padding:0 5px 1px;
	margin:0 0.2em 0 0;
}
.seasonBnrSec .contentsBox .aboutBox p span{ font-size:67.5%; font-weight:bold; color:#000;}
.seasonBnrSec .contentsBox .aboutBox ul{ width:96%; margin:1em 0;}
.seasonBnrSec .contentsBox .aboutBox li{ width:49%;}
.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:#333;
	font-size:100%;
	font-weight:normal;
	line-height:1em;
	letter-spacing:3px;
	padding:0.3em;
}
.seasonBnrSec .contentsBox .aboutBox li dd{ color:#000; font-size: 250%; font-weight:bold; line-height:0.6em; text-align:left; padding:0.2em 0 0 0.1em; display:block; width:calc(100% - 0.8em);}
.seasonBnrSec .contentsBox .aboutBox li dd span{ font-size:40%; color:#000;}
.seasonBnrSec .contentsBox .aboutBox li dd span.taxPrice{ display:block;}


.seasonBnrSec .contentsBox #entryBtn{
	width:100%;
	cursor:pointer;
	text-align:left;
	background-color:#fff;
	border:none;
	border-radius:5px;
	-webkit-box-shadow:2px 2px 4px #666;
	        box-shadow:2px 2px 4px #666;
	font-size:190%;
	font-weight:bold;
	line-height:1em;
	padding:0.6em 0.6em 0.7em;
}

/* 冬期講習仕様 */
#type_winter h3{}
#type_winter {display: block;}
#type_winter .winterbox{background:#FFF; padding: 3%}
#type_winter .winterbox a {margin-top: 2%; display: block}
#type_winter .contentsBox{ background:url(/schools/images/season/winter2022/img_bg_R.jpg) no-repeat center/cover;}
#type_winter .contentsBox .aboutBox {margin: 1em 0;width: 100%;}
#type_winter .contentsBox .aboutBox ul{ width: 90%; margin: 0.8em 0;}
#type_winter .contentsBox .aboutBox li dt{ background-color:#bcad1d;}
#type_winter .contentsBox .aboutBox li dd{text-align: left;padding-left: 0.2em;}
#type_winter .contentsBox .aboutBox li dd ,
#type_winter .contentsBox .aboutBox li dd span ,
#type_winter .contentsBox .aboutBox p span {color: #1d1d1d;}
#type_winter .contentsBox .aboutBox > div{ border-bottom:2px solid #bcad1d; padding-bottom: 0.6em; text-align:center;}
#type_winter .contentsBox .aboutBox .colorBox{ color: #bcad1d; font-size: 250%;}
#type_winter .contentsBox .aboutBox .kaisuu{
	background:#595757;
	color: #FFF;
	padding: 0.3em 0.5em 0.3em;
	border-radius: 7px;
	font-size: 118%;
	font-weight: bold;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 0.3em;
	margin-left: 0.5em;
	}
#type_winter .contentsBox .aboutBox .setsumei{ color: #595757; font-size: 150%; display: block;}
#type_winter .contentsBox .aboutBox .setsumei  strong{ font-size: 130%;}
#type_winter .contentsBox form:before {
	content: "";
	width: 50px;
	height: 90px;
	position: absolute;
	bottom: 6.3em;
	right: 20px;
	background: url(/schools/images/season/winter2022/img_itto.png) no-repeat center/cover;
	z-index: 0;
}
#type_winter .contentsBox #entryBtn{ color: #bcad1d; background:url(/schools/images/season/winter2022/icon_link.png) no-repeat center right 0.4em/20px; background-color:#fff;}

/* 校舎用横長バナー */
.schoolBnrSec{ width:95%; margin:5% auto;}

/* 夏期講習仕様 */
#type_summer{ margin: 0 auto;}
#type_summer h3{ width: 100%; padding: 7%; background: url(../images/season/summer2025/bg_summer_2505.png) no-repeat center center/cover; position: relative; font-size: 100%;}
/* #type_summer h3 span{ padding:0; color: #fff;border: none;display: table-cell;;;vertical-align: middle;} */

#type_summer .contentsBox {
	width: 100%;
	padding: 5%;
	position: relative;
	z-index: 0;
	background-color: #FFFFFF;
	border: 10px solid #49b5db;
}
/* #type_summer h3::after {
	content: '';
	width: 100px;
	height: 90px;
	background: url(/schools/images/season/summer2023/img_himawari.png) no-repeat center/cover;
	position: absolute;
	left: -10px;
	top: -10px;
} */


#type_summer .contentsBox .linkListBox p strong,
#type_summer .contentsBox .linkListBox p > span,
#type_summer .contentsBox .aboutBox {width: 100%;}
#type_summer .contentsBox .aboutBox {margin: 0 0 1em;width: 100%;}
#type_summer .contentsBox .aboutBox ul{ width: 100%; margin: 0.8em 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}

.seasonBnrSec .contentsBox .aboutBox li dt{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	color: #fff;
	background-color: #333;
	font-size: 100%;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: 3px;
	padding: 0.3em;
}

.seasonBnrSec .contentsBox .aboutBox li dd {
	color: #000;
	font-size: 250%;
	font-weight: bold;
	line-height: 0.6em;
	text-align: right;
	padding: 0.2em 0 0;
	display: block;
	/* width: calc(100% - 0.8em); */
}
.seasonBnrSec .contentsBox .aboutBox li dd span{font-size: 40%; }
.seasonBnrSec .contentsBox .aboutBox li dd span.taxPrice{ display: block;}
#type_summer .contentsBox .aboutBox li dd ,
#type_summer .contentsBox .aboutBox li dd span ,
#type_summer .contentsBox .aboutBox p span {color: #1d1d1d;}

#type_summer .contentsBox .aboutBox p {
	border-bottom: 2px solid #ffd800;
	color: #1d1d1d;
}
#type_summer .contentsBox .aboutBox li {width: 49%;}
#type_summer .contentsBox .aboutBox li dd{text-align: left;padding-left: 0.2em; color: #e83828;}
#type_summer .contentsBox .aboutBox p strong{
	color: #1d1d1d;
	background-color: #ffd800;
	border: 2px solid #ffd800;}
#type_summer .contentsBox .aboutBox li dt{ 
	color: #1d1d1d;
	background-color: #ffd800;
	font-weight: bold;
	padding: 0.3em 0.5em;
}
/* #type_summer .contentsBox:before{
	content:"";
	width:120px;
	height:140px;
	position:absolute;
	bottom:0;
	right:0;
	background:url(/schools/images/season/summer2022/img_summer2022.png) no-repeat center/cover;
	z-index:-1;
filter: brightness(1.1);} */
#type_summer .contentsBox #entryBtn {
	background-color: #ffd800;
	background-image: url(/schools/images/season/summer2024/icon_link.png);
	background-repeat: no-repeat;
	background-position: center right 20px;
	background-size: 6%;
	color: #484545;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 4px #666;
	box-shadow: 2px 2px 4px #666;
	font-size: 145%;
	font-weight: bold;
	line-height: 1em;
	padding: 0.7em 2em 0.8em;
	width: 100%;

}

.schoolBtnSec{ margin: 0.8em auto;}
.schoolBtnSec #submit_season {
  margin-left: -27px;
  width: 810px;
  height: 167px;
  background-image: url(/schools/images/btn_season.jpg);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  display: block;
  margin:0 auto;
}
.schoolBtnSec #submit_season:hover {
  opacity: 0.7;
  cursor: pointer;
}
#type_summer .natsuKobetsu{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #333;}
#type_summer .natsuKobetsu .flexBox{font-size: 110%;padding-bottom: 0.4em;margin: 0;}
#type_summer .aboutBox .colorBox{ color: #000;font-size: 280%;padding: 0;}
#type_summer .aboutBox .flexBox{padding: 0 0 0.6em;border-bottom: 1px solid; text-align:center;}
#type_summer .aboutBox .flexBox .gaiyou {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#type_summer .contentsBox .aboutBox .kaisuu {
	background: #00aedc;
	color: #FFF;
	padding: 0.2em 0.5em 0.2em;
	border-radius: 7px;
	font-size: 145%;
	font-weight: bold;
	display: inline-block;
	vertical-align: bottom;
	margin-top: 0.2em;
	margin-left: 0.5em;
}
#type_summer .aboutBox .kaisuu strong{font-size: 125%;padding: 0.1em 0.4em;background: #333;color: #fff;border-radius: 7px;}
#type_summer .contentsBox .aboutBox .setsumei{ color: #595757; font-size: 140%; font-weight: 600;}
/* #type_summer .contentsBox .aboutBox .setsumei  strong{ font-size: 125%; font-weight: 700;} */

#type_summer .under344{display:none}
#type_summer form{text-align: center; width: 100%;}
@media screen and (max-width: 344px){	
	#type_summer .natsuKobetsu{text-align:center;font-size: 180%;}
	#type_summer .contentsBox p .setsumei{margin-top:0.5em;padding-top:0.5em;border-top:1px solid #333;}
	#type_summer .seasonBnrSec .contentsBox ul{border-top:none}
	#type_summer .contentsBox ul{border-top:none;}
}
@media screen and (max-width: 405px){
	#type_summer .contentsBox .gaiyou {font-size: 105%;}
	#type_summer .contentsBox .setsumei{font-size: 85%;}
}
.seasonBnrSec .contentsBox .aboutBox ul{margin:1em auto;width: 100%;}



#type_summer_rnew{
	
	/* background: url(/schools/images/season/summer2025/img_shcool_summer2507_bg.jpg) no-repeat top center; */
	background-size: contain;
}
#type_summer_rnew a{
	text-decoration: none;
}


#type_summer_rnew .seasonBnrSec .contentsBox p{
    color: #333;
    font-size: 125%;
    font-weight: bold;
    margin: 0 0 0.5em 0.5em;
    display: inline-block;
}

#type_summer_rnew .summerInfo{
padding: 1em;
}

#type_summer_rnew .summerInfo h3{
	width: 68%;
    padding:0.5em;
}



#type_summer_rnew .summerInfo .infoText{
	margin: auto;
    width: 40%;
    height: 40%;
    padding: 0.7em 0.5em;
    background-color: #fff;
}

#type_summer_rnew .summerInfo .infoText p{
font-size: 74%;
}

#type_summer_rnew .summerInfo .infoText .textBlue{
	color: #0daad6;
	font-weight:bold;
}
#type_summer_rnew .summerInfo .infoText .textMidium{

}

#type_summer_rnew .summerInfo .infoText .right{
font-weight: bold;
}
#type_summer_rnew .summerInfo .infoText .right .small{
	
}

#type_summer_rnew .summerInfo .price div dt{
 padding:0.2em 0.4em;
 font-size: 78%;
 color:#4f4f4f;
  background-color:#ffd800;
  display:inline-block;
}
#type_summer_rnew .summerInfo .price div dd{
	width:70%;
	font-weight:bold;
}
#type_summer_rnew .summerInfo .price div dd .textStrong{
	font-size:150%;
  color:#e50012;
}
#type_summer_rnew .summerInfo .price .tax{
	text-align: right;
	font-size: 52%;
    line-height: 0.9;
}

#type_summer_rnew .advertisement{
	padding: 1em;
	background-color: #0daad6;
	color: #fff;
}

#type_summer_rnew .advertisement  p{color: #fff;}
#type_summer_rnew .advertisement div{margin-left: 0.6em;}
#type_summer_rnew .advertisement div p {
color: #fff;
line-height: 0.9;
font-size: 110%;
}

#type_summer_rnew .advertisement p .strong{
	color: #f63131;
	font-size: 150%;
    font-weight: bold;
}

#type_summer_rnew .advertisement div .textMidium{
	color: #fff;
}

#type_summer_rnew .advertisement div .tax{
	color: #fff;
	font-size: 60%;
    line-height: 0;
}

#type_summer_rnew .advertisement div p:first-child{
	position: relative;
	padding-right: 1em;
}

#type_summer_rnew .advertisement div p:first-child::before{
	content: "";
    height: 0.3em;
    width: 0.3em;
    top: 45%;
    right: 7%;
    border-width: 1px 1px 0 0;
    border-color: #e40012;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    display: block;
    z-index: 100;
}

#type_summer_rnew .advertisement div p:first-child::after{
	content: "";
    height: 0.3em;
    width: 0.3em;
    top: 45%;
    right: 3%;
    border-width: 1px 1px 0 0;
    border-color: #e40012;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    display: block;
    z-index: 100;
}

#type_summer_rnew .advertisement .textStrong .strong{
	color: #fff;
}
#type_summer_rnew .advertisement .textStrong {
	color: #fff;
	font-size: 140%;
}





/* 初月授業料無料 */
#type_fm *,
.fmBnrBox * {
	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;
}
#type_fm{ margin: 2em auto 2em; width: 90%;}
#type_fm .cpnTtlBox{ border: 12px solid #fff200; position: relative; width: 100%;}
#type_fm .cpnTtlBox::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: calc( 100% - 5px);
	height: calc(100% - 5px);
	border: 3px solid #7a3f17;
	background: #fefae1;
	z-index: 0;

}
#type_fm .cpnTtlBox h3{ position: relative; z-index: 1; margin: 5% 0; width: 90%;}
#type_fm .cpnTtlBox .imgChara{ position: absolute;bottom: -15px;right: -15px; width: 20%; z-index: 1;}
#type_fm .contentsBox{ width: 100%; background: #fefae1; padding: 5%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#type_fm .contentsBox p{ color: #42362d; font-size: 120%; line-height: 1.6em; margin: 0;}
#type_fm .contentsBox #entryBtn {
	cursor: pointer;
	background-color: #fff;
	border: none;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 4px #666;
	box-shadow: 2px 2px 4px #666;
	font-size: 150%;
	font-weight: bold;
	padding: 0.5em 2em 0.6em 0.5em;
	width: 100%;
	background-color: #7a4925;
	background-image: url(/schools/images/season/firstmonth/icon_link.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
	background-size: 8%;
	color: #FFF;
	text-align:center;
	margin: 5% 0 0;
	line-height: 1.5em;
}
#type_fm .contentsBox #entryBtn a{ width: 100%; height: 100%; display: block; color: #FFFF;}
#type_fm .contentsBox #entryBtn a:link,
#type_fm .contentsBox #entryBtn a:visited{ text-decoration: none;}
#type_fm .fmAttentionTxt,
.fmBnrBox .fmAttentionTxt{ font-size: 100%; margin: 0.5em 0 0;}
.fmBnrBox{ margin: 0 0 5%;}
.fmBnrBoxWaku {
	border: 10px solid;
	border-color: #b0d136 #ffd402;
	padding: 5%;
}
.fmBnrBoxWaku en {
	background: -o-linear-gradient(transparent 70%, #f9f90b 0%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #f9f90b));
	background: linear-gradient(transparent 70%, #f9f90b 0%);
	font-weight: 900;
	color: #ee1a3f;
	font-size: 200%;
	line-height: 1.8em;
}
.fmBnrBoxWaku en strong{ font-size: 170%;color: #ee1a3f; }
.fmBnrBox .mincho{
	font-family: 'Noto Serif JP', sans-serif;
	font-display: swap;
	font-size: 120%;
	color: #42362d;
	margin-bottom: 3%;
}

/* 2024新年度 */
#type_spring *,
.fmBnrBox * {
	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;
}
#type_spring{ margin: 2em auto 2em; width: 90%;}
#type_spring .cpnTtlBox{ border: 12px solid #824a49; position: relative; width: 100%;}
#type_spring .cpnTtlBox::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: calc( 100% - 5px);
	height: calc(100% - 5px);
	border: 4px solid #FFF;
	background: url(/schools/images/season/spring2024/bnr_fm_bg.png);
	z-index: 0;

}
#type_spring .cpnTtlBox h3{ position: relative; z-index: 1; margin: 3% 0 2%; width: 90%; }
#type_spring .cpnTtlBox .imgChara{ position: absolute; right: -8px; width: 23%; z-index: 1; top:23px;}
#type_spring .contentsBox{ width: 100%; background: #fefae1; padding: 5%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#type_spring .contentsBox p{ color: #42362d; font-size: 120%; line-height: 1.6em; margin: 0;}
#type_spring .contentsBox #entryBtn {
	cursor: pointer;
	background-color: #fff;
	border: none;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 4px #9c9c9c;
	box-shadow: 2px 2px 4px #9c9c9c;
	font-size: 150%;
	font-weight: bold;
	padding: 0.5em 2em 0.6em 0.5em;
	width: 100%;
	background-color: #e00061;
	background-image: url(/schools/images/season/spring2024/icon_link.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
	background-size: 8%;
	color: #FFF;
	text-align:center;
	margin: 5% 0 0;
	line-height: 1.5em;
}
#type_spring .contentsBox #entryBtn a{ width: 100%; height: 100%; display: block; color: #FFFF;}
#type_spring .contentsBox #entryBtn a:link,
#type_spring .contentsBox #entryBtn a:visited{ text-decoration: none;}
#type_spring .fmAttentionTxt{ font-size: 100%; margin: 0.5em 0 0;}

.anniversary30{position: absolute;bottom: 0;left: 0;}

#topicsSec .anniversary30topics .red_text{color: #e73828;}
#topicsSec .anniversary30topics .red_batu{position: relative;}
#topicsSec .anniversary30topics .red_batu:before{content: '';width:140px; height:19px; background: url("https://www.jibunmirai.co.jp/images/topics/batu_2408.png") ;position: absolute;background-size: contain;background-repeat: no-repeat;top: -1px;right: 3px;}
#topicsSec .anniversary30topics .small_text{font-size: 80%;}
#topicsSec .anniversary30topics .under_yellow{background-color: #ffff00;}

/* 2025春 */
#type_spring2025 h3{padding:16px 16px 0px 16px;}