@charset "utf-8";


#page-title h2{
	float:left;	
}

#page-title h2 span{
	font-size:22px;
}

#page-title .link_sptop{
	float:right;	
    padding-left: 17px;
	margin-top: 10px;
    background: transparent url("/images/special/arrow_cnav.png") no-repeat left 50%;
    font-size: 16px;
    font-weight: bold;
    margin-right: 15px;
}


/*-----------------------------------------
	main
-------------------------------------------*/

#wrap{
	font-size:16px;
}

/*-- タイトル --*/
 
.sp-head{
	background:url("/images/school/school_special/sp_head_bg.png") no-repeat 0 0 ;
	width:980px;
	position:relative;
	height:320px;
}

.sp-head_thumb{
	background:url("/images/school/school_special/thumb_bg.jpg") no-repeat 0 0;
	padding:5px;
	position:absolute;
	left:25px;
	top:25px;
}

.sp-head_txt{
	width:555px;
	color:#FFF;
	position:absolute;
	left:390px;
	top:30px; /*--191105--*/
}

.sp-head_tit{
	height:75px;
	font-size:28px;
	line-height:1.3;
	display:table-cell;
	vertical-align:middle;
	padding-top: 5px;/*--191105--*/
}

.sp-head_lead{
	font-size:17px;
	line-height:1.6;
	position:absolute;
	top:126px; /*--191105--*/
}

.sp-head_date{	/*--191105--*/
	color: #CCCCCC;

}

.sp_detail{
	margin-bottom:35px;
	line-height:1.6;
	/*font-size: 18px;*/ /*--191105--*/
}
	

/*----- 本文 -----*/

/*見出し類 アリ*/
.sp-group{ 
    padding-top:15px;
}

/*見出し類 ナシ*/
.sp-group_tn{
    padding-top:0px;
}

.sp-group_tit{
	background-color:#FAFAFA;
	padding-top:15px;
	padding-bottom:10px;
	margin-bottom:35px;
	padding-left:3px;
}

.sp-group_tit h4{
	line-height:1.3;
	font-size:20px;
	font-weight:bold;
	border-left:6px solid #444;
	background-color:#FAFAFA;
	padding-left:20px;
	padding-right:30px;
}

.sp-group_ptit{
	line-height:1.3;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px dotted #666;
	padding-bottom:5px;
	margin-bottom:35px;
}

.sp-group_left{
	float:left;
	width:660px;
	margin-right:40px;
}

.sp-group_right{
	float:left;
	width:280px;
}

.sp-group_txt{
	margin-bottom:35px;
	font-size:16px;
}

ul.sp-group_list{
	margin-bottom:35px;
	margin-left:5px;
}

ul.sp-group_list > li{
	list-style:disc;
	list-style-position:inside;
	line-height:1.4;
	margin-bottom:1em;
	margin-left:1em; 
	text-indent:-1em;
		
}

.sp-group_point{
	width:600px;
	padding:25px 30px;
	border:3px solid #CCC;
	background-color:#F7FCFD;
	font-weight:bold;
	margin-bottom:35px;
	line-height: 1.6;
}

/*画像キャプチャー ナシ*/
.sp-group_img{
	margin-bottom:35px;
}

/*画像キャプチャー アリ*/
.sp-group_img_cap{
	margin-bottom:15px;
}

.sp-group_cap{
	margin-bottom:35px;
	font-size:13px;
	line-height:1.3;
}

b{
	background-color:#FFFF26;
}


/*-----------------------------------------
	main
-------------------------------------------*/

.sp-others{
	padding-top:30px;
    margin-right: -30px;
	margin-bottom:40px;
    overflow: hidden;
    zoom: 1;
}

.sp-others_tit{
	line-height:1.4;
	font-size:18px;
	font-weight:bold;
	border-left:6px solid #444;
	padding-left:20px;
	margin-bottom:20px;
}

/*
.sp-others_box{
	background:url("/images/school/school_special/other_bg.jpg") no-repeat 0 0;
	width:475px;
	height:104px;
	float:left;
	line-height:1.3;
	margin-right:30px;
	margin-bottom: 10px;
	position:relative;
}

.sp-others_box_thum{
	position:absolute;
	left:0;
	top:0;
}

.sp-others_box_txt{
	position:absolute;
	left:180px;
	top:25px;
	width:250px;
	color:#FFF;
}
*/

/*--▼191106--*/
.sp-others_box{
	background:url("/images/school/school_special/other_bg.jpg") no-repeat 0 0;
	width:475px;
	height:104px;
	float:left;
	line-height:1.3;
	margin-left:5px;
	margin-right:15px;
	margin-bottom:10px;
	/*border-collapse: separate;
	border-spacing: 25px 0;*/
}

.sp-others_box_thum{
	width:181px;
	float:left;
	/*margin-right:25px;*/
}

.sp-others_box_txt{
	width:250px;
	/*height:104px;*/
	color:#FFF;	
	line-height: 1.5;
	margin-bottom: 5px;
	font-size: 14px;

}

.sp-others_box_date{
	width:250px;
	color: #CCCCCC;
	font-size: 12px;
}


.sp-others_box_in{
	width:250px;
	height: 104px;
	float: left;
	display: table;
}

.sp-others_box_in2{
	display: table-cell;
  vertical-align: middle;	
	
}
/*--▲191106--*/


.btn_area{
	border-top:5px solid #EEE;
	padding-top:30px;
	padding-left:135px;
	margin-bottom:70px;
}

.btn_area li{
	float:left;
	margin-right:30px;
}


/*----- movie -----*/

.detail-movie{
  width:100%;
  margin-bottom:60px;
}

.detail-movie_inn{
  width:100%;
  background-color:#fff;
  padding-top:0px;
  padding-bottom:40px;
  /*border-bottom: 6px solid #000;*/
}
.detail-movie_box{
  width: 650px;
  margin: 0 auto;
  text-align: center;
}


/*-----------------------------------------
	リンク
-------------------------------------------*/
#main a:link {
    color: #444;
}
#main a:active {
    color: #444;
}
#main a:hover {
    color: #2777E2;
}
#main a:visited {
    color: #444;
}

#main #wrap a:link {
    color: #2777E2;
}
#main #wrap a:active {
    color: #2777E2;
}
#main #wrap a:visited {
    color: #2777E2;
}





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

	Media Queries

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

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


/*-----------------------------------------
	page-title
-------------------------------------------*/

#page-title {
    padding: 30px 0px 15px;
}

#page-title .inner{
	width: 92%;
	margin: 0 4%;
	background:none;
}

#page-title h2{
	float:none;
	line-height: 1.2;	
}

#page-title .link_sptop{
	float:none;
	text-align: right;	
    padding-right: 20px;
    background: transparent url("/images/special/arrow_cnav.png") no-repeat right 50%;
}



/*-----------------------------------------
	wrap - main
-------------------------------------------*/

#wrap .inner{
	width:100%;	
}

.sp-head img, .sp-group img{
max-width: 100%;
height: auto;
width /***/:auto;　
}


/*-- タイトル --*/
.sp-head{
	background:none;
	background-color: #0A380A;
	width:90%;
	position:relative;
	height:auto;
	padding:25px 5%;
}

.sp-head_thumb{
	background:none;
	padding:0px;
	position:relative;
	left:0px;
	top:0px;
}

.sp-head_txt{
	width:100%;
	position:relative;
	left:0px;
	top:20px;
}

.sp-head_tit{
	height:auto;
	border-bottom: 1px solid #FFF;
	padding-bottom: 10px;
}

.sp-head_lead{
	position:relative;
	top:10px;
	padding-bottom: 25px;
}


.sp_detail{
	margin: 35px 5% 35px;
	line-height: 1.7;  /*--180718--*/

}


/*----- 本文 -----*/
.sp-group_tit{
	padding-left:0px;
}

.sp-group_tit h4{
	padding-right:0px;
    margin: 0 5%;
}

.sp-group_ptit{
    margin: 0 5% 35px;
    line-height: 1.4;  /*--180718--*/
    font-size: 20px;
}

.sp-group_left{
	float:none;
	width:90%;
	margin:0px 5%;
}

.sp-group_right{
	float:none;
	width:90%;
	margin:0px 5%;
}

.sp-group_point{
	width:90%;
	padding:25px 5%;
}


.sp-group_txt{
	margin-bottom:35px;
	font-size:18px;  /*--180718--*/
	line-height: 1.7;
}


/*-----------------------------------------
	others
-------------------------------------------*/
.sp-others{
    margin: 0 5% 40px;

}

.sp-others_box{
	background:none;
	background-color:#0A380A;
	width:95%;
	float:none;
	margin-right:0px;
	padding-right: 5%;
}

.sp-others_box_thum{
	width: 156px;
	height: 104px;
}
/*
#main .sp-others_box_thum img{
	width: 156px;
	height: 104px;
}*/

.sp-others_box_txt{
	left:175px;
	top:10px;
	width:auto;
	padding-right:3%;
}

.btn_area{
	padding-left:0px;
}

.btn_area li{
	float:none;
	width: 340px;
	margin: 0 auto 10px;
}


/*--▼191106--*/
.sp-others_box{
	background:url("/images/school/school_special/other_bg.jpg") no-repeat 0 0;
	width:100%;
	height:104px;
	float:left;
	line-height:1.3;
	margin-left:5px;
	margin-right:15px;
	margin-bottom:10px;
	/*border-collapse: separate;
	border-spacing: 25px 0;*/
}

.sp-others_box_thum{
	width:46%;
	float:left;
	/*margin-right:25px;*/
}

.sp-others_box_txt{
	/*height:104px;*/
	width: initial;
	color:#FFF;	
	line-height: 1.4;
	margin-bottom: 5px;
	font-size: 13px;

}

.sp-others_box_date{
	width: initial;
	color: #CCCCCC;
	font-size: 12px;
}


.sp-others_box_in{
	width:46%;
	height: 104px;
	float: left;
	display: table;
}

.sp-others_box_in2{
	width: initial;
	display: table-cell;
  vertical-align: middle;	
	
}
/*--▲191106--*/



/*----- movie -----*/
.detail-movie_inn{
  width:94%;
  margin: 0 3%;
}

.detail-movie_box{
  width: 100%;
  position: relative;
  padding: 56.25% 0 0 0;
}

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


/*-----------------------------------------
	リンク
-------------------------------------------*/

#main #wrap .nav a:link {
    color: #444;
}
#main #wrap .nav a:active {
    color: #444;
}
#main #wrap .nav a:visited {
    color: #444;
}


}


/*--▼191106--*/

@media screen and (max-width: 410px){

.sp-others_box_thum {

	width: 50%;
}

}


@media screen and (max-width: 320px){

.sp-others_box_thum img{

	width: 130px;
}

}
/*--▲191106--*/