@charset "utf-8";

/*main start*/

#main .sec1_slider .swiper-slide.img1{background: url(../img/sub3/5/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(../img/sub3/5/image2.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 > .left { width: 60%; }
#facility .facility-in .fac-wrap > .right { width: 40%; }
#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: 20px; 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/sub3/5/image1.jpg); background-size: cover; background-position: center 100%; }

#pictrue .picture-in { background:url(../img/sub3/5/image2.jpg) 50% 65% no-repeat; background-size: cover; height: 400px; margin-top: 70px; }
.tg{width: 85%; border-collapse: collapse;border-spacing: 0;margin-bottom: 40px;}
.tg colgroup col:nth-child(1){ width: 35%;}
.tg colgroup col:nth-child(2){ width: 35%;}
.tg colgroup col:nth-child(3){ width: 15%;}
.tg colgroup col:nth-child(4){ width: 15%;}

.tg td {border-color: black;border-style: solid;border-width: 1px;font-size: 14px;overflow: hidden;padding: 10px 5px;word-break: normal;}
.tg th {border-color: black;border-style: solid;border-width: 1px;font-size: 14px;font-weight: normal;overflow: hidden;padding: 10px 5px;word-break: normal;}
.tg .tg-0lax {text-align: left;vertical-align: top;}
@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: 1024px) {
    .tg{width: 100%; }
    #facility { padding-top: 60px; }
    #facility .facility-in .fac-wrap { display: block; }
    #facility .facility-in .fac-wrap > .left { width: 100%; text-align: center; }
    #facility .facility-in .fac-wrap > .right { width: 100%; 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: 780px) {
    #main > .txt > .txt-in{padding-bottom: 50px;}
    #pictrue .picture-in { height: 320px; margin-top: 30px; }
    .tg td {font-size: 12px;}
    .tg th {font-size: 12px;}
}

@media (max-width: 500px) {
    .tg{ margin-top: 20px;}
    .tg colgroup col:nth-child(1){ width: 36%;}
    .tg colgroup col:nth-child(2){ width: 36%;}
    .tg colgroup col:nth-child(3){ width: 14%;}
    .tg colgroup col:nth-child(4){ width: 14%;}
    #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; }
}
@media (max-width: 440px) {
    .tg td {font-size: 11px;}
    .tg th {font-size: 11px;}
}