@charset "utf-8";


/*------------------------------------------------------------
	
	
	facility.css


------------------------------------------------------------*/


/*------------------------------------------------------------
	見出し
------------------------------------------------------------*/

h3 {
	font-size: 4.9vw;
	font-weight: 600;
	color: #1F84CA;
	border-bottom: 2px solid #1F84CA;
	padding: 0 0 10px 6vw;
	margin-bottom: 25px;
	position: relative;
}

h3:before {
	content: '';
	display: block;
	background: url('../img/common/bg_h3.svg') center center / contain no-repeat;
	width: 4vw;
	height: 5vw;
	position: absolute;
	top: 10px;
	left: 0;
}

@media only screen and (max-width: 812px) {
	
	.facilitiy-box + h3 {
		margin-top: 60px;
	}

}

@media only screen and (min-width: 813px) {
	
	h3 {
		font-size: 2.6rem;
		padding: 0 0 10px 36px;
		margin-bottom: 40px;
	}
	
	h3:before {
		width: 26px;
		height: 32px;
	}
	
}



/*------------------------------------------------------------
	主要な設備
------------------------------------------------------------*/

.facilitiy-box {
	margin-bottom: 50px;	
}

.facilitiy-photos {
	margin-bottom: 30px;
}

@media only screen and (min-width: 813px) {
	
	.facilitiy-box {
		margin-bottom: 110px;	
	}
		
	.facilitiy-photos {
		margin-bottom: 40px;
	}
	
}

@media only screen and (min-width: 813px) {

	.facilitiy-photos .one-half {
		width: 48.438%;
		margin-right: 3.124%;
	}
	
	.facilitiy-photos .one-half:nth-child(2n) {
		margin-right: 0;
	}
	
	.facilitiy-photos .one-third {
		width: 31.25%;
		margin-right: 3.125%;
	}
	
	.facilitiy-photos .one-third:nth-child(3n) {
		margin-right: 0;
	}

}

.facility-txt {
	max-width: 560px;
	margin: 0 auto;
}

.facilitiy-box h4 {
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1;
	color: #000;
	text-align: center;
	margin-bottom: 20px;
}

@media only screen and (min-width: 813px) {
	
	.facilitiy-box h4 {
		margin-bottom: 30px;
	}

}

@media only screen and (max-width: 812px) {
	
	.facilitiy-box .one-third {
		margin-bottom: 30px;
	}
	
	.facilitiy-box .one-third:last-child {
		margin-bottom: 0;
	}

}


/*------------------------------------------------------------
	その他の設備
------------------------------------------------------------*/

#other-facilities .table-holder table {
	margin: 0 0 30px;
}

#other-facilities .table-holder table tr:first-child {
	border-bottom: none;
}

@media only screen and (min-width: 813px) {
	
	#other-facilities .table-holder table {
		margin: 0;
	}
	
}


#other-facilities table th {
	background: #1F84CA;
	color: #fff;
	padding: 5px 0;
}

#other-facilities table th:first-child {
	width: 30%;
	font-weight: 600;
}

#other-facilities table th:nth-child(2) {
	width: 55%;
}

#other-facilities table th:nth-child(3) {
	width: 15%;
	text-align: center;
}

@media only screen and (min-width: 813px) {
	
	#other-facilities table th {
		padding: 15px 0;
	}
	
	#other-facilities table th:nth-child(2) {
		width: 40%;
	}
	
	#other-facilities table th:nth-child(3) {
		width: 20%;
	}

}


#other-facilities table td {
	font-size: 1.2rem;
	padding: 10px 5px;
	line-height: 1.6;
	vertical-align: middle;
}

#other-facilities table td:first-child {
	font-weight: 600;
}

#other-facilities table td:nth-child(2) {
	padding: 10px 15px;
}

#other-facilities table td:nth-child(3) {
	text-align: center;
}

@media only screen and (min-width: 813px) {
	
	#other-facilities table td {
		font-size: 1.5rem;
		padding: 10px 25px;
		line-height: 1.8;
	}
	
	#other-facilities table td:nth-child(2) {
		padding: 10px 20px;
	}
	
}


#other-facilities ul li {
	margin-bottom: 20px;
}

#other-facilities ul li figcaption {
	margin-top: 2px;
}

@media only screen and (min-width: 813px) {
	
	#other-facilities ul {
		width: calc(100% - 780px);
		padding-left: 40px;
	}
	
	#other-facilities ul li figcaption {
		font-size: 1.3rem;
	}

}