.page_con-top {
    background: var(--img);
}
.page_con-bg {
    overflow: hidden;
    border-radius: var(--border-radius);
}
.page_con-bg .bg_img {
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 1;
    filter: brightness(0.6);
}
.page_con-top .inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.page_con-title_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.page_con-title {
    font-size: var(--ft32);
    font-family: var(--ft-serif);
    font-weight: var(--medium);
    color: white;
    display: flex;
    flex-direction: column;
}
.shrink_title .split {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    opacity: 0;
    transition: gap 1s ease, opacity 1s ease;
}
.shrink_title .split span {
    min-width: .5ch;
}
.shrink_title.active .split {
    gap: 2px;
    opacity: 1;
}


/* page_con-bottom */
.page_con-bottom {
    padding-top: var(--sec-gap);
}
.page_con-wrap {
    /* width: 1000px; */ 
    display: flex;
    flex-direction: column;
    gap: calc(var(--con-gap) * 2);
}
.facilities_con {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--con-gap) * 2);
    align-items: center;
    justify-content: center;
}
.facilities_con:nth-child(2n) .con-text_box {
    order: 2;
}
.con-text_box {
    text-align: center;
}
.con-title {
    font-size: var(--ft24);
    font-family: var(--ft-serif);
    font-weight: var(--medium);
    margin-bottom: 40px;
}
.con-sub_title {
    font-size: var(--ft16);
    color: var(--ft-sub);
}
.con-visual_box {
    display: flex;
    justify-content: center;
}
.con-visual {
    width: 100%;
    max-width: 420px;
    height: auto;
    aspect-ratio: 1 / 1.2;
    background: var(--img);
}
@media screen and (max-width:960px) {
    .facilities_con {
        gap: var(--con-gap);
    }
}
@media screen and (max-width:600px) {
    /* .page_con-title {
        font-size: clamp(var(--ft24), 4vw, var(--ft46));
    } */
    
    .con-title {
        margin-bottom: 20px;
    }
    .facilities_con {
        grid-template-columns: 1fr;
    }
    .facilities_con:nth-child(2n) .con-text_box {
        order: 0;
    }

    .page_con-bg .bg_img {
        aspect-ratio: 1;
    }
    .con-visual {
        width: 80%;
        margin: 0 auto;
    }
    .shrink_title .split {
        gap: 0;
        opacity: 1;
        flex-wrap: wrap;
    }
    
}