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

body{background: #effaff;}
body div#wrap{min-width: 500px;width: 500px;margin: 0 auto;/* border-left: #eee solid 10px; *//* border-right: #eee solid 10px; */background: #FFF;z-index: 0;}
section .sectionInner{width: 90%;padding: 6% 0;margin: 0% auto 0%;}
h2{color: #413a58; font-size: 200%;}
h3{color: #413a58; font-size: 160%;}
.yellow{background: #fef8be;}


/*共通*/
.h2ttl{
    line-height: 1.3;
    margin: 1em auto 0.8em;
}
.h2ttl span{
    display: block;
    font-size: 80%;
    color: #413a58;
}
.imgsize90{max-width: 90%;}

/*mainSec*/
#mainSec .sectionInner{width: 100%; padding: 0 0 6%;}
#mainSec .mainBox{width: 90%; margin: 0 auto;}
#mainSec .ttlBox{position: relative;}
#mainSec .ttlBox .main_catchcopy{font-size: 220%;}
#mainSec .ttlBox .main_txt{color: #413a58;font-size: 160%;font-weight: bold;margin: 0.5em auto 15px;padding: 33px 0 5px 0px;background-image: url(../images/icon_gakunen.png);background-repeat: no-repeat;background-position: left 23px top 20px;background-size: 22%;border-bottom: #413a58 1px solid;}
#mainSec .ttlBox .main_txt .big{color: #413a58;font-size: 210%;margin-left: 0.1em;}
#mainSec .ttlBox .main_catchcopy .city{font-size: 220%; color: #413a58;}
#mainSec .ttlBox .main_catchcopy .kousha{font-size: 150%; color: #413a58;}

#mainSec .mainBox .flexBox{margin: 1em 0 1.5em; gap: 0.5em;}
#mainSec .mainBox .flexBox li p{margin: 0;}
#mainSec .mainBox .flexBox li p a{margin: 0; color: #413a58; border: #413a58 solid 2px; border-radius: 50vw; font-weight: bold; margin-bottom: 0.3em; position: relative; display: block; text-decoration: none;}
#mainSec .mainBox .flexBox li p a::after{content: ""; position: absolute; top: 50%; right: 25px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #413a58; transform: translateY(-50%);}
#mainSec .mainBox .flexBox li .flexBox{gap: 0.5em; margin: 0;}

#mainSec .chosenBox{width: 90%; margin: 1.5em auto 0;}
#mainSec .chosenBox .flexBox{gap: 0.5em;}

/*formSec*/
.formSec h2.ttl{font-size: 140%;}
.formSec h2.ttl span{color: #413a58; font-size: 125%;}
.formSec img{width: 100%; height: auto;}
.formSec li.request{width: 40%;}
.formSec li.tel{width: 57%; margin:0 auto;}

/*seasonSec*/
#seasonSec .sectionInner{width: 90%; margin: 1.5em auto;}

/*InnerLinkSec*/
#InnerLinkSec .sectionInner{width: 90%; padding: 6% 0; margin: 0% auto;}
#InnerLinkSec p{font-weight: bold; color: #413a58; font-size: 130%;}
#InnerLinkSec ul li{width: 25%;}
/*#InnerLinkSec ul li a{padding: 1em; width: 30%; display: inline-block; background: #fff; border: solid 2px #ccc; border-radius: 4px; color: #413a58;}*/

/*schoolSec*/
#schoolSec{background: #eaf0f0;margin: 1em auto;}
#schoolSec h3 {font-size: 2rem; text-align: center;line-height: 1.5; margin: 0 auto;}
#schoolSec h3 span { display: block; position: relative;font-size: 0.8rem; margin-left: 0;}

#schoolSec .schoolList{max-width:560px;width:100%;height:auto;display:block;position:relative;/* margin:0 0 0 auto; */padding: 0 0 2em;margin: 0 auto;order: 1;}
#schoolSec .schoolList .schoolList_txt{position: absolute;top:0;left: 0;font-weight: 400;}
#schoolSec .schoolList .schoolNavi{ max-width:350px; width:100%; position:absolute; z-index:1; top:4em;}
#schoolSec .schoolList .schoolNavi ul{ max-width:160px; width:100%;}
#schoolSec .schoolList .schoolNavi li{ width:50%; margin:0.3em 0 0; line-height:1em; padding:0.2em 0 0.2em 1em; position:relative;font-weight: 500;}
#schoolSec .schoolList .schoolNavi li:before{
	content:"▶";
	display:inline-block;
	position:absolute;
	left:0;
	margin:auto;
	color:#666;
	font-size:0.625rem;
}
#schoolSec .schoolList .schoolNavi li a{ color:#666; text-decoration:none; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s;}
#schoolSec .schoolList .schoolNavi li a:hover{ color:#00aae7;}
#schoolSec .schoolList .schoolNavi p{margin:2.5em 0 0;margin: 0;padding: 0;left: 0;top: 8em;position: absolute;text-align: center;}
#schoolSec .schoolList .schoolNavi p strong{ font-size:5rem; font-weight:400;}
#schoolSec .schoolList .schoolNavi p strong span{ font-size:1.75rem; font-weight:bold;}
#schoolSec .schoolList .schoolNavi p span.eng_def{font-size: 1rem;display: block;color: #666;padding: 0.2em 0 0;margin: 0.2em 0 0;border-top: 1px solid #999;#schoolSec .schoolList .schoolNavip {
        margin: 0;padding: 0;left: 0;top: 8em;position: absolute;text-align: center;
    };#schoolSec .schoolList .schoolNavip {
        margin: 0;padding: 0;left: 0;top: 8em;position: absolute;text-align: center;
    };}
#schoolSec #schoolMap{ background:url("../../images/renewal2025/top/img_school_map.png")left 0px no-repeat;background-size:cover;position: relative;width: 100%;height: auto;}
#schoolSec #schoolMap p{ margin:0; padding:0;}
#schoolSec .seachLBox{ margin-top:1em;}
#schoolSec .seachLBox p{ text-align:center;}
#schoolSec .seachLBox a{ display:inline-block; border:#6C9 solid 1px; padding:5px 20px; background:#FFF; color:#2aada8; border-radius: 100vh;}


#schoolSec .sectionInner{ width:90%;}
    #schoolSec .slider_pickup_school{width: 100%;order: 3;}
    #schoolSec .schoolList .schoolList_txt{position: relative;margin-bottom: 2em;font-size: 0.8rem;line-height: 1.5;text-align: center;}
    #schoolSec .openSchoolBox .pickup_school .defaultItem dl{min-width: 95vw;}
	#schoolSec .openSchoolBox{ max-width:100%; width:100%; -ms-flex-wrap:wrap; flex-wrap:wrap; display:-webkit-box; display:-ms-flexbox; display:flex;order: 2;}
	#schoolSec .openSchoolBox h4{ width:100%; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1;margin: 0em auto;}
	#schoolSec .openSchoolBox .newopenSchoolList{ width:100%; height:40vh; margin:0 auto 1em; -webkit-box-ordinal-group:4; -ms-flex-order:3; order:2; }
	#schoolSec .openSchoolBox .newopenSchoolList li{ margin:1em 0 0.5em;}
    #schoolSec .openSchoolBox dl{align-items: center;}
	#schoolSec .openSchoolBox dt{ max-width:19%; padding:0.3em 0 0.1em; margin:0 2% 0 0;font-size: 0.6rem;}
	#schoolSec .openSchoolBox dd{ font-size:1rem; padding:0;}
	#schoolSec .openSchoolBox dd.open-name{ margin:0;font-size: 0.7rem;}
	#schoolSec .openSchoolBox dd.open-date{ width:18%; padding:0em 0 0; margin:0;font-size: 0.7rem;}
    #schoolSec .openSchoolBox dd.open-format{margin-right: 0.2em;}
	#schoolSec .openSchoolBox .toggleBtnBox{}
	#schoolSec .openSchoolBox .toggleBtnBox .tac a{
		display:block;
		max-width:200px;
		width:100%;
		margin:1em auto;
		padding:0.5em;
		color:#fff;
		font-size:1rem;
		font-weight:bold;
		text-decoration:none;
		border-radius:100px;
		-webkit-box-shadow:1px 1px 3px #999;
		        box-shadow:1px 1px 3px #999;
		-webkit-transition:all .3s;
		-o-transition:all .3s;
		transition:all .3s;
	}
	#schoolSec .openSchoolBox .toggleBtnBox #tuzukiB1{ background-color:#000;}
	#schoolSec .openSchoolBox .toggleBtnBox #tuzukiB2{ background-color:#999; display:none;}
	#schoolSec .openSchoolBox .toggleBtnBox .tac a:hover{ opacity:0.6;}
	/* SCHOOLS PICKUP */
	#schoolSec .openSchoolBox .bx-wrapper{ margin:0; width:100%; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;}
	/* SCHOOLS マップ */
	#schoolSec .schoolList{ padding:0; margin:-55 auto 0;order: 1;}
	#schoolSec .schoolList .schoolNavi{ max-width:100%; top:0; position:revert;}
	#schoolSec .schoolList .schoolNavi ul{ max-width:100% !important; padding:1em 0;}
	#schoolSec .schoolList .schoolNavi li{ width:25%; font-size:1rem; padding-left:0.8em;}
	#schoolSec .schoolList .schoolNavi p{margin:0;padding:0;left:0;top: 2em;position:absolute;text-align:center;}
	#schoolSec .schoolList .schoolNavi p strong{ font-size:4em;}
	#schoolSec .schoolList .schoolNavi p span.eng_def{ font-size:1rem;}
	#schoolSec #schoolMap{ position:revert; margin-top:-55px;}
	#schoolSec #schoolMap p{ padding:0;}

/* アコーディオン */
.accordion-content {overflow: hidden; max-height: 0; transition: max-height .3s ease;}
.school-item.is-open .accordion-content {max-height: 500px;}
.school-detail {display: grid; grid-template-columns: 120px 1fr; grid-template-areas: "photo tel" "photo address"; column-gap: 16px; row-gap: 8px; margin: 15px 0;}
.school-photo {grid-area: photo;}
.school-tel {grid-area: tel; margin: 0; font-weight: bold; font-size: 1.2em;}
.school-address {grid-area: address; margin: 0;}
.school-item {position: relative; padding-bottom: 2em; border-bottom: #999 dotted 1px; margin-bottom: 0.5em;}
.school-item.is-open .school-address{position: static; font-size: 1em;
  color: #333;}
.school-item:not(.is-open) .school-address {position: absolute; top: 30px; left: 75px; font-size: 0.9em; color: #666; white-space: nowrap;}
.school-item:not(.is-open) .school-tel,
.school-item:not(.is-open) .school-photo {display: none;}

/*kodawariSec*/
#kodawariSec{
    /* margin: 1em auto; */
}
#kodawariSec h2{line-height: 1.3;margin: 1em auto 0.8em;}
#kodawariSec h2 span{display: block; font-size: 80%; color: #413a58;}
#kodawariSec h3.big{font-size: 220%; line-height: 1.2; margin-bottom: 0.5em;}
.pagetop_more p{text-align: right; margin: 0; background: url(/company/form/lp/area/images/icon_main09.png) left top no-repeat; background-size: auto 100%; float: right; padding-left: 2em; font-size: 80%;}

/* #courseSec */
#schoolDetailBlock section { width: 100%; margin: 10% au}
#schoolDetailBlock h4 { margin-bottom: 5%;line-height: 1.5em;}




#courseSec {
    /* margin: 40px auto 1em; */
}
#courseSec h4 {text-align: center;font-size: 30px;font-weight: normal;line-height: 1.2em;margin
Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits.

Widely available across major browsers (Baseline since January 2018)
Learn more

Don't show: 1em auto 0.8em;';margin: 1em auto 2em;}
#courseSec h4 span:first-child {color: #4c4c4c;font-size: 19px;}
#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 > div{ display: block;}
#courseSec .section {
	background: #f7f7f7;
	position: relative;
	padding: 45px 30px 30px;
	margin: 19px auto 0;
}
#courseSec #highschoolArea {margin: 70px auto 25px;}
#courseSec .section h5 {
	font-size: 20px;
	color: #fff;
	background: #ff7ba5;
	position: absolute;
	width: 7em;
	text-align: center;
	line-height: 1.3em;
	padding: 0.2em 0 0.2em;
	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 {
    margin-bottom: 1em;
}
#courseSec .flexBoxR img {display: block;width: 100%;}
#courseSec .flexBoxR p { margin: 5px 0 0;}
#courseSec .flexBoxL .std_details a{position: relative;padding-left: 1em;}
#courseSec .flexBoxL .std_details a:before {
	position: absolute;
	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;
	left: 0em;
	top: 0.4em;
}
#courseSec .flexBoxL a {color: #ff7ba5;font-size: 12px;}
#courseSec #juniorArea .flexBoxL a {color: #85bf3f;}
#courseSec #highschoolArea .flexBoxL a { color: #3fa2ee;}

#courseSec .btnBox {/* width: 150px; */margin: 25px auto 0;}
#courseSec .btnBox li { font-size: 14px;}
#courseSec .btnBox li a {
	background: #fff;
	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;
	border: 1px solid #ff7ba5;
}

#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: 160px;padding: 0.4rem;text-align: center;font-weight: bold;}
#courseSec .btnBox li a:hover { text-decoration: none;  opacity: 0.7;}
#courseSec #juniorArea .btnBox li a {background: #fff;color: #85bf3f;border: 1px solid #85bf3f;}
#courseSec #highschoolArea .btnBox li a {background: #fff;color: #3fa2ee;border: 1px solid #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;
}


/*料金表*/

article{}
#priceHead{margin: 0 auto;
   /* width: 800px;*/
}
#priceHead .priceHeadInner{display: flex;justify-content: center;border-radius: 1em;padding: 2em 0em;border: 1px solid #a0a0a0;background
Shorthand property for setting most background properties at the same place in the style sheet.

主要なブラウザで広く使用可能（Baseline、2018年1月 以降）
詳細

表示しない: #4ecddb;background
Shorthand property for setting most background properties at the same place in the style sheet.

主要なブラウザで広く使用可能（Baseline、2018年1月 以降）
詳細

表示しない: #4ecddb;background: #DFFFFC;}
#priceHead .priceHeadInner .price-selBox{padding: 0rem 0 0 0rem;/* display: flex; *//* justify-content: center; */}

#priceHead .priceHeadInner p{/* text-align:center; */font-size: 100%;color: #000;font-family: 'Noto Sans JP', sans-serif;}
#priceHead .priceHeadInner .price-selBox .txtbig{
    font-size: 170%;
    padding-right: 2%;
}
#priceHead .priceHeadInner .price-selBox .gray{color: #AAAAAA;}
#priceHead .priceHeadInner .price-selector_img img{}




/* 地域をご選択くださいボタン ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.areatop_Btn{text-align: center;margin: -5em auto 3em;}
.areatop_Btn a{
    display: inline-block;
    padding: 16px 13px;
    /* min-width: 90px; */
    font-size: 135%;
    color: #000;
    text-align: center;
    background: linear-gradient(to bottom, #d1d1d1 8%, #ffffff 50%, #ffffff 100%);
    border-radius: 12px;
    border: 1px solid #b5b5b5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: opacity 0.2s;
    text-decoration: none;
    font-family: 'Noto Sans JP', sans-serif;
    }
.areatop_Btn a:hover{opacity:0.8;text-decoration: none;}

/*  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

#junction{
	padding:8% 5% 8% 5%;
	box-shadow: 0px 9px 10px -3px #ccc;
    -webkit-box-shadow: 0px 9px 10px -3px #ccc;
    -moz-box-shadow: 0px 9px 10px -3px #ccc;
}

#junction ul li{
	display:inline-block;
	margin-left:1.5%;
	margin-right:1.5%;
	width:29%;
}

#junction ul{
	margin:auto;
	margin-top:5%;
	margin-bottom:1%;
}

#junction p{
	text-align:center;
	line-height:1.4em;
}

#junction span{
	font-size:50%;
	text-align:center;
	margin-left:3%;
	font-weight:bold;
}

.plan{
	padding: 8% 0% 0% 0%;
	/* box-shadow: 0px 9px 10px -3px #ccc; */
	/* -webkit-box-shadow: 0px 9px 10px -3px #ccc; */
	-moz-box-shadow: 0px 9px 10px -3px #ccc;
}
.plan .sectionInner{padding:0 2%;}


.plan p img{
	width:2%;
	/* float:left; */
	margin-left:3%;
	margin-top:1%;
}

.plan h3{
	font-weight:normal;
	font-size:170%;
	margin-bottom:5%;
	background:none;
	background-size:2% auto;
	padding-left:0;
}

.plan h3 span{
	font-size:60%;
}

.plan h3.titleL{
	font-size:130%;
	padding-top:0.5%;
}


.plan p.back img{
	width:10%;
}

.plan p.back a:link{
	color:#666;
	text-decoration:none;
}

.plan p.back{
	width:25%;
	margin:auto;
	margin-top:5%;
}

.st_plan{/* margin-bottom: 4%; */}
.st_plan h4{ margin-bottom:3%;}
.st_plan p img{ width:100%; margin:0;}
.st_plan p.floatR{ width:42%; margin-left:3%;}
.st_plan dl{ margin-bottom:3%;}
.st_plan dt{ font-size:115%; font-weight:bold; line-height:1.4em; margin-bottom:1%;}
.st_plan dd{ line-height:1.4em; color:#555;}
.st_plan dl.clear{ margin-bottom:5%;}
.st_plan dd.floatL{ width:20%; margin-right:3%;}
.st_plan p{}

.fr_plan{/* margin-bottom:8%; */}
.fr_plan h4{ margin-bottom:3%;}
.fr_plan p img{ width:100%; margin:0;}
.fr_plan p.floatR{ width:42%; margin-left:3%;}
.fr_plan dl{ margin-bottom:3%;}
.fr_plan dt{ font-size:115%; font-weight:bold; line-height:1.4em; margin-bottom:1%;}
.fr_plan dd{ line-height:1.4em; color:#555;}
.fr_plan dl.clear{ margin-bottom:5%;}
.fr_plan dt.spacing{ letter-spacing:-0.11em;}

.formBtnBox{ border:5px solid #CCC; border-radius:10px; margin-top:5%;}
.formBtnBox .boxInner{ padding:3% 3% 3% 0;}
.formBtnBox .floatL{ margin-left:-2%; margin-top:3%; width:30%;}
.formBtnBox .floatL img{ width:100%;}
.formBtnBox .floatR{ width:68%;}
.formBtnBox .floatR p{ font-size:115%; margin-bottom:3%}
.formBtnBox .floatR p span{ font-size:60%;}
.formBtnBox .floatR ul{}
.formBtnBox .floatR ul li{ width:55.5%; margin-right:3%; float:left;}
.formBtnBox .floatR ul li:nth-child(2){ width:41.5%; margin-right:0; margin-bottom:4%;}
.formBtnBox .floatR ul li:last-child{ float:none; width:100%;}







/*----------------------------------------------------------------------------
 ***                                                                 料金改定2020
----------------------------------------------------------------------------*/
#content .sectionInner{border-bottom: #413a58 1px solid;}
#priceHead{margin: 0em auto 0em;/* padding: 0 14px; */}
#priceHead p{font-size: 12px;line-height: 1.8em;padding: 0rem 1rem 0rem 1rem;}

.sagasuBox{ background:#FFD701; padding:5px; padding-bottom:1em; border-radius:15px; font-size:90%;}
.sagasuSclBox{}
.sagasuSclBox .subBtn2 img{ width:70%; height:auto; display:block; float:none; margin:0 auto; padding:0.5em;}
.sagasuSclBox p{ text-align:center; color:#000; width:100%;}



.priceViewBox{margin:1em 0;display: block;}
.priceSelectBox{/* background:#F2F2F2; */padding: 0em 1em;margin-top:10px;}
.priceSelectBox .serchPBox{ }
.priceSelectBox h4{ margin-bottom:5%; line-height:1.2em; font-size:100%; text-align:center;}
.priceSelectBox p{text-align:center; margin-bottom:0.5em;}
.priceSelectBox ul{display: flex;/* flex-wrap: wrap; */gap: 0.5em;}
.priceSelectBox ul li{/* float:left; */width: 100%;}
.priceSelectBox ul li:last-child{/* width: 50%; */}
.priceSelectBox ul li select{padding: 5px 20px 8px 5px;border-radius:5px;line-height:2em;display:block;font-size: 135%;width: 100%;margin: auto;}

.priceImgBox p{}

{}

/* 初月授業料無料 */

@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=入会初月授業料無料);

#type_fm * {
	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{ padding: 1em 0 3em; margin: 0 auto 3em; border-bottom:1px solid #ccc;}
#type_fm .cpnTtlBox{ border: 15px solid #fff200; position: relative; padding: 5%;}
#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);
	z-index: 0;

}
#type_fm .cpnTtlBox > div{ display: block;}
#type_fm .cpnTtlBox h3{ position: relative; z-index: 1; border-bottom:none; margin-bottom: 3%;}
#type_fm .cpnTtlBox .imgChara{ position: absolute;bottom: -15px;right: -15px; width: 17%;}
#type_fm .cpnTtlBox dl{ z-index: 1; position: relative;}
#type_fm .cpnTtlBox dt{ font-size: 180%; border-bottom:1px solid #42362d;padding-bottom: 0.2em;margin-bottom: 0.5em;}
#type_fm .cpnTtlBox dd { font-size: 110%; width: 90%;}
#type_fm .fmAttentionTxt{ font-size: 12px; margin: 0.5em 0 0; text-align:left;line-height: 1.5em;}

.plan .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: 3%;border-radius: 5px;margin-bottom: 5%;}
.plan .priceTtlBox h3{ font-weight:bold; font-size: 160%; line-height: 1.2em; color: #3e3a39; border-bottom: 1px solid #CCC; }
.plan .priceTtlBox h3 span{ color: #e61673; font-size: 65%; font-weight:normal;}
.plan .priceTtlBox .priceTime{ margin: 0.5em 0 0;}
.plan .priceTtlBox .priceTime * { line-height: 1.2em; font-size: 90%; color: #3e3a39; font-weight:normal; text-align:center;}
.plan .priceTtlBox .priceTime dt{ margin-right: 0.3em;}
.plan .priceTtlBox .priceTime dd::before{ content: '/'; display: inline-block; width: 20px; }
.plan .priceTtlBox .priceTime dd:nth-of-type(1)::before{ content: normal; display: inline-block; width: 1em; }
.plan .priceTtlBox .priceDetail{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0.4em 0;}
.plan .priceTtlBox .priceDetail dt{ background: #e61673; color: #FFF; padding: 0.2em 0.5em 0; margin-right: 0.5em; font-weight: normal; line-height: 1.4em; font-size: 80%;}
.plan .priceTtlBox .priceDetail dd{ color: #3e3a39; font-size: 80%;}
.plan .priceTtlBox .priceDetail dl:last-child{ margin:0;}

.plan #frPlanTtl h3 span{ color: #2271bc; letter-spacing: -0.03em; }
.plan #frPlanTtl .priceDetail dt{ background: #2271bc;}
.plan #frPlanTtl .priceDetail dd{ letter-spacing: -0.03em;}



/*DiscountSec*/
#DiscountSec{
    margin: 0em auto 2em;
}
#DiscountSec .DiscountInner{
    /* margin: 1em auto; */
}
#DiscountSec .DiscountInner .Discountbox{
    display: flex;
    justify-content: center;
}
#DiscountSec .DiscountInner .Discountbox img{
    text-align: center;
}



/*pagetop_more*/
.pagetop_more{margin: 1em; overflow: hidden;}

/*farea*/
.farea {background: #171C60;padding: 0 1em 1em;}
#sLBox2 h3#seleH3{text-align: center;padding: 1em 0;color: #fff;font-size: 24px; line-height:1.4em;}
#sLBox2 h3#seleH3 span{ margin-bottom:0.5em; color:#FFF; display:inline-block; font-size:80%;}
.subBtnAreaSec{clear: both; padding: 2em 1em; background: #FFF; margin: 0 auto; border-radius: 10px;}
.subBtnAreaSec .sectionInner{padding: 0;}
.subBtnAreaSec .seleHP{font-size: 125%;}
.subBtnAreaSec .seleImgP{max-width: 160px; margin: 0 auto 1em;}
.subBtnAreaSec .subBtnSeleBox select{width: 100%; padding: 0.5em; font-size: 120%; line-height: 2em; display: block; border-radius: 8px; min-width: 60%; margin: 0.5em auto 1em auto;}
.subBtnAreaSec ul{clear: both;margin-bottom: 1em;gap: 2%;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.subBtnAreaSec .telAreaBtn{text-align: center;}

#allSchoolForm .allSchoolForm{
    flex-wrap: wrap;
    gap: 8px 10px;
}
#allSchoolForm ul select{
    margin: 0em auto 0em auto;
}
.allSchoolForm li:nth-child(1),
.allSchoolForm li:nth-child(2) {
    width: calc(50% - 5px); /* gapの半分を引いて横並びにする */
}
.allSchoolForm li:nth-child(3) {
    width: 100%;
}
#allschools{}


/*----- 【フッターリンク】 -----*/
#footerArea {margin: 0em auto;}
#footerContentList{padding: 8% 5%;margin: 0 auto;background: #dbdbdb;}
#footerContentList .ittoLogo{ width: 68%; margin: 0 0 7%;}
#footerContentList a{color: #333333;}
#footerContentList .boxL{padding-right:50px;}
#footerContentList .contentList .sitePageListBox{ font-size: 110%;}
/* #footerContentList .contentList .sitePageListBox:last-child{ -webkit-box-pack:unset; -ms-flex-pack:unset; justify-content:unset;} */
#footerContentList .contentList .sitePageListBox .sitePageItem{padding: 0 0;margin: 0 0 1em 0;}
#footerContentList .contentList .sitePageListBox .sitePageTitle {padding:0 0 0 1.7em;background: url(/common_images/icon_list07.png) left no-repeat;margin:0;}
#footerContentList .contentList .sitePageListBox .listItem{background: url(/common_images/icon_list10.png) 0px 70% no-repeat;padding: 3% 0 0 1em;line-height:18px;}
/* #footerContentList .sitePageListBox:last-child .sitePageItem:last-child{ margin:0;} */
#footerContentList .sitePageListBox .icoImg{margin: 0 0 0 0.3em; width: auto;}
#footerContentList .sitePageList{ padding-left: 15px;}
#footerContentList .schoolsListBox .sitePageList{ display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; margin:0 0 1em 0;}
#footerContentList .schoolsListBox .sitePageList .listItem{margin: 0 2% 0 0; padding: 3% 0 0 1em; line-height: 1.6em; width: 5em; }


footer{ background-color:#fffbe3; clear:both;}
footer p{ line-height:1.4em;}
footer .sectionInner{padding:5%;}
footer > .sectionInner{ background: #dbdbdb; }
footer #company li.logo{float:left; width:25%; margin-right:3%;}
footer #company li.caption{width:100%;}
footer #company li.name{width:100%; font-size:140%; font-weight:bold;}
footer #companyNav li{ margin-right:2em; padding:0.8em 0 0; font-size:110%;}
footer #companyNav li:last-child{ margin-right:0; }
footer #gyoutaiNav {padding-top:1em; margin-top:1em; border-top:#FFF 1px dashed;}
footer #gyoutaiNav li{width: 20%;float:left;/* padding-right:6%; */}
footer #gyoutaiNav li img{
    width: 80%;
}
footer #gyoutaiNav li:last-child{ padding-right:0; }
footer #copyright{text-align:center; margin-top: 7%;}
footer p.customerTEL{ font-size: 11px;}



/*-----  地域サーチ  -----*/

.shTxtP{
	text-align:center;
	color: #413a58;
    font-size: 160%;
	font-weight:bold;
}
.areaSearchBox{
	background-image:url(../images/img_map.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size: auto 90%;
	padding-bottom: 20px;
}
.areaSearchBox ul{ max-width:480px; margin: 0 auto;}
.areaSearchBox select{ padding: 0.5em; width: 12em; margin-left: 0.5em;}

/* .areaSearchBox{ padding-bottom:60px;} */
.areaSearchBox #searchBlock{ width:100%; margin:0 auto;}
.areaSearchBox #searchBlock > *{ margin:0.5em; font-size:87.5%; width:45%;}
.areaSearchBox #searchBlock select{ font-size:125%; border-radius:10px;}
.areaSearchBox #searchBlock #searchBtn{ max-width:300px; width:100%; font-size:125%; text-align:center; border-radius:50px; box-shadow:3px 3px 6px #666; cursor:pointer; background-color:#ED1E79; color:#fff; padding:0.2em 1em;}
.areaSearchBox #shoolListBox{ display:none;}
.areaSearchBox #shoolListBox .areaList{ background-color:#fff; padding:0; margin:2em auto 0; border-radius: 20px;}
.areaSearchBox #shoolListBox .areaList h4 { font-size:175%}
.areaSearchBox #shoolListBox .areaList .pickupSchool > p{ font-size:150%; margin:0.5em auto;}
.areaSearchBox #shoolListBox .areaList .pickupSchool > p span{ font-size: 110%; font-weight: bold; color: #E01E79;}
.areaSearchBox #shoolListBox .areaList .pickupSchool > p:before{
	content:"";
	width:1em;
	height:22px;
	background-image:url(../images/icon_fukidashi02.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-right: 0.5em;
	display: inline-block;
}
.areaSearchBox #shoolListBox .areaList .pickupSchool > p:after{
	content:"";
	width:1em;
	height:22px;
	background-image:url(../images/icon_fukidashi02.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-left: 0.5em;
	display: inline-block;
	transform: scale(-1, 1);
}

.areaSearchBox #shoolListBox .areaList iframe{ width:100%; height:auto;}
.areaSearchBox .pickupBox{ border:2px solid #2FC9C9;}
.areaSearchBox .pickupBox p.tac{ background-color:#2FC9C9; color:#fff; margin:0 auto; padding:0.1em 0.5em 0.2em; font-size:150%;}
.areaSearchBox .pickupBox > ul{ max-width:100%; padding:1em;}
.areaSearchBox .pickupBox > ul > li{ width:calc(100% / 3 - 2em); margin:1em;}
.areaSearchBox .pickupBox .schoolInfoBox dt{ color:#007c89; font-size:150%; font-weight:normal; line-height:1em;}
.areaSearchBox .pickupBox .schoolInfoBox dd{ font-size:87.5%;}
.areaSearchBox .pickupBox .schoolInfoBox dd li{ margin:0.5em 0; line-height:1.2em;}
.areaSearchBox .pickupBox .schoolInfoBox dd .item_addr{}
.areaSearchBox .pickupBox .schoolInfoBox dd .item_access{ color:#666; font-size:87.5%; line-height:1.4em; display:none;}
.areaSearchBox .pickupBox .schoolInfoBox dd .item_tel{ font-size:175%; font-weight:500;}
.areaSearchBox .pickupBox .schoolInfoBox dd .item_tel a{ padding:0 0 0 25px; text-decoration:none; color:#333; position:relative; transition:opacity 0.3s;}
.areaSearchBox .pickupBox .schoolInfoBox dd .item_tel a:before{
	content:"";
	width:20px;
	height:20px;
	background-color:#333;
	border-radius:3px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	background-image:url(../images/icon_tel.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:12px;
}
.areaSearchBox .pickupBox .schoolInfoBox dd .item_tel a:hover{ opacity:0.6;}
.areaSearchBox .pickupBox .formSetBtn a{
	background: #ED1E79;
    padding: 0.4em 0;
    display: block;
    border-radius: 100vh;
    color: #FFF;
    font-size: 120%;
    text-decoration: none;
}
.areaSearchBox .pickupBox .formSetBtn a:after{
	content: "▼";
	font-size: 80%;
	margin: 0 0 0 1em;
}


.areaSearchBox .schoolList > ul{ max-width:100%; padding:0;}
.areaSearchBox .schoolList > ul > li{ width:calc(100% / 3 - 2em); margin:1em;}


/* 季節講習募集用バナー */
.seasonBnr.winterType{ max-width:1000px; margin:0 auto 3em; padding:1em; border:3px solid #2b7dac; border-radius:10px; background: url(../images/img_season03.jpg) no-repeat; background-position: right -3px top;}
.seasonBnr.winterType > div{ max-width:720px;}
.seasonBnr.winterType p{ margin:0;}
.seasonBnr.winterType p:last-child { margin:0 0 0 auto;}
.seasonBnr.winterType p img{ margin:0 0 0 1em;}
.seasonBnr.winterType .induceBtn{ max-width:310px; width:100%; margin:0 auto; padding:0; border:none; position: relative;}
.seasonBnr.winterType .induceBtn strong{ display:block; font-size:175%; line-height:1.2em;}
.seasonBnr.winterType .induceBtn strong span:first-child{ color:#2b7dac; font-size: 114.2856%;}
.seasonBnr.winterType .induceBtn strong span:last-child{ color:#ED1E79; display:block; font-size: 114.2856%;}
.seasonBnr.winterType .induceBtn a{ max-width:320px; margin:0.5em auto 0;}
.seasonBnr.winterType #snowflake01{ position: absolute; left: -25px; top: -15px; margin: 0;}
.seasonBnr.winterType #snowflake02{ position: absolute; right: -33px; bottom: -10px; margin: 0;}

/* 市トップ用 */

.areaSearchBox .schoolList{ padding:0;}
.areaSearchBox .schoolList h4{ font-size:200%; padding:0 0 0.5em; border-bottom:1px solid #2FC9C9;}
.areaSearchBox .schoolList .schoolInfoBox{ width:48.5%; margin:0; padding:0; position:relative; margin-bottom:13px;}
.areaSearchBox .schoolList .schoolInfoBox dl{border:#CCC solid 1px; border-radius:5px 7px 7px 7px; padding:9px 11px;}
.areaSearchBox .schoolList .schoolInfoBox dt{ color:#007c89; font-size:120%; font-weight:normal; line-height:1em; margin-bottom:0.4em;}
.areaSearchBox .schoolList .schoolInfoBox dt a{ font-weight:500;}
.areaSearchBox .schoolList .schoolInfoBox dd{ font-size:87.5%;}
.areaSearchBox .schoolList .schoolInfoBox dd li{ margin:0.2em 0 0.7em 0; line-height:1.4em;}
.areaSearchBox .schoolList .schoolInfoBox dd .item_addr{ min-height: 2.2em; line-height:1.1em; font-size:90%; color:#666;}
.areaSearchBox .schoolList .schoolInfoBox dd .item_access{ color:#666; font-size:87.5%; line-height:1.4em; display:none;}
.areaSearchBox .schoolList .schoolInfoBox dd .item_KURL{
	font-size:90%;
	font-weight:500;
	background:url(/company/schools/lp/area/images/icon_address.png) left center no-repeat;
	background-size:15px auto;
	padding:3px;
	line-height:1.4em;
	padding:0 0 0 20px;
	margin-bottom:0;
}
.areaSearchBox .schoolList .schoolInfoBox dd .item_KURL a{ text-decoration:none; position:relative; transition:opacity 0.3s; }

.areaSearchBox .schoolList .schoolInfoBox dd .item_tel{ font-size:100%; font-weight:500; line-height:1.8em; margin-bottom:6px;}
.areaSearchBox .schoolList .schoolInfoBox dd .item_tel a{ padding:0 0 0 20px; text-decoration:none; color:#666; position:relative; transition:opacity 0.3s; font-size:90%;}
.areaSearchBox .schoolList .schoolInfoBox dd .item_tel a:before{
	content:"";
	width:15px;
	height:15px;
	border-radius:3px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	background-image:url(../images/icon_tel.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:12px;
}
.areaSearchBox .schoolList .schoolInfoBox dd .item_tel a:hover{ opacity:0.6;}
.areaSearchBox .schoolList .schoolInfoBox dd .item_map iframe{ width:100%; height:100%;}
.areaSearchBox .schoolList .formSetBtnTR a{
	background: #2FC9C9;
	padding: 0.1em 0;
	display: inline-block;
	width:45%;
	border-radius: 100vh;
	color: #FFF;
	font-size: 100%;
	text-decoration: none;
	margin:0 2%;
}
.areaSearchBox .schoolList .formSetBtn a:after{
	content: "▼";
	font-size: 80%;
	margin: 0 0 0 1em;
}
.listMapOpenSpan{
	cursor:pointer;
	font-size:87.5%;
	background:url(/company/schools/lp/area/images/img_map01.png) left center no-repeat;
	background-size:15px auto;
	padding:3px;
	line-height:1.4em;
	padding-left:20px;
	 color:#666;
}
.item_map{ display:none;}
.areaSearchBox .schoolList .formSetBtnTR a.btnTrA{
	border: #ee8822 solid 1px;
    background: #FFF;
    color: #ee8822;
    font-weight: bold;
}
.areaSearchBox .schoolList .formSetBtnTR a.btnRqA{
	border: #29c8d9 solid 1px;
    background: #FFF;
    color: #29c8d9;
    font-weight: bold;
}
















@media screen and (max-width: 767px){
	body div#wrap{border-left: none; border-right: none; width: 100%; min-width: 100%;}
	h2{font-size: 160%;}
	h3{font-size: 140%;}
	
	
	
	#mainSec .ttlBox .main_txt{font-size: 130%;padding: 0 0 5px 87px; background-position: left 9px top 7px;}
	#mainSec .ttlBox .main_txt .big{font-size: 120%;}
	#mainSec .ttlBox .main_catchcopy .city{font-size: 170%;}
	#mainSec .ttlBox .main_catchcopy .kousha{font-size: 130%;}
	#mainSec .mainBox .flexBox{margin: 0em 0 1.5em;}
	#mainSec .mainBox .flexBox li p a{font-size: 85%; line-height: 1.5;}
	#mainSec .mainBox .flexBox li p a::after{right: 13px;}
	
	.formSec h2.ttl{font-size: 110%;}
	
	#InnerLinkSec p{font-size: 110%;}
	
	#schoolsSec h2{font-size: 110%;}
	#schoolsSec .Label p{font-size: 110%;}
	#schoolsSec .content ul .txtBox{width: 75%;}
	
	#kodawariSec h3.big{font-size: 190%;}



/*料金表*/

#priceHead .priceHeadInner p { font-size: 90%;}
#priceHead .priceHeadInner .price-selBox .txtbig {font-size: 160%;}

.st_plan dt {font-size: 95%;margin-bottom: 2%}
.fr_plan dt {font-size: 95%;margin-bottom: 2%}


.plan .priceTtlBox {padding: 2%;gap: 2%;
}
.plan .priceTtlBox h3{font-weight:bold;font-size: 125%;line-height: 1.2em;color: #3e3a39;border-bottom: 1px solid #CCC;}
.plan .priceTtlBox h3 span{ color: #e61673; font-size: 58%; font-weight:normal;}
.plan .priceTtlBox .priceTime * { line-height: 1.2em; font-size: 65%;; color: #3e3a39; font-weight:normal; text-align:center;}
.plan .priceTtlBox .priceDetail dt {
    font-size: 69%;
}












}