@charset "utf-8";
@import"base.css";
@import"contents.css";

/*------------ 入学説明会の設定　------------------
-------------------------------------------------*/

#explanatory #contents .no-pc.no-sp { display: none; }
#explanatory #contents .no-tb { display: inherit; }
#explanatory #contents .no-tb.no-pc { display: none; }
#explanatory #contents .no-tb.no-sp { display: inherit; }

@media (max-width: 768px) {
	#explanatory #contents .no-pc.no-sp { display: inherit; }
	#explanatory #contents .no-tb { display: none; }
	#explanatory #contents .no-tb.no-pc { display: none; }
	#explanatory #contents .no-tb.no-sp { display: none; }
	#explanatory #contents .no-sp { display: inherit; }
	#explanatory #contents .explanatory_local .no-sp { display: none; }
	#explanatory .photo .no-sp { display: none; }
}
@media screen and (max-width: 480px){
	#explanatory #contents .no-pc.no-sp { display: none; }
	#explanatory #contents .no-tb { display: inherit; }
	#explanatory #contents .no-tb.no-pc { display: inherit; }
	#explanatory #contents .no-tb.no-sp { display: none; }
	#explanatory #contents .no-sp { display: none; }
}




#explanatory #main div.section.section_mb0{
margin-bottom: 0;
}


/*コロナ対策*/
#explanatory .covid { padding: 25px 25px 5px 25px; }
#explanatory .covid h3 { color: #000066; margin-bottom: 0.7em; }
#explanatory .covid ul { padding: 15px; border: solid 1px #ccc; /*margin-bottom: 25px;*/}
#explanatory .covid ul li {
	list-style-type: disc;
	margin-left: 1em;
	margin-bottom: 0.4em;
}
@media (max-width: 768px) {
	#explanatory .covid { padding: 20px 20px 5px 20px; }
	
}
@media (max-width: 480px) {
	#explanatory .covid { padding: 20px 15px 5px; }
	#explanatory .covid h3 {
		font-size: 1.8rem;
		line-height: 1.7;
	}

}



/*入学説明会*/
#explanatory #main .note { font-size: 11px; }
#explanatory #main .btn_yoyaku { text-align: center; }

#explanatory #main .con_h4 span { display:inline-block; font-size:12px; padding-left:5px; }

/*ご予約方法*/
#explanatory #yoyaku li { width:49%; padding:30px 15px; box-sizing:border-box; border: solid 2px #ccc; }
	#explanatory #yoyaku li:first-child {
		float:left;
		padding: 30px 15px 20px;
	}
	#explanatory #yoyaku li:last-child  { float:right; }

	#explanatory #yoyaku dt { margin-bottom: 20px; text-align: center; }
	#explanatory #yoyaku li:first-child dd p {
		margin-bottom: 5px;
	}
	#explanatory #yoyaku dd img { margin-top: 15px; }
		#explanatory #yoyaku li:first-child dd img {
			margin-top: 0;
		}
	#explanatory #yoyaku strong { color: #666; }

/*入学説明会ではこんなことをします*/
#explanatory #expla_details > li {
	box-sizing:border-box; float: left; width: 32%; margin:0 2% 15px 0;
	font-size: 12px; border: solid 2px #ff9933; background: #fffad2; }
	
	#explanatory #expla_details dt { padding: 15px; text-align: center; background: #fff; }
	#explanatory #expla_details dt img { margin-bottom: 15px; }
	#explanatory #expla_details dt em { font-size:16px; font-weight:bold; line-height:1; }
	#explanatory #expla_details dd { padding: 10px 10px 5px; }
		#explanatory #expla_details .detail6 { background: #fff url("../../explanatory/images/main_illust_detail6.gif") 50% 90% no-repeat; }
		#explanatory #expla_details .detail6 dt { padding:15px 15px 5px; }
		#explanatory #expla_details .detail6 img { margin: 0; }
		#explanatory #expla_details .detail7 { width: 100%; height: 100%; }
	
	#explanatory #expla_details .detail7 dt { background-color: #fffad2; }
		#explanatory #expla_details .detail7 dt em { display:block; padding:10px 0; font-size:18px; }
	#explanatory #expla_details .detail7 dd { padding:0 40px 30px; }
	#explanatory #expla_details .detail7 li { font-size:15px; font-weight:bold; color:#0B357F; }



/* タイトル部分 */
#explanatory #contents { /* 個別相談会ページのみ */
	width: 100%;
	padding-top: 0;
}
#explanatory #contents .contents_inner { /* 個別相談会ページのみ */
	width: 990px;
	margin: 0 auto;
}

.yellow {
	padding-top: 37px;
}
#exp #contents #explanatory .yellow { /* 個別相談会ページ以外 */
	padding-top: 15px;
}

#explanatory #ttl {
	width: 100%;
	height: 352px;
	background: url("/explanatory/images/ttl_bg.jpg") no-repeat top center;
	background-size: cover;
	text-align: center;
}
#exp #contents #explanatory #ttl { /* 個別相談会ページ以外 */
		height: auto;
		background-size: contain;
}

#explanatory #ttl #exp_title {
	margin: 0 auto 27px;
	padding-top: 43px;
	text-align: center;
}
#exp #contents #explanatory #ttl #exp_title { /* 個別相談会ページ以外 */
	margin-bottom: 15px;
}
#explanatory #ttl #exp_title img {
	margin: 0 auto;
}

#explanatory #ttl .no-tb { display: inherit; }
#explanatory #ttl .no-tb.no-pc { display: none; }
#explanatory #ttl .no-tb.no-sp { display: inherit; }

#exp #contents #explanatory #ttl .copy { /* 個別相談会ページ以外 */
	margin-bottom: 0;
}
#exp #contents #explanatory #ttl .copy img { /* 個別相談会ページ以外 */
	margin-bottom: 0;
	padding-bottom: 30px;
}

@media (max-width: 768px) {
	#explanatory #contents .contents_inner { /* 個別相談会ページのみ */
		width: 100%;
	}
	
	#explanatory #ttl .no-tb { display: none; }
	#explanatory #ttl .no-tb.no-pc { display: none; }
	#explanatory #ttl .no-tb.no-sp { display: none; }
	#explanatory #ttl .no-sp { display: inherit; }
	
	#explanatory #ttl {
		margin-top: 10px;
		height: auto;
		background-size: contain;
	}
	#explanatory #ttl img {
		max-width: 100%;
	}
	#explanatory #ttl .copy img {
		width: 343px;
	}
	
}
@media (max-width: 480px) {
	#explanatory #ttl .no-tb { display: inherit; }
	#explanatory #ttl .no-tb.no-pc { display: inherit; }
	#explanatory #ttl .no-tb.no-sp { display: none; }
	#explanatory #ttl .no-sp { display: none; }
	
	#explanatory #ttl {
		height: auto;
		background-image: none;
		background-color: #fff100;
	}
	#explanatory #ttl #exp_title {
		margin-bottom: 15px;
		padding-top: 0;
	}
	
	#explanatory #ttl #exp_title img {
		width: 100%;
	}
	#explanatory #ttl .copy img {
		margin-bottom: 0;
		width: 76.1vw;
	}
	#exp #contents #explanatory #ttl .copy img { /* 個別相談会ページ以外 */
		padding-bottom: 10px;
	}
	.yellow {
		padding-top: 20px;
	}
}



/* オンライン */
#explanatory .online {
	background-color: #fefdde;
	margin-top: 10px;
	padding: 15px;
}
@media (max-width: 480px) {
	#explanatory .online {
		font-size: 1.4rem;
		line-height: 1.5;
		padding: 10px;
	}

}



/* まずはご希望の校舎をお選びください */
#explanatory .web_rsv {
	padding: 0 12px;
}
#explanatory .web_rsv h3 {
	text-align: center;
	margin-bottom: 20px;
}
#explanatory .web_rsv h3 img {
	margin: 0 auto;
}

/* 日本地図 */
#map_jpn { float:left; width:100%; margin:0 -163px 0 0; font-size: 11px; }
#map_jpn_con { margin: 0 163px 0 0; }

#map_jpn_img {
	position:relative; width:700px; height:745px; border:1px solid #ccc;
	background:url("../../explanatory/images/web_rsv_map.png") 0 0 no-repeat; background-size:cover; }
#map_jpn_img a { position:absolute; font-size:11px; }
#map_jpn_img a.new { display:inline-block; background:url("../../map/images/new.gif") top left no-repeat; padding-top: 11px; }
	#map_jpn_img #link01 { top:24.5%; right:20.6%; }
	#map_jpn_img #link02 { top:41.5%; right:16%; }
	#map_jpn_img #link03 { top:22%; left:38.2%; }
	#map_jpn_img #link04 { top:15.6%; left:39.7%; }
	#map_jpn_img #link05 { top:26.3%; left:37.7%; background-color:#fff; }
	#map_jpn_img #link06 { top:18%; left:28.8%; }
	#map_jpn_img #link07 { top:26%; left:22.8%; }
	#map_jpn_img #link08 { top:21.9%; left:19.7%; }
	#map_jpn_img #link09 { top:31.7%; left:39.3%; }
	#map_jpn_img #link10 { top:34.4%; left:35.4%; }
	#map_jpn_img #link11 { top:29%; left:19.7%; }
	#map_jpn_img #link12 { top:6.1%; left:38%; }
	#map_jpn_img #link13 { top:6.1%; left:27.9%; }
	#map_jpn_img #link14 { top:21.1%; right:33.6%; }
	#map_jpn_img #link15 { top:10.1%; right:41.3%; }
	#map_jpn_img #link16 { top:17.9%; right:42%; }
	#map_jpn_img #link17 { bottom:36.4%; right:25.9%; }
	#map_jpn_img #link18 { bottom:36.5%; right:34.1%; }
	#map_jpn_img #link19 { bottom:15.9%; left:39.7%; background-color:#fff; }
	#map_jpn_img #link20 { bottom:10.4%; left:35.8%; background-color:#fff; }
	#map_jpn_img #link21 { bottom:24.2%; left:40.8%; }
	#map_jpn_img #link22 { bottom:21.4%; left:26.6%; }
	#map_jpn_img #link23 { bottom:42.1%; left:43.1%; }
	#map_jpn_img #link24 { bottom:46.1%; left:29.1%; }
	#map_jpn_img #link25 { top:46.2%; left:36.5%; }
	#map_jpn_img #link26 { bottom:6.4%; left:43.2%; }
	#map_jpn_img #link27 { top:22.5%; left:29%; }

/*地図右の校舎リスト*/
#school_list { float:right; width:143px; font-size:12px; }
	.new a {
		background: url("../../map/images/new.gif") right 50% no-repeat;
		padding-right: 27px; }
	#school_list h4 {
		width: 133px; margin: 0; padding: 5px; font-size: 12px; font-weight: bold; background: #ccc; }
	#school_list ul { margin: 5px 0 20px 5px; }
		#school_list ul li {
			margin-bottom: 2px; padding-left: 13px;
			background: url("../../map/images/bg_school_list.gif") left 50% no-repeat; }
		#school_list ul .green {
			background: url("../../map/images/bg_school_list_green.gif") left 50% no-repeat; }


/* for index_b
--------------------------------------------------------*/

/* override */
/*
#explanatory.pattern_b #header {
	height: 106px;
}*/
#explanatory.pattern_b #hdr_banner {
	display: none;
}

#explanatory .yellow {
	background-color: #fff100;
}
#explanatory .yellow.sunday {
	padding-bottom: 30px; /*★日曜開催タグある場合 */
}
@media (max-width: 480px) {
#explanatory .yellow.sunday {
	padding-bottom: 0; /*★日曜開催タグある場合 */
	margin-bottom: 30px;
}
}


#explanatory.pattern_b .title img {
	margin: 0 auto 37px;
	padding-top: 44px;
}
#explanatory.pattern_b .copy img {
	margin: 0 auto 42px;	/*★日曜開催タグない場合 */
}
#explanatory.pattern_b .sunday .copy img {
	margin: 0 auto 92px; /*★日曜開催タグある場合 */
}

/* 電話予約＆Web予約ボタン */
#explanatory.pattern_b .btns {
	width: 700px;
	margin: 0 auto 40px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#explanatory.pattern_b .btns a {
	display: block;
}
#explanatory.pattern_b .btns a img {
	width: 324px;
	-webkit-backface-visibility: hidden;
}

/* フロー部分 */
#explanatory.pattern_b #flow_pc {
	margin: 0 0 12px;
	text-align: center;
	padding-bottom: 30px;
}
#explanatory.pattern_b .notes {
	margin-left: 45px;
	font-size: 12px;
	color: #666;
	padding-left: 1em;
	text-align: left;
}
#explanatory.pattern_b .notes:before {
	content: "※";
	margin-left: -1em;
}
#explanatory.pattern_b .rsv .notes {
	font-size: 16px;
	margin: 0 65px 40px;
}
#explanatory.pattern_b .rsv_top .notes {
	margin: 0 30px;
}

#explanatory.pattern_b #student + .notes {
	padding-bottom: 30px;
}



/* 電話予約＆Web予約説明 */
#explanatory .rsv .wt {
	width: 79px;
	margin: 0 auto 10px;
}
#explanatory .rsv .wt img{
	-webkit-backface-visibility: hidden;
}
#explanatory .rsv {
	position: relative;
	padding-bottom: 10px;
}
#explanatory.pattern_b .rsv {
	padding-top: 50px; /* ★日曜開催タグない場合 */
	padding-bottom: 0;
}
#explanatory.pattern_b .sunday .rsv {
	padding-top: 92px; /* ★日曜開催タグある場合 */
	padding-bottom: 0;
}
#explanatory.pattern_b .rsv_top {
	padding-top: 30px; /* ★日曜開催タグない場合 */
	padding-bottom: 0;
}
#explanatory.pattern_b .sunday .rsv_top {
	padding-top: 92px; /* ★日曜開催タグある場合 */
	padding-bottom: 0;
}

/* 日曜実施中 */
#explanatory.pattern_b .label_sunday {
	display: none; /* ★日曜開催タグない場合 */
}
#explanatory.pattern_b .sunday .label_sunday {
	display: block; /* ★日曜開催タグある場合 */
	position: absolute;
	top: -42px;
	left: 0;
}

#explanatory.pattern_b .rsv_top .label_sunday{
	width: 40%;
}
#explanatory.pattern_b .label_sunday{
	width: 37.5%;
}
#explanatory.pattern_b .label_sunday img{
	width:100%;
}
#explanatory .rsv dl {
	margin: 0 0 5px 25px;
/*	padding-bottom: 50px;
	background: url(../../explanatory/images/b_arrow.png) no-repeat 300px bottom;
	background-size: 98px auto;*/
}
#explanatory.pattern_b .rsv dl {
	margin: 0 0 5px 65px;
}
#explanatory .rsv dl:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}
#explanatory .rsv dl dt {
	width: 200px;
	text-align: center;
	line-height: 1.0;
	padding: 20px 0;
	margin-bottom: 16px;
	background-color: #fff100;
	float: left;
	clear: left;
}
#explanatory .rsv dl dt img {
	width: 150px;
}
#explanatory .rsv dl dd {
	float: left;
	height: 60px;
}
#explanatory .rsv dl .rsv_txt1 {
	width: 285px;
	padding-top: 6px;
	text-align: center;
}
#explanatory .rsv dl .rsv_txt2 {
	width: 360px;
	padding-top: 6px;
}

/* まずはご希望の校舎をお選びください */
#explanatory.pattern_b .web_rsv {
	padding: 0 32px;
	margin-top: 0;
}
#explanatory.pattern_b .web_rsv h3 img {
	margin: 0 auto;
}

#explanatory .rsv dl dd.rsv_txt1_web {
	display: table;
	padding: 0 15px;
	box-sizing: border-box;
}

/* 相談会はこちらボタン */
#explanatory .rsv dl dd.rsv_txt1_web .btn_soudankai {
	display: table-cell;
	width: 100%;
	height: 100%;
	padding: 0.1em 20px 0 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background-color: #009844;
	border-bottom: 4px solid #006723;
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
}
#explanatory .rsv dl dd.rsv_txt1_web .btn_soudankai::after {
	position: absolute;
	content: "";
	vertical-align: middle;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 12px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}


/* for index_b PC校舎プルダウン版
--------------------------------------------------------*/

/* まずはご希望の校舎をお選びください */
#explanatory .web_rsv.pulldown {
	margin: 0 65px 30px;
	padding: 20px 65px 30px;
	border: 4px solid #009844;
/*
background: url(../../explanatory/images/web_rsv_bg.png);
	background-size: 9px 9px;
	border-radius: 5px;
*/
}

#explanatory .web_rsv.pulldown h3 img{
/*	width: 423px; */
	margin: 0 auto;
}

#explanatory .web_rsv.pulldown form {
	padding: 15px 0 12px;
	text-align: center;
	background-color: #d6f5df;
}
#explanatory .web_rsv.pulldown form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	width: 100%;
	font-size: 17px;
	line-height: 1;

	padding: 10px;
	border: 1px solid #444;
	border-radius: 5px;
	background: transparent;
	position: relative;
	z-index: 2;
}
#explanatory .web_rsv.pulldown form .select_wrap {
	width: 70%;
	display: inline-block;
/*		background: linear-gradient(#fff, #ddd); */
	background: #fff;
	border-radius: 5px;
	position: relative;
}
#explanatory .web_rsv.pulldown form .select_wrap:after {
	content: "";
	position: absolute;
	top: 40%;
	right: 10px;
	width: 0;
	height: 0;
	border-top: 10px solid #999;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;		
}
#explanatory .web_rsv.pulldown form input[type="button"],
#explanatory .web_rsv.pulldown form a.go_to_school_btn {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-left: 8px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	line-height: 50px;
	color: #000;
	background: linear-gradient(#fff100, #e8db00);
	border-radius: 100px;
	border: none;
	box-shadow: 0 2px 3px #666;
}
#explanatory .web_rsv.pulldown form .alert{
	color: red;
	display: none;
	text-align: left;
	padding-left: 12%;
}


/* for index_b PCページ上部校舎プルダウン版
--------------------------------------------------------*/
#explanatory .whiteframe {
	margin: 0 30px 40px;
	padding-bottom: 30px;
	background-color: #fff;
}
#explanatory .whiteframe .rsv dl  {
	margin-left: 30px;
}
#explanatory .whiteframe .web_rsv.pulldown {
	margin: 0 30px;
}

/*--------------------------------------------------------*/



@media (min-width: 841px) {
	#explanatory #expla_details .detail7 ul { float:left; }
		#explanatory #expla_details .detail7 ul:first-child { width:45%; }
		#explanatory #expla_details .detail7 ul:last-child  { width:55%; padding-left:15px; box-sizing:border-box; }
}
@media (max-width: 840px) {
	#explanatory #expla_details .detail7 ul { width:100%; }
}
@media (max-width: 768px) {
	#explanatory .urgent_info {
		margin-bottom: 10px;
	}

	/* まずはご希望の校舎をお選びください */
	#explanatory .web_rsv {
		margin-top: 0px;
		padding: 20px 15px;
/*
		background: url(../../explanatory/images/web_rsv_bg.png);
		background-size: 9px 9px;
		border-radius: 5px;
*/
}

	#explanatory .web_rsv h3 img{
		width: 68.75vw;
		margin: 0 auto;
	}

	#explanatory .web_rsv form select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		
		width: 100%;
		font-size: 17px;
		line-height: 1;
		
		padding: 10px;
		border: 1px solid #444;
		border-radius: 5px;
		background: transparent;
		position: relative;
		z-index: 2;
	}
	#explanatory .web_rsv form .select_wrap {
		width: 70%;
		display: inline-block;
/*		background: linear-gradient(#fff, #ddd); */
		background: #fff;
		border-radius: 5px;
		position: relative;
	}
	#explanatory .web_rsv form .select_wrap:after {
		content: "";
		position: absolute;
		top: 40%;
		right: 10px;
		width: 0;
		height: 0;
		border-top: 10px solid #999;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;		
	}
	#explanatory .web_rsv form input[type="button"] {
		width: 50px;
		height: 50px;
		margin-left: 8px;
		font-size: 16px;
		font-weight: bold;
		background: linear-gradient(#fff100, #e8db00);
		border-radius: 100px;
		border: none;
		box-shadow: 0 2px 3px #666;
	}
	
		/* for AB共通部分
	---------------------------------------------*/

		/* 電話予約＆Web予約説明 */
	#explanatory .rsv dl,#explanatory.pattern_b .rsv dl {
		margin: 0 0 5px 2%;
		background-position: 40% bottom;
		
	}
	#explanatory .rsv dl dt {
		width: 22%;
	}
	#explanatory .rsv dl dt img {
		width: 80%;
	}
	#explanatory .rsv dl .rsv_txt1 {
		width: 28%;
		text-align: center;
		padding: 0 10px;
	}
	#explanatory .rsv dl .rsv_txt1_web {
		padding-top: 10px;
	}

	#explanatory .rsv dl .rsv_txt2 {
		width: 44.5%;
		padding-top: 0px;
	}

	/* for index_b
	---------------------------------------------*/


	#explanatory.pattern_b #contents img {
		max-width: 100%;
	}
	
	#explanatory .yellow {
		background-color: #fff100;
	}
	#explanatory.pattern_b .title img {
		margin: 0 auto 18px;
		padding-top: 27px;
		width: 96%;
	}
	#explanatory.pattern_b .copy img {
		margin: 0 auto 27px;
		width: 93%;
	}
	
	/* 電話予約＆Web予約ボタン */
	#explanatory.pattern_b .btns {
		width: 95%;
		margin: 0 auto 20px;
	}
	#explanatory.pattern_b .btns li {
		text-align: center;
	}
	#explanatory.pattern_b .btns a img {
		width: 90%;
		margin: 0 auto;
	}	

	#explanatory.pattern_b #flow_pc img {
		width: 96%;
	}
	
	#explanatory.pattern_b .label_sunday,
	#explanatory.pattern_b .rsv_top .label_sunday {
	 width: 330px;
	}

	#explanatory.pattern_b .notes {
		margin: 0 2%;
	}
	#explanatory.pattern_b .rsv_top .notes {
		margin: 0 2%;
	}
	#explanatory.pattern_b .rsv .notes {
		margin: 0 2%;
	}

	/* まずはご希望の校舎をお選びください */
	#explanatory.pattern_b .web_rsv {
		margin: 0 20px 30px;
		padding: 20px 15px;
	}
	
	
	#explanatory.pattern_b #footer_sp #foot_menu_over,
	#explanatory.pattern_b #footer_sp #foot_menu_wh,
	#explanatory.pattern_b #footer_sp #foot_menu_mid {
		display: none;
	}
	
	/* for index_b PCページ上部校舎プルダウン版
	--------------------------------------------------------*/
	#explanatory .whiteframe .web_rsv.pulldown {
		margin: 0 20px;
	}

}
@media (min-width: 641px) {
	#explanatory #expla_details > li:nth-child(3n) { margin-right:0; }
}
@media (max-width: 640px) {
	#explanatory #yoyaku li { width:100%; float:none; margin:0 0 10px; padding-bottom:20px; }
	#explanatory #yoyaku dd img { margin-top:0; }
	
	#explanatory #expla_details > li { width:49%; margin-bottom:1.8%; }
	#explanatory #expla_details > li:nth-child(2n) { margin-right:0; }
}
@media (max-width: 480px) {
	#explanatory #main .pht_left { display:none; }

	#explanatory #expla_details .detail7 dd { padding:0 20px 15px; }
	
	#explanatory .expla_btn img { margin-bottom:10px; }
	
	
	
	/* まずはご希望の校舎をお選びください */
/*
	#explanatory .web_rsv h3 img {
		width: 100%;
	}
	
	#explanatory .web_rsv.pulldown h3 img {
		width: 100%;
	}
*/

		/* for AB共通
	---------------------------------------------*/
	
	/* 電話予約＆Web予約説明 */
	#explanatory .rsv .wt {
		width: 26.5%;
		margin: 0 auto 10px;
	}
	#explanatory .rsv dl,#explanatory.pattern_b .rsv dl {
		margin: 0;
		padding: 0;
		background-position: 50% bottom;
		background-size: 76px auto;
	}
	#explanatory.pattern_b .rsv dl {
		padding: 0 15px;
		margin-bottom: 10px;
	}
	#explanatory .rsv dl dt {
		width: 100%;
		margin-bottom: 1em;
		padding: 12px 0;
		float: none;
		line-height: 1;
	}
	#explanatory .rsv dl dt img {
		width: 44%;
	}
	#explanatory .rsv dl dd {
		float: none;
		height: auto;
	}
	#explanatory .rsv dl .rsv_txt1 {
		width: 100%;
		padding: 0 0 10px;
	}
	#explanatory .rsv dl .rsv_txt1 a {
		display: block;
	}
	#explanatory .rsv dl .rsv_txt2 {
		width: 100%;
		padding: 0 0 20px;
		font-size: 1.6rem;
	}
	#explanatory .rsv dl .rsv_txt2:last-child {
		padding-bottom: 0;
	}
	#explanatory .rsv dl dd.rsv_txt1_web {
		padding: 0 0 10px;
	}
	
	#explanatory .rsv dl dd.rsv_txt1_web .btn_soudankai {
		padding: 0.5em 0;
		font-size: 20px;
	}
	
	/* for index_b
	---------------------------------------------*/

	/* 電話予約＆Web予約ボタン */
	#explanatory.pattern_b .btns {
		width: 84%;
		display: block;
		margin-bottom: 30px;
	}
	#explanatory.pattern_b .btns a img {
		width: 100%;
	}	
	#explanatory.pattern_b .btns .btn_tel a {
		margin-bottom: 15px;
	}
	#explanatory.pattern_b #student {
		width: 85%;
		margin: 0 auto;
		text-align: center;
	}
	
	#explanatory.pattern_b .notes {
		width: 85%;
		text-align: left;
		margin: 0 auto;
		padding: 10px 0 0 0;
		font-size: 1.4rem;
		line-height: 1.5;
	}
	#explanatory.pattern_b .rsv .notes {
		font-size: 1.4rem;
		padding-top: 0;
		margin: 0 auto;
	}
	
	#explanatory.pattern_b #flow_sp {
		background-color: #ffcc00;
		padding: 10px 5px 40px;
	}
	#explanatory.pattern_b #flow_sp ul {
		max-height: 470px;
		overflow: hidden;
	}
	#explanatory.pattern_b #flow_sp ul li {
		background-color: #ffcc00;
	}
	#explanatory.pattern_b #flow_sp ul li img {
		margin: 0 auto;
	}
	#explanatory.pattern_b #flow_sp .bx-viewport {
		background-color: #ffcc00;
	}
	#explanatory.pattern_b #flow_sp .bx-pager {
		bottom: -30px;
	}
	
	#explanatory.pattern_b .copy img {
		margin: 0 auto 27px;	
	}
	
	/* 電話予約＆Web予約説明 */
	#explanatory.pattern_b .rsv {
		padding-top: 20px; /* ★日曜開催タグない場合 */
	}
	#explanatory.pattern_b .sunday .rsv {
		padding-top: 25vw; /* ★日曜開催タグある場合 */
	}
	#explanatory.pattern_b .sunday .rsv_top {
		padding-top: 30vw; /* ★日曜開催タグある場合 */
	}
	/* 日曜開催中 */
	#explanatory.pattern_b .label_sunday:nth-child(1n) {
		position: absolute;
		top: -8vw;
		left: 0;
		width: 95%;
	}
	#explanatory.pattern_b .rsv_top .label_sunday:nth-child(1n) {
		top: -5vw;
	}

	/* for index_b PCページ上部校舎プルダウン版
	--------------------------------------------------------*/
	#explanatory .whiteframe .web_rsv.pulldown {
		margin: 0 15px;
	}
	#explanatory .whiteframe {
/*		margin: 0 20px 30px; */
		margin: 0 10px 30px;
		padding-bottom: 20px;
	}
	
	/*-------------------------------------------*/

}




/* 地域限定出張説明会
--------------------------------------------------------*/
.explanatory_local {
	margin: 40px auto;
	padding: 30px 30px 20px;
	border: solid 1px #2b4e99;
	max-width: 800px;
}
.explanatory_local h2{
	background-color: #2b4e99;
	color: #fff;
	padding: 6px;
	text-align: center;
}
.explanatory_local p{
	padding: 15px 0;
}
.explanatory_local a img {
	margin: 0 auto;
}

@media (max-width: 480px) {
	.explanatory_local {
		margin-top: 25px;
		padding: 15px;
	}
	.explanatory_local img {
		width: 100%;
		max-width: 100%;
	}
}