@charset "utf-8";

/*-----------------------------------------
	▼リセット
-------------------------------------------*/
body{
	background:#fff;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" ,Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#31313F;
	margin:0;
	padding:0;
	color:#444;
	line-height:1.8;
	font-size:14px;
}


h1,h2,h3,h4,h5,p{
	margin:0;
	padding:0;
}

ul,li{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
}

img{
	border:none;
	margin:0;
	padding:0;
	vertical-align:top;
}

input, select{
	font-size:16px;
}

table{
	border-collapse: separate;
	border-spacing: 0px;
}

table,tr,td,th{
	padding:0;
	margin:0;
	border-collapse: separate;
}


/*-----------------------------------------
	▼リンク
-------------------------------------------*/
a:link{
	/*color:#00B7CD;*/
	color:#2777E2;  /*-- 共通リンクカラ― --*/
	text-decoration:none;
}

a:visited {
	/*color:#00B7CD;*/
	color:#2777E2;  /*-- 共通リンクカラ― --*/
	text-decoration:none;
}

a:hover {
	/*color:#00B7CD;*/
	color:#2777E2; /*-- 共通リンクカラ― --*/
	text-decoration:underline;
}

a:active{
	/*color:#00B7CD;*/
	color:#2777E2; /*-- 共通リンクカラ― --*/
	text-decoration:none;
}

#container{
	width:100%;
}


.inner{   /* --- コンテンツエリアで多用あり　　*/
	width:1000px;
	margin:0 auto;
	position:relative;
}

.arrow-b_header a{
	font-size:11px;
	padding-left:16px;
	background:url(../images/arrow_black.png) no-repeat left 0.3em;
}

/* renew --------------------*/

/*-----------------------------------------
	▼グローバルヘッダー
-------------------------------------------*/
#header{
	/*border-top:5px solid #5CBFCE;*/
}

.gl-header-box{
	width:1000px;
	margin:0 auto;
	position:relative;
	height:100px;
}

.gl-header-box_left{
	/*width:700px;*/
	float:left;
	position:relative;
}

.gl-header-box h1{
	position:absolute;
	left:0px;
	top:30px;
}

.gl-header-txt_copy{
	position:absolute;
	left:0px;
	top:10px;
}

.gl-header-txt_area{
	position:absolute;
	left:270px;
	top:45px;
}

.gl-header-navi_kansai{
	position:absolute;
	top: 49px;
    left: 358px;
    width: 350px;
}

.gl-header-search{
	position:absolute;
	top: 40px;
    left: 490px;
}



/* --------▽関連サイトリンク--------*/

.gl-header-navi_relate{
	width:100%;
	height:28px;
	background-color:#FCFCFC;
	border-bottom:1px solid #ECECEC;
	line-height:1.2;
}

.gl-header-navi_relate h1{
	float:left;
	padding-top:9px;
	font-size:10px;
	font-weight:normal;
}

.gl-header-navi_relate p{
	float:left;
	padding-top:9px;
	font-size:10px;
	font-weight:normal;
}

.gl-header-navi_relate ul{
	float:right;
	padding-top:9px;
	margin-right:15px;
}

.gl-header-navi_relate li{
	padding-right:13px;
	padding-left:13px;
	border-right:1px solid #444;
	float:left;
	height:11px;
	font-size:10px;
}

.gl-header-navi_relate li:nth-child(1){
	border-left:1px solid #444;
}

.gl-header-navi_relate a:link{
	color:#444;
	text-decoration:none;
}

.gl-header-navi_relate a:visited {
	color:#444;
	text-decoration:none;
}

.gl-header-navi_relate a:hover {
	color:#2777E2; /*-- 共通リンクカラ― --*/
	text-decoration:underline;
}

.gl-header-navi_relate a:active{
	color:#2777E2; /*-- 共通リンクカラ― --*/
	text-decoration:none;
}


/* --------▽問い合わせ・請求--------*/

.gl-header-box_right{
	float:right;
	border-left:1px solid #ECECEC;
}

.gl-header-navi_utility li{
	float:left;
	border-right:1px solid #ECECEC;
	width:110px;
	text-align:center;
}

.gl-header-navi_utility li p{
	color:#0A1F39;
	font-size:11px;	
}

.gl-header-navi_utility li p span{
	color:#D86C00;
	font-size:14px;
	font-weight:bold;
}

.gl-header-navi_utility li img{
	padding:9px 0px 15px 0;
	
}
	


/*-----------------------------------------
	▼グローバルナビ
-------------------------------------------*/

.gl-header-navi{
	width:100%;
	height:56px;
	background:url(../images/gnav_bg.jpg) repeat-x 0 0;
}

.gl-header-navi li{
	float:left;
}


/*-----------------------------------------
	▼パンクズ
-------------------------------------------*/
#topic-path{
	font-size:10px;
	padding:15px 0 7px;
	border-bottom:1px solid #E7E8E7;
}

#topic-path li{
	float:left;
	background:url(../images/path_arrow.gif) no-repeat left 45%;
	margin-right:10px;
	padding-left:10px;
}

#topic-path li#tp-home{
	background:url(../images/path_home.gif) no-repeat left 1px;
	margin-right:10px;
	padding-left:17px;
}


/* --renew -- */

.gl-header-navi_path{
	font-size:10px;
	padding:15px 0 7px;
	border-bottom:1px solid #E7E8E7;
}

.gl-header-navi_path li{
	float:left;
	background:url(../images/path_arrow.gif) no-repeat left 45%;
	margin-right:10px;
	padding-left:10px;
}

.gl-header-navi_path_home{
	background:url(../images/path_home.gif) no-repeat left 1px;
	margin-right:10px;
	padding-left:17px;
}

.gl-header-navi_path a:link{
	/*color:#00B7CD;*/
	color:#2777E2;  /*-- 共通リンクカラ― --*/
	text-decoration:none;
}

.gl-header-navi_path a:visited {
	/*color:#00B7CD;*/
	color:#2777E2;  /*-- 共通リンクカラ― --*/
	text-decoration:none;
}

.gl-header-navi_path a:hover {
	/*color:#00B7CD;*/
	color:#2777E2; /*-- 共通リンクカラ― --*/
	text-decoration:underline;
}

.gl-header-navi_path a:active{
	/*color:#00B7CD;*/
	color:#2777E2; /*-- 共通リンクカラ― --*/
	text-decoration:none;
}


#main .inner{
	padding-top:0;
}




/*-----------------------------------------
	▼検索タイトル
-------------------------------------------*/
#page-title{
	padding:45px 0 40px;
}


/*-----------------------------------------
	▼リンクタイプ
-------------------------------------------*/
.arrow-w{
	padding-left:12px;
	background:url(../images/arrow_white.png) no-repeat 0 0.4em;
}

.arrow-b a{
	font-size:16px;
	color:#387FE5;
	font-weight:bold;
	padding-left:16px;
	background:url(../images/arrow_black.png) no-repeat left 0.4em;
}

.arrow-b12 a{
	padding-left:16px;
	background:url(../images/arrow_black.png) no-repeat left 0.4em;
}



/*-----------------------------------------
	▼フッター
-------------------------------------------*/
#footer{
	width:100%;
}


/* --------▽おすすめコンテンツ--------*/
#recommend{
	width:100%;
	border-bottom:1px dotted #CBCBCB;
	padding-bottom:25px;
	margin-bottom:15px;
}

#recommend p{
	color:#00264C;
	font-weight:bold;
	margin-bottom:20px;
}

#recommend li{
	margin-right:20px;
	float:left;
}

#recommend li.mr-none{
	margin-right:0;
}


/* --------▽広告--------*/
#ad{
	padding-top:25px;
	background:url(../images/footer_line.gif) repeat-x 0 top;
}

#ad p{
	color:#00264C;
	font-weight:bold;
	margin-bottom:20px;
}

#ad li{
	float:left;
	margin-right:7px;
	margin-left:7px;
	margin-bottom:15px;
}

#ad li.mr-none{
	margin-right:0;
}


/* --------▽フッターナビ--------*/

.gl-footer-navi{
	height:450px;
	background:url(/share/images/footer_bg.gif) repeat-x 0 bottom;
	position:relative;
}

.gl-footer-navi_area{
	height:15px;
	margin:0 auto;
	margin-bottom:20px;
}

.gl-footer-navi_area_left{
	float:left;
}

.gl-footer-navi_area_right{
	float:right;
}

.gl-footer-navi_map{
	width:1000px;
	margin:0 auto;
	padding-bottom:30px;
}

.gl-footer-navi_map .inner{
	width:220px;
	height:140px;
	float:left;
}

.gl-footer-navi .column{
	float:left;
	border-left:1px solid #CBEAEF;
	padding-left:20px;
}


.gl-footer-navi_img{
	height:220px;
	text-align:center;
	margin-bottom:23px;
}

.gl-footer-navi_img img{
	margin-top:30px;
}


.gl-footer-navi p,
.gl-footer-navi li{
	line-height:1.4;
	margin-bottom:5px;
}

.gl-footer-navi a:link{color:#fff;}
.gl-footer-navi a:visited{color:#fff;}
.gl-footer-navi a:hover{color:#fff;}
.gl-footer-navi a:active{color:#fff;}

.gl-footer-navi #plist p{
	margin-right:35px;
}

/*.gr-footer-nav_img{
	margin-bottom:23px;
}*/

.gl-footer-navi p.border{
	padding-right:35px;

}

.gl-footer-navi li.none{
	border:none;
}

/* --------▽関連サイトリンク--------*/

.gl-footer-navi_related{
	padding:15px 0 10px;
	background:#E1EFFF;
	color:#1292B5;
}

.gl-footer-navi_related a{
	/*color:#1292B5;*//* not use */
	color:#4498FF;/* not use */
	line-height:1;
}

.gl-footer-navi_related a:link{color:#2777E2;}
.gl-footer-navi_related a:visited{color:#2777E2;}
.gl-footer-navi_related a:hover{color:#2777E2;}
.gl-footer-navi_related a:active{color:#2777E2;}


.gl-footer-navi_related p,
.gl-footer-navi_related li{
	float:left;
}

.gl-footer-navi_related p{
	font-size:11px;
	color:#8D8F97;
	line-height:1;
	padding-right:15px;
	border-right:1px solid #00B7CD;
}

.gl-footer-navi_related li{
	font-size:11px;
	line-height:1;
	padding-right:13px;
	padding-left:13px;
	/*border-right:1px solid #00B7CD;*/
	border-right:1px solid #4498FF;
	float:left;
	/*color:#00B7CD;*//* not use */
	color:#4498FF; /* not use */
	margin-right:5px;
}

.gl-footer-navi_related li.none{
	border:none;
}




/* --------▽最下部ナビ--------*/

.gl-footer-navi_utility{
	position:relative;
	padding:19px 0;
}

.gl-footer-navi_utility p,
.gl-footer-navi_utility li{
	font-size:12px;
	float:left;
}


.gl-footer-navi_utility li a:link{color:#2777E2;}
.gl-footer-navi_utility li a:visited{color:#2777E2;}
.gl-footer-navi_utility li a:hover{color:#2777E2;}
.gl-footer-navi_utility li a:active{color:#2777E2;}

.gl-footer-navi_utility p{
	font-size:10px;
	float:left;
}

.gl-footer_copy{
	padding-top:2px;
	margin-left:28px;
}

.gl-footer_author{
	position:absolute;
	top:2px;
	right:0;
}

.gl-footer-navi_utility ul{
	margin-right:30px;
}

.gl-footer-navi_utility li{
	margin-right:23px;
}



/*-----------------------------------------
	▼ページトップ
-------------------------------------------*/

.gl-footer-page_top{
	width:91px;
	height:91px;
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:200;
	display:none;
	z-index:2000;
}

.gl-footer-page_top img{

}

/*-----------------------------------------
	サイド 有償
-------------------------------------------*/
#side-box{
	width:240px;
	float:right;
}

#side-box .tit{
	width:240px;
	height:44px;
	margin-bottom:10px;
	background: url(../images/side_pickup_tit.gif) no-repeat 0 0;
}

#side-box .tit h3{
	font-size:18px;
	color:#FC7214;
	padding:1px 0 0 45px;
}

#side-box .thumb80{
	background:#FEF7AF;
	padding:13px 10px 13px 10px;
	margin-bottom:10px;
	cursor:pointer;
}

#side-box .thumb80 .img{
	width:60px;
	height:56px;
	float:left;
}

#side-box .thumb80 .txt{
	font-size:12px;
	line-height:1.4;
	width:155px;
	float:left;
}

#side-box .name a{
	color:#000;
}

#side-box .thumb80 .lead{
	color:#FC7214;
	margin-bottom:5px;
}


#side-box .thumb80 p{
	padding-left:10px;
}




/*-----------------------------------------
	フッター注目の学校
-------------------------------------------*/

#f-pickup{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}

#f-pickup .inner{
	width:1000px;

}

#f-pickup .tit{
	margin-bottom:20px;
	background:url(/kanto/list/images/map_pickup_bg.gif) no-repeat 0 bottom;
}

#f-pickup .tit h3{
	padding:5px 0 16px 50px;
	font-size:20px;
	color:#FC7214
}

#f-pickup .sch{
	float:left;
	width:180px;
	cursor:pointer;
}

#f-pickup .sch .img{
	width:180px;
	height:120px;
}

#f-pickup .sch .txt{
	background:#FEF7AF;
	width:180px;
	height:120px;
}

#f-pickup .sch .txt a{
	color:#000;
}

#f-pickup .sch p{
	line-height:1.4;
	padding:0 10px 0;
}

#f-pickup .sch p.lead{
	color:#FC7213;
	font-weight:bold;
	padding:10px 10px 5px;
}








/*-----------------------------------------
	▼サイドパネル
-------------------------------------------*/
#side-panel{
	position:fixed;
	top:252px;
	right:-400px;
	width:451px;
	height:502px;
	z-index:2000;
}

#side-panel .tit{
	width:100%;
}

#side-panel .left-box{
	width:51px;
	height:200px;
	float:left;
	position:relative;
}

#btn-bm{
	width:51px;
	height:49px;
	background:url(../images/s_bk_icon.png) no-repeat 0 0;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
}

#btn-bm .count{
	color:#003F97;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:30px;
	left:24px;
	font-size:16px;
	display:none;
}

#btn-r{
	width:51px;
	height:49px;
	background:url(../images/s_re_icon.png) no-repeat 0 0;
	cursor:pointer;
	position:absolute;
	top:50px;
	left:0;
}


#side-panel .right-box{
	width:400px;
	float:right;
	height:302px;
	position:relative;
	background:url(../images/sidepanel_bg.png) repeat 0 0;
	color:#fff;
	overflow-y: scroll;
}

#side-panel #bl{
	position:absolute;
	top:0;
	left:0;
}

#bl .book{
	width:400px;
	position:relative;
}

#bl p{
	float:left;


}

#bl p a{
	width:360px;
	display:inline-block;
	color:#fff;
}

#bl p a,
#rl p a{
	padding:10px 10px 10px 30px
}

#bl p a:hover,
#rl p a:hover{
	color:#fff;
	text-decoration:none;
}


#bl p.delete {
	width:40px;
	color:#fff;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0px;
	text-align:center;
	padding:10px 0;
}



#side-panel #rl{
	position:absolute;
	top:0;
	left:0;
}

#rl p{
	float:left;

}

#rl p a{
	width:380px;
	display:inline-block;
	color:#fff;
}

#rl .re{
	width:400px;
	position:relative;
}

#pop2{
	position:absolute;
	top:-50px;
	left:-90px;
	display:none;
}

#pop2 img{

}





/*-----------------------------------------
	▼Google Search
-------------------------------------------*/


#search-tit{
	width:980px;
	margin:30px auto 0;
}

#search-tit h1{
	font-size:28px;
	padding-left:60px;
	background:url(/images/list/icon_result_google.gif) no-repeat 10px 5px;
}

#searchbox{
	height:95px;
	line-height:1.0;
	border-top:1px solid #E8E8E8;
}

#searchbox table{
	border:none;
	margin:0;
	padding:0;
}

#searchbox table th, #searchbox table td{
	border:none;
	margin:0;
	padding:0;
}


#searchbox #sea-in{
	width:980px;
	margin:0 auto;
	display:table;
	height:95px;
}

#searchbox .sea-txt{
	width:360px;
	padding-left:40px;
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	color:#193B5E;
}

#searchbox .sea-tit{
	width:90px;
	display:table-cell;
	vertical-align:middle;
	font-size:13px;
}

#searchbox .sea-box{
	width:450px;
	display:table-cell;
	vertical-align:middle;
}

#search-re{
	width:980px;
	margin:0 auto 25px;
	line-height:1.0;
}


/* --header search- */

.gl-header-search{
	width:270px;
}

.gl-header-search table{
	border:none;
	margin:0;
	padding:0;
}

.gl-header-search table th, .gl-header-search table td{
	border:none;
	margin:0;
	padding:0;
}


/* ----- defalt css reset ----- */

.gscb_a{
	padding-top:6px!important;
}

.gsib_a{
	padding:9px 8px 0!important;
}

.gsc-input-box{
	border-right:none!important;
}

/*-- header search --*/

.gsc-search-box td.gsc-input{
	padding-right:0!important;
}

.gsc-input-box{
	height:37px!important;
}

.gsc-search-box td.gsc-search-button{
	padding-top:0px;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
	padding:12px!important;
}

.cse input.gsc-search-button, input.gsc-search-button{
	margin-left:0!important;
}

.gsc-search-button-v2 {
    padding: 12px 27px !important;
}

.gsc-input {
   line-height: 1.0 !important;
}

/*-----------------------------------------
	▼Clearfix
-------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/*-----------------------------------------
	▼マージン
-------------------------------------------*/
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mr5{margin-right:5px;}
.mr-none{margin-right:0;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}


/*-----------------------------------------
	特集用_問い合わせブロック
-------------------------------------------*/
#inq-box{
	width:980px;
	overflow:hidden;
	background:url(/share/images/inq_bg.gif) no-repeat center top;
	height:180px;
	margin:0 auto 60px;
	posiiton:relative;
}

#inq-box p{
	font-size:24px;
	padding:20px 0 15px;
	text-align:center;
}

#inq-box ul{
	list-style: none outside none;
	float: left;
	margin: 0;
    padding: 0;
	position: relative;
    left: 50%;
}



#inq-box li{
	float:left;
	position:relative;
	left:-50%;
}



.side-box-in{

 margin-bottom: 40px;

}

.side-bnr{

 margin-bottom: 10px;

}


.adlist_sp{

 display:none;

}



/*---------------------------------------
　PC:無償校バナー＜高校＞
---------------------------------------*/

.m_ad{
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 50px;
	margin-left: 12.5px;
}

.m_bnr{
	margin-right: 25px;

}


/* youtube用 */
.youtube-container{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  
}

.youtube-container iframe{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;

}


/*Gトップ_ショーケース下バナー*/
#top_showcase_sub{
	display: block;
	margin-bottom: 10px;

}

#top_showcase_sub_sp{
	display: none;
}


#top_showcase_sub li{
	margin-bottom: 12px;
}


/* --  ヘッダーメッセージボックス　--*/
#head_msg_box{
	 display:flex;
	 width:990px;
	 margin: 0 auto;
	 background-color: #999;
	 margin-top: 12px;
	 margin-bottom: 0px;

	 font-size: 14px;
     padding: 12px 0 10px;
     /*border: 2px solid #92BAF1;*/    
     /*background: #FCFDFE;*/
     /*color: #377FE5 !important;*/
     
     /*border: 2px solid #da7d7d;
     background: #ffcdcd21;
     color: #c75441 !important;*/

     border: 2px solid #6ca8e6;
     background: #f8fbff;
     color: #333 !important;

}


#head_msg_box .lead{
	padding-left: 170px;
    padding-right: 40px;
    font-weight: bold;

}

#head_msg_box .lead2{
	padding-left: 170px;
    padding-right: 40px;
    font-weight: bold;

}

#head_msg_box .link_online{
	background: url(/share/images/arrow_black.png) no-repeat 0px 50%;
    margin: 0 10px 0 0;
    padding: 0 0 0 14px;
    font-size: 14px;
    margin-left: 7px;
	
}

#head_msg_box .link_online a{
	text-decoration: underline;
	
}

#head_msg_box .link_online a:visited {
    color: #377FE5 !important;
    
}

#head_msg_box .link_online a:link {
    color: #377FE5 !important;
    
}


/* --  ヘッダーメッセージボックス 緊急時　--*/
#head_msg_box_red{
	 display:flex;
	 width:990px;
	 margin: 0 auto;
	 background-color: #999;
	 margin-top: 8px;
	 margin-bottom: 13px;

	 font-size: 14px;
     padding: 12px 0 10px;
     /*border: 2px solid #92BAF1;*/    
     /*background: #FCFDFE;*/
     /*color: #377FE5 !important;*/
     
     border: 1px solid #da7d7d;
     background: #ffcdcd21;
     color: #c75441 !important;

     
}


#head_msg_box_event{
	 display:flex;
	 width:990px;
	 margin: 0 auto;
	 margin-top: 8px;
	 margin-bottom: 13px;
	 font-size: 14px;
     padding: 12px 0 10px;
    
}


.msg_box_col1{
	/*-spring--*/
	border: 1px solid #fc5eff;
    background: #ff8ce412;
    color: #d500d7 !important;
}


.msg_box_col2{
	/*-summer-*/
	border: 1px solid #fd7a00;
    background: #fd7a00;
    color: #ffffff !important;
}

.msg_box_col3{
	/*-brown-*/
	border: 1px solid #8b0000;
    background: #8b0000;
    color: #ffffff !important;
}


.msg_box_col4{
	/*-pretest-*/
	border: 1px solid #7f00ff;
    background: #7f00ff;
    color: #ffffff !important;
}


#head_msg_box_red .lead{
	padding-left: 70px;
    padding-right: 10px;
    font-weight: bold;
    width: 735px;
}

#head_msg_box_event .lead{
	padding-left: 95px;
    padding-right: 10px;
    font-weight: bold;
    width: 550px;
}

#head_msg_box_event .lead2,
#head_msg_box_red .lead2{
	padding-left: 170px;
    padding-right: 40px;
    font-weight: bold;
}

#head_msg_box_event .link_online{
	background: url(/share/images/arrow_black.png) no-repeat 0px 50%;
    margin: 0 30px 0 0;
    padding: 0 0 0 14px;
    font-size: 14px;
    margin-left: 7px;
    width: 285px;
}

#head_msg_box_red .link_online{
	background: url(/share/images/arrow_black.png) no-repeat 0px 50%;
    margin: 0 30px 0 0;
    padding: 0 0 0 14px;
    font-size: 14px;
    margin-left: 7px;
    width: 240px;
}

#head_msg_box_event .link_online a,
#head_msg_box_red .link_online a{
	text-decoration: underline;
	
}

#head_msg_box_event .link_online a:visited{
    color: #FFFFFF !important;
    
}

#head_msg_box_red .link_online a:visited {
    color: #377FE5 !important;
    
}


#head_msg_box_event .link_online a:link{
    color: #FFFFFF !important;
    
}

#head_msg_box_red .link_online a:link {
    color: #377FE5 !important;
}


.img_mask{
	position: relative;
    z-index: 100000;
    text-align: center;
    opacity:0.5;
}

.pickup_sc {
    /* background: url(/images/list/pickup_tit_bg.png) no-repeat 1% 50%; */
    background-color: #FEF7AF;
}


/*-- 注釈：部活、学費ランク　--*/
.special-about-data{
	margin: 12px 0 15px 0;

}

.special-about-data p{
	line-height: 1.5;
	font-size: 13px;
	color: #666;

}



/*-- 20210719:Webパンフ追加　--*/


#school-name .request_box{
    display:flex;
    justify-content: flex-end;

}

#school-name .request_box p:nth-child(2) {
    margin-left: 6px; 

}


#school-name .left-box {
    width: 665px !important;
    float: left;
}


#school-name .right-box {
    width: 308px !important;
    float: right;
    text-align: right;
}

#inq-box li:nth-child(2),
#inq-box li:nth-child(3){

    margin-left: 25px; 
}


#school-name .box1{
    display:flex;
    justify-content:space-between; 
}

#school-name .box2{
    display:flex;
    justify-content:space-between;
}

#school-name .box2 #name{
    width:100%;
}

#school-name h1 span{
	display: block;
	margin-top: 4px;
    margin-bottom: 14px;
    margin-left: 37px;
}


#nav{
	clear: both;
}


/*-- 20210719:説明会学校トップ追加　--*/


#event_box{
  margin-bottom: 50px;


}

#event_box h3{
  margin-bottom: -18px;
  font-size: 18px;
  font-weight: bold;

  line-height: 1.2;
  border-left: 5px solid #5CBFCE;
  padding-left: 10px;

}

#event_box .innerbox{
    width: 329px;
    margin: 0 0 6px auto;
}

#event_box .event_unit{
    display: flex;
    background: #EDF3FC;
    min-height: 155px;
    border-radius: 8px;

}

#event_box .event{
    width:268px;
    padding-left: 18px;
    padding-right: 41px;
    padding-top: 13px;
    padding-bottom: 16px;

}


#event_box .event:first-child{
    padding-left: 40px;
    
}

#event_box .event:nth-child(3){
    padding-right: 20px;
    
}


#event_box .event_date{
    font-size: 26px;
    font-weight: bold;
}

#event_box .event_date span:first-child {
    font-size: 16px;
    font-weight: bold;
}

#event_box .event_date span:nth-child(2){
    font-size: 16px;
}

#event_box .event_name{
    line-height: 1.5;
    min-height: 46px;
}


#event_box .event_detail{
    width: 250px;
    display: flex;
    justify-content: center;
   
}


#event_box .event_btn {
    background: #2880D8;
    width: 130px;
    height: 31px;
    border-radius: 4px;

}

#event_box .event_btn a{
    color: #fff;  
    font-size: 13px;
    text-decoration: none;
    display: block;

    text-align: center;
    height: 27px;
    padding-top: 4px;


}

#event_box .event_reserve_need {
    color: #CE4A04;
    font-weight: bold;
}

#event_box .event_reserve,
#event_box .event_reserve_need{   
    margin-right: 7px;
    margin-top: 3px;

}


#event_box .event:nth-child(2):before{
  content: "";
  width: 1px;
  height: 118px;
  background: #B9CBE6;
  position: absolute;
  top: 59px;
  left: 335px;
}

#event_box .event:nth-child(2):after{
  content: "";
  width: 2px;
  height: 118px;
  background: #fff;
  position: absolute;
  top: 59px;
  left: 336px;
}

#event_box .event:nth-child(3):before{
  content: "";
  width: 1px;
  height: 118px;
  background: #B9CBE6;
  position: absolute;
  top: 59px;
  left: 655px;
}

#event_box .event:nth-child(3):after{
  content: "";
  width: 2px;
  height: 118px;
  background: #fff;
  position: absolute;
  top: 59px;
  left: 656px;
}

#event_box .mb60{
  margin-bottom: 60px;

}

.event_inner + p{
 margin-top:10px;
 font-size: 12px;
}


#report-box2{
    margin-bottom: 60px;
}

#report-box2 {
    display: flex;
    border:1px solid #3FBBC9;
    padding: 20px 10px 20px 45px;
    align-items: center;

}

#report-box2 .tit {
    background: url(/share/images/icon_report.png) no-repeat 0 0;
}

#report-box2 h3{
    width:150px;
    margin-left: 45px;
}

#report-box2 .arrow_b{
    width:740px;
    line-height: 1.5;

}



/*-- 20210818:学校ページ説明会表調整　--*/

.result-without-date th:nth-of-type(1){
	width:54%;
}

.result-without-date th:nth-of-type(2){
	width:10%;
}

.result-without-date th:nth-of-type(3){
	width:13%;
}

.result-without-date th:nth-of-type(4){
	width:22%;
}

.result-without-date td:nth-of-type(2){
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.result-without-date td:nth-of-type(3){
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.result-without-date td:nth-of-type(4) .f-left{
	width:50%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.result-with-date th:nth-of-type(1){
	width:15%;
}

.result-with-date th:nth-of-type(2){
	width:13%;
}

.result-with-date th:nth-of-type(3){
	width:27%;
}

.result-with-date th:nth-of-type(4){
	width:10%;
}

.result-with-date th:nth-of-type(5){
	width:13%;
	padding-right: 8px;
}

.result-with-date td:nth-of-type(3){
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.result-with-date td:nth-of-type(4){
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.result-with-date td:nth-of-type(5){
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.result-with-date td:nth-of-type(6) .f-left{
	width:50%;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*--  テキストリンク　--*/
.link{
	margin-top:20px;
	color:#377FE5;
	/*text-align:center;*/
}

.link a{
	color:#377FE5;
}

.link:before{
	content:url(../../../../share/images/arrow_black.png);
	margin-right:5px;
	position:relative;
	bottom:1px;
}


/*-----------------------------------------
	PC:Vプラン 20230328
-------------------------------------------*/


#schooltopix-box{
    margin-bottom: 50px;
    margin-left: 50px;
}

#schooltopix-box ul li{
    display:flex;
}

#schooltopix-box ul li{
    line-height: 1.7;
    margin-bottom: .5em;
}

#schooltopix-box ul li p:first-child{
   margin-right: 20px;
}

#schooltopix-box a {
    color: #2777E2;
}
#schooltopix-box:link {
    color: #2777E2;
    text-decoration: none;
}
#schooltopix-box span.school-news-date {
    font-weight: bold;
    display: inline;
    color: white;
    background-color: #b47878;
    padding: 3px;
    border-radius: 2px;
    font-size: 0.9em;
}
#schooltopix-box span.school-news-category {
    font-weight: bold;
    display: inline;
    color: #666666;
}
#schooltopix-box span.school-news-title {
    font-size: 1.1em;
    font-weight: bold;
    /*color: #00B7CD;*/
}


/*=====================================================

	Media Queries

=====================================================*/	

@media screen and (max-width: 768px){
	
body{
    -webkit-text-size-adjust: 100%;
}

/*-----------------------------------------
	サイド 有償
-------------------------------------------*/

#side-box{
	width: 100%;
	float:none;
}

/*:  201712 変更css*/
#side-box .tit {
    width: 100%;
    height:auto;
	margin-bottom:5px;
    background: #FF8000 url(/sp/share/images/icon_hata.png) no-repeat 15px bottom;
    background-size: 30px 35px;
}

#side-box .tit h3 {
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    border-top: none;
    padding: 10px 15px 10px 55px;
    line-height: 1.4;
}

#side-box .thumb80 {
    padding: 10px 25px 10px 20px;
    cursor: pointer;
    border-bottom: 1px dotted #ccc;
    background: #FFF url(/sp/share/images/btn_arrow_p.png) no-repeat right 50%;
    background-size: 22px 11px;
    min-height: 63px;
    margin-bottom: 0px;
}

#side-box .thumb80 .img {
    width: 90px;
    height: 63px;
    float: left;
}

#side-box .thumb80 .txt {
    padding-left: 105px;
    font-size:16px;
	width:auto;
	float:none;
}

#side-box .thumb80 .lead {
    padding-top: 0;
    margin-bottom: 3px;
    line-height: 1.4;
    color: #FC7214;
    font-weight: bold;
}

/*#side-box .name a{
	color:#000;
}*/

#side-box .thumb80 p{
	padding-left:0px;
}


/*---------------------------------------
　フッター注目の学校
---------------------------------------*/
#f-pickup {
	width: auto;
    /*margin: 0 auto;
    overflow: hidden;*/
}

#f-pickup .inner{
	width: auto;
}

#f-pickup .tit {
    margin-bottom: 0px;
    background: #FF8000 url(/sp/share/images/icon_hata.png) no-repeat 15px bottom;
    background-size:30px 35px;
}

#f-pickup .tit h3 {
    padding: 10px 15px 10px 55px;
    font-size: 16px;
    color: #FFF;
    font-weight:bold;
    line-height: 1.4;
}

#f-pickup .sch {
    float: none;
    width:auto;
	height:auto;
    /*cursor: pointer;*/
	margin:0 auto;
	padding: 10px 4%;
    border-top: 1px dotted #ccc;
    position: relative;
    min-height: 80px; 
    background:url(/sp/share/images/btn_arrow_p.png) no-repeat right 50%;
	background-size:22px 11px;
}

#f-pickup .mr20 {
    margin-right: 0px;
}

#f-pickup .sch .img {
    width: 120px;
    height: 80px;
    position: absolute;
	left: 4%;
}

#f-pickup .sch .txt {
    background: none;
    width: auto;
    height: auto;
    position: relative;
	top: 3px;
	left: 0px;
	padding-left: 135px;
}

#f-pickup .sch p {
    /*line-height: 1.4;*/
    padding: 0;
}

#f-pickup .sch p.lead {
    color: #FC7213;
    font-weight: bold;
    padding: 0px 0px 5px;
}




}