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

/* 共通パーツ */
h3{ margin:0 auto 0.7em; font-size:2.5rem; color:#333; line-height:1em;position: relative;}
h3 span{ font-size:0.875rem; font-weight:400;display: inline-block;margin-left: 0.5em;line-height: 1;position: absolute;bottom: 4px;}
#main-contents p{ font-size:0.875rem; line-height:1.2em;}
.nengaBnrP{margin: -2.2em auto 3em;text-align: center;}
.secBox{padding: 5em 0;}
/*----------------------------------------------------------------------------
 ***                                                           fontsize
----------------------------------------------------------------------------*/
.size13{font-size: 13px;align-items: center;}
/*----------------------------------------------------------------------------
 ***                                                           main
----------------------------------------------------------------------------*/

#mainSec{width:100%; margin:0 auto;background: url(/company/images/renewal2025/top/img_main01.jpg)no-repeat;background-position: center;padding: 19em 0 3em;min-height: 700px;}
#mainSec .main_catchcopy{font-size:2.6rem; color:#333;}
#mainSec .main_txt{line-height: 1.5;font-weight: 500;}

/* 業態スライダー */
#mainSec .businessSlider{ margin:1em 0;position:relative;max-width: 600px;margin-left: 0;}
#mainSec .businessSlider li{padding: 0.2em;width: 70px; height: 70px;display: flex; justify-content: center; align-items: center;}
#mainSec .businessSlider li img{width: 100%;height: auto;}


#mainSec .main_btnBox{margin-top: 1em;}
#mainSec .main_btnBox .main_btn{border:1px solid #e1e5e6;padding: 0.5em 0 0.7em 22px;position: relative;font-size: 1.1rem;width: 235px;margin-right: 1.2em;border-radius: 50vw;font-weight: 200;}
#mainSec .main_btnBox .main_btn a{display: block;color: #000;}
#mainSec .main_btnBox .main_btn a:hover{text-decoration: none;opacity: 0.7;}
#mainSec .main_btnBox .main_btn::after{content: "";display: block;position: absolute;right: 15px;top: 0;bottom: 0;background: url(/company/images/renewal2025/top/img_icon03.png)no-repeat;width: 10px;height: 18px;background-size: contain;margin: auto;}
#mainSec .main_btnBox .main_btn.contact::before{content: "";display: block;position: absolute;left: 15px;top: 0;bottom: 0;background: url(/company/images/renewal2025/top/img_icon01.png)no-repeat;width: 33px;height: 33px;background-size: contain;margin: auto;}
#mainSec .main_btnBox .main_btn.kosha::before{content: "";display: block;position: absolute;left: 15px;top: 0;bottom: 0;background: url(/company/images/renewal2025/top/img_icon02.png)no-repeat;width: 33px;height: 33px;background-size: contain;margin: auto;}

/* NEWS&TOPICS */
#noticeSec{background: #eaf0f0;position: relative;}
#noticeSec h3{max-width: 1000px}
#noticeSec.secBox .sectionInner{max-width: 100%;width: 100%;}
#noticeSec .topicBox{filter: drop-shadow(0px 0px 10px #ccc); background: #fff;max-width: 312px;border-radius: 0.3vw;margin: 1em;height: auto;}
#noticeSec .slick-track{display: flex;}
#noticeSec .topicBox .column{display: flex;flex-direction: column;height: 100%;cursor: pointer;}
#noticeSec .topicBox p{margin: 0;}
#noticeSec .topicBox a{display: block;height: 100%;}
#noticeSec .topicBox a:hover{text-decoration: none;opacity: 0.7;}
#noticeSec .topicBox .topic_img{min-height: 208px;}
#noticeSec .topicBox img{border-radius: 0.3vw 0.3vw 0 0; }
#noticeSec .topicBox dl{padding: 1em;}
#noticeSec .topicBox dl dt{font-size: 0.9rem;line-height: 1.2;margin-bottom: 0.5em;}
#noticeSec .topicBox dl dd{font-size: 0.7rem;}
#noticeSec .topicBox dl dd.link,
#noticeSec .topicBox dl dd.close{display: none;}
#noticeSec .topicBox .category{padding: 0 1em 1em;margin-top: auto;order: 3;}
#noticeSec .topicBox .category span{font-size: 0.7rem;background: #eaf0f0;padding: 0.2em 0.5em;border-radius: 50vw;margin: 0 0.2em;font-weight: 500;}
#noticeSec .slick-list{padding: 0 15.5vw;}
#noticeSec .slick-dots{bottom: -2.5vw;}
#noticeSec .slick-dots li{width: 20px;height: 20px;margin: 0;}
#noticeSec .slick-dots li button:before{font-size: 10px;color: #ffd800;opacity: 1;}
#noticeSec .slick-dots li.slick-active button:before{color: #2c5c73;}
#noticeSec .slick-next:before{content: "▶";font-size: 1.2rem;color: #2c5c73;opacity: 1;}
#noticeSec .slick-prev:before{content: "◀";font-size: 1.2rem;color: #2c5c73;opacity: 1;}
#noticeSec .slick-prev{left: 35vw;}
#noticeSec .slick-next{right: 35vw;}
#noticeSec .slick-prev,
#noticeSec .slick-next{top: auto;bottom: -2.5vw;z-index: 3;}
#noticeSec .pull_pcNone{display: none!important;}

/*ポップアップ設定とポップアップ内の設定*/
.popup_topic.open{ visibility: visible; transition: 1s; animation-name: fadeInAnime; animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;position: fixed;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 50vw;max-width: 380px; height: min-content;background-color: #fff;z-index: 999;border: 5px solid #ffd800;padding: 2em 2em 4em;filter: drop-shadow(0px 0px 20px #ccc);}
.popup_topic.open dt{margin-bottom: 0.5em;font-size: 1.2rem;}
.popup_topic.open dd{display:block;}
.popup_topic.open dd.close{position: absolute;cursor: pointer;background: #ccc;font-size: 1.5rem;padding: 0em;bottom: 10px;left: 0;right: 0;margin: auto;width: 40px;height: 38px;text-align: center;}
.popup_topic.open dd.link a{display: block;background: #fff;border: 2px solid #2c5c73;color: #2c5c73;text-align: center;margin: 1em auto 0;width: 200px;border-radius: 50vw;font-weight: bold;}
.popup_topic.open dd.link a:hover{text-decoration: none;background: #2c5c73;color: #fff;}

@keyframes fadeInAnime{
  from {opacity: 0;}
  to { opacity: 1;}
}

/* BRAND */
#brandSec{}
#brandSec .brandList ul{align-items: stretch;gap:1.5em;}
#brandSec .brandList ul li a:hover{text-decoration: none;opacity: 0.7;}
#brandSec .brandList ul li{background: #fff;filter: drop-shadow(0px 0px 10px #ccc);padding: 0.5em 1em;width: calc(95% / 3);align-items: center;border-radius: 0.6vw;}
#brandSec .brandList ul li .logo{max-width: 120px;width: 38%;}
#brandSec .brandList ul li .brand_TxtBox{width: 56%;flex-direction: column;height: auto;}
#brandSec .brandList ul li .brand_TxtBox .brand{font-size: 1rem;font-weight: bold;margin:0.8em 0 0em;}
#brandSec .brandList ul li .brand_TxtBox .comment{font-size:0.8rem;font-weight: 500;margin-bottom: 1em;}
#brandSec .brandList ul li .brand_TxtBox .link{margin-top: auto;text-align: end;}
#brandSec .brandList ul li .brand_TxtBox .link span{background: #eaf0f0;border-radius: 50vw;padding:0.2em 1.5em 0.2em 0.7em;position: relative;font-weight: 200;display: inline-block;font-size: 0.75rem;color: #000;}
#brandSec .brandList ul li .brand_TxtBox .link span::after{content: "";display: block;background: url(/company/images/renewal2025/top/img_icon04.png)no-repeat;width: 7px;height: 12px;position: absolute;right: 6px;top: 0;bottom: 0;margin: auto;background-size: cover;}

/* メンテナンス */
#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 .sectionInner{ width:100%;}
#schoolSec .openSchoolBox{ width:calc(100% - 595px);background: #fff;margin-top: 0.5em;}
#schoolSec .openSchoolBox h4{ font-size:1rem; font-weight:500; padding:0.5em 0; line-height:1em; margin:0em auto 1em; border-top:1px solid #999; border-bottom:1px solid #999;}
#schoolSec .openSchoolBox .newopenSchoolList{ height:200px; overflow-y:scroll; margin:0 0 1em; position:relative; padding:0em 0.5em;}
#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 .slide-arrow{position: absolute;top: 0;bottom:0;margin: auto;z-index: 2;width: 20px;height: 40px;}
#schoolSec .openSchoolBox .prev-arrow{left: 5px;}
#schoolSec .openSchoolBox .next-arrow{right: 5px;}
#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;min-width: 405px;width: auto;}
#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{background: #eaf0f0;}
#schoolSec .schoolList{ max-width:560px; width:100%; height:auto; display:block; position:relative; margin:0 0 0 auto;}
#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;}
#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: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 #schoolMap img{width: 100%;height: auto;}

/*例外202512リニューアル*/
#recruitSec .sectionInner h3 span{position: relative;bottom: 0;margin: 0;line-height: 1.2;}

/*----------------------------------------------------------------------------
 ***                                                              コロナ対応
----------------------------------------------------------------------------*/
.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;
}

/* 640px以下*/
@media screen and (max-width:640px){
    
    /* 共通*/
    .secBox{padding:2em 0; }
    .secBox .sectionInner{width: 90%;}
    h3{font-size: 2rem;text-align: center;line-height: 1.5;margin:0 auto 0.5em;}
    h3 span{display: block;position: relative;font-size: 0.8rem;margin-left: 0;margin-top: 0.5em;}
    
    /* TOP */
	#main-contents{ padding:0;}
	#mainSec{width:100%; margin:0 auto;background: url(/company/images/renewal2025/top/img_main_sp01.jpg)no-repeat;background-position:top center;padding:18em 0 2em;background-size: contain;}
    #mainSec .sectionInner{display: flex;flex-direction: column;width: 100%;}
	#mainSec .main_catchcopy{ text-align:center; font-size:1.5rem;order: 1;}
	#mainSec p.main_txt{ text-align:left; padding:0 2em; margin:1em auto 1em;order: 3;font-size: 0.8rem;}
	
	#mainSec .businessSlider{ margin:0.5em 0;order: 2;}
    #mainSec .main_btnBox{order: 4;gap:1em;}
    #mainSec .main_btnBox .main_btn{margin: auto;font-size: 1rem;width: 250px;padding:0.7em 0 0.5em 22px; }
    #mainSec .main_btnBox .main_btn.contact {order: 2;}

	/* NEWS&TOPICS */
	#noticeSec.secBox .sectionInner{ width: 95%;}
    #noticeSec .noticeSlider{display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;gap:1em;}
	#noticeSec .topicBox{ padding:0em;margin: 0em;width: 45%;border-radius: 2vw;}
    #noticeSec .topicBox dl{margin-top: 0.5em;padding: 0.5em;}
    #noticeSec .topicBox dl dt{font-size:0.65rem;line-height: 1.2; }
    #noticeSec .topicBox dl dd.txt{display: none;}
    #noticeSec .topicBox dl.open dd.txt{display: block;}
    #noticeSec .topicBox .category span{font-size: 0.5rem;}
    #noticeSec .topicBox .topic_img{min-height: 106px;}
    #noticeSec .topicBox img{border-radius:  2vw 2vw 0 0;}
    .popup_topic.open{width: 90vw;max-width: 95%;height: min-content;padding: 2em 2em 4em;}
    .popup_topic.open dt{font-size: 1.1rem;line-height: 1.2;}
    .popup_topic.open dd{font-size: 0.7rem;}
    .popup_topic.open dd.link a{padding: 0.3em 0;}
    #noticeSec .sp_pullBox{display: none;}
    #noticeSec .sp_pullBox.pullon{display: block;}
    #noticeSec .sp_pullBtn{background: #fff;border-radius: 50vw;border: 1px solid #2c5c73;padding: 0.3em 2em 0.3em 1em;width: 45%;max-width: 200px;margin: 1.5em auto 0;font-weight: 500;position: relative;text-align: center;font-size: 1.2rem;}
    #noticeSec .sp_pullBtn::before{content: "＋";position: absolute;display: block;color: #2c5c73;right: 15px;top: 0;bottom: 0;margin: auto;font-size: 1.5rem;height: 26px;}
    #noticeSec .pull_pcNone{display: block!important;}
	/* BRAND */
    #brandSec .brandList ul{gap:1em;}
    #brandSec .brandList ul li{width: 100%;padding: 0.2em 1em;border-radius: 2.5vw;}
    #brandSec .brandList ul li .logo{width:30%;margin: 0; }
    #brandSec .brandList ul li .brand_TxtBox{width: 65%;}
    #brandSec .brandList ul li .brand_TxtBox .brand{margin: 1em 0 0;}
    #brandSec .brandList ul li .brand_TxtBox .comment{font-size:0.75rem;}
    #brandSec .brandList ul li .brand_TxtBox .link span{font-size: 0.65rem;padding:0.3em 2em 0.3em 1.5em; }
    #brandSec .brandList ul li div.flex-wrap{align-items: center;}
	/* SCHOOLS 新規開校 */
	#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 0 2em; margin:0 auto;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:8em; 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;}
}