@charset "utf-8";

/*main start*/

#main .sec1_slider .swiper-slide.img1{background: url(../img/sub3/5/image1.jpg) no-repeat 50% 50%; background-size: cover;}
#main .sec1_slider .swiper-slide.img2{background: url(../img/sub3/5/image2.jpg)no-repeat 50% 50%; background-size: cover;}
#main .sec1_slider .swiper-slide.img3{background: url(../img/sub3/5/image3.jpg)no-repeat 50% 50%; background-size: cover;}
#main .sec1_slider .swiper-slide.img4{background: url(../img/sub3/5/image4.jpg)no-repeat 50% 50%; background-size: cover;}

/*main end*/


/*facility start*/
.facility-detail { position: relative; }
.facility-detail > img:nth-of-type(1) { position: absolute; z-index: -1;}
.facility-detail > img:nth-of-type(2) { position: absolute; right: 0px; bottom: 0px; z-index: -1;}

.facility-detail .detail-in { position: relative; max-width: 1200px; padding: 0px 20px; margin: 0px auto; }
.facility-detail .detail-in .detail-img { width: 100%; height: 600px; background: url(../img/sub3/5/image2.jpg) no-repeat center/cover; margin: 60px auto 80px; }


@media (max-width: 1028px) { 
    .facility-detail .detail-in  { width: 100%; }
}

@media (max-width: 768px) {
    .facility-detail .detail-in .detail-img {height: 400px;  }
}

@media (max-width: 680px) {
    .facility-detail .detail-in .detail-img {height: 240px;  }
}