@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 { margin-top: 100px; }

#facility > .facility-in > .facility-wrap { padding-top: 100px; padding-bottom: 150px; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #605856; border-bottom: 1px solid #605856; text-align: left; }
#facility > .facility-in > .facility-wrap > .title { width: 50%; padding-top: 80px; }
#facility > .facility-in > .facility-wrap > .title h1 { margin-top: 20px; font-size: 88px; }
#facility > .facility-in > .facility-wrap > .title p:nth-of-type(1) { font-family: 'Karla'; color: #8a7f7c; }
#facility > .facility-in > .facility-wrap > .title p:nth-of-type(2) { margin-top: 30px; }
#facility > .facility-in > .facility-wrap > .title p:nth-of-type(3) { margin-top: 30px; font-size: 12px; line-height: 22px; color: #ada5a3; }
#facility > .facility-in > .facility-wrap > .title .link { margin-top: 80px; }

#facility > .facility-in > .facility-wrap > div:nth-of-type(2) { position: relative; width: 50%; height: 512px; background: url(../img/sub3/1/image3.jpg) no-repeat; background-size: cover; background-position: center; }
#facility > .facility-in > .facility-wrap > div:nth-of-type(2) > div { position: absolute; left: -240px; bottom: -90px; width: 325px; height: 418px; background: url(../img/sub3/1/image4.jpg) no-repeat; background-size: cover; background-position: 50% 50%; border-radius: 250px 250px 0% 0%; }

.detail-wrap { position: relative; }
.detail-wrap > .detail-list { margin-top: 0px; width: 100%; height: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; }
.detail-wrap > .detail-list.on { height: auto; margin-top: 100px; }
.detail-wrap > .detail-list > .detail { float: left; width: 32.25%; }
.detail-wrap > .detail-list > .detail > a { position: relative; display: block; overflow: hidden; } 

.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(1) > a > .pic { height: 267px; background: url(../img/main/image12.jpg); background-size: cover; background-position: 50% 50%; transition: .8s; }
.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(2) > a > .pic { height: 533px; background: url(../img/main/image3.jpg); background-size: cover; background-position: 40% 50%; transition: .8s; }
.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(3) > a > .pic { height: 267px; background: url(../img/sub3/1/image3.jpg); background-size: cover; background-position: 50% 50%; transition: .8s; }
.detail-wrap > .detail-list > .detail:nth-child(4) { margin-top: -245px; }
.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(4) > a > .pic { height: 533px; background: url(../img/sub3/1/image1.jpg); background-size: cover; background-position: 100% 50%; transition: .8s; }
.detail-wrap > .detail-list > .detail:nth-child(5) { margin-top: 20px; }
.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(5) > a > .pic { height: 267px; background: url(../img/sub3/1/image2.jpg); background-size: cover; background-position: 50% 50%; transition: .8s; }
.detail-wrap > .detail-list > .detail:nth-child(6) { margin-top: -245px; }
.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(6) > a > .pic { height: 533px; background: url(../img/sub3/1/image4.jpg); background-size: cover; background-position: 35% 50%; transition: .8s; }

#banner2 { padding-bottom: 100px; }
#banner2 .banner2-in { margin-top: 100px; height: 512px; background: url(../img/sub3/1/image1.jpg) no-repeat; background-size: cover; background-position: center; }


@media (max-width: 1720px) {
	
	.title p br { display: block; }

}

@media (max-width: 1450px) {
	
	#facility > .facility-in > .facility-wrap > div:nth-of-type(2) { width: 40%; }
	#facility > .facility-in > .facility-wrap > div:nth-of-type(2) > div { left: -100px; }
	
}

@media (max-width: 1024px) {

	.title p br { display: none; }
	#facility > .facility-in > .facility-wrap { flex-flow: column; padding-bottom: 100px; }
	#facility > .facility-in > .facility-wrap > .title { padding-top: 0px; width: 100%; text-align: center;  }
	#facility > .facility-in > .facility-wrap > .title h1 { margin-top: 5px; font-size: 58px; }
	#facility > .facility-in > .facility-wrap > .title p:nth-of-type(3) { margin-top: 10px; }
	#facility > .facility-in > .facility-wrap > .title .link { margin-top: 40px; }
	#facility > .facility-in > .facility-wrap > div:nth-of-type(2) { margin-top: 60px; width: 100%; }
	#facility > .facility-in > .facility-wrap > div:nth-of-type(2) > div { display: none; }
	#facility > .facility-in > .facility-wrap > div:nth-of-type(3) {margin-top: 20px;  width: 100%; height: 512px; background: url(../img/sub3/1/6.jpg) no-repeat; background-size: cover; background-position: center; }
	
	.detail-wrap > .detail-list > .detail { width: 49%; }
	.detail-wrap > .detail-list > .detail:nth-child(1),
	.detail-wrap > .detail-list > .detail:nth-child(2),
	.detail-wrap > .detail-list > .detail:nth-child(3),
	.detail-wrap > .detail-list > .detail:nth-child(4), 
	.detail-wrap > .detail-list > .detail:nth-child(5),
	.detail-wrap > .detail-list > .detail:nth-child(6) { margin-top: 20px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(1) > a > .pic { height: 350px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(2) > a > .pic { height: 350px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(3) > a > .pic { height: 350px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(4) > a > .pic { height: 350px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(5) > a > .pic { height: 350px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(6) > a > .pic { height: 350px; }
}

@media (max-width: 768px) { 

	
	.title p br { display: block; }
	
	#facility { margin-top: 50px; }
	#facility > .facility-in > .facility-wrap { padding-top: 30px; padding-bottom: 50px; }
	#facility > .facility-in > .facility-wrap > .title h1 { font-size: 46px; }
	#facility > .facility-in > .facility-wrap > .title p:nth-of-type(2) { margin-top: 15px; }
	#facility > .facility-in > .facility-wrap > div:nth-of-type(2) { margin-top: 45px; height: 350px; }
	#facility > .facility-in > .facility-wrap > div:nth-of-type(3) { height: 350px; }
	.detail-wrap > .detail-list.on { margin-top: 50px; }
	.detail-wrap > .detail-list > .detail { width: 100%; }
	
	#banner2 { padding-bottom: 60px; }
	#banner2 .banner2-in { margin-top: 50px; height: 350px; }
    
}

@media (max-width: 500px) { 
    
	#banner2 .banner2-in { height: 320px; }
	#facility > .facility-in > .facility-wrap > .title h1 { margin-top: 0px; }
	#facility > .facility-in > .facility-wrap > div:nth-of-type(2) { margin-top: 30px; height: 280px; }
	#facility > .facility-in > .facility-wrap > div:nth-of-type(3) { margin-top: 10px; height: 280px; }
	
	.detail-wrap > .detail-list > .detail:nth-child(1),
	.detail-wrap > .detail-list > .detail:nth-child(2),
	.detail-wrap > .detail-list > .detail:nth-child(3),
	.detail-wrap > .detail-list > .detail:nth-child(4), 
	.detail-wrap > .detail-list > .detail:nth-child(5),
	.detail-wrap > .detail-list > .detail:nth-child(6) { margin-top: 10px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(1) > a > .pic { height: 280px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(2) > a > .pic { height: 280px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(3) > a > .pic { height: 280px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(4) > a > .pic { height: 280px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(5) > a > .pic { height: 280px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(6) > a > .pic { height: 280px; }
	
}

@media (max-width: 420px) {
	
	#facility > .facility-in > .facility-wrap > .title p:nth-of-type(3) br { display: none; }
	#facility > .facility-in > .facility-wrap > div:nth-of-type(2) { height: 240px; }
	#facility > .facility-in > .facility-wrap > div:nth-of-type(3) { height: 240px; }
	
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(1) > a > .pic { height: 240px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(2) > a > .pic { height: 240px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(3) > a > .pic { height: 240px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(4) > a > .pic { height: 240px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(5) > a > .pic { height: 240px; }
	.detail-wrap > .detail-list:nth-of-type(1) > .detail:nth-child(6) > a > .pic { height: 240px; }
	
	#banner2 .banner2-in { height: 240px; }
		
}