@charset "UTF-8";
/********************************************************************************

page-related-facilities.css　関連施設一覧ページcss

********************************************************************************/
/*============================================================
 セクション
*============================================================*/
#page-related-facilities .block .list {
	gap: 24px 32px;
}
#page-related-facilities .block .list .item {
	width: 31%;
	transition: all .3s;
}
#page-related-facilities .block .list .item:hover {
	opacity: 0.7;
}
#page-related-facilities .block .list .item .img {
	border-radius: 24px;
	overflow: hidden;
}
#page-related-facilities .block .list .item .img img {
	width: 100%;
}
#page-related-facilities .block .list .item h3 {
	font-size: 16px;
	padding-right: 24px;
	margin: 16px 0;
}

@media screen and (max-width: 1008px) {
	#page-related-facilities .block .list {
		gap: 24px;
	}
}

@media screen and (max-width: 767px) {
	#page-related-facilities .block .list {
		gap: 16px;
	}
	#page-related-facilities .block .list .item {
		width: 48%;
	}
}


@media screen and (max-width: 480px) {
	#page-related-facilities .block .list {
		justify-content: center;
	}
	#page-related-facilities .block .list .item {
		width: 100%;
		max-width: 360px;
	}
	
}