@charset "utf-8";

/*================================
下層ページ共通設定
================================*/

.lower_mv {
    background-image: url(./img/lower_mv_bg.jpg);
}

#main-facilities {
    margin-bottom: 20px;
}

#main-facilities .splide__slide {
    background: url(img/facilities_slide01.png?091) no-repeat center;
    min-height: 710px;
    position: relative;
    overflow: auto;
}

#main-facilities .splide__slide01 {
    background-image: url(./img/facilities_slide01.png?091);
}

#main-facilities .splide__slide02 {
    background-image: url(./img/facilities_slide02.png?091);
}

#main-facilities .splide__slide03 {
    background-image: url(./img/facilities_slide03.png?091);
}

#main-facilities .splide__slide04 {
    background-image: url(./img/facilities_slide04.png?091);
}

#main-facilities .splide__slide05 {
    background-image: url(./img/facilities_slide05.png?091);
}


.splide__pagination__page.is-active {
    background: #3da7d1;
}

.splide__pagination__page {
    background: #333333;
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 1px solid #3da7d1;
    border-radius: 24px;
    overflow: hidden;

}

.splide__arrow {
    background: none;
    width: auto;
    height: auto;
}

.splide__arrow--prev {
    left: -1em;
}

.splide__arrow--next {
    right: -1em;
}

.splide__pagination__page {
    height: 6px;
    width: 6px;
}

.facilities_slide {
    background-color: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 20px;
    padding:  15px 45px;
    position: absolute;
    left: -1px;
    bottom: 0;
    max-width: 770px;
    width: 77%;
    height: 112px;
}



.equipments_flex {
    display: flex;
    flex-wrap: wrap;
    gap:30px 20px;
}

.equipments_flex_item {
    max-width: 480px;
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.equipments_txt {
    flex: 1;
}

.long_flex_box {
    max-width: 100%;
    width: 100%;
}


.FacilitiesStandards_txt {
    max-width: 990px;
    letter-spacing: 0.6px;
}

.FacilitiesStandards_box {
        border: 5px solid #e6e6e6;
        border-radius: 10px;
        background-color: rgb(255, 255, 255);

        padding: 60px 20px;
        text-align: center;
}

.FacilitiesStandards_inner {
    width: fit-content;
    margin: 0 auto;
    text-align: left;
}

/*================================

　ここからPC適用

================================*/
@media(min-width: 897px) {


}

/*================================
TABLET縦 1024px～0px
================================*/
@media (max-width: 1024px) {

    .equipments_flex_item {
        width: 100%;
        margin: 0 auto;
        justify-content: center;
        max-width: 100%;
    }

    #main-facilities .splide__slide {
        background-size: 100%;
        padding-bottom: 72%;
        min-height: auto;
    }

    .facilities_slide {
        padding: 10px;
        width: 96%;
    }

    
    .FacilitiesStandards_box {
        padding: 30px 10px;
    }

}

/*================================

　ここからTABLET・SP適用

================================*/
@media(max-width: 896px) {
}

/*================================

　ここからSP適用

================================*/
@media(max-width: 700px) {

    .equipments_txt {
        flex: auto;

    }
}

/*================================

　ここからSP適用

================================*/
@media(max-width: 480px) {

    .equipments_flex {
        gap: 40px 20px;
    }

    .splide__arrow {
        top: 29%;
    }

    .facilities_slide {
        position: relative;
        left: 0;
        background: none;
    }

    .splide__track--nav>.splide__list>.splide__slide.is-active {
        border-radius: 8px;
    }

    #main-facilities .splide__slide {
        background-size: 100%;
        background-position: top;
        padding-bottom: 50px;
        padding-top: 72%;
        min-height: auto;
    }
}