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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{}
#wrap{ padding:0 0 15px;}
.pcHidden{ display:none;}
.txtColorPink{ color:#ed1e79;}
#sidr{ display:none;}

.pcNone {
    display: none;
  }
  .spNone {
    display: block;
  }


@media (max-width: 767px) {
  
  .pcNone {
  display: block;
}
.spNone {
  display: none;
}

}

.bnr_bottom {
    width: 100%;
    max-width: 950px;
    margin: 50px auto;
    text-align: center;
}

.bnr_bottom img {
    width: 100%;
    height: auto;
}

.bnr_bottom_sp {
    width: 100%;
    max-width: 375px;
    margin: 40px auto;
    text-align: center;
}

.bnr_bottom_sp img {
    width: 100%;
    height: auto;
}
/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{
	background-image:url(../schools/images/back_header01.jpg);
	background-repeat:no-repeat;
	margin-bottom:0;
}
#sideMenu{ background:none; height:343px;}
#sideMenu ul{ padding:0;}
#sideMenu #gyotai{
	background-image:url(https://www.itto.jp/common_images/back_side01d.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:9px 0 3px 9px;
}
#sideMenu #gyotai li{ margin:0 0 3px;}

#hNavi{background:url(../common_images/back_header01.png) left top repeat-x; height:88px;}
#hNavi #hNaviInner{ width:950px; position:relative; margin:0 auto;}

#hNavi li#wariBtn {
	float: none;
	position: absolute;
	top: -40px;
	left: 669px;
}

#hNavi li#sclBtn {
	float: none;
	position: absolute;
	top: -38px;
	left: 799px;
}

/*----------------------------------------------------------------------------
 ***                                                                  openSec
----------------------------------------------------------------------------*/
#openSec{ width:950px; margin:0 auto; text-align:center;}
#openSecInner{
	display:inline-block;
	background-image:url(https://www.itto.jp/schools/images/open_school/img_ittokun01.png);
	background-repeat:no-repeat;
	background-position:left 50px bottom 70px;
	background-size:8%;
}
#openSecInner h2{
	padding:0 0 0 150px;
	font-family:"ヒラギノ明朝 Std", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:60px;
	line-height:1em;
	color:#ed1e79;
}
#openSecInner h2 span{ font-size:40px;}
#openSecInner h2 #schoolArea{ color:#333;}
#openSecInner p{ margin:0; padding:0 0 0 150px; font-size:60px; font-weight:bold; color:#333; line-height:1.2em;}
#openSecInner ul{ width:800px; margin:15px auto 0;}
#openSecInner li{ width:265px; float:left; text-align:center; border-left:1px solid #333; font-size:20px; font-weight:bold;}
#openSecInner li:last-child{ border-right:1px solid #333;}
#openSecInner li a{ position:relative; padding:0 0 10px; color:#42210b; text-decoration:none; display:block; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
#openSecInner li a::after{
	content: "";
	border-top:10px solid #ffd700;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    position: absolute;
    left: calc(50% - 13px);
    bottom:0;
}
#openSecInner li a:hover{ color:#ed1e79;}

#openSecInner ul.datenon li{ width: 50%;}

.freeTuition{ margin: 1em 0 2em;}
.freeTuition div * { text-align: center;}
.freeTuition div{
	border: 14px solid #FFFE17;
	-o-border-image: -o-linear-gradient(left, #FFFE17 0%, #FEC210 100%);
	   border-image: -webkit-gradient(linear, left top, right top, from(#FFFE17), to(#FEC210));
	   border-image: linear-gradient(to right, #FFFE17 0%, #FEC210 100%);
	border-image-slice: 1;
	padding:2em 0 1.5em;
}
.freeTuition div > p:first-child{ font-size: 20px; color: #412613; line-height: 1.5em; margin-bottom: 1em; }
.freeTuition p.annotation{ font-size: 12px; text-align:right;}

/* 初月授業料無料 */

#type_fm_open * {
	/* 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: #42362d;
}
#type_fm_open{ margin: 3em auto 3em; }
#type_fm_open .cpnTtlBox{ border: 15px solid #fff200; position: relative; padding: 1em 2.5em;}
#type_fm_open .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);
	z-index: 0;

}
#type_fm_open .cpnTtlBox h3{ position: relative; z-index: 1; border-bottom:none; margin: 0 2% 0 0; width: 50%;}
#type_fm_open .cpnTtlBox .imgChara{ position: absolute;bottom: -15px;right: -25px; z-index: 1;}
#type_fm_open .cpnTtlBox .txtBox{ z-index: 1; width: 50%; position: relative;}
#type_fm_open .cpnTtlBox .txtBox p { font-size: 16px;}
#type_fm_open .fmAttentionTxt{ font-size: 12px; margin: 0.5em 0 0;}


/*----------------------------------------------------------------------------
 ***                                                               campaignSec
----------------------------------------------------------------------------*/
#campaignSec{ border:4px solid #ffd700; border-radius:10px; padding:50px 50px 25px;position: relative;}
#campaignSec::before {
	content: '';
	background: url(https://www.itto.jp/schools/images/open_school/img_openCpnMiyabi.png) no-repeat center center/cover;
	width: 118px;
	height: 170px;
	position: absolute;
	bottom: -20px;
	right: -25px;
}
#campaignSec h3{ padding:3px 0 1px; background-color:#ed1e79; color:#fff; text-align:center; border-radius:5px; font-size:26px; font-weight:bold; line-height:1.8em;}
#campaignSec #privilege01{ float:left; margin:0 0 0 10px;}
#campaignSec #privilege01 dt{ font-size:16px; font-weight:normal; color:#ed1e79; margin:15px 0 0;}
#campaignSec #privilege01 dd{ border-bottom:1px dotted #ccc; font-size:42px; font-weight:bold; color:#42210b; line-height:1em;}
#campaignSec #privilege01 dd span{ font-size:20px;}
#campaignSec #privilege01 dd .txtColorPink{ font-size:42px;}
#campaignSec #privilege01 dd:last-child{ border:none;}
#campaignSec #privilege02{ float:right; margin:0 10px 0 0;}
#campaignSec #privilege02 dt{
	position:relative;
	padding:25px 0 10px;
	line-height:1.2em;
	text-align:center;
	color:#f7931e;
	font-size:16px;
	font-weight:bold;
	background-image:url(https://www.itto.jp/schools/images/open_school/img_privilege.png);
	background-repeat:no-repeat;
	background-position:center top 10px;
	background-size:15%;
}
#campaignSec #privilege02 dt::before{
	content: url(https://www.itto.jp/schools/images/open_school/imgLeft.png);
    position: absolute;
    bottom:-10px;
	left:25px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);}
#campaignSec #privilege02 dt::after{
	content: url(https://www.itto.jp/schools/images/open_school/imgRight.png);
    position: absolute;
    bottom:-10px;
	right:25px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}
#campaignSec #period{ clear:both; text-align:left; font-size:18px; color:#666; margin:0;}

#campaignSec .openCpnBox{ margin:2em 0 3em;}
#campaignSec .openCpnBox dl { width: 46%;}
#campaignSec .openCpnBox dl:first-child{ border-right:1px dashed #AFAFAF; padding-right: 4%;}
#campaignSec .openCpnBox dl dt { border-bottom:1px solid #412613; color: #412613; font-weight: bold; text-align:center; font-size: 35px; margin-bottom: 0.6em;}
#campaignSec .openCpnBox dl dd { font-size: 17px; position: relative; margin-bottom: 0.5em;}
#campaignSec .openCpnBox dl dd span { color: #E02478;}
#campaignSec .openCpnBox dl:first-child dd:last-child::after {
	content: '';
	position: absolute;
	right: -15px;
	bottom: 10px;
	background: url(../schools/images/open_school/img_openNovelty.png) no-repeat;
	background-size: contain;
	width: 139px;
	height: 161px;
}


/*----------------------------------------------------------------------------
 ***                                                               schoolSec
----------------------------------------------------------------------------*/
#schoolSec{ width:950px; margin:0 auto;}
#schoolSec h3{ height:50px; background-color:#42210b; color:#fff; font-size:26px; font-weight:bold; text-align:center; line-height:2.1em;}
#schoolSec #schoolInfoInner{ width:920px; margin:0 auto;}
#schoolSec #schoolInfo{ width:500px; float:left; margin:30px 0 0;}
#schoolSec #schoolInfo dt{ font-size:12px; font-weight:normal; line-height:1.9em; color:#333; float: left;}#schoolSec #schoolInfo dd{ border-bottom:1px dotted #666; padding:0 0 0.5em 5em; margin:0 0 10px; color:#333; font-size:14px; color:#333;}
#schoolSec #schoolInfo dd a{ font-size:26px;}
#schoolSec #schoolInfo #classMessage dd a{ font-size: 14px;}

#schoolSec #schoolInfo dd.telFD > a{ color:#333; font-size: 22px;}
#schoolSec #schoolInfo dd.telFD span{ color:#ff3399; font-weight:bold; display:block; margin-top:0.5em;}
#schoolSec #schoolInfo dd.telFD span a{font-weight:normal; margin-top:0.2em; display:block;}

#schoolSec #schoolInfo p{ font-size:12px; margin:0 0 35px;}
#schoolSec #accessMap{ float:right; margin:25px 0 0;}
#schoolSec #accessMap dt{
	padding:0 0 5px 30px;
	line-height:2em;
	font-size:16px;
	font-weight:normal;
	background-image:url(https://www.itto.jp/schools/images/open_school/icon_map.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:7%;
}
#schoolSec #schoolInfo .bx-wrapper{ border:none; -webkit-box-shadow:none; box-shadow:none; background:none;}
#schoolSec #schoolInfo .bx-wrapper .bx-controls-direction a{ margin-top:-15px; z-index:0;}
#schoolSec #schoolInfo .bx-wrapper .bx-prev{ left:0;}
#schoolSec #schoolInfo .bx-wrapper .bx-next{ right:0;}
#schoolSec #schoolInfo .bx-wrapper .bx-viewport{ width:84% !important; margin:0 auto;}
#schoolSec #accessMap iframe{ border:1px solid #ccc; -webkit-box-sizing:border-box; box-sizing:border-box;}
#schoolSec #classMessage{ margin:15px auto 25px;}
#schoolSec #classMessage dt{
	padding:0 0 5px 55px;
	line-height:1.8em;
	font-size:16px;
	font-weight:normal;
	background-image:url(https://www.itto.jp/schools/images/open_school/icon_message.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size: 2.8em;
	float: none;
}
#schoolSec #classMessage dd{ font-size:14px; color:#333; line-height:1.8em; border-bottom:none; padding: 0 0 0.5em 0;}



#briefingSec{ border-top:2px solid #ffd700; border-bottom:2px solid #ffd700; padding:25px 0 0; margin:0 0 50px;}
#briefingSec h3{ background:none; color:#42210b; font-size:26px; font-weight:bold;}
#briefingSec p{ color:#42210b; font-size:12px; text-align:center;}
#briefingSec #scheduleList{ width:800px; margin:15px auto;}
#briefingSec #schedule01{ width:376px; float:left;}
#briefingSec #schedule02{ width:376px; float:right;}
#briefingSec dt{ width:5em; padding:0 0 0 0.5em; font-size:18px; font-weight:normal; color:#666; float:left; clear:left; line-height:2.4em;}
#briefingSec dd{ border-bottom:1px dotted #666; padding:0 0 0 4em; margin:0 0 10px; color:#333; font-size:26px;}

/*説明会日程　日付長い（文字小さい）ver.*/
#briefingSecSS{ border-top:2px solid #ffd700; border-bottom:2px solid #ffd700; padding:25px 0 0; margin:0 0 50px;}
#briefingSecSS h3{ background:none; color:#42210b; font-size:26px; font-weight:bold;}
#briefingSecSS p{ color:#42210b; font-size:12px; text-align:center;}
#briefingSecSS #scheduleList{ width:811px; margin:15px auto;}
#briefingSecSS #schedule01{ width:390px; float:left;}
#briefingSecSS #schedule02{ width:390px; float:right;}
#briefingSecSS dt{ width:5em; padding:0 0 0 0.5em; font-size:18px; font-weight:normal; color:#666; float:left; clear:left; line-height:2.4em;}
#briefingSecSS dd{  border-bottom:1px dotted #666; padding:0 0 0 4em; margin:0 0 10px; color:#333; font-size:21px;}
/*説明会日程　日付長い（文字小さい）ver.ここまで*/


#sessionSec{ width: 950px; margin: 60px auto 0;}
#sessionSec h3{ height:50px; background-color:#42210b; color:#fff; font-size:26px; font-weight:bold; text-align:center; line-height:2.1em; margin-bottom: 30px;}
#sessionSec h3.datenon{color:#42210b; font-size:26px; font-weight:bold; text-align:center; line-height:2.1em; margin-bottom: 30px; background:none; margin: -24px 0 -8px;}
#sessionSec p{ color:#42210b; font-size:14px; text-align:center;}
#sessionSec #scheduleList{ width:800px; margin:15px auto;}
#sessionSec #schedule01{ width:376px; float:left;}
#sessionSec #schedule02{ width:376px; float:right;}
#sessionSec dt{ width:5em; padding:0 0 0 0.5em; font-size:18px; font-weight:normal; color:#666; float:left; clear:left; line-height:2.4em;}
#sessionSec dd{ border-bottom:1px dotted #666; padding:0 0 0 4em; margin:0 0 10px; color:#333; font-size:26px;}

/*説明会日程　日付長い（文字小さい）ver.*/

#sessionSecSS{ width: 950px; margin: 60px auto 0;}
#sessionSecSS h3{ height:50px; background-color:#42210b; color:#fff; font-size:26px; font-weight:bold; text-align:center; line-height:2.1em; margin-bottom: 30px;}
#sessionSecSS h3.datenon{color:#42210b; font-size:26px; font-weight:bold; text-align:center; line-height:2.1em; margin-bottom: 30px; background:none; margin: -24px 0 -8px;}
#sessionSecSS p{ color:#42210b; font-size:12px; text-align:center;}
#sessionSecSS #scheduleList{ width:820px; margin:15px auto;}
#sessionSecSS #schedule01{ width:390px; float:left;}
#sessionSecSS #schedule02{ width:390px; float:right;}
#sessionSecSS dt{ width:5em; font-size:18px; font-weight:normal; color:#666; float:left; clear:left; line-height:2.4em;}
#sessionSecSS dd{  border-bottom:1px dotted #666; padding:0 0 0 4em; margin:0 0 10px; color:#333; font-size:21px;}
/*説明会日程　日付長い（文字小さい）ver.ここまで*/
#schoolBtnBox{ width:625px; margin:0 auto 30px;}
#schoolBtnBox li{ float:left; margin:0 25px 0 0;}
#schoolBtnBox li:last-child{ margin:0;}


#geosBox{ margin:0 0 35px;}
#geosBox p{ text-align:center; font-size:14px; color:#08203a; line-height:1.4em; margin:0 0 1em;}


#kodawariBox{
	width:950px;
	height:280px;
	margin:0 auto 50px;
	position:relative;
}
#kodawariBox p{ font-size:40px; text-align:right; color:#333; line-height:2.5em; margin:0;}
#kodawariBox p img{ position:absolute; top:0; left:0; z-index:1;}
#kodawariBox ul{ padding:0 0 0 125px;}
#kodawariBox li{ width:140px; height:140px; float:left; margin:0 0 0 10px;}
#kodawariBox li{ width:140px; height:140px; float:left; margin:0 0 0 10px;}
#kodawariBox li:nth-child(2){ background-color:#e72088;}
#kodawariBox li:nth-child(3){ background-color:#119dbf;}
#kodawariBox li:nth-child(4){ background-color:#eaa014;}
#kodawariBox li:nth-child(5){ width:215px;}
#kodawariBox #kodawariList{ width:215px; height:140px; padding:0;}
#kodawariBox #kodawariList li{ width:65px; height:65px; background-color:#8f1b69; margin:0 10px 10px 0;}
#kodawariBox #kodawariList li:nth-child(3n){ margin-right:0;}


#areaSearch{ width:950px; margin:0 auto 50px;}
#areaSearch dt{ font-size:26px; font-weight:normal;}
#areaSearch dt span{ font-size:21px; color:#ffd700; vertical-align:text-bottom;}
#areaSearch dd{ margin:0 0 0 20px;}

#school_photo_slide{ background-color: #fffae1; padding: 30px; border-radius: 10px; margin: 2em 0;}
#school_photo_slide h4{ color: #f3c100; font-size: 24px; margin-bottom: 0.5em;}
#school_photo_slide h4 span{ display: block; color: #a1a1a1; font-size: 15px;font-weight: normal;margin-top: -0.3em; line-height: 1.6em;}
#school_photo_slide h4 span::before,
#school_photo_slide h4 span::after{
	content: '-';
	display: inline-block;
	margin: 0 0.5em 0;
}

#school_photo_slide #photo_slide .caption {
	color: #555;
	font-size: 15px;
	margin-top: 0.5em;
	display: block;
	text-align:center;
}
#school_photo_slide #photo_slide .caption:before {
	content: "▲";
	display: inline-block;
	width: auto;
	height: auto;
	color: #f3c100;
	font-size: 1.4em;
	line-height: 1;
	vertical-align: bottom;
	margin-right: 0.3em;
	margin-left: -1em;
}
#school_photo_slide .slick-slide {margin: 0 10px;}
#school_photo_slide .slick-slide img{ width: 100%; height: auto;}
#school_photo_slide .slick-next:before,
#school_photo_slide .slick-prev:before { content: normal;}
#school_photo_slide .slick-next,
#school_photo_slide .slick-prev {
	font-size: 10px;
	position: absolute;
	left: 0;
	-webkit-transform: translateY(calc( -50% + 1.8em));
	    -ms-transform: translateY(calc( -50% + 1.8em));
	        transform: translateY(calc( -50% + 1.8em));

	width: auto;
	height: auto;
	z-index: 1;
}
#school_photo_slide .slick-prev{ left: 0;}
#school_photo_slide .slick-next{ right: 0; left: unset;}

/*----------------------------------------------------------------------------
 ***                                                             ブログ掲載用
----------------------------------------------------------------------------*/
#blogSec{ width:890px; padding:30px; margin:25px auto; background-color:#FBF2EA;}
#blogSec h2{ text-align:center; font-size:16px; background-color:#d47926; color:#fff;}
#blogSec #blogInner{ height:200px; padding:0 15px 0 0; margin:15px 0 0; overflow:auto;}
#blogSec dl{ margin:0 0 10px; padding:0 0 10px; border-bottom:1px dotted #999;}
#blogSec dt{ font-size:12px; color:#42210b; margin:0 0 5px; color:#46210C;}
#blogSec dt strong{ font-size:16px; margin-left:1em; color:#42210b;}
#blogSec .blogImg img{ float:left; margin:2px 10px 10px 0;}
#blogSec .blogTxt{ font-size:12px; line-height:1.5em;}
#blogSec .signature{ font-size:12px; background-color:#fff; padding:10px 15px; margin:10px 0 0; color:#777; clear:left;}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerInner{}
#footerInner li{ float:left;}
#footerInner #underPage{ background-color:#42210b; padding:10px 0;}
#footerInner #underPage ul{ width:950px; margin:0 auto;}
#footerInner #underPage li{ width:158px; border-left:1px solid #fff; text-align:center; line-height:1.7em; -webkit-box-sizing:border-box; box-sizing:border-box;}
#footerInner #underPage li:last-child{ border-right:1px solid #fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
#footerInner #underPage li a{ padding:5px 0 0; font-size:14px; color:#fff;}
#footerInner #courseList{ border-bottom:1px solid #ccc;}
#footerInner #courseList ul{ width:660px; margin:0 auto; padding:20px 0 17px;}
#footerInner #courseList li{ width:220px; text-align:center; line-height:1.5em;}
#footerInner #courseList li a{ color:#42210b; font-size:18px;}
#footerInner #groupSite{ width:850px; margin:0 auto; padding:10px 0 25px;}
#footerInner #groupSite dt,
#footerInner #groupSite dd{ text-align:center; color:#333; font-size:14px; line-height:1.5em; margin:5px 0 0;}
#footerInner #groupSite dd a{ color:#fff; border-radius:5px; text-decoration:none; display:block; padding:8px 0;}
#footerInner #groupSite #jmkBox dd a{ background-color:#3f3855;}
#footerInner #groupSite #novaBox dd a{ background-color:#0f97bc;}
#footerInner #groupSite dd a:hover{ opacity:0.6;}
#footerInner #groupSite #jmkBox{ width:400px; float:left;}
#footerInner #groupSite #novaBox{ width:400px; float:right;}
#footerInner #subPage{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 0 15px;}
#footerInner #subPage ul{ width:480px; margin:0 auto; padding:10px 0;}
#footerInner #subPage li{ width:160px; font-size:12px; border-left:1px solid #ccc; text-align:center; line-height:1.7em; -webkit-box-sizing:border-box; box-sizing:border-box;}
#footerInner #subPage li:last-child{ border-right:1px solid #ccc; -webkit-box-sizing:border-box; box-sizing:border-box;}
#footerInner p{ text-align:center; font-size:12px; margin:0;}


/*----------------------------------------------------------------------------
 ***                                                                  formBox
----------------------------------------------------------------------------*/
.formBox{  margin:40px auto 50px;}
.formBox ul{ max-width: 800px; margin: 0 auto;}
.formBox.brt{ border-top:1px dashed #BABABA; padding: 55px 0 50px; margin:0 auto; }
.formBox li{
	position:relative;
	width:376px;
	height:60px;
	margin:0 44px 0 0;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	line-height:2.2em;
	-webkit-box-shadow:0 0 3px 0 #999, 0 0 3px 0 #999, 3px 3px 3px 0 #ccc;
	        box-shadow:0 0 3px 0 #999, 0 0 3px 0 #999, 3px 3px 3px 0 #ccc;
	letter-spacing: -0.05em;
}
.formBox li:nth-child(1){ background-color:#33BAB1; margin-right: 1em;}
.formBox li:nth-child(2){ background-color:#EA6871; margin:0;}
.formBox li a{ display:block; height:60px; color:#fff; text-decoration:none; padding:0 0 0 1em;}
.formBox li:nth-child(1) a{
	border:4px solid #00a99d;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	background-image:url(https://www.itto.jp/schools/images/open_school/icon_request.png);
	background-repeat:no-repeat;
	background-position:left 14px top 8px;
	background-size:8%;
	letter-spacing:-1px;
}
.formBox li:nth-child(2) a{
	border:4px solid #e5424e;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	background-image:url(https://www.itto.jp/schools/images/open_school/icon_trial.png);
	background-repeat:no-repeat;
	background-position:left 8px top 8px;
	background-size:14%;
}
.formBox li::after{
	content: url(https://www.itto.jp/schools/images/open_school/icon_nextPage.png);
    position: absolute;
	bottom:-17px;
	right:0;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}
.formBox li:nth-child(1) a:hover{ background-color:#00a99d;}
.formBox li:nth-child(2) a:hover{ background-color:#e5424e;}
.formBox p#schoolNameTxt{ margin-bottom: 1em; text-align:center; font-size: 22px; color: #555;}
.formBox .telBtn{ margin-top: 2em;}


/*----------------------------------------------------------------------------
 ***                                                                  pageTop
----------------------------------------------------------------------------*/
#pageTop{}
#pageTop p{ position:fixed; right:5%; bottom:1%;}

/*----------------------------------------------------------------------------
 ***                                                             季節講習バナー
----------------------------------------------------------------------------*/
.seasonBnrSec,
.schoolBnrSec{	max-width: 950px;}
.schoolBnrSec #submit_season img{ max-width: 100%;}




/*----------------------------------------------------------------------------
 ***                                                2023.10 追加 共通校舎情報
----------------------------------------------------------------------------*/
#schoolDetailBlock{ border-top: 3px solid #ffd700;	padding-top: 30px;	margin-top: 20px;}
#schoolDetailBlock h4{ text-align:center; margin-bottom: 30px;}
#schoolDetailBlock h5{
	border-bottom: none;
	background: none;
	padding-left: 0;
	font-size: 20px;
	margin-bottom: 5px
}
#schoolDetailBlock section {
	max-width: 820px;
	margin: 30px auto 0;
	padding-bottom: 15px;
	background: url(../common_images/back_sdw01.png) center bottom no-repeat;
}
#schoolDetailBlock section#tmSec{ background: none; }

#schoolDetailBlock section .udBar{padding-bottom: 20px;	border-bottom: #999 dotted 1px;}
#schoolDetailBlock section p{line-height: 1.6em;font-size: 14px;}
#schoolDetailBlock section p:first-child{ margin-top: 1em; margin-bottom: 2em;}

#pageNavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 810px;
  margin: 40px auto;
  gap: 1em;
}
/* #pageNavi:has(> li:nth-child(4):nth-last-child(1)) {
  width: calc(248px * 2 + 2em);
} */
#pageNavi:has(> li:nth-child(5):nth-last-child(1)) {
  justify-content: center;
  width:810px;gap: 2em;
}
#pageNavi li {
  width: 190px;
  height: 98px;
  float: left;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center;
  line-height: 2.2em;
  -webkit-box-shadow: 0 0 2px 0 #ccc, 0 0 2px 0 #ccc, 2px 2px 2px 0 #ccc;
  box-shadow: 0 0 2px 0 #ccc, 0 0 2px 0 #ccc, 2px 2px 2px 0 #ccc;
}
/* #pageNavi li:nth-child(3n) {
  margin: 0;
} */
#pageNavi.csv_states{/* display: flex; */justify-content: center;gap: 2em;margin-top: -2em;}
#pageNavi.csv_states li {margin-bottom:2em;float: initial;margin: 0;}
#pageNavi li a {
  color: #4d4d4d;
  padding: 12px 0 25px;
  font-size: 14px;
  text-decoration: none;
  display: block;
  background-image: url(../schools/images/img_pagenavi.png);
  background-repeat: no-repeat;
 background-position: center bottom 41px;
 background-size: 95% 17%;
  height: 100%;
}
#pageNavi li a span {
  color: #42210b;
  padding: 0 1em;
  font-size: 16.3px;
  font-weight: bold;
  border-bottom: 2px dotted #ffd700;
}

#pageNavi li:hover {
  opacity: 0.6;
}
#kodawariSec {}
#kodawariSec h4 { font-size: 30px; font-weight: normal;	color: #999;}
#kodawariSec h4::before{
	content: '';
	display: inline-block;
	width: 1.5em;
	height: 1.2em;
	background: url(../schools/images/icon_h3_01.jpg) no-repeat center center/contain;
	vertical-align: middle;
	margin-top: -0.2em;
	margin-right: 0.3em;
}
#kodawariSec .section:nth-child(2n-1) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
#kodawariSec h4 img { vertical-align: -12%; margin-right: 3px;}
#kodawariSec .section:nth-child(2n-1) .imgBox{ margin-left: 20px;}
#kodawariSec .section:nth-child(2n) .imgBox{ margin-right: 20px;}
/* #kodawariSec .txtBox{ max-width: 50%;} */

/* #courseSec */
#courseSec {}
#courseSec h4 { font-size: 30px; font-weight: normal; line-height: 1.2em;}
#courseSec h4 span:first-child { color: #4c4c4c; font-size: 16px;}
#courseSec h4 span:last-child { border-bottom: 3px solid #ffec0b; padding: 0 0.5em;}
#courseSec h4 span:last-child:before {
	content: "";
	background: url(../schools/images/images2104/img_contents01.png) no-repeat;
	width: 110px;
	height: 35px;
	display: inline-block;
	background-size: cover;
	margin: -0.3em 0.2em 0 0;
	vertical-align: middle;
}
#courseSec .section {
	background: #f7f7f7;
	position: relative;
	padding: 45px 30px 30px;
	margin: 70px auto 0;
}
#courseSec #highschoolArea {margin: 70px auto 25px;}
#courseSec .section h5 {
	font-size: 28px;
	color: #fff;
	background: #ff7ba5;
	position: absolute;
	width: 7em;
	text-align: center;
	line-height: 1.3em;
	padding: 0.2em 0 0;
	color: #fff;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: calc(-1.5em / 2);
}
#courseSec #juniorArea h5 { background: #85bf3f;}
#courseSec #highschoolArea h5 { background: #3fa2ee;}

#courseSec .flexBoxL .checkBox {}
#courseSec .flexBoxL .checkBox li { font-size: 16px;}
#courseSec .flexBoxL .checkBox li:before {
	content: "";
	background: url(../schools/images/images2104/icon_check01.png) no-repeat;
	width: 22px;
	height: 20px;
	display: inline-block;
	background-size: cover;
	margin-right: 0.2em;
}
#courseSec #juniorArea .flexBoxL .checkBox li:before {
	content: "";
	background: url(../schools/images/images2104/icon_check02.png) no-repeat;
	background-size: cover;
}
#courseSec #highschoolArea .flexBoxL .checkBox li:before {
	content: "";
	background: url(../schools/images/images2104/icon_check03.png) no-repeat;
	background-size: cover;
}
#courseSec .flexBoxL .checkBox li span { font-size: 14px;}
#courseSec .flexBoxL .iconBox { width: 355px; margin: 10px 0 5px;}
#courseSec .flexBoxL .iconBox li {}
#courseSec .flexBoxL .txtArea { max-width: 510px;}

#courseSec .flexBoxL { margin-right: auto;}
#courseSec .flexBoxR {}
#courseSec .flexBoxR img { display: block;}
#courseSec .flexBoxR p { margin: 5px 0 0;}
#courseSec .flexBoxR p:before {
	content: "";
	background: url(../schools/images/images2104/icon_link.png) no-repeat;
	width: 10px;
	height: 10px;
	display: inline-block;
	background-size: cover;
	margin-right: 0.2em;
}
#courseSec .flexBoxR a {color: #ff7ba5;font-size: 12px;}
#courseSec #juniorArea .flexBoxR a {color: #85bf3f;}
#courseSec #highschoolArea .flexBoxR a { color: #3fa2ee;}

#courseSec .btnBox { width: 150px; margin: 25px auto 0;}
#courseSec .btnBox li { font-size: 14px;}
#courseSec .btnBox li a {
	background: #ffe3ee;
	width: 150px;
	display: block;
	text-align: center;
	color: #ff7ba5;
	vertical-align: middle;
	padding: 0.3em 0 0.2em;
	border-radius: 100vh;
	cursor: pointer;
	position: relative;
}

#courseSec .btnBox li a:after {
	content: "";
	width: 0.4em;
	height: 0.4em;
	border-right: 1px solid #ff7ba5;
	border-bottom: 1px solid #ff7ba5;
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: scale(1, 1.2) translateY(-70%) rotate(45deg);
	-ms-transform: scale(1, 1.2) translateY(-70%) rotate(45deg);
	transform: scale(1, 1.2) translateY(-70%) rotate(45deg);
}
#courseSec .btnBox li:last-child a { text-align: left; padding-left: 15px;  width: 140px; }
#courseSec .btnBox li a:hover { text-decoration: none;  opacity: 0.7;}
#courseSec #juniorArea .btnBox li a { background: #e5f7c4;  color: #85bf3f; }
#courseSec #highschoolArea .btnBox li a {  background: #d2f3fc;  color: #3fa2ee; }
#courseSec #juniorArea .btnBox li a:after {
	content: "";
	border-right: 1px solid #85bf3f;
	border-bottom: 1px solid #85bf3f;
}
#courseSec #highschoolArea .btnBox li a:after {
	content: "";
	border-right: 1px solid #3fa2ee;
	border-bottom: 1px solid #3fa2ee;
}


/* plamSec */
#plamSec {}
#plamSec h4 { font-size: 30px; font-weight: normal; color: #999;}
#plamSec h4::before {
	content: '';
	display: inline-block;
	width: 1.5em;
	height: 1.2em;
	background: url(../schools/images/images2501/icon_h3_02.jpg) no-repeat center center/contain;
	vertical-align: middle;
	margin-top: -0.2em;
	margin-right: 0.3em;
}
#plamSec h5 { padding: 10px 0;}
#plamSec .floatL { width: 445px; margin-left: 25px; margin-right: 50px; margin-bottom: 15px;}
#plamSec .mgr30 { margin-right: 32px;}
#plamSec .floatL dl {}
#plamSec .floatL dl:first-child { margin-bottom: 10px;}
#plamSec .floatL dt { font-size: 17px;}
#plamSec .floatL dd {}
#plamSec .floatL dd.floatL { width: 107px; margin-right: 15px; margin-left: 0;}
#plamSec .floatL dd span { font-size: 12px;}
#plamSec p.floatR { float: none; padding-top: 13px;}

#plamSec .priceTtlBox{ border:1px solid #c9caca; background: -o-linear-gradient(bottom, rgba(254, 254, 254, 1) 0%, rgba(231, 231, 231, 1) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(254, 254, 254, 1)), to(rgba(231, 231, 231, 1))); background: linear-gradient(0deg, rgba(254, 254, 254, 1) 0%, rgba(231, 231, 231, 1) 100%); padding: 10px 15px; border-radius: 5px; margin-bottom: 20px; }
#plamSec .priceTtlBox h5{ font-weight:bold; font-size: 26px; line-height: 1.2em; color: #3e3a39; }
#plamSec .priceTtlBox h5 span{ color: #e61673; font-size: 18px; font-weight:normal;}
#plamSec .priceTtlBox .priceTime{ margin: 0.5em 0 0;}
#plamSec .priceTtlBox .priceTime * { line-height: 1.2em; font-size: 18px; color: #3e3a39; font-weight:normal; text-align:center;}
#plamSec .priceTtlBox .priceTime dt{ margin-right: 0.3em;}
#plamSec .priceTtlBox .priceTime dd::before{ content: '/'; display: inline-block; width: 20px; }
#plamSec .priceTtlBox .priceTime dd:nth-of-type(1)::before{ content: normal; display: inline-block; width: 20px; }
#plamSec .priceTtlBox .priceDetail{ border-top: 1px dotted #CCC; padding-top: 0.6em; margin-top: 0.4em;}
#plamSec .priceTtlBox .priceDetail dt{ background: #e61673; color: #FFF; padding: 0.2em 0.5em 0; margin-right: 0.5em; font-weight: normal; line-height: 1.4em;}
#plamSec .priceTtlBox .priceDetail dd{ color: #3e3a39; font-size: 16px;}
#plamSec .priceTtlBox .priceDetail dl{ margin: 0 1em 0 0;}
#plamSec .priceTtlBox .priceDetail dl:last-child{ margin:0;}


#plamSec #frPlan h5 span{ color: #2271bc; letter-spacing: -0.03em; }
#plamSec #frPlan .priceDetail dt{ background: #2271bc;}
#plamSec #frPlan .priceDetail dd{ letter-spacing: -0.03em;}
#plamSec #frPlan .priceDetail dl:first-of-type dd{ letter-spacing: -0.23em;}

/* optSec */
#optSec { max-width: 790px; margin: 0 auto;}
#optSec h4 { font-size: 30px; font-weight: normal; color: #999;}
#optSec h4::before {
	content: '';
	display: inline-block;
	width: 1.5em;
	height: 1.2em;
	background: url(../schools/images/icon_h3_03.jpg) no-repeat center center/contain;
	vertical-align: middle;
	margin-top: -0.2em;
	margin-right: 0.3em;
}
#optSec .optBox {
	/* float: left; */
	width: 48%;
	height: 360px;
	/* margin-right: 17px; */
	border: 1px solid #b2b2b2;
	border-radius: 5px;
	background: -o-linear-gradient(#e7e6e6, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#e7e6e6), to(#ffffff));
	background: linear-gradient(#e7e6e6, #ffffff);
	position: relative;
}
#optSec .boxInner { padding: 16px 21px 21px 21px;}
#optSec .optBox:last-child { margin-right: 0px;}
#optSec .optBox h5 { font-size: 19px; font-weight: bold; color: #000;border-bottom: 1px solid #ccc; padding-bottom: 0.3em; margin-bottom: 0.5em;}
#optSec .optBox dl {}
#optSec .optBox dt { font-size: 14px; color: #e51572; letter-spacing: -0.03em; margin-bottom: 15px;}
#optSec .optBox dd { font-size: 12px; line-height: 1.8em;}
#optSec .optBox p {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
#optSec .optBox#ticket{ display: none;}

/* discountSec */
#discountSec{ max-width: 790px; margin: 0 auto;}
#discountSec h4 { font-size: 30px; font-weight: normal; color: #999;}
#discountSec h4::before {
	content: '';
	display: inline-block;
	width: 1.5em;
	height: 1.2em;
	background: url(../schools/images/icon_h3_06.jpg) no-repeat center center/contain;
	vertical-align: middle;
	margin-top: -0.2em;
	margin-right: 0.3em;
}
#discountSec .sectionInner ul li{ margin: 2em 0;}
#discountSec .sectionInner ul li img{ width: 100%; height: auto;}

/* tmSec */
#tmSec {}
#tmSec h4 { text-align: center; font-size: 30px; color: #999; margin-bottom: 0; text-align: center;}
#tmSec h4::before {
	content: '';
	display: inline-block;
	width: 1.5em;
	height: 1.2em;
	background: url(../schools/images/icon_h3_04.jpg) no-repeat center center/contain;
	vertical-align: middle;
	margin-top: -0.2em;
	margin-right: 0.3em;
}
#tmSec h5 { text-align: center; color: #ed1e79; padding: 10px 0;}
#tmSec .tBox { max-width: 480px; margin: 0 auto;}

/*----------------------------------------------------------------------------
 ***                                                               voiceSec
----------------------------------------------------------------------------*/

#voiceSec{ margin-bottom:70px;}
#voiceSec h3{font-size:30px;line-height: 1.1em;color: #692244;margin-top: 1.4em;background-color: #FFF;margin-bottom: 40px;}
#voiceSec h3 span{font-size: 60%;color: #ffc2cb;font-weight: normal;}
#voiceSec .svBox{ max-height:600px; overflow-y:auto;}
#voiceSec .svBox ul{display:flex;justify-content:space-between;flex-wrap:wrap; width:97%; align-items: flex-start; /* ← これを追加 */}
#voiceSec .svBox li{width: 48%; padding-bottom:3em;justify-content: space-between;}
#voiceSec .svBox li .flexBoxL{
    text-align: center;
}
#voiceSec .svBox li .flexBoxL p{
    text-align: center;
    color: #692244;
    font-weight: bold;
}
#voiceSec .svBox dl{max-width: calc(100% - 165px);background:#fff;color: #94657b;border: 2px solid #94657b;border-radius:5px;margin-left: 7px;padding: 1em;box-shadow: 10px 10px 0px 0px #c1e8e0;}
#voiceSec .svBox dt{color: #6d2345;font-size:120%;padding-bottom: 0.3em; line-height:1.2em;}
#voiceSec .voiceTxtName{ font-size:14px; line-height:1.2em;}

.read-more-2 {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

/* デフォルトは省略表示 */
.read-more-2 .readmore-content {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6; /* PCでは6行 */
    position: relative;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.7;
}

/* 開いたときは全文表示 */
.read-more-2 input:checked ~ .readmore-content {
    display: block;
}

/* グラデーション */
.read-more-2 .readmore-content::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(180deg, hsla(0,0%,100%,0) 0, #fff 100%);
}

.read-more-2 input:checked ~ .readmore-content::after {
    content: none;
}

/* ボタン */
.read-more-2 .toggle-btn {
    display: flex;
    justify-content: center;
    margin-top: 12px;
    font-size: 0.9rem;
    cursor: pointer;
    color: #30b8fc;
}

.read-more-2 .toggle-btn:hover {
    color: #ff8d8d;
    text-decoration: underline;
}

/* デフォルトは「続きを読む」表示 */
.read-more-2 .toggle-btn .close { display: none; }

/* チェック時は「閉じる」に切り替え */
.read-more-2 input:checked ~ .toggle-btn .more { display: none; }
.read-more-2 input:checked ~ .toggle-btn .close { display: inline; }

/* チェックボックスは非表示 */
.read-more-2 input {
    display: none;
}

/* チェック時に本文開閉 */
.read-more-2 input:checked ~ .readmore-content {
  display: block;
}

/* チェック時にグラデーション消す */
.read-more-2 input:checked ~ .readmore-content::after {
  content: none;
}

/* チェック時に「閉じる」表示 */
.read-more-2 input:checked ~ .toggle-btn .more {
  display: none;
}
.read-more-2 input:checked ~ .toggle-btn .close {
  display: inline;
}

#voiceSec .svBox .readmore {
  margin: 0 auto;
  /*padding: 0px 0px 2.5em;*/
}

#voiceSec .svBox .readmore  .readmore-content p{
  margin: 15px;
}

#voiceSec .svBox .readmore  .readmore-content {
  /*height: 70px;*/
  font-size: 90%;
  color: #692244;
  overflow: hidden;
}

/*
#voiceSec .svBox .readmore .readmore-content::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35px;
  background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

#voiceSec .svBox .readmore label {
  position: absolute;
  display: table;
  left: 50%;
  bottom: 0px;
  margin: 0 auto;
  /* width: 60%;
  padding: 0.3em 1em;
  color: #692244;
  font-weight:bold;
  text-align: center;
  border-radius: 2em;
  background-color: #c0eae1;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1;
}
#voiceSec .svBox .readmore label::before{
  content: 'もっと読む >';
}

#voiceSec .svBox .readmore input[type="checkbox"]:checked ~ label::before {
  content: ' 元に戻す <';
}
*/
#voiceSec .svBox .readmore input[type="checkbox"]{
  display: none;
}

#voiceSec .svBox .readmore input[type="checkbox"]:checked ~ .readmore-content {
  height: auto;
}

#voiceSec .svBox .readmore input[type="checkbox"]:checked ~ .readmore-content::before {
  display: none;
}



.cp_box1 img{ width:100%; height:30px;}

.cp_box1 {
    position: relative;height: 30px; width: 100%; margin-top: -30px;
    overflow: hidden; /* 念のため */
}

/* グラデーションを擬似要素でかける */
.cp_box1::after {
    content: '';
    position: absolute;left: 0;width: 100%;
    height: 30px; /* cp_box1 と同じ高さ */
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%);
    pointer-events: none; /* クリックやスクロールを邪魔しない */
}