@charset "utf-8";

/*main start*/

#main .sec1_slider .swiper-slide.img1{background: url(../img/sub5/5/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(../img/sub5/5/image2.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img3{background: url(../img/sub5/5/image3.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img4{background: url(../img/sub5/5/image4.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img5{background: url(../img/sub5/5/image5.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img6{background: url(../img/sub5/5/image6.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img7{background: url(../img/sub5/5/image7.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img8{background: url(../img/sub5/5/image8.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img9{background: url(../img/sub5/5/image9.jpg) no-repeat; background-size: cover; background-position: center; }

#facility { padding-top: 105px; }
#facility .facility-in .fac-wrap { display: flex; }
#facility .facility-in .fac-wrap > div { width: 50%; }
#facility .facility-in .fac-wrap .txt h3 { margin-top: 60px; font-family: 'EB Garamond'; font-size: 22px; font-weight: 400; font-style: italic; letter-spacing: 1; color: #c9ab90; }
#facility .facility-in .fac-wrap .txt h1 { margin-top: 10px; font-family: 'EB Garamond'; font-size: 51px; font-weight: 400; }
#facility .facility-in .fac-wrap .txt p { margin-top: 25px; margin-bottom: 80px; font-size: 13px; line-height: 26px; }

#facility .facility-in .fac-wrap .txt a { display: block; position: relative; width: 163px; height: 50px; text-align: center; }
#facility .facility-in .fac-wrap .txt a svg { position: absolute; top: 0; left: 0; }
#facility .facility-in .fac-wrap .txt a svg rect {fill: transparent; stroke: #c9ab81; transition: 2s; stroke-width: 2px; stroke-dashoffset: 240%; stroke-dasharray: 330% 25; }
#facility .facility-in .fac-wrap .txt a:hover svg rect { stroke-dashoffset: -113% !important; }
#facility .facility-in .fac-wrap .txt a span { position: absolute; display: block; height: 50px; width: 163px; font-family: 'Open Sans'; font-size: 13px; line-height: 50px; font-weight: 600; }
#facility .facility-in .fac-wrap > div:nth-of-type(2) { background: url(../img/sub5/5/image6.jpg); background-size: cover; background-position: right; }

#pictrue .picture-in { background:url(../img/sub5/5/image3.jpg) 50% no-repeat; background-size: cover; height: 400px; margin-top: 70px; }


@media (max-width: 1300px) {
    #pictrue{padding:0 2.36%;}
    #facility .facility-in { padding: 0px 2.36%; }
    #pictrue .picture-in { height: 400px; margin-top: 60px; }
    
}

@media (max-width: 780px) {
    #main > .txt > .txt-in{padding-bottom: 50px;}
    #pictrue .picture-in { height: 320px; margin-top: 30px; }
    #facility { padding-top: 60px; }
    #facility .facility-in .fac-wrap { display: block; }
    #facility .facility-in .fac-wrap > div { width: 100%; text-align: center; }
    #facility .facility-in .fac-wrap > .right { margin-top: 60px; height: 320px; }
    #facility .facility-in .fac-wrap .txt h3 { margin-top: 0px; font-size: 18px; }
    #facility .facility-in .fac-wrap .txt h1 { font-size: 34px; }
    #facility .facility-in .fac-wrap .txt p {  margin-bottom: 60px; line-height: 24px; }
    #facility .facility-in .fac-wrap .txt a { display: block; position: relative; width: 163px; height: 50px; margin: 65px auto 0px; text-align: center; }
    
}

@media (max-width: 500px) { 

    #main > .txt > .txt-in > h1{margin-left:0;}
    #facility { padding-top: 40px; }
    #facility .facility-in .fac-wrap .txt h3 { font-size: 14px; }
    #facility .facility-in .fac-wrap .txt h1 { font-size: 28px; }
    #facility .facility-in .fac-wrap .txt p { margin-bottom: 0px; font-size: 12px; line-height: 20px; }
    #facility .facility-in .fac-wrap .txt a { margin: 30px auto 0px; }
    #facility .facility-in .fac-wrap > div:nth-of-type(2) { height: 280px; }
    #pictrue .picture-in { height: 280px; margin-top: 24px; }
}