@charset "UTF-8";

h3.main-subtitle-style {
margin-top:1em;
margin-bottom:1em;
}

p.sub-text-style {
margin-bottom:2em;
}
.public01 .left {
float:left;
width:49.4%;
}
.public01 .right {
float:right;
width:49.4%;
}

.public02 li {
float:left;
width:25%;
}

.public02 .public02_positionBox{ 
	display: flex;
    flex-wrap: wrap;}
.public02 .positionBox_r{ justify-content: flex-end;}
.public02 .positionBox_l{ justify-content: flex-start;}
.public02 .public02_positionBox .public02_positionBox_r,
.public02 .public02_positionBox .public02_positionBox_l{ width: 70%;}


@media screen and (max-width: 1185px) {

}
@media screen and (max-width: 768px) {
.public01 .left {
float:none;
width:100%;
margin-top:2em;}
.public01 .right {
float:none;
width:100%;
margin-top:2em;}

.public02 li {
float:left;
width:50%;}
}
@media screen and (max-width: 767px) {
	.public02 .public02_positionBox .public02_positionBox_r,
	.public02 .public02_positionBox .public02_positionBox_l{ width: 100%;}
}


.facility_image{margin-bottom: 30px;}
.facility_image figure{position: relative;}
.facility_image figure figcaption{position: absolute; bottom: 0; right: 0; padding: 10px; color: #fff;}
.facility_image h3{font-size: 20px; font-weight: bold; margin: 10px 0;}
.facility_image_wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.facility_image_wrap .facility_image{width: 48%;}

@media screen and (max-width: 768px) {
    .facility_image_wrap .facility_image{width: 100%;}
}