@charset "utf-8";

/*main start*/

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

#facility { padding: 70px 0px 170px; background-image: url(../img/shadow4.png)/*, url(../img/shadow3.png)*/; background-position: 100% 0px, 0px 100%; background-repeat:no-repeat; }
#facility .facility-in > .title { width: 1400px; margin: 0px auto; padding: 0px 0px 70px; text-align: center; border-bottom: 1px solid #735e3a; }
#facility .facility-in > .title h2 { margin-top: 10px; }
#facility .facility-in > .title p { margin-top: 10px; }

#facility .facility-in .fac-wrap { display: flex; flex-flow: column; }
#facility .facility-in .fac-wrap1 { margin-top: 120px; }
#facility .facility-in .fac-wrap1 div { width: 100%; height: 440px; background: url(../img/sub3/1/image1.jpg); background-size: cover; background-position: 50% 70%; }
#facility .facility-in .fac-wrap2 { margin-top: 75px; display: flex; justify-content: space-between; }
#facility .facility-in .fac-wrap2 > div:nth-of-type(1) { width: 50%; padding-top: 60px; }
#facility .facility-in .fac-wrap2 > div:nth-of-type(1) h2 { font-size: 32px; }
#facility .facility-in .fac-wrap2 > div:nth-of-type(1) p:nth-of-type(1) { margin-top: 30px; }
#facility .facility-in .fac-wrap2 > div:nth-of-type(1) p:nth-of-type(2) { margin-top: 140px; font-size: 10px; line-height: 20px; color: #735e3a; }
#facility .facility-in .fac-wrap2 > div:nth-of-type(2) { width: 520px; background: url(../img/sub1/image3.jpg); background-size: cover; background-position: 50% 50%;}
#facility .facility-in .fac-wrap3 { margin-top: 75px; display: flex; justify-content: space-between; flex-wrap: wrap; }
#facility .facility-in .fac-wrap3 div { width: 49.5%; height: 380px; }
#facility .facility-in .fac-wrap3 div:nth-of-type(1) { background: url(../img/sub3/1/image1.jpg); background-size: cover; background-position: 50% 50%; }
#facility .facility-in .fac-wrap3 div:nth-of-type(2) { background: url(../img/sub3/1/image2.jpg); background-size: cover; background-position: 50% 50%; }
#facility .facility-in .fac-wrap3 div:nth-of-type(3) { background: url(../img/sub3/1/image3.jpg); background-size: cover; background-position: 50% 50%; }
#facility .facility-in .fac-wrap3 div:nth-of-type(4) { background: url(../img/sub3/1/image4.jpg); background-size: cover; background-position: 50% 50%; }
#facility .facility-in .fac-wrap3 div:nth-of-type(n+3) { margin-top: 15px; }


.banner .banner-in { background: url(../img/sub3/1/image2.jpg); background-size: cover; background-position: 50% 50%; background-attachment: fixed; }


@media (max-width: 1400px) {

	#facility .facility-in > .title { width: 100%; }
	#facility .facility-in .fac-wrap2 > div:nth-of-type(1) { padding-right: 30px; }
	#facility .facility-in .fac-wrap2 > div:nth-of-type(2) { width: 50%; }
	
}


@media (max-width: 1024px) {
    
    

}

@media (max-width: 800px) {
	
	#facility .title { padding: 0px; }
	#facility { padding: 40px 0px 80px; background-image: url(../img/shadow4.png)/*, url(../img/shadow3.png)*/; background-position: 100% 0px, 0px 100%; background-size: 300px 393px, 500px 139px;; background-repeat:no-repeat;  }
	#facility .facility-in > .title { padding: 0px 20px 50px; }
	
	#facility .facility-in .fac-wrap1 { margin-top: 15px; order: 1; }
	#facility .facility-in .fac-wrap1 div { height: 380px; }
	#facility .facility-in .fac-wrap2 { flex-flow: column; margin-top: 50px; }
	#facility .facility-in .fac-wrap2 > div:nth-of-type(1) { width: 100%; padding: 0px; }
	#facility .facility-in .fac-wrap2 > div:nth-of-type(1) p:nth-of-type(2) { margin-top: 60px; }
	#facility .facility-in .fac-wrap2 > div:nth-of-type(2) { width: 100%; }
	#facility .facility-in .fac-wrap2 > div:nth-of-type(3) { flex-flow: column; }
	#facility .facility-in .fac-wrap3 { margin-top: 60px; }
	#facility .facility-in .fac-wrap3 div { width: 100%; }
	#facility .facility-in .fac-wrap3 div:nth-of-type(n+2) { margin-top: 15px; }
}


@media (max-width: 480px) {

	
	#facility .facility-in .fac-wrap1 div { height: 280px; }
	#facility .facility-in .fac-wrap3 div { height: 280px; }
	
}