@charset "utf-8";
:root{
    --back-color:#F2F4F1;
    --facility-text-color:#191919;;
    --border-color:#405A4B;
}
.pc{
    display: block !important;
}
#facility__area{
    width: 100%;
    height: auto;
}
    .facility__inner{
        width: 90%;
        height: auto;
        margin: 0 auto;
        padding-top: 52px;
        padding-bottom: 66px;
        max-width: 1100px;
    }
        .facility__title__wrap{
            padding-top: 54px;
            padding-bottom: 44px;
        }
        .facility__contents__wrap{
            width: 100%;
            height: auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            column-gap: 30px;
            align-items: stretch;
            row-gap: 63px;
        }
            .facility__contents{
                width: 30.909090909%;
                height: auto;
                background-color: var(--back-color);
                padding-bottom: 32px;
                position: relative;
            }
            .facility__contents__link{
                display: block;
                width: 96px;
                height: auto;
                font-size: 12px;
                border-radius: 2px;
                background-color: var(--border-color);
                text-align: center;
                padding-top: 8px;
                padding-bottom: 7px;
                color: #fff;
                margin-top: 20px;
                margin-left: 7.647058823%;
            }
                .facility__contents__image{
                    width: 100%;
                    height: auto;
                }
                    .facility__contents__image img{
                        width: 100%;
                        height: auto;
                    }
                .facility__contents__detail{
                    width: 84.705882352%;
                    height: auto;
                    margin: 0 auto;
                }
                    .facility__contents__detail__title{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        line-height: 1.4;
                        height: 100px;
                        font-size: 20px;
                        text-align: center;
                        padding-top: 24px;
                        padding-bottom: 12px;
                        border-bottom: 1px solid var(--border-color);
                        color: var(--facility-text-color);
                        white-space: nowrap;
                    }
                    .facility__contents__detail__text{
                        font-size: 14px;
                        line-height: 2em;
                        padding-top: 16.4px;
                        color: var(--facility-text-color);
                    }
                    .facility__contents__detail__text span{
                        font-size: 12px;
                    }
                        .facility__contents__detail__text a{
                            color: var(--facility-text-color);
                            word-wrap: break-word;
                        }

@media all and (max-width:820px){
    .sp{
        display: block !important;
    }
    .pc{
        display: none !important;
    }
    .facility__inner{
        width: 87%;
    }   
    
        .facility__contents__detail__title{
            font-size: 18px;
            height: 80px;
        }
            .top__title{
                font-size: 23px;
            }
        .facility__contents__wrap{
            display: block;
        }
            .facility__contents{
                width: 100%;
                margin-bottom: 20px;
            }
}
/* SP ================================================== */
@media all and (max-width:768px){
    .sp{
        display: block !important;
    }
    .pc{
        display: none !important;
    }
    .facility__inner{
        width: 87%;
    }   
    
        .facility__contents__detail__title{
            font-size: 18px;
            height: 80px;
        }
            .top__title{
                font-size: 23px;
            }
        .facility__contents__wrap{
            display: block;
        }
            .facility__contents{
                width: 100%;
                margin-bottom: 20px;
            }
}