/* CSS Document */


/*----------------------------------------------------------------------------
 ***                                                                 body
----------------------------------------------------------------------------*/
body {	}

.nengaBnrP{ padding: 3% 3% 0%;}
.guidelineBox{ margin:0 auto 1em; border: 1px solid #fff0e1; padding:1em 2em; background: #fffcf1; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box;}
.guidelineBox dt{ font-size:112.5%; margin:0 auto 0.5em;}
.guidelineBox dt span{ margin:0 0.25em;}
.guidelineBox dd{ line-height:1.6em; margin:0.5em auto !important;}
.guidelineBox dd a{ display:block; margin:0.3em auto; font-size:112.5%;}

.guidelineBox {
	border: #999 dotted 1px;
	background: #FFF;
}
.guidelineBox dd strong{ font-size:80%;}
.guidelineBox dd div{line-height:1.4em; display: inline-block;}


/*----------------------------------------------------------------------------
 ***                                                                 container
----------------------------------------------------------------------------*/
.container {}


/*----------------------------------------------------------------------------
 ***                                                                 header
----------------------------------------------------------------------------*/
header { position:fixed;}


/*----------------------------------------------------------------------------
 ***                                                                 header
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 ***                                                                 nav
----------------------------------------------------------------------------*/
nav{}
nav li {}

/*----------------------------------------------------------------------------
 ***                                                                 content
----------------------------------------------------------------------------*/
.content {}
.content .main_image{
	padding:0;
	margin:0;
	background-color:#2bb7f2;
	padding-bottom:0.3em;
}
#main_image{}


/*---------------------------------------------------------------------------- ***                                                                 footer１
----------------------------------------------------------------------------*/
footer {}
footer #sarasaLink{	width:97%;	border:2px solid #61AF9C; margin:3% auto 0; background-color:#61AF9C; /*position:relative;*/}
footer #sarasaLink a{ text-decoration:none; color:#333;}
footer #sarasaLink .imgfloatL{ width:20%; padding:2% 0 0;}
footer #sarasaLink .imgfloatL img{ width:100%;/* position:absolute; top:13%;*/}
footer #sarasaLink .textArea{ width:78%; font-size:100%; padding:1%; float:right; background-color:#fff;}
footer #sarasaLink .txtColorSarasa{ color:#2F8A91;}
footer #sarasaLink #official_page{ text-align:center; padding-top:2%; border-top:1px solid #2F8A91;}
footer #sarasaLink #official_page a{ color:#2F8A91;}


#rtSec{
	background:url(../images/back_contents01.jpg) center top no-repeat;
	background-size:100% auto;
}

#rtSec p{margin:0;}
#rtSec p.floatR{
	float:right;
	width:66%;
	margin:0;
}
#rtSec p.floatL{
	float:left;
	width:20%;
	margin:0;
}

#gNavi{
	margin-bottom:1em;
}

#gNavi li{
	float:left;
	width:50%;
}



.area-list li{
	display:block;
	background:url(../images/back_contents02.png) left top repeat-x;
	position:relative;
	padding:40px 10px;
	font-size:200%;
}
.area-list .sub_tt{
	padding:20px 10px 0 10px;
	
}

.area-list .sub_ct{
	padding:30px 10px 30px 50px;
	background-position:left -30px;
	border:none;
	
}
.area-list span{
	width:15%;
	position:absolute;
	right:0;
	top:0;
}



#newScSec ul {
	margin: 0px;
	padding: 0px;
}


#newScSec li {
	padding-left:1em;
	clear: both;
	display: block;
	border-bottom:#CCC dotted 1px;
}

#newScSec dt {
	float: left;
	width:10%;
	font-size:120%;
}
#newScSec dt img{ padding-bottom:0.5em;}

#newScSec dd {
	float: left;
	font-size:120%;
}

#newScSec dd.year {
	padding-left:10px;
	text-align: right;
}

#newScSec dd.month {
	text-align: right;
}

#newScSec dd.day {
	text-align: right;
}
#newScSec dd.type {
	width:15%;
	padding-right: 15px;
	padding-left: 15px;
}
#newScSec dd.type img{ padding-bottom:0.5em;}

#newScSec dd.name {
}

.area-list a{ display:block; width:80%;}


/* 入会金無料キャンペーンバナー */
#springBannar{ width:94%; margin:3% auto;}
#fmBannar{ width:94%; margin:5% auto;}


/* 季節講習アピール強化 */
#winSec{ width:84%; height:100%; margin:3% auto; padding:3%; border:4px solid #E26120; border-radius:5px;}
#winSec dt img{ width:40%;}
#winSec dt{ font-size:210%; line-height:1.4em; padding:5% 0 2.5% 0; margin-bottom:2%;}
#winSec dd{ font-size:120%; line-height:1.4em; margin:4% auto;}
#winSec #sumBtn{
	width:98%;
	padding:2% 0;
	margin:3% auto;
	line-height:1.5em;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	border:3px solid #E26120;
	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2);
	        box-shadow:0px 2px 5px rgba(0,0,0,0.2);
	background-color:#E26120;
	border-radius:5px;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
}
#winSec #sumBtn span{ font-size:160%; color:#fff;}
#winSec #sumBtn a{
	color:#fff;
	text-decoration:none;
}
#winSec dd.smallTxt{ font-size: 100%; margin: 0 auto;}


/* 業態のこだわりセクション */
#winSec{ width:84%; height:100%; margin:3% auto; padding:3%; border:4px solid #E26120; border-radius:5px;}
#winSec dt img{ width:40%;}
#winSec dt{ font-size:210%; line-height:1.4em; padding:5% 0 2.5% 0; margin-bottom:2%;}
#winSec dd{ font-size:120%; line-height:1.4em; margin:4% auto;}
#winSec #sumBtn{
	width:98%;
	padding:2% 0;
	margin:3% auto;
	line-height:1.5em;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	border:3px solid #E26120;
	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2);
	        box-shadow:0px 2px 5px rgba(0,0,0,0.2);
	background-color:#E26120;
	border-radius:5px;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
}
#winSec #sumBtn span{ font-size:160%; color:#fff;}
#winSec #sumBtn a{
	color:#fff;
	text-decoration:none;
}
#winSec dd.smallTxt{ font-size: 100%; margin: 0 auto;}

/* 業態のこだわりセクション */
#kodawariSec {padding:0; width:100%; height:19em;}
#kodawariSec div.contents{padding:0;}
#kodawariSec div.contentsInner{padding: 0 6%;}
#kodawariSec h2{font-size: 124%; font-weight:normal; text-indent:0.2em;line-height: 1;margin-bottom: 0.3em;}
#kodawariSec h3{width: 89%;}

#kodawariItem {
	position:relative; width:100%; height:19em;
	background-size:10em auto;
	background-repeat:no-repeat;
	margin-top: 0.3em;
}
#kodawariItem div.title{position:absolute; top: 2.5em; right: 6%; width:50%;}
#kodawariItem p{padding: 9.7em 2em 0 2em; line-height: 1.2;}

.kodawari2 ,.kodawari3 ,.kodawari4 ,.kodawari5{
	background-position: 17% 1em;
} 
.kodawari1 {
	background-image: url(../images/img_ganbaru-tops.png);
	background-position: 17% 0.5em;
}

.kodawari2 {
	background-image:url(../images/kodawari2_2.jpg);
}
/* #kodawari2 div.title{position:absolute; top:3em; left:7%; width:50%;}
#kodawari2 p{padding:11em 1em 0 1em;} */

.kodawari3 {

	background-image:url(../images/kodawari3_2.jpg);
}
/* #kodawari3 div.title{position:absolute; top:3em; right:7%; width:50%;}
#kodawari3 p{padding:12em 1em 0 1em; } */


.kodawari4 {
	background-image:url(../images/kodawari4_2.jpg);
}
/* #kodawari4 div.title{position:absolute; top:3em; left:7%; width:50%;}
#kodawari4 p{padding:12em 1em 0 1em; } */

.kodawari5 {

	background-image:url(../images/kodawari5_2.jpg);
}
/* #kodawari5 div.title{position:absolute; top:2em; right:3%; width:50%;}
#kodawari5 h3{width:94%}
#kodawari5 p{padding:8em 1em 0 47%;} */



/* トピックスセクション */
#topicsSec{ width:94%; height:auto; margin: -1.1em auto 1em; border-left:5px solid #2bb7f2; border-right:5px solid #2bb7f2; border-bottom:5px solid #2bb7f2;}
#topicsSec #topics{ padding: 1em;}
#topicsSec h2{ width: 100%; height: auto; background-color: #2bb7f2;}
#topicsSec h2 span {
	display: inline-block;
	text-align: center;
	margin: 0 0 0 -5px;
	padding: 0.2em 2.5em;
	line-height: 1.5em;
	font-size: 140%;
	color: #FFF;
	background-color: #000;
}
#topicsSec .topicBox{ border-bottom:1px dotted #999; margin:0 0 5%; padding:0 0 5%;}
#topicsSec .topicBox p{ width:30%; float:left; margin:17px 3% 0 0;}
#topicsSec .topicBox dt{ font-size:130%; line-height:1.4em; margin:0 0 0.5em; font-weight:bold;}
#topicsSec .topicBox dt img{ width:65%;}
#topicsSec .topicBox dd{ font-size:110%; line-height:1.4em; color:#666;}
#topicsSec .topicBox span{ font-size:14px; color:#444; font-weight: 100;}
#topicsSec #lastBox{ border-bottom:none; margin:0; padding:0;}
#topicsSec .ittoTopic{ display:none;}
#topicsSec .miyabiTopic{ display:none;}
#topicsSec .jmkTopic{ display:none;}
#topicsSec .ittoTopic2{ display:none;}
#topicsSec .schoolNoneS{ display:none;}
#topicsSec .pcNone{ display:block;}
#topicsSec .spNone{ display:none;}

.txtColorPink{ color:#E4007F;}


/* イードセクション　*/
#awardSec{
	width:100%; 
	height:auto; 
	background-color:#ED1E79; 
}
#awardSec .sectionInner{
	padding:5% 3% 5% 0
}
#awardSec h2{text-align:center; color:#fff; font-size:200%; padding-top:5%; font-weight:normal;}
#awardSec p{color:#FFF; margin-bottom:0.5em; }
#awardSec p img{width:41%;}
#awardSec li{font-size:90%; color:#FFF; line-height:1.2em}

/* メンテナンス　*/
#menteSec{width:100%;}
#menteSec .sectionInner{padding:2% 5% 5% 5%;border-bottom:#CCC dotted 1px;}
#menteSec h2{text-align:center; color:#333; font-size:140%; padding-top:5%; font-weight:bold;border-top: #CCC dotted 1px;}
#menteSec ul{font-size:110%; width:100%; height:auto; margin:0 auto;}
#menteSec ul li{float:left; width:25%; text-align:center;}
#menteSec ul li img{width:78%; padding-bottom:0.1em;}
#menteSec p{padding-top:0.5em;}
#menteSec .date{padding-top:0.5em;font-size: 14px;color: #f60;}

/* コースセクション　*/
#courseSec{width:100%;}
#courseSec .sectionInner{padding:5%;}
#courseSec h2{text-align:center; color:#333; font-size:200%; padding-top:5%; font-weight:normal;}
#courseSec ul{font-size:110%; width:100%; height:auto; margin:0 auto;}
#courseSec ul li{float:left; width:25%; text-align:center;}
#courseSec ul li img{width:78%; padding-bottom:0.1em;}
#courseSec p{padding-top:0.5em;}

/* お問い合わせセクション　*/
#contactSec{
	background-color:#2bb7f2; width:100%;
}
#contactSec .sectionInner{
	padding:5% 5% 8% 5%;
}
#contactSec h2{text-align:center; font-size:200%; padding-top:4%; font-weight: normal;color:#fff;}
#contactSec ul{font-size:110%; width:100%; margin:0 auto;}
#contactSec ul li{float:left; width:33%; text-align:center; line-height:1.1em;color:#fff;}
#contactSec ul li img{width:56%; padding-bottom:0.1em;}

/* 全国1000校舎の自信セクション　*/
#koushaSec{width:100%;
	background:url(../images/chizu01.jpg) 5% center no-repeat;
	background-size: 100% auto;
}
#koushaSec .sectionInner{
	padding:5%;
	color:#42210B;
}
#koushaSec h2{text-align:center; color:#333; font-size:200%; padding-top:5%; font-weight:normal;}
#koushaSec h2 span{ font-size: 75%;}
#koushaSec h2 span::before,
#koushaSec h2 span::after{ content: '-'; display: inline-block; margin: 0 0.5em ;}
#koushaSec p{padding-top:28%;}


/* 校舎一覧セクション　*/
#schoolsSec{width:100%;
}
#schoolsSec .sectionInner{
	border-top:#aaa 1px solid;
	background-image:url(../images/glass.png); 
	background-position:2% 5%;
	background-repeat:no-repeat;
	background-size:8%;
}
#schoolsSec h2{
	font-size:130%;
	font-weight:normal;
	text-indent:3.5em;
	/*color:4d4d4d;
	width:50%;
	height:3.5em;
	float:left;
	background-image:url(../common_images/sdw01.png);
	background-size: 100% 40%;
	background-position:left -10%;
	background-repeat:no-repeat;*/
}
#schoolsSec h2 span{
	padding-top:1.2em;
	display:block;	
	width:50%;
	height:2.3em;
	float:left;
	border-bottom:#aaa 1px solid;
}
#schoolsSec li{
	font-size:130%;
	font-weight:normal;
	color:4d4d4d;	
	width:50%;
	float:left;
	background-image:url(../common_images/sdw01.png);
	background-size: 100% 40%;
	background-position:left -10%;
	background-repeat:no-repeat;
	border-bottom:#aaa 1px solid;
}
#schoolsSec li:nth-child(odd){
	border-left:#aaa 1px solid;
	width:49.5%
}
#schoolsSec li div{
	height:3.5em;
	text-indent:1.5em;
	width:100%;
	background-image:url(../images/img_menu.png);
	background-size: auto 40%;
	background-position: 85%;
	background-repeat:no-repeat;
}
#schoolsSec li a{
	padding-top:1.2em;
	color:#4d4d4d;
	text-decoration:none;
	display:block;
	width:100%;
	height:2.3em;
}



/* お問い合わせセクション２　*/
#contact_top2{
	margin:0;
	padding:4% 0 4% 0; 
	background-color:#2bb7f2;
	width:100%; 
	text-align:center;}
#contact_top2 ul{width:98%; margin:0 auto; padding-left:1%;}
#contact_top2 li.float{
	float:left;
	width:32.3%;
	padding-right:1%;
	margin-bottom:1%;
}
#contact_top2 li.last{
	padding-right:0;
}
#contact_top2 li.under{
	width:99%;
}

.content{margin:0;}

.season_campaign{ width:94%; margin:3% auto; -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.3); box-shadow:3px 3px 5px rgba(0,0,0,0.3); border-radius:10px;}

.kousya #openBox ul.listBox li{padding-top:0; padding-bottom:0;}

/* 講師募集セクション　*/
/* #bosyuSec{ margin:1em 0;}
#bosyuSec .sectionInner{ padding:0 2%;}
#bosyuSec ul{}
#bosyuSec li{ float:left;}
#bosyuSec li#tw48{ width:48%; margin-right:3%;}
#bosyuSec li#tw49{ width:49%;} */



/* 開校情報セクション　*/
#openBox{width:100%;}
#openBox .sectionInner{padding:5%;}
#openBox h2{text-align:center; color:#333; font-size:160%; padding-top:5%; font-weight:normal;
	margin: 0 5%;
	padding-bottom:1em;
	border-bottom:#808080 1px dashed;
}
#listBox {
	width: 100%;
	clear: both;
}
#listBox_hidden {
	width: 100%;
	clear: both;
}
#openBox dt img{height:1.1em; width:auto; padding-bottom:0.1em;}
#openBox dd.type img{height:0.8em; width:auto; padding-bottom:0.3em;}
#openBox ul {
	clear:both;
	margin: 0px;
	padding: 0px;
	border:none;
}
#openBox li {
	font-size:110%;
	width: 100%;
	clear: both;
	display:block;
	vertical-align:middle;
	height:1.4em;
	margin-bottom:1.0em;
	xborder:#F00 1px solid;
}
#openBox dt {
	float: left;
	padding-right: 2em;
	width:12%;
}
#openBox dd {
	float: left;
}
#openBox dd.year {
	text-align: right;
	width: 5%;
}
#openBox dd.month {
	text-align: right;
	width: 5%;
}
#openBox dd.day {
	text-align: right;
	width: 10%;
	padding-right:1em;
}
#openBox dd.type {
	width:18%;
}

/* イードセクション　*/
#messageSec{
	width:100%; 
	height:auto; 
	background-color:#2bb7f2; 
	padding-top:8%;
}
#messageSec .sectionInner{
	padding:0 3% 8% 3%
}
#messageSec h2 {text-align:center;}
#messageSec h2 img{}
#messageSec p{color:#fff; margin-bottom:0.5em; font-size:110%;}
#messageSec p img{width:25%; height:auto; margin:0 1em 0 0; float:left;}


.sdw{
	background-image:url(../common_images/sdw01.png);
	background-repeat:repeat-x;
	background-position:top left;
	background-size:100% auto;
}
.sdw2{
	background-image:url(../common_images/sdw02.png);
	background-repeat:repeat-x;
	background-position:top left;
	background-size:100% auto;
}

#tuzukiB2 img,
#tuzukiB1 img{
	width:30%;
	height:auto;
	padding:3%;
	margin-bottom:2%;
	margin-left:30%;
}

#tuzukiB2{
	display:none;	
}

.button{
	width:100%;
	border-top:#ccc dashed 1px;
}


#topicsSec .anniversary30topics .red_text{color: #e73828;}
#topicsSec .anniversary30topics .red_batu{position: relative;display: inline-block}
#topicsSec .anniversary30topics .red_batu:before{content: '';width:100%; height:125%; background: url("https://www.jibunmirai.co.jp/images/topics/batu_2408.png") ;position: absolute;top: -2px;right: -7px;background-size: contain;background-repeat: no-repeat;}
#topicsSec .anniversary30topics .small_text{font-size: 65%; display: inline-block;}
#topicsSec .anniversary30topics .under_yellow{background-color: #ffff00;}