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


/* 共通パーツ */
#mainSec .secBox h3{ margin:0 auto 0.5em; font-size:1.5rem; color:#333; line-height:1.2em; text-align:center;}
#mainSec .secBox h3 span{ display:block; font-size:0.875rem; font-weight:normal; color:#666;}
#mainSec p{ font-size:0.875rem; line-height:1.8em;}

.nengaBnrP{ margin:0em auto 2em;}


/*----------------------------------------------------------------------------
 ***                                                           fontsize
----------------------------------------------------------------------------*/
.size13{font-size: 13px;align-items: center;}
/*----------------------------------------------------------------------------
 ***                                                           main
----------------------------------------------------------------------------*/
#main-contents{ padding:60px 0;}
#mainSec{ max-width:1200px; width:100%; margin:0 auto;}
#mainSec #popupBtnList{
	margin:1em auto 4em;
	padding:0 0 0.25em;
	background:-o-linear-gradient(#fff 60px, #e9e9e9  180px, #e9e9e9 0);
	background:linear-gradient(#fff 60px, #e9e9e9  180px, #e9e9e9 0);
    background:-webkit-linear-gradient(#fff 60px, #e9e9e9  180px, #e9e9e9 0);
}
#mainSec #popupBtnList li{
	width:calc(99.9% / 3);
	padding:0.25em 0.25em 1.5em; 
	font-size:1.625rem;
	font-weight:500;
	text-align:center;
	cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
#mainSec #popupBtnList li:not(:last-child){ border-right:1px solid #ccc;}
#mainSec #popupBtnList li span{ width:60%; color:#333; position:relative; display:inline-block; line-height:1.2em;}
#mainSec #popupBtnList li span:before,
#mainSec #popupBtnList li:hover{ background-color:#fff; color:#000;}
#mainSec #popupBtnList li span:before{
	content:"";
	width:50px;
	height:50px;
	margin:0 auto;
	display:block;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
#mainSec #popupBtnList #popup-tutoring span:before{ background-image:url(/company/images/renewal2020/top/icon_tutoring.png);}
#mainSec #popupBtnList #popup-children span:before{ background-image:url(/company/images/renewal2020/top/icon_children.png);}
#mainSec #popupBtnList #popup-soccer span:before{ background-image:url(/company/images/renewal2020/top/icon_soccer.png);}
#mainSec #popupBtnList li span:after{ content:""; max-width:160px; width:100%; height:6px; display:block; position:absolute; bottom:-0.6em; left:0; right:0; margin:0 auto;}
#mainSec #popupBtnList #popup-tutoring span:after{ background-color:#00aae7;}
#mainSec #popupBtnList #popup-children span:after{ background-color:#ff7bac;}
#mainSec #popupBtnList #popup-soccer span:after{ background-color:#95ce3a;}
#mainSec .main_catchcopy{ margin-top: 1em; font-size:2.5rem; color:#333; font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif;}
#mainSec .deco{ margin:0 auto 1em;}
#mainSec .deco span{ -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); font-size:0.75rem; margin:0 0.5em;}
#mainSec .deco .deco-color-yel{ color:#ffe100;}
#mainSec .deco .deco-color-blu{ color:#00aae7;}
#mainSec .deco .deco-color-pnk{ color:#ff7bac;}
#mainSec .deco .deco-color-grn{ color:#8cc63f;}

#mainSec #popupBtnList #popup-soccer{ padding:0; position:relative;}
#mainSec #popupBtnList #popup-soccer a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0; right:0; text-decoration:none;}


/* 業態スライダー */
.businessSlider{ margin:2em auto; overflow:hidden; position:relative;}
.businessSlider:before{
	content:"";
	max-width:750px;
	width:50%;
	height:120px;
	margin:0 auto;
	display:block;
	-webkit-box-shadow:0 45px 90px #ccc;
	        box-shadow:0 45px 90px #ccc;
	position:absolute;
	top:-60px;
	left:0;
	right:0;
}
.businessSlider .bx-wrapper{ -webkit-box-shadow:none; box-shadow:none; margin:0 auto; border:none; background:none;}
.businessSlider .bx-viewport{ padding:0 0 90px;}
.businessSlider ul{ background-color:#fff;}
.businessSlider li{ padding:10px; -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(0, rgba(0,0,0,0)),to(rgba(0,0,0,0.2)));}
.businessSlider li a{ display:block; position:relative; text-decoration:none; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.businessSlider li a:hover{ outline:6px solid #000;}
.businessSlider li.type_asmo a:hover{ outline-color:#9c2963;}
.businessSlider li.type_harada a:hover{ outline-color:#0dac67;}
.businessSlider li.type_itto a:hover{ outline-color:#f7b100;}
.businessSlider li.type_miyabi a:hover{ outline-color:#6fb92c;}
.businessSlider li.type_ganbaru a:hover{ outline-color:#092978;}
.businessSlider li.type_tops a:hover{ outline-color:#d50f19;}
.businessSlider li.type_sumire a:hover{ outline-color:#e30077;}
.businessSlider li.type_dsa a:hover{ outline-color:#ffea00;}
.businessSlider li.type_sarasa a:hover{ outline-color:#64bfaa;}
.businessSlider li.type_jmh a:hover{ outline-color:#fac500;}
.businessSlider li.type_jbs a:hover{ outline-color:#ffff00;}
.businessSlider li.type_pd a:hover{ outline-color:#ef8200;}
.businessSlider li a:hover:after{
	white-space:pre;
	content:"";
	width:110px;
	height:auto;
	position:absolute;
	top:100px;
	left:-10px;
	right:0;
	color:#000;
	text-align:center;
	font-size:0.75rem;
	line-height:1.6em;
}
.businessSlider li.type_asmo a:hover:after{ content:"ASMO academy\A公式サイト";}
.businessSlider li.type_harada a:hover:after{ content:"原田塾\A公式サイト";}
.businessSlider li.type_itto a:hover:after{ content:"ITTO個別指導学院\A公式サイト";}
.businessSlider li.type_miyabi a:hover:after{ content:"みやび個別指導学院\A公式サイト";}
.businessSlider li.type_ganbaru a:hover:after{ content:"がんばる学園\A公式サイト";}
.businessSlider li.type_tops a:hover:after{ content:"TOPS\A公式サイト";}
.businessSlider li.type_sumire a:hover:after{  content:"すみれ個別指導学院\A公式サイト";}
.businessSlider li.type_dsa a:hover:after{ content:"ドルトムント・\Aサッカーアカデミー\A公式サイト";}
.businessSlider li.type_dsa a:hover:after{ content:"ドルトムント・\Aサッカーアカデミー\A公式サイト";}
.businessSlider li.type_sarasa a:hover:after{ content:"家庭教師さらさ\A公式サイト";}
.businessSlider li.type_jmh a:hover:after{ content:"じぶんみらい保育園\A公式サイト";}
.businessSlider li.type_jbs a:hover:after{ content:"ジブスマ！\A公式サイト";}
.businessSlider li.type_pd a:hover:after{ content:"プラスデイズ\A公式サイト";}
.businessSlider .bx-wrapper .bx-controls-direction a{
	width:20px;
	height:40px;
	margin-top:-60px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	z-index:1;
}
.businessSlider .bx-wrapper .bx-prev{ background-image:url(/company/images/renewal2020/top/icon_control_l.png); left:-40px;}
.businessSlider .bx-wrapper .bx-next{ background-image:url(/company/images/renewal2020/top/icon_control_r.png); right:-40px;}

/* NEWS&TOPICS */
#noticeSec{}
#noticeSec .sectionInner{ height:540px; padding:0 1.5em 0 0; overflow-y:scroll;}
#noticeSec .topicBox{ padding:1.5em 0 1.5em 1.5em; border-top:1px dashed #ccc;}
#noticeSec .topicBox p{ float:left; border-radius:15px; overflow:hidden; border:1px solid #ccc;}
#noticeSec .topicBox dl{ width:calc(100% - 120px - 1.5em); float:left; padding:0 0 0 1.5em;}
#noticeSec .topicBox dt{ font-size:1.25rem; margin:0 0 0.25em;}
#noticeSec .topicBox dt a{ color:#000; text-decoration:none; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s;}
#noticeSec .topicBox dt a:hover{ opacity:0.6;}
#noticeSec .topicBox dt span{
	min-width:80px;
	display:inline-block;
	font-size:0.75rem;
	font-weight:500;
	text-align:center;
	line-height:1em;
	vertical-align:text-bottom;
	color:#fff;
	border-radius:5px;
	padding:0.5em 0.5em 0.6em;
	margin:0 0 0 1em;
}
#noticeSec .topicBox dt span.tag-tutoring{ background-color:#00aae7;}
#noticeSec .topicBox dt span.tag-children{ background-color:#ff7bac;}
#noticeSec .topicBox dt span.tag-other{ background-color:#ffe100; color:rgb(66, 66, 66);}
#noticeSec .topicBox dd{ font-size:0.875rem;}
#noticeSec .topicBox dd strong{ color:#ed1e79;}
#noticeSec .topicBox dd span.attentionText{	font-size:0.75rem; color:#afafaf;}

/* BRAND */
#brandSec{}
#brandSec .sectionInner{ width:100%;}
#brandSec p.catchcopy{ font-size:1rem;}
#brandSec p.catchcopy span{ color:#e3007f;}
#brandSec p{ font-size:0.875rem; font-weight:normal;}
#brandSec .sectionInner{ margin:2em auto;}
#brandSec .brandBox{ width:100%; margin:0 auto;}
#brandSec .mainBrand{ max-width:840px;}
#brandSec .subBrand{ max-width:300px;}
#brandSec .brandBox h4{ color:#fff; padding:0.5em 0.5em 0.6em; line-height:1em; font-size:1rem; font-weight:normal;}
#brandSec .tutoringBox h4{ background-color:#ffe100; color:#000;}
#brandSec .childrenBox h4{ background-color:#ff7bac;}
#brandSec .soccerBox h4{ background-color:#95ce3a;}
#brandSec .mainBrand .brandList{ width:50%;}
#brandSec .mainBrand h5{ background-color:#00aae7; color:#fff; padding:0.5em 0.5em 0.6em; line-height:1em; font-size:1rem; font-weight:normal; margin:3em 0 0;}
#brandSec .soccerBox{ margin:1.5em 0 0;}
#brandSec .brandList li{ margin:1.5em 0;}
#brandSec .brandList li a{ color:#333; text-decoration:none; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s;}
#brandSec .brandList li a:hover{ opacity:0.6;}
#brandSec .brandList li dl{ margin:0 0 0 0.5em;}
#brandSec .brandList li dt{ font-size:0.875rem; margin:0.2em 0;}
#brandSec .brandList li dd{ font-size:0.75rem; line-height:1.2em; color:#666;}

/* メンテナンス */
#menteSec {border-top: 1px solid #999;}
#menteSec .date{color: #f60;font-size: 17px;border-bottom: 1px solid #999;padding-bottom: 30px;}


/* SCHOOLS 新規開校 */
.datetxt{font-size: 13px;}
#schoolSec{ padding:0;}
#schoolSec .sectionInner{ width:100%;}
#schoolSec .openSchoolBox{ width:calc(100% - 595px);}
#schoolSec .openSchoolBox h4{ font-size:1rem; font-weight:500; padding:0.5em 0; line-height:1em; margin:1em auto; border-top:1px solid #999; border-bottom:1px solid #999;}
#schoolSec .openSchoolBox .newopenSchoolList{ height:200px; overflow-y:scroll; margin:0 0 1em; position:relative;}
#schoolSec .openSchoolBox .newopenSchoolList li{ margin:0.6em 0; font-size:0.875rem;}
#schoolSec .openSchoolBox .schoolType-it{}
#schoolSec .openSchoolBox .schoolType-my{}
#schoolSec .openSchoolBox .schoolType-gt{}
#schoolSec .openSchoolBox .schoolType-sm{}
#schoolSec .openSchoolBox dt{ max-width:75px; width:100%; text-align:center; margin:0 0.5em 0 0; color:#fff; border-radius:5px; font-size:0.75rem; font-weight:500;}
#schoolSec .openSchoolBox dt.new-open{ background-color:#41c2ea;}
#schoolSec .openSchoolBox dt.renewal-open{ background-color:#c4cf44;}
#schoolSec .openSchoolBox dt.move-open{ background-color:#e693a9;}
#schoolSec .openSchoolBox dd{ margin:0 0.5em 0 0;}
#schoolSec .openSchoolBox dd.open-date{ letter-spacing:1px;width:6em;}
#schoolSec .openSchoolBox dd.open-format{ margin-right:0.2em;}
#schoolSec .openSchoolBox dd.open-format img{ vertical-align:revert;}
#schoolSec .openSchoolBox dd.open-name{}
/* SCHOOLS PICKUP */
#schoolSec .openSchoolBox .bx-viewport{ height:auto !important;}
#schoolSec .openSchoolBox .bx-wrapper{ -webkit-box-shadow:none; box-shadow:none; border:none;}
#schoolSec .openSchoolBox .bx-wrapper .bx-controls-direction a{ background-position:center; background-size:cover; background-repeat:no-repeat; width:20px; height:40px; z-index:10;}
#schoolSec .openSchoolBox .bx-wrapper .bx-prev{ background-image:url(/company/images/renewal2020/top/icon_control_l2.png);}
#schoolSec .openSchoolBox .bx-wrapper .bx-next{ background-image:url(/company/images/renewal2020/top/icon_control_r2.png);}
#schoolSec .openSchoolBox .pickup_school{}
#schoolSec .openSchoolBox .pickup_school a{ text-decoration:none; display:block;}
#schoolSec .openSchoolBox .pickup_school .defaultItem a{ height:150px; position:relative; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
#schoolSec .openSchoolBox .pickup_school .defaultItem a:before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	z-index:-1;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
}
#schoolSec .openSchoolBox .pickup_school .defaultItem dl{ height:100%; position:relative}
#schoolSec .openSchoolBox .pickup_school .defaultItem dt{ position:absolute; top:1em; max-width:100%; line-height:1.2em;}
#schoolSec .openSchoolBox .pickup_school .defaultItem dd{ position:absolute; bottom:1em;}
/*----------------------------------------------------------------------------------------------------*/
#schoolSec .openSchoolBox .pickup_school .defaultItem dt,
#schoolSec .openSchoolBox .pickup_school .defaultItem dd{ font-size:1.25rem; text-align:center; margin:0 auto; color:#fff; left:0; right:0;}
/*----------------------------------------------------------------------------------------------------*/
#schoolSec .openSchoolBox .pickup_school .itto_type01 a:before{ background-image:url(/company/images/top/pickup_school/default.jpg);}
#schoolSec .openSchoolBox .pickup_school .itto_type02 a:before{ background-image:url(/company/images/top/pickup_school/default01_it.jpg);}
#schoolSec .openSchoolBox .pickup_school .itto_type03 a:before{ background-image:url(/company/images/top/pickup_school/default02_it.jpg);}
#schoolSec .openSchoolBox .pickup_school .itto_type04 a:before{ background-image:url(/company/images/top/pickup_school/default03_it.jpg);}
#schoolSec .openSchoolBox .pickup_school .miyabi_type01 a:before{ background-image:url(/company/images/top/pickup_school/default.jpg);}
#schoolSec .openSchoolBox .pickup_school .miyabi_type02 a:before{ background-image:url(/company/images/top/pickup_school/default01_my.jpg);}
#schoolSec .openSchoolBox .pickup_school .miyabi_type03 a:before{ background-image:url(/company/images/top/pickup_school/default02_my.jpg);}
#schoolSec .openSchoolBox .pickup_school .miyabi_type04 a:before{ background-image:url(/company/images/top/pickup_school/default03_my.jpg);}
#schoolSec .openSchoolBox .pickup_school .defaultItem a:hover:before{
 -webkit-transform: scale(1.2);
 -ms-transform: scale(1.2);
 transform: scale(1.2);
	opacity:0.8;
}

/* SCHOOLS マップ */
#schoolSec .schoolList{ max-width:560px; width:100%; height:auto; display:block; position:relative; margin:0 0 0 auto;}
#schoolSec .schoolList .schoolNavi{ max-width:350px; width:100%; position:absolute; z-index:1; top:1em;}
#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;}
#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;}
#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:1.125rem; display:block; color:#666; padding:0.2em 0 0; margin:0.2em 0 0; border-top:1px solid #999;}
#schoolSec #schoolMap{ background-image:url(/company/images/renewal2020/top/img_school_map.jpg); background-repeat:no-repeat; background-size:cover;}
#schoolSec #schoolMap p{ margin:0; padding:0;}



/*----------------------------------------------------------------------------
 ***                                                              コロナ対応
----------------------------------------------------------------------------*/
.guidelineBox{
	text-align: center;
	margin: 35px auto 0px;
	border: #999 dotted 1px;
	border-radius: 8px;
    padding: 17px 0 28px;
	background: #FFFFFF;
	line-height:1.2em;
	width:80%;
}
.guidelineBox dt span{ margin:0 0.5em;}
.guidelineBox dd {
	margin: 0.6em 0 0;
	line-height: 1.4em;
	padding-left: 3em;
}
#mainSec p{ text-align:center;}




/* 640px以下*/
@media screen and (max-width:640px){
	#main-contents{ padding:0;}
	#mainSec #popupBtnList{ margin-bottom:2em;}
	#mainSec #popupBtnList li{ font-size:1rem; line-height:1.2em;}
	#mainSec #popupBtnList li span:before{ width:2rem; height:2rem;}
	#mainSec #popupBtnList li span:after{ height:3px; bottom:-0.5em;}
	#mainSec .main_catchcopy{ text-align:center; font-size:1.25rem;}
	#mainSec p{ text-align:left; padding:0 1.5em; margin:0 auto;}
	/* 業態スライダー */
	.businessSlider{ margin-bottom:0;}
	.businessSlider:before{ top:0; height:45px; -webkit-box-shadow:0 45px 45px #ccc; box-shadow:0 45px 45px #ccc;}
	.businessSlider .bx-viewport{ width:70% !important; height:auto !important; margin:0 auto; padding-bottom:3.5rem;}
	.businessSlider ul{ left:20vw;}
	.businessSlider li{ width:calc(40vw - 40px) !important;}
	.businessSlider li a:hover:after{ width:calc(100% + 20px); top:125%; font-size:0.625rem; line-height:1.4em;}
	.businessSlider .bx-wrapper .bx-controls-direction a{ margin-top:-45px;}
	.businessSlider .bx-wrapper .bx-prev{ left:0.5rem;}
	.businessSlider .bx-wrapper .bx-next{ right:0.5rem;}
	/* NEWS&TOPICS */
	#noticeSec .sectionInner{ padding:0 0.5em 0 0;}
	#noticeSec .topicBox{ padding:1em;}
	#noticeSec .topicBox p{ width:50%; padding:0; margin:0 auto 1em; float:none;}
	#noticeSec .topicBox p img{ width:100%;}
	#noticeSec .topicBox dl{ width:100%; padding:0;}
	#noticeSec .topicBox dt span{ margin:0 1em 0 0;}
	/* BRAND */
	#brandSec .sectionInner{ width:90%;}
	#brandSec p.catchcopy{ margin:0 auto 1em; font-size:0.875rem; text-align:center;}
	#brandSec .brandList,
	#brandSec .mainBrand .brandList{ width:90%; margin:0 auto;}
	#brandSec .brandList li{ margin:1em auto 0;}
	#brandSec .brandList li dl{ width:calc(100% - 60px - 0.5em);}
	#brandSec .mainBrand h5{ margin-top:2em; border-left:5px solid #00aae7; border-bottom:1px solid #ccc; background:none; color:#333; font-weight:500; line-height:1em; padding:0.3em 0 0.3em 0.3em;}
	#brandSec .subBrand{ max-width:100%; margin:2em auto 0;}
	#brandSec .childrenBox{ margin-bottom:2em;}
	#brandSec .soccerBox{ width:100%;}
	#brandSec .soccerBox ul{ width:90%; margin:0 auto;}
	/* SCHOOLS 新規開校 */
	#schoolSec .sectionInner{ width:90%;}
	#schoolSec .openSchoolBox{ max-width:100%; width:100%; -ms-flex-wrap:wrap; flex-wrap:wrap; display:-webkit-box; display:-ms-flexbox; display:flex;}
	#schoolSec .openSchoolBox h4{ width:100%; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1;}
	#schoolSec .openSchoolBox .newopenSchoolList{ width:100%; height:40vh; margin:0 auto 2em; padding:0.5em 1.5em; -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; border-bottom:5px solid #ffe100;}
	#schoolSec .openSchoolBox .newopenSchoolList li{ margin:1em 0 1.5em;}
	#schoolSec .openSchoolBox dt{ max-width:100%; padding:0 0 0.3em; margin:0;}
	#schoolSec .openSchoolBox dd{ font-size:1rem; padding:0;}
	#schoolSec .openSchoolBox dd.open-name{ margin:0;}
	#schoolSec .openSchoolBox dd.open-date{ width:100%; padding:0.5em 0 0; margin:0;}
	#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 0 2em; margin:0 auto;}
	#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;}
	#schoolSec #schoolMap p{ padding:0;}
	/* コロナ対応 */
	.guidelineBox{
		text-align:center;
		margin: 1.5em auto;
		padding: 1em 0.5em 1em 0.5em;
		background: #fffcf1;
		font-size:80%;
		width:90%;
	}
	.guidelineBox dd a{ display:block; margin:0.5em auto;}
	#mainSec p{ line-height:1.5em; margin-bottom:0.5em;}
	#mainSec p.cTxtH{ text-align:center;}
	
	/* メンテナンス */
	#menteSec {border-top: 1px solid #999;}
	#menteSec .secBox h3{font-size: 1.2rem;}
	#menteSec .date{color: #f60;font-size: 15px;border-bottom: 1px solid #999;padding-bottom: 30px;}
	
}
/* 641px～950px以下*/
@media screen and (min-width:641px) and (max-width:1024px){
	#main-contents{ padding:0;}
	.secBox .sectionInner{ width:94%;}
	#mainSec{ max-width:100%;}
	#mainSec p{ padding:0 1em;}
	#mainSec .businessSlider .bx-wrapper{ width:90%;}
	#noticeSec .sectionInner{ width:80%;}
	#noticeSec .topicBox dt a{ display:block;}
	#brandSec .sectionInner{ margin-bottom:0;}
	#brandSec .mainBrand,
	#brandSec .subBrand{ max-width:600px;}
	#brandSec .mainBrand .brandList{ width:49%;}
	#brandSec .subBrand .childrenBox,
	#brandSec .subBrand .soccerBox{ width:49%; margin:0;}
	#brandSec .subBrand .childrenBox{ float:left;}
	#brandSec .subBrand .soccerBox{ float:right;}
	#noticeSec .topicBox .pcNone{ display:none;}
	#noticeSec .topicBox p{ padding:0;}
	#schoolSec .openSchoolBox{ max-width:100%; width:70vw; margin:0 auto;}
	#schoolSec .openSchoolBox dd{ margin-top:0;}
	#schoolSec .openSchoolBox .newopenSchoolList li{ font-size:1rem;}
	#schoolSec .openSchoolBox .pickup_school .defaultItem dt,
	#schoolSec .openSchoolBox .pickup_school .defaultItem dd{ font-size:1rem;}
	#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;}
	#schoolSec .schoolList{ margin:0em auto 3em;}
	#schoolSec .schoolList .schoolNavi{ max-width:400px; margin:auto; top:0;}
	#schoolSec .schoolList .schoolNavi ul{ max-width:100%; margin:0 0 1em;}
	#schoolSec .schoolList .schoolNavi li{ width:25%;}
	#schoolSec .schoolList .schoolNavi p{ max-width:240px; width:100%; padding:0; margin:2em 0 0;}
	#schoolSec .schoolList .schoolNavi p strong{ font-size:3.5rem;}
	
}
/* 951px～1199px以下*/
@media screen and (min-width:1025px) and (max-width:1199px){
	#main-contents{ padding:0;}
	#schoolSec .openSchoolBox dd.open-format img{ vertical-align:text-bottom;}
}