@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
 ***                                                           fontsize
----------------------------------------------------------------------------*/
.size13{font-size: 12px;}
/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {background:url(../images/back_top01d_2501.jpg) top no-repeat fixed;}/*2501更新 背景画像の差し替え*/

#tokuten{ margin-bottom: 7px;}
#spring{ margin-left:-1px;}
#tenjuku{ margin-top:8px;}
#line{ margin-top:6px;}
#topicSp{ font-size: 22px;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{height: 486px;}/*2501更新 436 -> 486*/
#headerAreaTitle{
	width:1030px;
	height: 400px;/*2501更新 350 -> 400*/
	margin:0 auto;
	background:url(../images/back_header01.png) top center no-repeat;
	position:relative;
}
#headerAreaTitle h1{
	position:absolute;
	left: 70px;
	top: 30px;
	z-index:11;
}

#headTxt{
	position:absolute;
	top:-30px;
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#homeBtn{
	position:absolute;
	top:76px;
	left:70px;
	margin:0;
	z-index:10;
}
#telTxt{
	position:absolute;
	top:22px;
	left:606px;
}
#telTxt2{
	position:absolute;
	top:10px;
	right:0px;
	margin:0;
}
#iidTxt{
	position: absolute;
	top: 185px;
	left: 100px;
}
#spBtn{
	position:absolute;
	top:281px;
	left:177px;
}
#spBtn2{
	position: absolute;
	top: 162px;
	left: 1px;
}

#spBtnAc{
	position: absolute;
	top: 198px;
    left: 253px;
}
#spBtnAc2{
	position: absolute;
	top: 171px;
    left: 260px;
}

#bnr_sum{
	position:absolute;
	left:200px;
	top:165px;
}
#bnr_trial{
	position:absolute;
	left:240px;
	top:189px;
}

#bnr_season{
	position:absolute;
	left:465px;
	top:95px;
}

/*2501 ヘッダー更新ここから*/
:root{--bnrHeight: 137px;}/*バナーの高さを決めておく*/
#headerArea:has(.bnr_bottom){ height:auto;}
#headerAreaTitle:has(.bnr_bottom){height: 350px;padding-bottom: calc(var(--bnrHeight) + 35px);/*追加バナーの縦幅分*/}
.bnr_bottom{position: absolute;width: 100%;text-align: center;bottom:0;margin: auto;height: var(--bnrHeight);}
.bnr_topimage{position: absolute;width: 100%;text-align:left;padding: 174px 0px 0px 43px;}
/*2501 ヘッダー更新ここまで*/

#winSec{ width:904px; height:170px; margin:20px auto 80px; padding:20px; border:3px solid #A41282; border-radius:7px;}
#winSec h2{ margin:5px 20px 0 0; float:left;}
#winSec dl{ float:left;}
#winSec dt{ margin:5px 0;}
#winSec dd{ font-size:12px; line-height:1.7em; margin:0; width:580px;}
#winSec #sumBtn{
	width:580px;
	display:inline-block;
	background-color:#fff;
	border:3px solid #A41282;
	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2);
	        box-shadow:0px 2px 5px rgba(0,0,0,0.2);
	height:60px;
	border-radius:10px;
	text-align:center;
	padding:0;
	margin:0 160px;
}
#winSec #sumBtn a{
	font-size:18px;
	background-color:#A41282;
	line-height:3.3em;
	border-radius:5px;
	padding:12px 105px 13px;
	font-weight:bold;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
	color:#fff;
	text-decoration:none;
}
#winSec #sumBtn a:hover{ color:#A41282; background-color:#fff;}

.txtColorPink{ color:#E4007F; font-size:16px; margin-left:10px;}

/*----------------------------------------------------------------------------
 ***                                                       Header - Navi
----------------------------------------------------------------------------*/
#hNavi{background:url(../common_images/back_header01.png) left top repeat-x;}
#hNavi #hNaviInner{ width:950px; position:relative; margin:0 auto;}
#hNavi li{ float:left;}
#hNavi li#wariBtn{
	float:none;
	position:absolute;
	top:-40px;
	left:669px;
}
#hNavi li#sclBtn{
	float:none;
	position:absolute;
	top:-38px;
	left:799px;
}

#hNavi2{ position: relative; border-top:10px solid #000; z-index: 0; background: -o-linear-gradient(bottom, rgb(189 189 189) 0%,rgb(255 255 255) 90%, rgba(255 255 255) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgb(189 189 189)),color-stop(90%, rgb(255 255 255)), to(rgba(255 255 255))); background: linear-gradient(0deg, rgb(189 189 189) 0%,rgb(255 255 255) 90%, rgba(255 255 255) 100%);}
#hNavi2::after{ content: ''; width: 100%; height: 13px; background: #999999; position: absolute; bottom:0; z-index: -1; }
#hNavi2 #hNaviInner{ width:950px; position:relative; margin:0 auto; height: 75px;}
#hNavi2 li:not(:nth-child(n + 7)){ float:left;  border-left: 1px solid #999999; width: 112px; height: 100%; position: relative;}
#hNavi2 li:not(:nth-child(n + 7))::before{ content: ''; position: absolute; left:0; width: 1px; height: 100%; background: #FFF; z-index: 1;}
#hNavi2 li:not(:nth-child(n + 7)) a{ text-decoration: none; display: block;  width: 100%; height: 100%;}
#hNavi2 li div {
	color: #000;
	font-size: 17px;
	height: calc(100% - 0.6em);
	text-align: center;
	line-height: 1.2em;
	-webkit-text-stroke: 0.5px #000;
	text-stroke: 0.5px #000;
}
#hNavi2 li:not(:nth-child(n + 7)) a:hover{ background: #FFF;}
#hNavi2 li:not(:nth-child(n + 7)) a:hover div,
#hNavi2 li:not(:nth-child(n + 7)) a:hover span.sITTOTxt {color: #e50f0f; -webkit-text-stroke: 0.5px #e50f0f; text-stroke: 0.5px #e50f0f; }
#hNavi2 li:nth-of-type(6) div{ font-size: 15px;}
#hNavi2 li span{ display: block; width: 100%; font-size: 10px;}
#hNavi2 li span.sITTOTxt{ line-height: 1em; text-align: left; position: absolute; top: 10px; left: 9px;}
#hNavi2 li span.engSubTxt{ color: #FFF; font-weight: bold; position: absolute; bottom:0; text-align:center; line-height: 1.4em;}
#hNavi2 li:nth-of-type(1) span.engSubTxt{ background: #FFD800;}
#hNavi2 li:nth-of-type(2) span.engSubTxt{ background: #E73828;}
#hNavi2 li:nth-of-type(3) span.engSubTxt{ background: #ef7e00;}
#hNavi2 li:nth-of-type(4) span.engSubTxt{ background: #2babe3;}
#hNavi2 li:nth-of-type(5) span.engSubTxt{ background: #a22e2e;}
#hNavi2 li:nth-of-type(6) span.engSubTxt{ background: #999999;}


#hNavi2 li#wariBtn{
	float:none;
	position:absolute;
	top:-40px;
	left:669px;
}
#hNavi2 li#sclBtn{
	float:none;
	position:absolute;
	top:-38px;
	left:799px;
}



#breadcList {padding-top:10px; width:950px; margin:0 auto;}
#breadcList dt,#breadcList dd{ float:left; line-height:20px; font-size:12px; height:20px; font-weight:normal;}
#breadcList dt{background: url(../common_images/icon_list07b.png) left 3px no-repeat; padding:0 20px 0 17px;}
#breadcList dd{background: url(../common_images/icon_list05.png) left 4px no-repeat; padding:0 15px 0 13px;}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea { background:#FFF; padding-top:25px;}
#contentsAreaInner {}

/* .guidelineBox{ text-align: center; margin:-30px auto 15px; border: 1px solid #fff0e1; border-radius: 8px; padding: 17px 0 20px; background: #fffcf1; font-size:14px; line-height:1.4em; max-width:950px;} */
.guidelineBox {
	border: #999 dotted 1px;
	background: #FFF;
	text-align: center;
	margin: -30px auto 50px;
	border-radius: 8px;
	padding: 17px 0 20px;
	font-size: 14px;
	line-height: 1.4em;
	max-width: 950px;
}
.guidelineBox dt{ font-size: 110%;}
.guidelineBox dd{margin-bottom: 17px;margin:0.6em 0 0;line-height:1.4em; padding-left: 3em;  }
.guidelineBox dd strong{ font-size:14px;}
.guidelineBox dd div{line-height:1.4em; display: inline-block; margin-left: 7em;}

.nengaBnrP{ text-align:center; margin:2em auto;}

#courseSec{ margin:1em auto; width:950px;}
#courseSec h2{}
#courseSec a{ text-decoration:none; display:block; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
#courseSec a:hover{ opacity:0.6;}
#courseSec .sectionInner{}
#courseSec .courseBtn{ width:300px;}
#courseSec h2{
	margin-bottom: 0.8em;
	font-size: 24px;
	color: #743507;
	line-height: 1.7em;
}
#courseSec h2 span {
	font-size: 14px;
	font-weight: normal;
	color: #686868;
	display: block;
	margin: 0 0 -0.7em;
}

#courseSec .courseBtn dl{}
#courseSec .courseBtn dt{ border:1px solid #999;}
#courseSec .courseBtn dt a{ color:#fff; border:7px solid #fff; display:block; padding:1.5em 1em; font-size:175%;}
#courseSec .courseBtn dd{}
#courseSec .courseBtn dd strong{ display:block; font-size:112.5%; color:#333; margin:1em 0 0.5em;}
#courseSec .courseBtn p{ margin:1em auto;}
#courseSec .courseBtn p a{ text-align:center; color:#fff; padding:0.5em 0.5em 0.4em; border:1px solid #999; border-radius:30px; font-weight:bold;}

#courseSec #elementaryBtn dt a{ background-color:#f6b000;}
#courseSec #juniorBtn dt a{ background-color:#fd5911;}
#courseSec #highschoolBtn dt a{ background-color:#009fad;}

#courseSec #elementaryBtn p a{ color:#f6b000;}
#courseSec #juniorBtn p a{ color:#fd5911;}
#courseSec #highschoolBtn p a{ color:#009fad;}


#pickLink{ width:950px; margin:0 auto;}
#pickLink .section{ margin-top:10px;}
#pickLink div{ float:left;}
#pickLink h2{ margin-bottom:0; line-height:1.2em;}
#pickLink p{ line-height:1.4em;}
#syouBtn{ width:322px;}
#syouBtn .sectionInner{ width:304px;}
#tyuuBtn{ width:323px;}
#tyuuBtn .sectionInner{ width:305px;}
#kouBtn{ width:305px;}

#kousuuSec{background:url(../images/back_contents01b.jpg) center top no-repeat; height:150px; clear:both; margin-top:15px;}

#kousuuSec p{ width:950px; margin:0 auto; padding-top:11px; }

/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}
.pickBnr{ width:950px; margin:20px auto 10px auto; line-height:10px;}

#topicsSec{ width:950px; margin:20px  auto 0 auto;}
#topicsSec h2 {
	/* background: url(../images/back_contents02.png) left top no-repeat; */
	height: auto;
	line-height: 30px;
	padding: 0;
	margin: 0;
	font-size: 20px;
	background: #fbd60d;
	text-align: left;
}
#topicsSec h2 span{ background: #000; color: #FFF; margin:0; line-height: unset; padding:0 1em; }
#topicsSec .section{ padding-bottom:10px; clear:both; margin:0;}
#topicsSec .sectionInner{ margin:0 auto 70px; padding:20px 25px 10px; border-left:5px solid #FBD60D; border-right:5px solid #FBD60D; border-bottom:5px solid #FBD60D;}
#topicsSec .topicBox{ border-bottom:1px dotted #999; margin:0 0 15px; padding:0 0 10px;}
#topicsSec .topicBox p{ float:left; margin:0 15px 0 0;}
#topicsSec .topicBox dl{ float:left; width: 755px;}
#topicsSec .topicBox dt{ font-size:24px; margin:0; line-height:1.5em; font-weight:bold;}
#topicsSec .topicBox dt a{ color:#333;}
#topicsSec .topicBox dd{ font-size:12px; line-height:1.5em; color:#666;}
#topicsSec .topicBox span{ font-size:14px; color:#444; font-weight: 100;}
#topicsSec #lastBox{ border:none; margin:0;}
#topicsSec .miyabiTopic{ display:none;}
#topicsSec .jmkTopic{ display:none;}
#topicsSec .ittoHidden{ display:none;}
#topicsSec .schoolNoneS{ display:none;}

#topicsSec .ittoTopic{
/*	border-top:1px dotted #ccc;
	padding:15px 0 0;*/
	background-image:url(https://www.itto.jp/images/img_line_stamp.png);
	background-repeat:no-repeat;
	background-position:right -20px bottom 20px;
	padding: 0 0 15px;
}
.subMainSec{ width:936px; margin:20px auto 0 auto;}
.subMainSec{ clear:both; border:#E5E5E5 7px solid; background:#FFD700; position:relative; height:116px;}
.subMainSec #ittoImg{
	position: absolute;
	top: -20px;
	left: 25px;
}
.subMainSec .sectionInner{ padding: 30px 10px 0 90px; float:left; line-height:1.2em;}
.subMainSec .sectionInner p{ line-height:1.2em; color:#000; font-size:16px; }
.subMainSec .subSubBox{ float:right; width:420px; padding:15px 0 0 0 ;}
.subMainSec .subSubBox li{ float:left;}
.subMainSec .subSubBox p{ clear:both; margin:0;}

.subMainSec2.section { margin: -10px auto 20px;}
.subMainSec2 .sectionInner{
	padding-left:0px;
	width:950px;
	margin: 0 auto;
}
.subMainSec2 ul{ text-align:center;}
.subMainSec2 li{ padding:5px; display: inline-block;}
.subMainSec2 p{ float:left; padding:5px;}



#menteSec{ background:url(../common_images/back_sdw01.png) center top no-repeat; padding:50px 0 0px; margin:50px auto;}
#menteSec .sectionInner{ width: 950px; margin:0 auto;}
#menteSec h2{
	margin-bottom: 1em;
	font-size: 24px;
	color: #743507;
	line-height: 1.7em;
}
#menteSec .sectionInner > p{ max-width: 700px; margin:20px auto; text-align:center;}
#menteSec .sectionInner .date{ max-width: 700px; margin:20px auto; text-align:center;color: #f60;font-size: 16px;}




#koushaSec{ background:url(../common_images/back_sdw01.png) center top no-repeat; padding:50px 0 20px; margin:50px auto;}
#koushaSec .sectionInner{ width: 950px; margin:0 auto;}
#koushaSec h2{
	margin-bottom: 1em;
	font-size: 24px;
	color: #743507;
	line-height: 1.7em;
}
#koushaSec .sectionInner > p{ max-width: 700px; margin:20px auto; text-align:center;}
#koushaSec #openBox .sectionInner{ width:auto; height:200px; }
#kouMapSec{ width:500px; float:right; background:url(../images/back_contents01.png) right center no-repeat;}
#koushaSec #kouMapSec .sectionInner{ width:auto; height:230px;}

#kouMapSec dt,
#kouMapSec dd{
	float:left;
	width:300px;
	height:18px;
	font-size:12px;
	line-height:20px;
	vertical-align:top;
	border:none;
	padding-left:5px;
	margin-bottom:13px;
}
#kouMapSec dt{width:90px; clear:left; background:#E73828; color:#FFF; text-align:center; margin-right:5px; font-size:14px;}
#kouMapSec dd{width:45px; padding:0 2px; text-align:center; border-right:#CCC solid 1px; font-size:14px; font-weight:bold;}
#kouMapSec .fstCh{border-left:#CCC solid 1px; }









#openBox h3,
#schoolMapBox h3{ font-size:28px; font-weight:500; color:#f60; line-height:1.2em; border-bottom:1px dashed #ccc; margin:0.5em 0;}
#openBox h3 strong{ font-size:50%; margin:0 0 0 4em; color:#333;}
#openBox h3 strong span{ font-size:200%;}

#koushaSec #schoolMapBox{ background:url(../images/back_contents01.png) right center no-repeat; width:500px;}
#koushaSec #schoolMapBox h3{ padding:0 0 4px;}
#koushaSec #schoolMapBox a{ display:block;}
#koushaSec #schoolMapBox > ul > li{ margin:0; padding:0 0 0.8em;}
#koushaSec #schoolMapBox dt{ color:#fff; padding:0.5em 0.5em 0.4em; background-color:#E73828; width:80px; margin:0 1em 0 0; text-align:center;}
#koushaSec #schoolMapBox dd li{ padding:0 1em 0 0; margin:0 1em 0 0;}
#koushaSec #schoolMapBox dd li:not(:last-child){ border-right:1px solid #999;}
#koushaSec #schoolMapBox dd > *{ font-weight:bold; padding:0.5em 0 0;}


#omoiSec{ clear:both; background:url(../common_images/back_sdw02.png) center top no-repeat; padding-top:30px; margin-top:10px;}
#omoiSec .sectionInner{ width:950px; margin:20px auto 0 auto;}

#comSec{ border:#000 solid 9px; margin-bottom:20px;}
#comSec h2{ float:left; background:#FFD800; width:610px; height:90px;}
#comSec h2 img{ padding:20px 0 0 15px;}
#comSec #idTxt{ float:left; margin:0; padding:0; line-height:1px; background-color:#FFD800;}
#comSec .sectionInner{ border-top:#000 solid 3px; clear:both; width:auto; padding:10px 20px 10px 20px;}
#comSec .phoBox{ text-align:left; line-height:1.2em; float:right; padding-left:20px;}




/* コンテンツ拡充css追加：開始 */

#expansionSec01{ margin:40px auto; padding:30px 0 15px; background:url(../images/contents/img_contents_back_few.jpg) center no-repeat;}
#expansionSec02{ margin:40px auto; padding:80px 0; background:url(../images/contents/img_contents_back_2.jpg) center no-repeat;}

#contentsBox{ width:950px; margin:0 auto;}
#contentsBox h2{ text-align:center; margin-bottom:15px; font-size:28px; line-height:0.7em; color:#42210B;}
#contentsBox h2 #subtitle{ font-size:14px; color:#F7931E;}
#contentsBox .contentsItem{ width:285px; height:154px; padding:10px; float:left; margin:0 15px 25px 0; background-color:#fefefe; border-radius:5px;-webkit-box-shadow: 2px 3px 8px rgba(0,0,0,0.2);box-shadow: 2px 3px 8px rgba(0,0,0,0.2);}
#contentsBox .cTboxT1{height:154px; }
#contentsBox .cTboxT2{height:174px; }
#contentsBox .contentsItem .floatR{ width:164px; line-height:1.4em; color:#000;}
#contentsBox .contentsItem .floatRT2{ float:right; width:134px; line-height:1.4em; color:#000;}
#contentsBox .contentsItem a{}

#contentsBox .btn{ width:250px; height:30px; margin:0 auto 3px auto; line-height:2.3em; text-align:center; font-size:14px; font-weight:bold; background:url(../images/contents/btn_expansion_off.png) center no-repeat;}
#contentsBox .btn:hover{ background:url(../images/contents/btn_expansion_on.png) center no-repeat;}
#contentsBox .btn a{ text-decoration:none;}
#contentsBox .btn a:hover{ opacity:0.6;}
#contentsBox h3{ font-size:16px; font-weight:bold;}

#contentsBox #school_seach{ background-color:#1197A4; width:280px; padding:15px 10px 5px;}
#contentsBox #school_seach .imgfloatL{ margin:0;}
#contentsBox #school_seach .floatR{ width:170px; margin:0 0 1.1em;}
#contentsBox #school_seach .floatR h3{ background-color:#fff; color:#333; font-size:12px; text-align:center; padding-top:1px; line-height:1.5em;}
#contentsBox #school_seach .floatR ul{ margin:5px 0 0;}
#contentsBox #school_seach .floatR li{ color:#fff; line-height:1.3em; font-size:12px;}
#contentsBox #school_seach a{ color:#00A0AE;}
#contentsBox #school_seach a{ padding:3px 60px 1px;}

#contentsBox #itto_test{}
#contentsBox #itto_test h3,
#contentsBox #itto_test a{ color:#ED1E79;}
#contentsBox #itto_test a{ padding:3px 50px 1px;}

#contentsBox #ss_message{ margin-right:0;}
#contentsBox #ss_message h3,
#contentsBox #ss_message a{ color:#2E3192;}
#contentsBox #ss_message a{ padding:3px 44px 1px;}

#contentsBox #success{}
#contentsBox #success h3,
#contentsBox #success a{ color:#0071BC;}
#contentsBox #success a{ padding:3px 53px 1px;}

#contentsBox #line_stamp{}
#contentsBox #line_stamp h3,
#contentsBox #line_stamp a{ color:#39B54A;}
#contentsBox #line_stamp a{ padding:3px 85px 1px;}

#contentsBox #facebook a{ color:#000; padding:3px 0px 1px;}
#contentsBox #facebook .floatR{ padding-top:7px;}

#contentsBox #howto{ margin-right:0;}
#contentsBox #howto .floatR{ padding-top:7px;}
#contentsBox #howto h3,
#contentsBox #howto a{ color:#42210B;}

#other_link{ width:930px; margin:0 auto; padding:10px; border-radius:5px; background: rgba(64,33,13,0.4);}
#other_link h3{ font-size:16px; color:#fff;}
#other_link .link{ font-size:10px; margin-left:10px; font-weight:100;}
#other_link li{ width:170px; height:30px; line-height:2.5em; margin:0 15px 10px 0; display:inline-block; text-align:center; border-radius:5px; background:url(../images/contents/btn_link_off.png) no-repeat;}
#other_link li:hover{ background:url(../images/contents/btn_link_on.png) no-repeat;}
#other_link li a{ text-decoration:none; color:#fff; padding:5px 46px 5px 46px;}
#other_link .btn_discount a{ padding:5px 58px 5px 58px;}
#other_link .btn_itto a{ padding:5px 40px;}
#other_link li a:hover{ width:170px; height:30px; opacity:0.6;}
#other_link li:last-child{ display:inline-block; margin-right:0;}
/* コンテンツ拡充css追加：終了 */

#blgSec{ width: 850px; margin:  0 auto;}
#blgSec .ttlBox{ background:url(../images/contents/img_blog_back.jpg) no-repeat; background-position: right bottom; padding-top: 30px; margin-bottom: 30px;}
#blgSec .ttlBox h2 { color: #663a06; font-weight: bold; font-size: 38px;}
#blgSec .ttlBox h2::before{ content: ''; display:block; background: url(../images/contents/icon_blog01.jpg) no-repeat; width: 1.8em; height: 1.8em; background-size: 100%; margin-right: 0.2em; }
#blgSec .ttlBox h2 span::before{ content: "PICK UP"; color: #f48b00; display: block; font-size: 18px; line-height: 1em; font-weight: normal; margin-left: 0.2em;}
#blgSec .ttlBox h2 span{ line-height: 1.2em;}
#blgSec .ttlBox p{ font-size: 12px; width: 360px; margin-top: 10px;}
/* #blgSec .blogContBox{ padding: 0 15px;} */
#blgSec section{ width: 410px; position: relative;}
/* #blgSec section:first-child{ padding-right:25px;}
#blgSec section:first-child::before {
	content: '';
	width: 1px;
	height: 480px;
	border-right: 1px dashed #ccc;
	position: absolute;
	right:0;
	top:0;
} */
#blgSec section h3{ font-size: 18px; display: block; margin-bottom: 0.5em;}
#blgSec section h3 a,
#blgSec section h3 a:visited,
#blgSec section h3 a:link{ color: #663a06;}

#blgSec section h3::before{ content: ''; display:inline-block; background: url(../images/contents/icon_blog02.jpg) no-repeat; width: 1.5em; height: 1em; background-size: 100%; margin-right: 0.4em; vertical-align: middle; }
#blgSec .blogOutBox{ background: #fffceb; padding: 20px;}
#blgSec .blogOutBox:last-child{ margin: 0;}
#blgSec .blogOutBox dt{ line-height: 1.8em; font-weight: normal; color: #756250; }
#blgSec .blogOutBox dt strong{ color: #f48b00; font-weight: bold; font-size: 18px;}
#blgSec .blogOutBox dd.blogTxt{ margin: 1em 0 1em; line-height: 1.5em;}
#blgSec .blogInner {
	height: 440px;
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: none;
}
#blgSec .blogInner::-webkit-scrollbar {
	display: none;
}

#blgSec .blog_thumbnail{
	width: 100%;
	height: 180px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 1em 0 1.5em;
	}
#blgSec .blog_thumbnail:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #ffffff;
	background-image: inherit;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
#blgSec .blog_thumbnail img{visibility:hidden;}
#blgSec a.schoolLink {
	width: 15em;
	margin: 1.5em auto 0;
	display: block;
	text-align: center;
	border: 1px solid #663a06;
	color: #663a06;
	font-size: 14px;
	border-radius: 100vh;
	text-decoration: none;
	padding: 0.4em 0;
}
#blgSec a.schoolLink:hover{ opacity: 0.7;}

#instaSec{ width: 850px; margin: 60px auto;}
#instaSec #instaBlock{ background:url(../images/contents/img_insta_back.jpg) no-repeat; background-position: right bottom; margin-right: 10px; padding: 47px 53px; }
#instaSec h2 { text-align: center; margin-bottom: 30px;}
#instaSec h2 .smalltxt{ display: block; font-size: 15px; font-weight: normal;}
#instaSec h2 .smalltxt::before,
#instaSec h2 .smalltxt::after{ 
  display: inline-block;
  content: "";
  background: #602c01;
  width: 2px;
  height: 1.5em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
}
#instaSec h2 .smalltxt::before{ -webkit-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg);}
#instaSec h2 .smalltxt::after{ -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg);}

#instaSec .ttlBox { display: inline-block; text-align: left; font-weight: normal; padding-top: 0;}
#instaSec .ttlBox strong{ color: #5e4c40; font-size: 35px; display: block;}
#instaSec #instaBlock p { text-align: center; width: 308px; margin: 20px auto;}
#instaSec #instaBlock a{ border: 2px solid #FFF; display: block; margin: 40px auto 0; width: 11em; font-size: 18px; padding: 0.3em 0; border-radius: 100vh; color: #FFF; text-align: center; font-weight: bold; text-decoration: none;}
#instaSec #instaBlock a:hover{ background: #493912; border: 2px solid #493912; }

.instagram{ width: 400px; height: 535px;}

.subMainSec2 p.attenFkP{ position:relative; top:auto; left:auto; float:none; text-align:center; margin:0; font-size:110%; padding-bottom:1em;}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/
.rightSection{}
.rightSectionInner {}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - leftSection
----------------------------------------------------------------------------*/
.leftSection{}
.leftSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{
	background-color:#FFF;
	background-image:url(../common_images/back_sdw01.png);
	background-position:center 30px;
	background-repeat:no-repeat;
	padding-top:50px;}
#footerAreaInner{ width:950px; margin:0 auto;}
#footerLogo{}

#footerLink1 div{ width:auto; float: none;}

#footerLink2 { border-top:#999 dotted 1px; border-bottom:#999 dotted 1px; padding:10px 0; margin:20px 0;}
#footerLink2 p{ text-align:center; margin:0;}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop_more {
	clear:both;
	width:100%;
	font-size:86%;
	text-align:right;
	margin-bottom:10px;
}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/

.section { margin-top:20px;}
.sectionInner {}
.subMainSec2{ position:relative;}
.subMainSec2 p{ position:absolute; top:-19px; left:733px;}




/*----------------------------------------------------------------------------
 ***                                                                 開校情報
----------------------------------------------------------------------------*/
/* 20210121追記 */
#openBox .newopenSchoolList .pcNone{ display:none;}
#openBox .newopenSchoolList li{ margin:1em 0; font-size:0.875rem;}
#openBox .newopenSchoolList li.schoolType-it{ display:block !important;}
#openBox .newopenSchoolList li.schoolType-my{ display:none !important;}
#openBox .newopenSchoolList li.schoolType-gt{ display:none !important;}
#openBox .newopenSchoolList li.schoolType-sm{ display:none !important;}
#openBox .newopenSchoolList li.schoolType-asmo{ display:none !important;}
#openBox .newopenSchoolList li dt{ max-width:85px; width:100%; text-align:center; margin:0 0.5em 0 0; color:#fff; border-radius:5px; font-size:0.68rem; font-weight:500; padding:0; line-height:2em;}
#openBox .newopenSchoolList li dt.new-open{ background-color:#41c2ea;}
#openBox .newopenSchoolList li dt.renewal-open{ background-color:#c4cf44;}
#openBox .newopenSchoolList li dt.move-open{ background-color:#e693a9;}
#openBox .newopenSchoolList li dd{ margin:0 0.5em 0 0;}
#openBox .newopenSchoolList li dd.open-date{ letter-spacing:1px;width: 5.8em;}
#openBox .newopenSchoolList li dd.open-format{ margin-right:0.2em;}
#openBox .newopenSchoolList li dd.open-format img{ vertical-align:revert;}
/* 20210121追記 ここまで */

#openBox {
	width:420px;
	float:left;
	background-repeat: no-repeat;
	font-size: 12px;
	position:relative;
	overflow:hidden;
}



#openBox dt {
	float: left;
	padding-top: 4px;
	padding-right: 5px;
	line-height:10px;
}

#openBox dd {
	float: left;
	line-height:20px;
}

#openBox dd.year {
	text-align: right;
	width: 30px;
}

#openBox dd.month {
	text-align: right;
	width:25px;
}

#openBox dd.day {
	text-align: right;
	width:25px;
	 padding-right:5px;
}

#openBox dd.type {
	padding-right: 6px;
	padding-left: 8px;
}

#openBox dd.name {
}

#stampMsg{float:left; width:417px;}
#stampImg{float:right;}
.newopenSchoolList{ position:relative; margin:0 0 1em; height:410px; overflow-y:scroll;}