@charset "EUC-JP";
/* CSS Document */

/*==============================*/
/*  */
/*==============================*/
@media (min-width: 600px) {
	/* ΐ‘2‘¦*/
	.container { width: 100%; height: 100%; overflow-x: hidden; margin-bottom: 10px; }
	.container .slide_all { width: 1000px; margin: 0 auto; height: 440px; position: relative; }
	.container .slide_wrap { width: 3000px; position: absolute; left: 50%; margin-left: -1495px; }
	.container .slide_body { width: 100%;}
	.container .slide { width: 1000px; font-size: 50px; line-height: 400px; text-align: center; position: relative; }
	.container .slide img { width: 1000px; vertical-align: bottom; }
	.container .slide:after{ position: absolute; top: 0; left: 0; content:""; width: 100%; height: 360px; background: #fff; opacity: .7; }
	.container .slide.active:after{ content: none; }

	/* ΑυΎE*/
	.container .bx-pager { text-align: center; margin-top: -42px; }
	.container .bx-pager a{ border: 4px solid #fff; display: inline-block; }
	.container .bx-pager a.active{ border: 4px solid #72cdfb; position: relative; }
	.container .bx-pager a.active:before { position: absolute; top: -14px; left: 50%; margin-left: -7px; content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #72cdfb transparent;
	}
	.container .bx-wrapper .bx-viewport { box-shadow: none; border: none; }
	.container .bx-prev { position: absolute; left: 50%; margin-left: -520px; }
	.container .bx-next { position: absolute; right: 50%; margin-right: -512px; }
}

@media (max-width: 600px) {
	.bx-pager a img{ display: none; }
	.container .bx-prev { display: none; }
	.container .bx-next { display: none; }
	.container .bx-wrapper .bx-viewport,
	.container .bx-wrapper,
	.container{ box-shadow: none; border: none; width: 100%; margin-bottom: 5px; margin-left: 2px; padding: 0; }
}

/*==============================*/
/* news */
/*==============================*/
.newsWrap{
	background: #afe6ff;
	padding: 10px 0;
}
@media (min-width: 600px) {
	div.newsWrap div.flex20 img{
		object-fit: cover;
		object-position: 0 20%;
		height: 104px;
	}
}
div.newsWrap div.flex80{
	background: #fff;
	border-radius: 5px;
	padding: 8px;
}
.newsWrap div dl{
	padding: 8px 16px 8px 16px;
}
.newsWrap div dl dt{
	margin-bottom: 6px;
	font-size: 19px;
	font-weight: 500;
	color: #E95736;
	line-height: 1.3em;
}
.newsWrap div dl dd{
	font-size: 15px;
	line-height: 1.3em;
	margin-left: 12px;
}



/*==============================*/
/* topics */
/*==============================*/
@media (min-width: 600px) {
	div.topics{
		background: #016c9e;
		padding: 10px 0;
	}
	div.topics div{
		background: #fff;
		border-radius: 5px;
		padding-left: 160px;
		background-image: url(/common/img/top/tit_news.jpg);
		background-repeat: no-repeat;
		background-size: 140px;
		background-position: 10px center;
	}
	div.topics div dl{
		padding: 10px 20px 12px 20px;
	}
	div.topics div dl dt{
		width: 100px;
		float: left;
	}
	div.topics div dl dd{
		margin-left: 100px;
	}
}
@media (max-width: 600px) {
	div.topics{
		background: #54b7e5;
		padding: 5px 0;
		margin-top: 30px;
	}
	div.topics div{
		background: #fff;
		border-radius: 5px;
		padding-top: 30px;
		background-image: url(/common/img/top/tit_news.jpg) ;
		background-repeat: no-repeat;
		background-size: 140px;
		background-position: 10px 15px;
	}
	div.topics div dl{
		padding: 10px 20px 12px 20px;
	}
	div.topics div dl dt{
		width: 80px;
		float: left;
	}
	div.topics div dl dd{
		margin-left: 80px;
		line-height: 1.2em;
	}
}

/*==============================*/
/* top_banner */
/*==============================*/
div.top_pickup_banner{
	padding-top: 20px; 
	background: #009ae7;
}

/*==============================*/
/* top_banner */
/*==============================*/
div.top_banner{
	padding-top: 20px; 
	background: #a0dfff;
}

/*==============================*/
/* newsletter */
/*==============================*/
div.newsletter{
	background: #afe6ff;
	padding: 10px 0;
}
div.newsletter div.flex80{
	background: #fff;
	border-radius: 5px;
	padding: 15px;
	max-height: 175px;
	overflow-y: scroll;
}
@media (max-width: 600px) {
	div.newsletter div.flex80{
		border-radius: 0 0 5px 5px;
	}
}
div.newsletter div.flex80 dl:not(:last-child){
	margin-bottom: 10px;
}
div.newsletter div.flex80 dl dt{
	font-size: 16px;
	font-weight: 500;
	color: #E95736;
}
div.newsletter div.flex80 dl dd{
	margin-left: 15px;
}
#top div.newsletter div.flex80 dl dt{
	font-size: 20px;
	margin-bottom:10px;
}
#top div.newsletter div.flex80 dl dd{
	margin-left: 15px;
	font-size: 16px;
}
#top div.newsletter div.flex80 dl dd p.btn a{
	background:#E95736;
	border:none;
}
#top div.newsletter div.flex80 dl dd p.btn a i{
	position:relative;top:-2px;
	margin-right:5px;
}
#top div.newsletter div.flex80 dl dd p.btn a:hover{
	opacity:0.8;
}

/*==============================*/
/* search_detail */
/*==============================*/
@media (min-width: 600px) {
	.search_map{
		padding: 30px 0 30px 0;
	}
	.search_map > div{
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		 -webkit-justify-content: space-between;
	}
	.search_detail{
		width: 300px;
	}
	.search_detail h2{
		position: relative;
		padding: 7px 10px 10px 15px;
		background: #000;
		color: #fff;
		font-size: 16px;
		margin-bottom: 15px;
	}
	.search_detail h2:before{
		position: absolute; top: 50%; left: 0px;
		content: "";
		width: 10px;
		height: 10px;
		margin-top: -5px;
		background: #12b394;
	}
	.search_detail select{
		float: left;
		width: 220px;
		height: 50px;
		padding: 0 10px;
		border: 1px solid #ccc;
		color: #444;
		position: relative;
		top: -1px;
		margin-right: 10px;
	}
	.search_detail button {
		width: 70px;
		height: 50px;
		border-radius: 5px;
		background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
		cursor: pointer;
	}
	.search_detail ul{
		margin-top: 20px;
	}
	.search_detail ul li{
		margin-bottom: 10px;
	}
}

@media (max-width: 600px) {
	.search_map{
		padding: 30px 0 50px 0;
	}
	.search_map > div{
	}
	.search_detail{
	}
	.search_detail h2{
		position: relative;
		padding: 7px 10px 10px 15px;
		background: #000;
		color: #fff;
		font-size: 16px;
		margin-bottom: 15px;
	}
	.search_detail h2:before{
		position: absolute; top: 50%; left: 0px;
		content: "";
		width: 10px;
		height: 10px;
		margin-top: -5px;
		background: #12b394;
	}
	.search_detail select{
		float: left;
		width: 250px;
		height: 50px;
		padding: 0 10px;
		border: 1px solid #ccc;
		color: #444;
		position: relative;
		top: -1px;
		margin-right: 10px;
	}
	.search_detail button {
		width: 70px;
		height: 50px;
		border-radius: 5px;
		background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
		cursor: pointer;
	}
	.search_detail ul{
		margin-top: 20px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		 -webkit-justify-content: space-between;
	}
	.search_detail ul li{
		padding: 0 2px;
	}
}

/*==============================*/
/* map */
/*==============================*/
div.map{
	width: 670px;
	height: 350px;
	position: relative;
	background: url(/common/img/top/map_comment.jpg) no-repeat 0 20px;
}
div.map p.touhoku img{
	position: absolute; top: 20px; right: 0;
	width: 203px;
}
div.map p.kantou img{
	position: absolute; top: 200px; right: 39px;
	width: 170px;
}
div.map p.toukai img{
	position: absolute; top: 179px; right: 209px;
	width: 109px;
}
div.map p.kinki img{
	position: absolute; top: 208px; right: 318px;
	width: 65px;
	z-index: 5;
}
div.map p.chugoku img{
	position: absolute; top: 208px; right: 357px;
	width: 134px;
	z-index: 1;
}
div.map p.kyusyu img{
	position: absolute; top: 208px; right: 500px;
	width: 160px;
	z-index: 1;
}

.map_btn{
	width: 436px;
}
.map_btn ul li{
	margin-bottom: 10px;
}

@media (min-width: 600px) {
	.sp_map{ display: none; }
}

@media (max-width: 600px) {
	.sp_map{
		padding-top: 180px;
		background-image: url(/common/img/top/map_sp.png) ;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.sp_map ul{
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap; /* Safari */
  		flex-wrap: wrap;
	}
	.sp_map ul li{
		width: calc(50% - 5px) ;
		background: #000000;
		border-radius: 3px;
		margin-bottom: 5px;
		padding: 5px 10px 8px 10px;
		color: #fff;
		position: relative;
	}
	.sp_map ul li::after{
		position: absolute;
		display: block;
		content: "";
		top: 8px;
		right: -3px;
		box-sizing: border-box;
		width: 10px;
		height: 4px;
		border: 10px solid transparent;
		border-left: 10px solid #fff;
	}

	.sp_map ul li:nth-child(odd){
		margin-right: 10px;
	}
	.sp_map ul li.areabtn_touhoku{ background: #5084be; }
	.sp_map ul li.areabtn_kantou{ background: #7cc06d; }
	.sp_map ul li.areabtn_toukai{ background: #f2a561; }
	.sp_map ul li.areabtn_kinki{ background: #9286d2; }
	.sp_map ul li.areabtn_chugoku{ background: #bda464; }
	.sp_map ul li.areabtn_kyusyu{ background: #dc6f99; }
}

/*==============================*/
/* famailymart */
/*==============================*/
div.famailymart{
	margin-bottom:20px;
	padding: 3px 0;
	border-top:5px solid #01A141;
	border-bottom:5px solid #038BD5;
}
div.famailymart .four_column div{
	margin-bottom:0;
}
/*==============================*/
/* point3 */
/*==============================*/
div.point3{
	background-color: #afe6ff;
	background-image: url(/common/img/share/bg_load.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 20px 0 0 0;
	margin-bottom: 30px;
	position: relative;
}
@media (max-width: 600px) {
	div.point3{
		padding-bottom: 40px;
	}
}
@media (min-width: 600px) {
	div.point3:after{
		content: "";
		display: block;
		width: 1000px;
		margin: 0 auto;
		height: 99px;
		bottom: 0;
		background: url(/common/img/top/bg_load_illust.png);
		background-repeat: no-repeat;
		z-index: 999;
	}
}
div.point3 h2 img{
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -130px;
}
div.point3 img{
	margin-bottom: 10px;
}
div.point3 dd{
	font-size: 13px;
	line-height: 1.2em;
	min-height: 6.5em;
}

/*==============================*/
/* 3point */
/*==============================*/
div.top_3point dl dt img{
	margin-bottom: 0;
}
div.top_3point dl dt {
	background: #fff;
}
div.top_3point dl dd{
	background-color: rgba(255,255,255,0.7);
	padding: 10px 12px;
}



/*==============================*/
/* top_btm_banner */
/*==============================*/
.top_btm_banner{
	font-size: 13px;
	line-height: 1.3em;
}
@media (max-width: 600px) {
	.top_btm_banner p{
		display: none;
	}
}

/*==============================*/
/* top_area_bnr */
/*==============================*/
.top_area_bnr{
	font-size: 13px;
	line-height: 1.3em;	
}
.top_area_bnr dt{
	font-weight: bold;
}
.top_area_bnr li{
	float: left;
}
.top_area_bnr li:not(:last-child):after{
	content: "/";
	margin: 0 5px;
}

/*==============================*/
/* top_point */
/*==============================*/
.top_point > div{
	margin-bottom: 30px;	
}
.top_point  h3{
	margin-bottom: 16px;
}
.top_point p{
	font-size: 13px;
	line-height: 1.3em;
}

.top_point > div:nth-child(1){
	padding-right: 260px;
	background: url(/common/img/top/bg_point03.png) no-repeat right ;
}
	@media (max-width: 600px) {
		.top_point > div:nth-child(1){
			padding-right: 0px;
			background: url(/common/img/top/bg_point03.png) no-repeat right;
		}
	}
.top_point > div:nth-child(2){
	padding-left: 260px;
	background: url(/common/img/top/bg_point02.png) no-repeat;
}
	@media (max-width: 600px) {
		.top_point > div:nth-child(2){
			padding-left: 0px;
		}
	}
.top_point > div:nth-child(3){
	padding-right: 260px;
	background: url(/common/img/top/bg_point01.png) no-repeat right;
}
	@media (max-width: 600px) {
		.top_point > div:nth-child(3){
			padding-right: 0px;
		}
	}


/*==============================*/
/* school_top_panel */
/*==============================*/
div.school_top_panel{
	border: 1px solid #2c89cb;
	background: #fff;
}
div.school_top_panel h3{
	background: #2c89cb;
	padding: 7px;
	font-size: 16px;
	color: #fff;
}

div.school_top_panel_green{
	border: 1px solid #58A643;
}
div.school_top_panel_green h3{ background: #58A643; }

div.school_top_panel_orange{
	border: 1px solid #EDA407;
}
div.school_top_panel_orange h3{ background: #EDA407; }

@media (min-width: 600px) {
	div.school_top_panel h3 span{
		width: 60px;
		text-align: center;
		display: block;
		color: #2c89cb;
		font-size: 14px;
		background: #fff;
		float: left;
		margin-right: 10px;
	}
}
@media (max-width: 600px) {
	div.school_top_panel h3{
		font-size: 13px;
		line-height: 16px;
		padding: 2px;
	}
	div.school_top_panel h3 span{
		width: 60px;
		line-height: 14px;
		text-align: center;
		display: block;
		color: #2c89cb;
		background: #fff;
	}
}
div.school_top_panel > div{
	padding: 10px;
}
@media (max-width: 600px) {
	div.school_top_panel > div{
		padding: 2px;
	}
}
div.school_top_panel > div ul{
	margin-bottom: 5px;
}
div.school_top_panel > div ul li{
	color: #fff;
	display: inline;
	font-size: 11px;
	padding: 0px 5px 2px 5px;
	margin-right: 2px;
}
div.school_top_panel > div ul li.gentei{ background: #ed2414; }
div.school_top_panel > div ul li.guruwari{ background: #00AEEB; }
div.school_top_panel > div ul li.hayawari{ background: #F29600; }
div.school_top_panel > div ul li.tds{ background: #9CBD53; }
div.school_top_panel > div ul li.ladies{ background: #EC96ED; }

div.school_top_panel > div p.comment{
	font-size: 12px;
}
div.school_top_panel > div p.cost{
	font-size: 22px;
	color:  #ed2414;
	font-weight: 700;
	text-align: right;
}
div.school_top_panel > div p.cost span{
	display: block;
	font-size: 12px;
	color: #444;
}
div.school_top_panel > div p.point{
	background: #ffe65e;
	font-size: 12px;
	text-align: center;
	margin-bottom: 5px;
}
div.school_top_panel > div p.list{
	font-size: 11px;
	line-height: 14px;
	min-height: 2.4em;
}
div.school_top_panel p.panel_btn a{
	display: block;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	background: #666;
	font-size: 13px;
}

/*==============================*/
/* PICKUP SCHOOL */
/*==============================*/

/*-- g
------------------------- */
.pickupSchool{
    padding: 8px ;
    border: 1px #ccc solid;
    background: #fff;
}

/*-- ^Cg
------------------------- */
.pickupSchool h3{
    margin-bottom: -6px;
}

/*-- ζ
------------------------- */
.pickupSchool .pickupSchool_content{
    margin-bottom: 10px;
    padding: 10px 10px 5px 10px;
    background: url(/common/img/top/school_new/bg_pickup_school.png);
    background-size: cover;
}
.pickupSchool .pickupSchool_content .pickupSchool_tmb{margin-bottom: 10px;}

/*-- Ώi
------------------------- */
.pickupSchool .pickupSchool_price{
    margin-bottom: 4px;
    display: flex; display: -webkit-flex; /* Safari */
    align-items: center; -webkit-align-items: center; /* Safari */
    justify-content: space-between; -webkit-justify-content: space-between; /* Safari */
    background: #fff;
    padding: 9px 9px 8px 9px;
    border-bottom: 4px solid #E9E4C0;
    border-right: 4px solid #E9E4C0;
}
.pickupSchool .pickupSchool_price div:last-child{
    min-width: 142px;
}
.pickupSchool .pickupSchool_price .mainPrice{
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #D12040;
    line-height: 1em;
}
.pickupSchool .pickupSchool_price .mainPrice small{ position: relative; top:  2px;}
.pickupSchool .pickupSchool_price .subPrice{
    text-align: right;
    font-weight: 500;
    line-height: 1.3em;
}
.pickupSchool .pickupSchool_price .subPrice small{ position: relative; top:  -2px;}

.pickupSchool .pickupSchool_price .carType{
    margin-bottom: 5px;
    padding: 0 12px 2px 12px;
    display: inline-block;
    background: #d12040;
    color: #fff;
    font-size: 13px;
    line-height: 1.4em;
}
.pickupSchool .pickupSchool_price .pricePlan{
    font-weight: 500;
    font-size: 13px;
    line-height: 1.25em;
}
.pickupSchool_period{font-weight: 500;}

/*-- dl
------------------------- */
.pickupSchool dl{
    background: #FEF4F5;
    padding: 10px;
}
.pickupSchool dl dt{
    padding: 1px 0 2px 0;
    background: #E4479E;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}
.pickupSchool dl dd{margin-top: 8px;}
.pickupSchool dl dd p.pickupSchool_comment{
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4em;
}
.pickupSchool dl dd ul{ margin-bottom: 20px;}
.pickupSchool dl dd ul li{
    position: relative;
    padding-left: 5em;
    text-indent: -1em;
    color: #643e1f;
    line-height: 1.4em;
    font-size: 13px;
}
.pickupSchool dl dd ul li:before{ position: absolute; top: 1px; left: 15px; color: #E4479E; }
.pickupSchool dl dd ul li:nth-child(1):before{ content:"Point1"; }
.pickupSchool dl dd ul li:nth-child(2):before{ content:"Point2"; }
.pickupSchool dl dd ul li:nth-child(3):before{ content:"Point3"; }
.pickupSchool dl dd ul li span{ border-bottom: 1px solid #E4479E; }

/* ======= PC =======*/
@media (min-width: 600px) {
    .pickupSchool dl dt span{ display: none;}
}

/*-- {^
------------------------- */
.pickupSchool_btn a{
    display: block;
    padding-bottom: 2px;
    background: #86BC21;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    font-size: 13px;
}



/*==============================*/
/* όeϊΐθ */
/*==============================*/
div.limitedPlan_wrap{
	display: flex; display: -webkit-flex;
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
	gap: 20px;
}
div.limitedPlan{
	position: relative;
	width: calc(calc(100% - 20px) / 2);
	border: 1px solid #EDA425;
	padding-bottom: 40px;
}
div.limitedPlan > div{ padding: 12px;}

	/* ======= SP =======*/
	@media (max-width: 600px) {
		div.limitedPlan_wrap{
			display: flex; display: -webkit-flex;
			flex-wrap: wrap; -webkit-flex-wrap: wrap;
			gap: 12px 6px;
		}
		div.limitedPlan{
			width: calc(calc(100% - 6px) / 2);
			padding-bottom: 40px;
		}
		div.limitedPlan > div{ padding: 6px;}
	}

/*-- ^Cg
------------------------- */
div.limitedPlan h3{
	background: #EDA425;
    padding: 7px;
    font-size: 18px;
    color: #fff;
}
div.limitedPlan h3 span{
	position: relative; top: -2px;
	margin-right: 8px;
	padding: 1px 8px 2px 8px;
	background: #fff;
	color: #2C89CB;
	font-size: 14px;
}
	/* ======= SP =======*/
	@media (max-width: 600px) {
		div.limitedPlan h3{
			padding: 2px;
			font-size: 14px;
		}
		div.limitedPlan h3 span{
			display: inline-block;
			position: relative; top: 0px;
			margin-right: calc(100% - 60px);
			padding: 0px 10px 1px 10px;
			font-size: 13px;
			line-height: 1.3em;
		}
	}

/*-- v^Cg
------------------------- */
div.limitedPlan div.planTitle{
	display: flex; display: -webkit-flex;
	margin-bottom: 16px;
}
div.limitedPlan div.planTitle figure{ width: 160px; margin: 0;}
div.limitedPlan div.planTitle dl{
	flex: 1;
	margin-right: 24px;
}
div.limitedPlan div.planTitle dl dt{
	display: inline-block;
	margin-bottom: 8px;
	padding: 1px 8px 2px 8px;
	background: #ED2414;
	color: #fff;
	font-size: 13px;
}
div.limitedPlan div.planTitle dl dd{
	font-size: 12px;
	line-height: 1.414em;
}
	/* ======= SP =======*/
	@media (max-width: 600px) {
		div.limitedPlan div.planTitle{
			flex-direction: column-reverse; -webkit-flex-direction: column-reverse;
			margin-bottom: 10px;
		}
		div.limitedPlan div.planTitle figure{ width: 100%; margin: 0 0 10px 0;}
		div.limitedPlan div.planTitle dl{ margin-right: 0px;}
		div.limitedPlan div.planTitle dl dt{
			margin-bottom: 4px;
			padding: 0px 8px 1px 8px;
		}
	}

/*-- vΰe
------------------------- */
div.limitedPlan p.planPeriod{
	background: #FFE65E;
	text-align: center;
}

/*-- vΰe
------------------------- */
div.limitedPlan div.planTarget dl{ padding: 11px 0 4px 0;}
div.limitedPlan div.planTarget dl:not(:last-child){ border-bottom: 1px solid #ccc;}
div.limitedPlan div.planTarget dl dt{
	margin-bottom: 4px;
	font-weight: 500;
	line-height: 1.3em;
}
div.limitedPlan div.planTarget dl dd{
	display: flex; display: -webkit-flex;
	justify-content: space-between; -webkit-justify-content: space-between;
}
div.limitedPlan div.planTarget dl dd p.planType{
	font-size: 12px;
	letter-spacing: -0.04em;
	line-height: 1.3em;
}
div.limitedPlan div.planTarget dl dd p.planPrice{
	position: relative; top: -8px;
	color: #ED2414;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: -0.04em;
	line-height: 1.3em;
}
	/* ======= SP =======*/
	@media (max-width: 600px) {
		div.limitedPlan div.planTarget dl dt{ line-height: 1.2em;}
		div.limitedPlan div.planTarget dl dd{ flex-direction: column; -webkit-flex-direction: column;}
		div.limitedPlan div.planTarget dl dd p.planType{ margin-bottom: 4px;}
	}

/*-- {^
------------------------- */
div.limitedPlan p.planBtn{
	position: absolute; bottom: 12px; left: 12px;
	width: calc(100% - 24px);
}
div.limitedPlan p.planBtn a{
	display: block;
	padding: 4px 0 5px 0;
	background: #666666;
	color: #fff;
	text-align: center;
	font-size: 13px;
	border-radius: 3px;
}
	/* ======= SP =======*/
	@media (max-width: 600px) {
		div.limitedPlan p.planBtn{
			position: absolute; bottom: 6px; left: 6px;
			width: calc(100% - 12px);
		}
		div.limitedPlan p.planBtn a{ padding: 2px 0 3px 0;}
	}


/*==============================*/
/* όeϊΐθ */
/*==============================*/
dl.areaSchool{
	position: relative;
	max-width: 560px;
	border: 1px solid #009AE7;
	margin: 0 auto;
	border-radius: 5px;
}
dl.areaSchool dt{
	position: absolute; top: -14px; left: 50%;
	padding: 0 24px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #009AE7;
	margin-left: -133px;
	background: #fff;
}
dl.areaSchool dd{ padding: 24px 24px 16px 24px;}
dl.areaSchool dd ul{
	display: flex; display: -webkit-flex;
	justify-content: space-between; -webkit-justify-content: space-between;
	width: 100%;
	max-width: 424px;
	margin: 0 auto;
}
dl.areaSchool dd ul li{
	width: calc(50% - 6px);
	border-radius: 5px;
}
dl.areaSchool dd ul li a{
	display: block;
	padding: 11px 0 12px 0;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	background: linear-gradient(to bottom,  #4798d2 50%,#2c89cb 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
dl.areaSchool dd ul li a:hover{ opacity: 0.7;}

	/* ======= SP =======*/
	@media (max-width: 800px){
		dl.areaSchool dt{
			position: absolute; top: -12px; left: 50%;
			padding: 0 16px;
			font-size: 19px;
			margin-left: -118px;
		}
		dl.areaSchool dd{ padding: 22px 12px 12px 12px;}
		dl.areaSchool dd ul li{ width: calc(50% - 4px);}
	}


/*==============================*/
/* όeϊΐθ */
/*==============================*/
h3.areaSchool_title{
	margin-bottom: 20px;
	padding: 9px 0 11px 0;
	background: #2C89CB;
	font-size: 19px;
	color: #fff;
	text-align: center;
}
	/* ======= SP =======*/
	@media (max-width: 600px) {
		h3.areaSchool_title{
			margin-bottom: 12px;
			padding: 6px 0 8px 0;
			font-size: 16px;
		}
	}
