@charset "utf-8";
body#facility #visual {
}
body#facility #visual h1 {
	color: #FFFFFF;
}
body#facility h2.ttl {
	text-align: center;
	margin-bottom: 30px;
	font-weight: normal;
}
body#facility #sec01 .tblStyle, body#facility #sec02 .tblStyle, body#facility #sec03 .tblStyle {
	margin: 0 auto;
}
body#facility #sec01 .picBlock, body#facility #sec02 .picBlock, body#facility #sec03 .picBlock {
}
body#facility #sec01 .picBlock > ul, body#facility #sec02 .picBlock > ul, body#facility #sec03 .picBlock > ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
body#facility #sec01 .picBlock > ul li, body#facility #sec02 .picBlock > ul li, body#facility #sec03 .picBlock > ul li {
	padding-bottom: 10px;
	margin-right: 1.25%;
}
body#facility #sec01 .picBlock > ul li:nth-child(3n), body#facility #sec02 .picBlock > ul li:nth-child(3n), body#facility #sec03 .picBlock > ul li:nth-child(3n) {
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

pcSetting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (min-width: 768px),print {
body#facility #visual {
	background-image: url(../../images/facility/mv_facility_01.jpg);
	margin-bottom: 10px;
}
body#facility #visual h1 {
}
body#facility h2.ttl {
	font-size: 3.5rem;
}
body#facility #sec01 .tblStyle, body#facility #sec02 .tblStyle, body#facility #sec03 .tblStyle {
	width: 80%;
}
body#facility #sec01 .picBlock, body#facility #sec02 .picBlock, body#facility #sec03 .picBlock {
	padding: 30px 0 60px;
}
body#facility #sec01 .picBlock > ul, body#facility #sec02 .picBlock > ul, body#facility #sec03 .picBlock > ul {
	margin: 0 10%;
}
body#facility #sec01 .picBlock > ul li, body#facility #sec02 .picBlock > ul li, body#facility #sec03 .picBlock > ul li {
	flex-basis: 32.5%;
}
body#facility #sec01 .picBlock > ul li:nth-child(3n), body#facility #sec02 .picBlock > ul li:nth-child(3n), body#facility #sec03 .picBlock > ul li:nth-child(3n) {
	margin-right: 0px;
}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

spSetting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 767px) {
body#facility #visual {
	background-image: url(../../images/facility/mv_facility_01_sp.jpg);
}
body#facility #visual h1 {
}
body#facility h2.ttl {
	font-size: 2rem;
}
body#facility #sec01 {
	padding: 0 5% 30px;
}
body#facility #sec01 .tblStyle, body#facility #sec02 .tblStyle, body#facility #sec03 .tblStyle {
}
body#facility #sec01 .picBlock, body#facility #sec02 .picBlock, body#facility #sec03 .picBlock {
}
body#facility #sec01 .picBlock > ul, body#facility #sec02 .picBlock > ul, body#facility #sec03 .picBlock > ul {
}
body#facility #sec01 .picBlock > ul li, body#facility #sec02 .picBlock > ul li, body#facility #sec03 .picBlock > ul li {
	flex-basis: 32%;
}
body#facility #sec01 .picBlock > ul li:nth-child(3n), body#facility #sec02 .picBlock > ul li:nth-child(3n), body#facility #sec03 .picBlock > ul li:nth-child(3n) {
}
body#facility #sec02 {
	padding: 0 5%;
}
body#facility #sec03 {
	padding: 30px 5% 20px;
}
}
