@charset "utf-8";
/* CSS Document */
/*ページの基本構造
=======================================================*/
body {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
  	font-size:100%;
  	margin:0;
  	padding:0;
	overflow-x:hidden;
	/*overflow:hidden;*/
}
	* html body {  /* IE6 */ 
		font-family: "ＭＳ Ｐゴシック", sans-serif;
	}
	
html,body	{
	height:100%;
}

/*clearfix
-----------------------------*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */	


/* 要素のリセット
---------------------------------------- */

/* --- HTML5 --- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
  	margin: 0;
  	padding: 0;
}


/* --- 要素 ---*/

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
p,
blockquote,
ul,
ol,
li,
dl,
dt,
dd,
form {
  	margin: 0;
  	padding: 0;
}

h1,
h2,
h3,
h4,
h5	{
	font-weight:normal;
}
a	{
	text-decoration:none !important;
	outline:none !important;
}
a:hover,
a:active,
a:visited	{
	text-decoration:none;
}

li	{
	list-style:none;
}
	
/* ヘッダー・フッターを幅いっぱいにする為のボックス
---------------------------------------------------*/
#page-header {
  	height: 75px;
	background:url(../images/corr/header/header_bg3.png) repeat-x;
  	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);
	margin-bottom:0;
}
#header,
#footer,
#page-body,
#corr-page-body,
#target-area,
#top-page-body	{
	width:960px;
	margin:0 auto;
}

#target-area-gr	{
	background:#C8CBF7;
	margin-top:124px;
	height:38px;
}
#footer-bg-m	{
	/*height:140px;*/
	background:#adadad;
}
#footer-bg-a	{
	background:#6992d0;
	clear:both;
}

@media screen and (max-width: 767px) {
	#page-header {
		max-height: 60px;
		background:url(../images/corr/header/header_bg_s.png) repeat-x;
		box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);
		margin-bottom:0;
	}
	footer p	{
		font-size:8px;
	}
}

#top-page-body	{
	/**padding-top:100px;*/
	/*min-height:100%;*/
	height: auto !important;
	height: 100%;
	font-size:16px;
	margin-bottom:30px;
}

#page-body	{
	padding-top:75px;
	/*min-height:100%;*/
	/*height: auto !important;
	height: 100%;
	margin-bottom: -140px;
	margin-top:0;*/
	font-size:16px;
	margin-bottom:30px;
}
#corr-page-body	{
	padding-top:75px;
	min-height:100%;
	/*height: auto !important;
	height: 100%;
	margin-bottom: -140px;
	margin-top:0;*/
	font-size:16px;
	margin-bottom:30px;
}
#top-image	{
	height: auto !important;
	margin-bottom:10px;
}
@media screen and (max-width: 991px) {
	#header,
	#page-body,
	#corr-page-body,
	#top-page-body,
	#top-image,
	#target-area,
	#navi-area,
	#footer	{
		max-width:100%;
	}
}
/* --- スモールデバイス --- */
@media screen and (max-width: 767px) {
  #page-body,
  #corr-page-body	{
   padding:0 15px 0;
	 font-size:14px;
	  margin-top: 70px;
  }
	#top-page-body	{
		padding:0 15px;
		margin-top: 60px;
	}
	#top-image	{
		margin-top:0px;
	}
}
/*コンテナ
----------------------------------------------*/
#container	{
	max-width:100%;
	margin:0 auto;
}
@media (min-width: 767px) {
  #container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  #container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  #container {
    width: 1170px;
  }
}
/*ヘッダ
----------------------------------------------*/
/* ロゴ */
.logo-box	{
	margin:17px 0 9px 4px;
	float:left;
	/*height:45px;*/
}
@media screen and (max-width: 767px) {
	.logo-box	{
		float:none;
		margin:0px 75px 2px 3px;
		padding-top:6px;
	}
	.logo-box img	{
		max-width:403px;
	}
}
@media screen and (max-width: 500px) {
	.logo-box img	{
		max-width:350px;
	}
}
#header-right-navi	{
	float:right;
	margin:5px 0 0px;
}
.above-navi	{
	float:right;
	padding-bottom:5px;
}
.btn-request	{
	background:#f5bd00;
	padding:8px 8px 5px 8px;
	font-size:16px;
	/*text-shadow:0 1px 1px rgba(0,0,0,0.5);*/
	color:#fff;
	float:right;
}
.btn-request:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	background:#d1a200;
}
.btn-access	{
	font-size:14px;
	color:#79796a;
	float:right;
	padding:8px 14px 0 0;
}
.btn-access:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	color:#5c5c5c;
}
.below-navi	{
	clear:both;
	float:right;
}
.below-navi li	{
	float:left;
	font-size:12px;
	/*border:#B7BEF1 1px solid;*/
	background:#ededed;
	padding:5px 3px 2px;
	margin-left:2px;
}
@media screen and (max-width: 991px) {
	.below-navi li	{
		font-size:10px;
		padding:7px 6px 4px;
	}
}

/*スマートフォン メニュー
--------------------------------------------------*/
#header-menu-btn {
  font-size: 9pt;
  text-align: center;
  padding-bottom: 0;
  color: #ffffff;
  border: none;
  background-color: #448ce9;
	margin-top:5px;
	line-height: 170%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

#header-menu-btn:hover {
  background-color: #0f6eff;
}

#header-menu-btn .icon-bar {
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}
.navbar-collapse {
    max-height: 600px;
}
.navi-area	{
	clear: both;
	margin:0 auto;
	height: 44px;
	position:relative;
}
.navi-area ul	{
	float:left;
	position:relative;
	left:50%;
}
.navi-area li 	{
	float:left;
	position:relative;
	left:25%;
}
.navi-area li a	{
	display:block;
}
.navi-menu	{
	clear: both;
	margin:0 auto;
	height: 44px;
	position:relative;
}
.navi-menu ul	{
	float:left;
	position:relative;
}
.navi-menu li 	{
	float:left;
	position:relative;
}
.navi-menu li a	{
	display:block;
}
.gl-navi-btn	{
	width:140px;
	/*background:#4473e9;*/
	background:#3a6ebb;
	font-size:18px;
	color:#fff;
	text-align:center;
	margin:0 1px 0 0;
	padding:11px 0 6px;
	cursor: pointer;
}
.gl-navi-btn:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  	-moz-transition: 0.5s;
  	-o-transition: 0.5s;
  	-ms-transition: 0.5s;
	/*background:#0047fa;*/
	background:#2b5088;
	color:#fff;
}
.gl-navi-btn:visited	{
	color: #fff;
}

.navi-area li:hover > div.sub1,
.navi-area li:hover > div.sub2,
.navi-area li:hover > div.sub3	{
	display:block;
}
.sub1,
.sub2,
.sub3	{
	display:none;
	z-index:10;
  	position:absolute;
	padding:6px;
	margin:0 0 0 2px;
	-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.6);
	box-shadow:2px 2px 3px rgba(0,0,0,0.6);
	background:rgba(255,255,255,0.9);
	border:2px solid #6998e8;
	border-radius:4px;
	/*top:-167px;
	height:165px;*/
}
.sub1	{
	top:44px;
	left: 0px;
	width:230px;
	height:214px;
}
.sub2	{
	top:44px;
	left:0px;
	width:230px;
	height:180px;
}
.sub3	{
	top:44px;
	left:0px;
	width:230px;
	height:248px;
}
.sub1:before,
.sub2:before,
.sub3:before {
	content: "";
	position: absolute;
	top: -18px;
	margin-left: -19px;
	width: 0px;
	height: 0px;
	border: 9px solid transparent;
  	border-bottom: 9px solid rgba(255,255,255,0.9);
	z-index: 0;
}
.sub1:before {
	left: 75px;
}
.sub2:before {
	left: 75px;
}
.sub3:before {
	left: 75px;
}
.sub1:after,
.sub2:after,
.sub3:after {
	content: "";
	position: absolute;
	top: -22px;
	margin-left: -20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border: 11px solid transparent;
  	border-bottom: 11px solid #7395ce;
	z-index: -1;
}
.sub1:after {
	left: 75px;
}
.sub2:after {
	left: 75px;
}
.sub3:after {
	left: 75px;
}
.gl-box-item	{
	color:#2b50ca;
	background:#f8f9fc;
	font-size:14px;
	padding:5px 0 2px 5px;
	border:#9ab0d5 1px solid;
	border-radius:4px;
	margin-bottom:5px;
}
.gl-box-item:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  	-moz-transition: 0.5s;
  	-o-transition: 0.5s;
  	-ms-transition: 0.5s;
	background:#f8f2e3;
	border:#e06a00 1px solid;
	color:#e06a00;
}
@media screen and (max-width: 767px) {
	.navi-area,
	.navi-menu{
		clear: both;
		margin:0;
		height: 420px;
	}
	.navi-area ul,
	.navi-menu ul{
		float:none;
		left: 0;
	}
	.navi-area li,
	.navi-menu li{
		float:none;
		left: 0;
	}
	.gl-navi-btn	{
		width:100%;
		background:#1f9ce0;
		font-size:14px;
		color:#fff;
		text-align:left;
		margin:0;
		padding:10px 15px;
		border-bottom:#1c89c4 1px solid;
	}
	.sub1,
	.sub2,
	.sub3{
		width: 100%;
		top:36px;
	}
	.sub1:before,
	.sub2:before,
	.sub3:before,
	.sub1:after,
	.sub2:after,
	.sub3:after{
		left: 45px;
	}
}

.mob-home,
.mob-info,
.mob-info2	{
	color:#FFF;
	font-size:14px;
	
}
.mob-home a,
.mob-info a,
.mob-info2 a	{
	color:#FFF;
	padding: 10px 15px;
}
.mob-home	{
	background:#ee5d78;
}
.mob-home a:hover	{
	background:#f2a1b0 !important;
}
.mob-info	{
	background:#1f9ce0;
	border-bottom:#1c89c4 1px solid;
}
.mob-info2	{
	background:#656fc3;
	border-bottom:#4d5093 1px solid;
}
.mob-info a:hover	{
	background:#64bded !important;
}
.mob-info2 a:hover	{
	background:#a0a7de !important;
}
.mob-sub	{
	font-size:14px;
	padding:4px 6px 3px;
	margin:0 2px;
	background:#FFF;
}
li.first	{
	color:#107e70;
	border-left:#15ab99 6px solid;
	text-decoration:none;
	padding:4px 2px 2px 4px;
	margin:2px 0 3px 0;
}
li.first:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  	-moz-transition: 0.5s;
  	-o-transition: 0.5s;
 	-ms-transition: 0.5s;
	color:#f5f5f5;
	border-left:#118d7e 6px solid;
	text-shadow:1px 1px 2px #000000;
	background:#118d7e;
}
.hd-navi-home	{
	width:38px;
	background:#3a6ebb;
	font-size:18px;
	color:#fff;
	text-align:center;
	margin:0 1px 0 0;
	padding:8px 0 5px;
}
.hd-navi-home:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  	-moz-transition: 0.5s;
  	-o-transition: 0.5s;
  	-ms-transition: 0.5s;
	background:#2b5088;
	color:#fff;
}

/*横並びのボタンの間隔の設定
-----------------------------------*/
.col-narrow-r,
.col-narrow-rr	{
	padding-right:5px;
}
.col-narrow-l,
.col-narrow-ll	{
	padding-left:5px;
}
.col-narrow-lr	{
	padding-left:5px;
	padding-right:5px;
}
.col-narrow-lrl	{
	padding-left:10px;
	padding-right:10px;
}
.col-narrow-llrll	{
	padding-left:3px;
	padding-right:3px;
}
@media screen and (max-width: 991px) {
	.col-narrow-rr	{
		padding: 0 5px 0 15px;
	}
	.col-narrow-ll	{
		padding: 0 15px 0 5px;
	}
}
@media screen and (max-width: 767px) {
	.col-narrow-r	{
		padding-right:15px;
	}
	.col-narrow-l	{
		padding-left:15px;
	}
	.col-narrow-rr	{
		padding-right:15px;
	}
	.col-narrow-ll	{
		padding-left:15px;
	}
	.col-narrow-lrl	{
		padding-left:15px;
		padding-right:15px;
	}
	.col-narrow-llrll	{
		padding-left:15px;
		padding-right:15px;
	}
}

/*TOP構造
-------------------------------------------------*/


.target-title	{
	font-size: 24px;
	color: #fff;
	text-align: center;
	background: #12a8ed;
	padding: 8px 0 4px;
}

.segment-area	{
	margin-bottom:16px;
}
.seg-box	{
	background:#f1f6f9;
	padding:10px;
}
.seg-title1,
.seg-title2,
.seg-title3,
.seg-title4	{
	font-size:18px;
	color: #000;
	text-align: center;
	margin-bottom: 8px;
}
.seg-title1	{
	background: linear-gradient(transparent 55%, #84ff75 0%);
}
.seg-title2	{
	background: linear-gradient(transparent 55%, #75ffff 0%);
}
.seg-title3	{
	background: linear-gradient(transparent 55%, #ced1ff 0%);
}
.seg-title4	{
	background: linear-gradient(transparent 55%, #ffef75 0%);
}
.seg-target	{
	font-size:18px;
	color:#000;
	text-align: center;
}
.seg-txt	{
	clear:both;
	font-size:14px;
	color:#000;
	line-height:1.5em;
}
.seg-box:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	background:#fee2f5;
}
@media screen and (max-width: 991px) {
	.seg-photo	{
		width:40%;
	}
	.seg-txt-box	{
		width:55%;
	}
	.seg-title	{
		font-size:14px;
		padding:3px 5px 1px;
		margin-right:4px;
	}
	.seg-target	{
		font-size:14px;
	}
	.seg-txt	{
		font-size:12px;
	}
}
@media screen and (max-width: 767px) {
	.target-title	{
		font-size: 16px;
	}
	.seg-title1,
	.seg-title2,
	.seg-title3,
	.seg-title4	{
		font-size:14px;
	}
}

img.photo {
	background-color:#ffffff;
	padding:4px;
	border:1px solid #dfdfd0;
	box-shadow:1px 1px 10px rgba(0,0,0,0.15);
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#e0e0e0',Direction=145,Strength=3);
}


/*フッタ
------------------------------------*/
#page-top	{
	display:block;
	position:fixed;
	z-index:9999;
	bottom:10px;
	right:10px;
	width:60px;
	height:60px;
	border-radius:30px;
	background:rgba(0,0,0,.6);
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	padding:3px 0;
	transform:rotateY(270deg);
	transition:.5s;
}
#page-top:hover	{
	background:rgba(0,0,0,.5);
}
#footer-to-pagetop a	{
	position:absolute;
	right:30px;
	margin-top:-25px;
	padding:5px 10px;
	font-size:12px;
	color:#fff;
	background:#8e91dc;
	border-radius:5px 5px 0 0;
}
.foot-school-name dt	{
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	line-height:140%;
	padding:7px 0 0 0;
	width:15em;
	float:left;
	margin-right:1em;
}
.foot-school-name dd	{
	font-size:14px;
	padding:11px 0 5px 0;
	margin-left:15em;
	color:#FFF;
}

@media screen and (max-width: 991px) {
	.foot-school-name dt	{
		font-size:16px;
	}
	.foot-school-name dd	{
		font-size:12px;
	}
}
@media screen and (max-width: 767px) {
	.foot-school-name dt	{
		float:none;
		text-align:center;
	}
	.foot-school-name dd	{
		float:none;
		margin-left:1em;
		padding:3px 0 5px;
	}
}

.footer-bg-a	{
	background:#4068c9;
}


.foot-copyright	{
	font-size:10px;
	color:#FFF;
	text-align:center;
	padding:5px 0 3px;
}

.foot-item-head	{
	font-size:16px;
	background:#e4e9f2;
	padding:4px 0 1px 4px;
	margin-bottom:5px;
}
.foot-item-link	{
	font-size:14px;
	padding-left:1em;
}
/*.foot-item-link a	{
	color:#7a7a7a;
}*/
.foot-no-head-above	{
	margin-top: 30px;
}
@media screen and (max-width: 767px) {
	.foot-no-head-above	{
		margin-top: 15px;
	}	
}
	
/*パンくずリスト
----------------------------------------------*/
#breadcrumb {
  padding: 8px 0 4px;
  overflow: hidden;
}

#breadcrumb li {
  font-size: 0.75em;
  list-style: none;
  float: left;
}
#breadcrumb li:after {
  content: '＞';
  font-size: 0.75em;
  color: #8a8a7b;
  margin: 0 10px;
}

#breadcrumb li:last-child:after {
  content: '';
}


/*メインとサイド（第2階層フレーム）
----------------------------------------------*/
#contents-box	{
	max-width: 100%;
	padding: 0;
	font-size:14px;
}
#contents-box p	{
	font-size:14px;
	line-height:1.75em;
}
#one-col-main	{
	width:100%;
	margin-bottom:20px;
}
@media screen and (max-width: 767px) {
	#contents-box p	{
		font-size:12px;
		line-height:1.5em;
	}
}
/* box margin
---------------------------------------------------------*/
.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}

/* box padding
---------------------------------------------------------*/
.p0{padding:0 !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}


/*大見出し
---------------------------------------------------*/
.con-title	{
	font-size:32px;
	margin-bottom:20px;
	padding: 17px 0 7px 10px;
	background:#e5eefc;
	border: 1px solid #99bcf3;
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.con-span	{
	font-size:14px;
	color:#fff;
	/*border-radius:4px;*/
	/*border:#9ca0e2 1px solid;*/
	padding:8px 10px 4px;
	margin-right:10px;
	vertical-align:top;
	display:inline-table;
	background:#5c94ec;
}
@media screen and (max-width: 767px) {
	.con-title	{
		font-size:20px;
	}
	.con-span	{
		font-size:12px;
		padding:3px 4px 1px;
		vertical-align:top;
	}
}


.txt-16	{
	font-size:16px;
	line-height:1.5em;
}
@media screen and (max-width: 767px) {
	.txt-16	{
		font-size:14px;
	}
	
}

/*学習センター（center.html）
-----------------------------------------------------*/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.con-photo	{
	float:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/*お問い合わせ・資料請求
-------------------------------------------------------------*/
.request-header {
	clear:both;
  padding: 9px 0 5px 10px;
	margin:0 0 8px;
  font-size: 16px;
	color:#fff;
	background: #6283a4;
}
@media screen and (max-width: 767px) {
	.request-header {
		font-size:14px;
	}
}
/*合同相談会
----------------------------------------------------------------*/
.consul-title	{
	font-size:32px;
	margin-bottom:20px;
	padding: 17px 0 7px 10px;
	background:#e5eefc;
	border: 1px solid #99bcf3;
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.consul-span	{
	font-size:14px;
	color:#fff;
	/*border-radius:4px;*/
	/*border:#9ca0e2 1px solid;*/
	padding:8px 10px 4px;
	margin-right:10px;
	vertical-align:top;
	display:inline-table;
	background:#19c9b3;
}
@media screen and (max-width: 767px) {
	.consul-title	{
		font-size:20px;
	}
	.consul-span	{
		font-size:12px;
		padding:3px 4px 1px;
		vertical-align:top;
	}
}

/*体験入学
-----------------------------------------------------------------------*/
.experience-txt	{
	color:#000000 !important;
}
.experience-chara	{
	font-size:14px;
	margin:0 0 16px;
}
.experience-chara dt	{
	border-left:#4f5f70 8px solid;
	padding:4px 0 1px 3px;
	font-weight:normal;
	width:3em;
	float:left;
	margin-right:1em;
}
.experience-chara dd	{
	padding:4px 0 1px 0;
	margin-bottom:16px;
}
.experience-chara2	{
	font-size:14px;
	margin:0 0 16px;
}
.experience-chara2 dt	{
	border-left:#4f5f70 8px solid;
	padding:4px 0 1px 3px;
	font-weight:normal;
	width:4em;
	float:left;
	margin-right:1em;
}
.experience-chara2 dd	{
	padding:4px 0 1px 0;
	margin-bottom:16px;
}

/*緊急連絡
-------------------------------------------*/
#emer-area	{
	clear: both;
	font-size: 14px;
	padding: 0 16px 16px;
	margin-bottom: 12px;
}
#emer-info	{
	background: #fdeada;
}
.emer-title	{
	font-size: 24px;
	color: #ff1a1f;
	text-align: center;
	font-weight: bold;
	padding-top: 14px;
}
.emer-blink {
		background: #fa0003;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-shadow: none;
		margin-right: 14px;
		padding: 2px 6px 1px;
		line-height: 1em;
		border-radius: 4px;
		-webkit-animation: blink 0.7s ease-in-out infinite alternate;
		-moz-animation: blink 0.7s ease-in-out infinite alternate;
		animation: blink 0.7s ease-in-out infinite alternate;
	}	
		@-webkit-keyframes blink{
	    0% {opacity:0;}
	    100% {opacity:1;}
		}
		@-moz-keyframes blink{
			0% {opacity:0;}
			100% {opacity:1;}
		}
		@keyframes blink{
			0% {opacity:0;}
			100% {opacity:1;}
		}
.post-date	{
	font-size:12px;
	float:right;
	padding:0 10px 10px 0;
	list-style:none;
}
#news-box-c img{
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
	max-width: 100%;
	height: auto;
}

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


フォーム関連


----------------------------------------------*/
.formbox	{
	font-size:14px;
	margin-bottom:20px;
	clear:both;
}
.formbox-i	{
	font-size:14px;
	margin-bottom:10px;
	clear:both;
}
.formbox dt,
.formbox-i dt	{
	color:#1939b3;
	border-right:#4d7dd1 6px solid;
	line-height:140%;
	padding:6px 10px 3px 5px;
	width:14em;
	float:left;
	margin-right:10px;
	text-align:right;
}
.formbox dd,
.formbox-i dd	{
	padding:3px 0 10px 0;
	float:left;
}	
@media screen and (max-width: 767px) {
	.formbox dt,
	.formbox-i dt	{
		float:none;
		width:100%;
		text-align:left;
		border-right:none;
	}
	.formbox dd,
	.formbox-i dd	{
		margin:0 0 16px 10px;
		float:none;
	}
}
@media screen and (max-width: 450px) {	
	form textarea,
	form input[type="text"] {
    width:90%;
	}
}

/*個別相談会
---------------------------------------*/
.conpla-lineup	{
	margin:0 0 6px;
	border-bottom:#add2c3 1px solid;
}
.conpla-lineup dt	{
	font-size:14px;
	font-weight:normal;
	padding:4px 0 0 3px;
	width:10em;
	float:left;
	margin-right:1em;
}
.conpla-lineup dd	{
	font-size:16px;
	padding:3px 0 1px 0;
	margin-bottom:6px;
}
.conpla-lineup dd p	{
	font-size:18px !important;
	padding:3px 0 1px 0;
	
	margin-bottom:6px;
}
.conpla-lineup dd a,
.conpla-lineup p a	{
	color:#0266a1;
}
@media screen and (max-width: 767px) {
	.conpla-lineup	{
		margin:0 0 16px;
	}
	.conpla-lineup dt	{
		float:none;
	}
	.conpla-lineup dd	{
		margin-left:1em;
	}
	
}

/*動画埋め込み*/
.movie-wrap {
	  position: relative;
	  padding-bottom: 56.25%;
	  padding-top: 30px;
	  height: 0;
	  overflow: hidden;
	}

	.movie-wrap iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}



.post-date	{
	font-size:12px;
	float:right;
	padding:0 10px 10px 0;
	list-style:none;
}

#news-list-box {
  	height: 320px;
  	overflow-y: scroll;
  	padding:6px 0;
	margin-bottom:10px;
}
@media screen and (max-width: 991px) {
	#news-list-box {
  		height: 320px;
	}
}
@media screen and (max-width: 767px) {
	#news-list-box	{
		overflow:hidden;
		height:auto;
		margin-bottom:0;
	}
	#news-list-box dl.news-lineup:nth-child(n+11) {
	    display: none;
  	}
}

.disp-inBlock	{
	display:inline-block;
	vertical-align:top;
	padding:0 5px;
	margin-bottom:8px;
	
}
.post-box	{
	border:#acac9d 1px solid;
	margin-bottom:6px;
	background:#fbf9e5;
	border-radius:4px;
	overflow:hidden;	
}
.post-box a	{
	position:relative;
	display:block;
	width:100%;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
}
.post-box:hover	{
	background:#ecf4fd;
	color:#0c54cf;
	border-color:#246ceb;
}
.ribbon-new:after {
  position:absolute;
  width: 80px;
  bottom: 0px;
  right: -26px;
  padding: 1px 2px 0 2px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.2);
  content: 'NEW!';
  background-color: #d93131;
}
.post-box-inner	{
	padding:5px;
}
.post-head-date	{
	font-size:10px;
	color:#666;
	text-align:center;
	padding-bottom:5px;
	padding-top:6px;	
}
.post-title	{
	font-size:12px;
	padding-bottom:6px;
}
.photo-center	{
	text-align:center;
}
.photo-center img {
	min-height:100px;
}
.news-photo-center	{
	text-align:center;
	margin-left:-20px;
}
.news-photo-center img {
	
}
figure {
	position: relative;
	overflow: hidden;
}
figcaption h3,
figcaption p {
	position: absolute;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: rgba(0,0,0,.5);
	-webkit-transition: .3s;
	transition: .3s;
}
figcaption h3 {
	top: 0;
	font-size:12px;
	text-align:center;
	color:#fff;
}
figcaption p {
	bottom: 0;
	font-size:10px;
	text-align:center;
	color:#fff;
}
figure:hover figcaption h3 {
	top: -24px;
}
figure:hover figcaption p {
	bottom: -24px;
}
.post-excerpt	{
	height: 40px;
}
.post-excerpt p	{
	padding:6px 6px 0;
	font-size:11px !important;
	color:#000;
}
@media screen and (max-width: 991px) {
	.post-box-inner img	{
		/*max-width:135px;*/
	}
	figcaption h3 {
		font-size:10px;
	}
}
@media screen and (max-width: 767px) {
	figure {
		/*overflow: visible;*/
	}
	.post-box	{
		border: none;
		border-bottom:#acac9d 1px solid;
		margin-bottom:6px;
		background:#fff;
		border-radius: 0;
		overflow: visible;	
	}
	.post-box a	{
		/*overflow: visible;*/
	}
	.news-photo-center	{
		text-align:left;
		margin-left:0;
	}
	.news-title	{
		font-size:16px;
	}
	.news-date	{
		font-size:10px;
	}
	#news-list-box	{
		overflow:visible;
		height:auto;
		margin-bottom:0;
	}
	figure:hover figcaption h3 {
		top: 0px;
	}
	figure:hover figcaption p {
		bottom: 0px;
	}
	.post-box-inner img	{
		width: 60px;
		height: auto;
		float: left;
		/*max-width:100%;
		max-height:100%;*/
	}
	figcaption h3 {
		/*float: left;*/
		font-size:12px;
		color:#000;
		background: none;
		text-align: left;
		margin: 8px 0 0 70px;
		height: 100%;
		overflow: visible;
	}
	.post-excerpt	{
		display: none;
	}
	#news-list-box div.disp-inBlock:nth-child(n+6) {
		display: none;
	}
	.post-title	{
		font-size:14px;
		font-weight:normal;
	}
	.post-head-news	{
		font-size:12px;
	}
	.school-chara dt	{
		float:none;
		width:100%;
		padding:4px 0 1px 2px;
	}
	.school-chara dd	{
		margin-left:1em;
	}
}
img.photo {
	background-color:#ffffff;
	padding:4px;
	border:1px solid #dfdfd0;
	box-shadow:1px 1px 10px rgba(0,0,0,0.15);
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#e0e0e0',Direction=145,Strength=3);
}

.news-lineup	{
	border-bottom: #dbebe8 1px solid;
    margin-bottom: 10px;
}
.news-lineup dt{
	font-size: 10px;
	font-weight: normal;
    width: 9em;
    float: left;
    padding-right: 12px;
}
.news-lineup dd{
	font-size: 14px;
	padding-bottom: 3px;
}
.s-center-head {
    padding: 7px 0 4px 6px;
    margin: 0 0 8px;
    font-size: 18px !important;
    color: #fff;
    background: #7699d0;
}
.s-center-m {
    padding: 3px 0 1px 6px;
    margin: 0 0 5px;
    font-size: 14px !important;
    background: #edf3fd;
}
@media screen and (max-width: 767px) {
	.s-center-head {
	  font-size: 16px;
	}
}