@charset "utf-8";

/* PC/スマホ共通表示 */
.-----PC_MOBILE_COMMON_CSS_START----- {}

.school_info_box{
	margin-bottom:30px;
}
.school_info_box + .school_info_box{
	margin-top:30px;
	padding-top:30px;
	border-top:1px dotted #999999;
}
.school_area{
	display:flex;
}
.school_area span img{
	vertical-align:bottom;
}
.school_info{
	background-color:rgba(216,218,241,0.7);
	padding:35px 20px 25px 30px;
	flex:1;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
}
.sc_ttl01{
	color:#046B93;
	font-weight: normal;
	font-size: 27px;
	margin-bottom:10px;
}
.btn01{
	display:block;
	margin-top:20px;
}
.btn01 a{
	font-weight: bold;
	display:block;
	width:216px;
	background-color:#046B93;
	border-radius:5px;
	text-align:center;
	color:#FFFFFF;
	line-height:33px;
	height:33px;
	text-decoration:none;
	font-size: 14px;
}
.sub_title_03{
	margin-bottom:10px;
}
.bloc01{
	display:flex;
	margin-bottom:30px;
}
.bloc01 p{
	margin-left:25px;
}
.bloc01 span .name {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.table_01 .table{
	margin-bottom:50px;
}
.table_01 .table.mb20{
	margin-bottom:20px;
}
.table_01 .table th{
	background-color:rgba(216,218,241,0.7);
	width:240px;
	box-sizing:border-box;
}

.list01{
	/*width:852px;*/
	display:flex;
	flex-wrap:wrap;
	background-color:#E4E5F5;
	padding: 20px 33px;
	box-sizing:border-box;
	font-size: 16px;
}
.list01 dt{
	color:#003F97;
	font-weight: bold;
	width:10%;
	box-sizing:border-box;
	padding: 7px 0;
	border-top: 1px dotted #999;
	margin-right:1px;
}
.list01 dt:nth-of-type(1),
.list01 dd:nth-of-type(1){
	border-top:none;
}
.list01 dd{
	box-sizing:border-box;
	width:82%;
	padding: 7px 0;
	border-top: 1px dotted #999;
}
.list01 dd:before{
	/*content:"：";*/
	margin-right:1%;
}

.kyojo_list02{
	display:flex;
	flex-wrap:wrap;
	width:548px;
	justify-content:space-between;
}
.kyojo_list02 li{
	width:269px;
	border-radius:3px;
	height:26px;
	background-color:#046B93;
	border-radius:3px;
	text-align:center;
	line-height:26px;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 13px;
	margin-bottom:7px;
}
#loopSlide{
	margin-bottom:40px;
}
.scho_text01{
	margin-bottom:40px;
}
.g_map{
	width:970px;
	height:326px;
	margin-bottom:40px;
}
.link_area01{
	margin:30px 0 20px;
}
.link_area01 a{
	display:block;
	position:relative;
	width:593px;
	height:94px;
	background:url(../img/btn_img03.png) no-repeat 0 0;
	margin:0 auto;
	color:#FFFFFF;
	text-decoration:none;
}
.link_area01 b{
	display:block;
	position:absolute;
	top:13px;
	left:108px;
	font-size: 28px;
	font-weight: bold;
	line-height:48px;
	color:#FFFFFF;
	text-decoration:none;
}
.link_area01 span{
	display:block;
	position:absolute;
	top:28px;
	left:420px;
	font-size:17px ;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.link_area01 p{
	display:block;
	position:absolute;
	top:51px;
	left:116px;
	font-size:12px ;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}

.btn_link{
	display:block;
	margin:40px auto 20px;
}
.btn_link + .btn_link{
	margin:20px auto 40px;
}
.btn_link a{
	margin:0 auto;
	display:block;
	color:#FFFFFF;
	font-size: 17px;
	font-weight: bold;
	text-align:center;
	height:58px;
	width:400px;
	line-height:58px;
	background-color:#003F97;
	border-radius:3px;
	text-decoration:none;
}

.ttl02{
	color:#003F97;
	font-size: 46px;
	line-height:1.3;
	margin-bottom:30px;
	font-weight: bold;
}
.ttl03{
	font-size: 23px;
	color:#046B93;
	margin: 35px 0 5px;
}

.em_tex01{
	text-align: center;
	font-weight: bold;
	font-size: 27px;
	line-height:27px;
	/*margin:15px 0 60px;*/
	margin: 20px 0;
}


.-----PC_MOBILE_COMMON_CSS_END----- {}


/* スマートフォン用CSS */
@media screen and (max-width: 640px) {

	.-----MOBILE_ONLY_CSS_START----- {}

	.bloc01{
		flex-direction:column;
	}
	.bloc01 span img{
		display:block;
		margin:0 auto 0;
	}
	.bloc01 span .name{
		display:block;
		margin:0 auto 20px;
	}
	.bloc01 p{
		margin-left:0;
	}
	.table_01 .table td{
		padding:10px;
	}
	.list01{
		width:100%;
		font-size: 22px;
	}
	.list01 dt{
		width:20%;	
	}
	.list01 dd{
		padding-left: 1em;
		text-indent: -1.1em;
		width:78%;
	}
	.g_map{
		width:100%;
		height:326px;
	}
	.g_map iframe{
		width:600px;
		height:326px;
	}
	.school_area{
		flex-direction:column;
	}
	.school_area span img{
		width: 100%;
		height: auto;
	}
	.btn01 a{
		width:100%;
		height:45px;
		line-height:45px;
		font-size: 18px;
		margin-top:30px;
	}
	.link_area01 span{
		top:23px;
	}
	.link_area01 p{
		top:46px;
	}

	.btn_link a{
		height:70px;
		line-height:70px;
		font-size: 19px;
	}
	.-----MOBILE_ONLY_CSS_END----- {}


}

@media screen and (min-width: 641px) {
	.link_area01 a:hover,
	.btn01 a:hover{
		opacity:0.8;
	}
	.btn_link a:hover{
		opacity:0.8;
	}
}