@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {

.logo_Hed_index { display: none; }

/*------------*/
/*#hedImg { background: none; }*/

#box01 { margin-bottom: 100px; }

.facility_list { width: 100%; margin: 0 auto; margin-top: 50px; position: relative; }
.facility_list::before { content: ""; width: 960px; top: 140px; height: 600px; background: url(../images/com/gnav_contents_bg2.jpg) 0 0; background-repeat: repeat; position: absolute; display: block; right: -100px; z-index: -1; }
.facility_list li { width: 48%; float: left; margin-right: 4%; }
.facility_list li:nth-child(2n+2) { margin-right: 0px; margin-top: 70px; }
.facility_list li:nth-child(n+3) { margin-top: 50px; }
.facility_list li:nth-of-type(4) { margin-top: 120px; }
.facility_img { width: 100%; margin: 0 auto 30px; position: relative; }
.facility_img::before { position: absolute; content: ""; display: block; background: #765635; width: 1px; height: 50px; z-index: 2; bottom: -18px; left: 32px; }
.facility_img::after { position: absolute; z-index: 2; content: ""; display: block; background: #765635; height: 3px; width: 3px; left: 31px; bottom: 29px; }
.facility_img img { width: 100%; height: auto; }
.facility_img_l { width: 48%; float: left; }
.facility_img_r { width: 48%; float: right; }
.facility_img_l img, .facility_img_r img { width: 100%; height: auto; }
.facility_tit { font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #765635;  }
.facility_txt { font-size: 14px; }

#box02 .facility_list::before { width: 300px; height: 300px; right: -70px; top: 250px; }

#box01 .facility_list li:nth-of-type(1) { width: 34%; margin-right: 2%; }
#box01 .facility_list li:nth-of-type(2) { width: 64%; margin-right: 0px;  }
#box01 .facility_list li:nth-of-type(3) { width: 64%; margin-right: 2%;  }
#box01 .facility_list li:nth-of-type(4) { width: 34%; margin-right: 0px; margin-top: 180px; }
.facility_img_inbox { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.facility_img_in { width: 32%; margin: 0 auto; }
.facility_img_in img { width: 100%; height: auto; }


}




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




/*sp*/
@media only screen and (max-width: 768px) {

.logo_Hed_index { display: none; }


/*------------*/
#box01 { margin-bottom: 50px; }

.facility_list { width: 100%; margin: 0 auto; margin-top: 50px; position: relative; }

.facility_list li { width: 100%; margin: 0 auto; }
.facility_list li:nth-child(n+2) { margin-top: 30px; }
.facility_img { width: 100%; margin: 0 auto 25px; position: relative; }
.facility_img::before { position: absolute; content: ""; display: block; background: #765635; width: 1px; height: 30px; z-index: 2; bottom: -18px; left: 32px; }
.facility_img::after { position: absolute; z-index: 2; content: ""; display: block; background: #765635; height: 3px; width: 3px; left: 31px; bottom: 9px; }
.facility_img img { width: 100%; height: auto; }
.facility_img_l { width: 48%; float: left; }
.facility_img_r { width: 48%; float: right; }
.facility_img_l img, .facility_img_r img { width: 100%; height: auto; }
.facility_tit { font-size: 16px; font-weight: bold; margin-bottom: 5px; color: #765635;  }
.facility_txt { font-size: 14px; }


.facility_img_inbox { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.facility_img_in { width: 32%; margin: 0 auto; }
.facility_img_in img { width: 100%; height: auto; }


}