/*Facility page CSS　Ver.1.0.0 */

.facility-conte {
	padding-bottom: 100px;
	display: grid;
	grid-template-columns: repeat(3, 32%);
	gap: 2%;
}
.facility-box {
	position: relative;
}
.facility-box h3 {
	width: 100%;
	padding: 4px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: rgb(255, 255, 255);
	background-color: var(--mainColor);
	position: absolute;
	bottom: 0;
	left: 0;
}
#box-2 {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}
#box-4 {
	grid-column: 1 / 2;
	grid-row: 2 / 4;
}
#box-5 {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
}
#box-10 {
	grid-column: 3 / 4;
	grid-row: 4 / 6;
}



/*=================================
タブレット設定（768px〜960px）
=================================*/
@media only screen and (max-width: 960px) {

	

}



/*=================================
スマホ設定（〜767px）
=================================*/
@media only screen and (max-width: 768px) {

	.facility-conte {
		padding-bottom: 40px;
		display: block;
	}
	.facility-box:not(:first-of-type) {
		margin-top: 30px;
	}

}