@charset "utf-8";

#facilities{font-family: 'Ryumin-Pro', sans-serif;}
/* #facilities .fs-14{letter-spacing: -0.05em;} */
#facilities .w-fit {width: fit-content; margin-left: auto;margin-right: auto;}
#facilities .facilities-title{ position: relative;color: #000;text-align: left;padding: 0 0 6px;border-bottom: 1px solid #000;font-weight: 600;margin-bottom: 20px;}
#facilities .facilities-title .fs-15{font-weight: 700; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", "MS PGothic", sans-serif;}
#facilities .facilities-title::after{ position: absolute;bottom: 3px;left: 0;width: 100%;border-top: 4px solid #000;content: '';display: block;}
#facilities .facilities-title .fs-25{margin-right: 20px;font-family: 'Sawarabi Gothic', sans-serif; letter-spacing: 0.1em; }

#facilities .row-module-col2 > .col{width: calc(50% - 18px);margin-right: 36px; }
#facilities .row-module-col2 > .col:nth-child(2n){margin-right: 0;}

#facilities .item-row-module1 > .item-col1{width: 45.645%;margin-right: 3.2%;padding-top: 6px;display: flex;align-items: center;}
#facilities .item-row-module1 > .item-col2{width: 50%;display: flex;flex-direction: column;justify-content: space-between;}


#facilities .item-row-module2{align-items: center;}
#facilities .item-row-module2 > .item-col1{width: 70%;margin-right: 3.2%;padding-top: 6px;}
#facilities .item-row-module2 > .item-col2{width: 26.8%;display: flex;flex-direction: column;justify-content: space-between;}

#facilities .item-row-module3 > .item-col1{width: 57.8%;margin-right: 3.2%;}
#facilities .item-row-module3 > .item-col2{width: 39%;display: flex;flex-direction: column;justify-content: space-between;padding-top: 6px;}

#facilities .item-row-module4 > .item-col1{width: 300px;margin-right:20px;padding-top: 6px;}
#facilities .item-row-module4 > .item-col2{width: calc(100% - 320px);display: flex;flex-direction: column;justify-content: space-between;}

#facilities .item{margin-bottom: 20px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", "MS PGothic", sans-serif;}
#facilities .item p{text-align: justify;text-justify: distribute;}

#facilities .item-title{display: flex;align-items: center;line-height: 1;border-bottom: 1px solid black;margin-bottom: 14px;min-height: 57px;padding-bottom: 4px;}
#facilities .item-title .number{display: inline-flex; align-items: center; justify-content: center; font-weight: bold; min-width: 32px; width: 32px;height: 32px;background: #5c5a59;color: white;line-height: 1;margin-right: 13px;}
#facilities .item-title .text{line-height: 1.4; font-weight: bold;color: #5c5a59;}
#facilities .item-title .text i {font-style: italic;}
#facilities .buttons{padding: 20px 0 60px 0; font-family: 'Sawarabi Gothic', sans-serif;}
#facilities .buttons .row1 .col{width: calc(25% - (42px / 4));margin-right: 14px;border:1px solid #5c5a59;color: #5c5a59; text-align: center;display: flex; justify-content: center;align-items: center; padding: 17px 4px; letter-spacing: 0.05em;}
#facilities .buttons .row1 .col.active{background: #5c5a59;color: #fff;}
#facilities .buttons .row1 .col:nth-child(4n){margin-right: 0;}

#facilities .sect{padding: 0 0 50px 0;}
#facilities .sect3 .item6 .item6-row{padding-bottom: 24px;}
#facilities .sect3 .item6 .item6-row .col1{width: 190px;margin-right: 30px;}
#facilities .sect3 .item6 .item6-row .col2{width: calc(100% - 220px);}
#facilities .sect5 .item3 .item-col1{width: 42.8%;margin-right: 3.2%;}
#facilities .sect5 .item3 .item-col2{width: 54%;}

#facilities .item p.text-right{text-align: right;}
#facilities .sect3 .item3{margin-bottom: 40px;}
#facilities .sect3 .item2 .item-col1{width: 34%;}
#facilities .sect3 .item2 .item-col2{width: 62.5%;}
#facilities .row-module-col2 .row.items-end {justify-content: space-between;}
#facilities .sect3 .item6 figure{margin: 20px 0;text-align: center;}
.mb-15{margin-bottom: 15px;}
#facilities .item.item1.only-pc{margin-bottom: 100px;}
#facilities .clr-gray{color: #5c5a59;}
#facilities .sect12 .row .photo-border{border: 1px solid #918b8a;padding: 25px 0;}

#facilities .sect16 .row3{justify-content: space-between;row-gap: 20px;}
#facilities .sect16 .row3 .col1 {width: 23.1%;}
#facilities .sect16 .row3 .col2 {width: 41.2%;}
#facilities .sect16 .row3 .col3 {width: 32.2%;}
#facilities .sect16 .row3 .col3 .mmt-15 {margin-top: -15px;}




/* MEDIA */
@media screen and (min-width: 769px) {
    #facilities .sect16 .row1 .col2 .item p{max-width: 60%;position: relative;}
    #facilities .sect16 .row1 .col2 .item img{margin-top: -80px;}

    #facilities .sect18 .row1.row{justify-content: space-between;}
    #facilities .sect18 .col1{width: 22%;}
    #facilities .sect18  .row-module-col2 > .col2{width: 73%;}
    #facilities .sect18 .item-row-module1 > .item-col1{display: block;}
    #facilities .sect18 .item-row-module1 > .item-col1{width: 39.552%;margin-right: 25px;}
    #facilities .sect18 .item-row-module1 > .item-col2{width: 57%;}
    #facilities .sect18 .row1 .col1 .item-row-module1 > .item-col1 {
        width: 100%;
        margin-right: 0;
    }
    #facilities .sect18 .row1 .col1 .item-row-module1 > .item-col2 {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    #facilities .row-module-col2 > .col{width: 100%;margin-right: 0;}
    #facilities .row-module-col2 > .col:nth-child(2n){margin-right: 0;}

    #facilities .item-row-module1 .photo,
    #facilities .item-row-module1 img{width: 100%;}

    #facilities .item-row-module4 > .item-col1{width: 100%;margin-right: 0;}
    #facilities .item-row-module4 > .item-col2{width: 100%;padding-top: 10px;}

    #facilities .item-title{margin-bottom: 6px;min-height: auto;padding-bottom: 6px; font-weight: 700;}
    #facilities .item-title .number{min-width: 28px; width: 28px;height: 28px;margin-right: 8px;}

    #facilities .buttons{padding: 0px 0 20px 0;}
    #facilities .buttons .row1 .col{width: calc(50% - 7px); padding: 10px;margin-bottom: 14px; }
    #facilities .buttons .row1 .col:nth-child(4n){margin-right: 14px; }
    #facilities .buttons .row1 .col:nth-child(2n){margin-right:0; }

    #facilities .item{ margin-bottom: 30px;}
    #facilities .sect{ padding: 0 0 30px 0;}
    #facilities .sect3 .item6 .item6-row .col1{width: 100%;margin-right: 0;}
    #facilities .sect3 .item6 .item6-row .col2{width: 100%;padding-top: 10px;}
    /* #facilities .sect3 .item6 .item-title{background-size:90px  auto;background-position: right center;background-repeat: no-repeat;padding-right: 90px;} */
    #facilities .sect5 .item3 .item-col1{width: 46.8%;margin-right: 3.2%;}
    #facilities .sect5 .item3 .item-col2{width: 50%;}

    #facilities .sect13  .row1-sp{padding-top: 20px;}
    #facilities .sect13  .row1-sp > .col{width: calc(50% - 5px);margin-right: 10px;}
    #facilities .sect13  .row1-sp > .col:nth-child(2n){margin-right: 0;}
    #facilities .sect13  .row1-sp .photo{margin-bottom: 6px;}
    #facilities .sect13  .row1-sp .photo,
    #facilities .sect13  .row1-sp .photo img{width: 100%;}
    #facilities .fs-25{font-size: 19px;}
    /* #facilities .sect2 .item-row-module1 > .item-col1{width: 100%;margin: 0;margin-bottom: 8px;}
    #facilities .sect2  .item-row-module1 > .item-col2{width: 100%;} */
    #facilities .photo.w-50{width: 50%;margin-top: 40px;}
    #facilities .sect16 .row3{justify-content: center;}
    #facilities .sect16 .row3 .col1 {width: 100%;}
    #facilities .sect16 .row3 .col2 {width: 100%;}
    #facilities .sect16 .row3 .col3 {width: 100%;}
    /* #facilities .sect18 .row-module-col2 > .col1 .item1 .photo {width: 100%;} */
    #facilities .sect18 .row-module-col2 > .col2{width: 100%;}
    #facilities .sect18 .row-module-col2 > .col2 .item-row-module1 > .item-col1 {width: 100%;}
    #facilities .sect18 .row-module-col2 > .col2 .item-row-module1 > .item-col2 {width: 100%;margin-top: 10px;}
    #facilities .row-module-col2 .row.items-end > div {width: 48%;}
    #facilities .item-row-module1 > .item-col1{align-items: flex-start;}
    .row-struct .col-num01-sp{order: -2;}

    .row-struct .col-num02-sp{order: -1;}
}
#facilities .font-hikaku{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", "MS PGothic", sans-serif;}

@media screen and (max-width: 480px) {
    #facilities .buttons .row1 .col{min-height: 60px; }
    #facilities .facilities-title .fs-25{margin-right: 15px;}
    /* #facilities .sect3 .item4 .item-title {background-size: 90px; padding-right: 100px;} */
}
