@charset "UTF-8";

/* 運営施設 */

.about{
	width:980px;
	margin:40px auto 0;
	border-top:dotted 3px #ff0000;
	border-bottom:dotted 3px #ff0000;
	padding:30px;
}
.about h2{
	color:#000033;
	font-size:24px;
	font-weight:bold;
}



/* 各施設のご案内 */
.facility{
	background:url(../img/top_facility_back.jpg);
	margin-top:40px;
	padding:40px 0;
}
.facilitybox{
	width:980px;
	margin:0 auto;
	padding:40px 0;
	background:#fff;
}

.facilitybox .text{
	padding:20px 40px;
}

.facilitybox .image{
	padding-bottom:60px;
	overflow:hidden;
}
.facilitybox .image .left{
	float:left;
	width:53%;
}
.facilitybox .image .right{
	float:right;
	width:47%;
	padding:0 20px;
}
.facilitybox .image .right .add{
	padding:20px;
	font-size:18px;
}
.facilitybox .image .right a{
	display:block;
	text-decoration:none;
	border-radius:6px;
	background:#0ba974;
	text-align:center;
	color:#fff;
	line-height:36px;
	padding-top:4px;
	border:solid 2px #0ba974;
	transition:.3s;
	margin-top:20px;
}
.facilitybox .image .right a:hover{
	background:#fff;
	color:#0ba974;
}


.facility01_title{
	width:216px;
	margin:0 auto;
}
.facility02_title{
	width:271px;
	margin:0 auto;
}
.facility03_title{
	width:295px;
	margin:0 auto;
}
.facility04_title{
	width:297px;
	margin:0 auto;
}
.facility05_title{
	width:203px;
	margin:0 auto;
}

.map{
	margin:50px 0;
	height:370px;
}

.info{
	background:#fdf1f4;
	padding:40px;
}
.infobox{
	width:980px;
	margin:30px auto 0;
	overflow:hidden;
}
.infobox .left{
	width:456px;
	float:left;
}
.infobox .right{
	width:456px;
	float:right;
}
.info h2{
	color:#ff3399;
	font-size:28px;
	font-weight:bold;
	width:980px;
	margin:0 auto;
	text-align:center;
}
.info h2 span{
	display:block;
	font-size:20px;
}

/* ▼768px以下の場合に適用（iPad portrait以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {

/* 運営施設 */

.about{
	width:96%;
}
.about h2{
	color:#000033;
	font-size:20px;
	font-weight:bold;
}



/* 各施設のご案内 */
.facilitybox{
	width:96%;
	padding:20px;
}

.facilitybox .text{
	padding:20px 0;
}

.facilitybox .image{
	padding-bottom:40px;
}
.facilitybox .image .left{
	float:none;
	width:100%;
}
.facilitybox .image .right{
	float:none;
	width:100%;
	padding:20px 0 0 0;
}
.facilitybox .image .right .add{
	padding:20px 0;
	font-size:16px;
}

.infobox{
	width:96%;
	margin:30px auto 0;
	overflow:hidden;
}
.infobox .left{
	width:80%;
	float:none;
	display:block;
	margin:0 auto;
}
.infobox .right{
	width:80%;
	float:none;
	display:block;
	margin:20px auto 0;
}
.info h2{
	font-size:20px;
	width:100%;
}
.info h2 span{
	font-size:16px;
}


}