/* Static article layout for phones. Desktop typography and motion are unchanged. */
@media (max-width: 767px) {
    .about-page [data-aos],
    .about-page .intro-text > div,
    .about-page .outro-text > div,
    .about-page .js-parallax-item {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    .about-page .s-title__wrapper {
        padding: 40px 0 32px;
    }

    .about-page .s-title .title-box {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .about-page .s-title .tit-cm {
        margin: 0 auto;
        text-align: center;
    }

    .about-page .s-title .circle-anim,
    .about-page .path-sec .path-wrapper,
    .about-page .prologue .sec4 {
        display: none;
    }

    .about-page .contents.prologue {
        margin-top: 0;
    }

    .about-page .prologue .path-sec {
        min-height: 0;
        padding: 44px 0;
        transition: none;
        isolation: isolate;
    }

    .about-page .path-sec::before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 0;
        background: rgba(0, 0, 0, 0.64);
        pointer-events: none;
    }

    .about-page .path-sec > .inner {
        position: relative;
        z-index: 1;
    }

    .about-page .prologue .sec2 .intro-text {
        max-width: 100%;
        margin: 0 0 26px;
    }

    .about-page .prologue .sec2 .outro-text {
        max-width: 100%;
        margin: 0;
    }

    .about-page .prologue .sec2 .intro-text > div:last-child,
    .about-page .prologue .sec2 .outro-text > div:last-child {
        margin-bottom: 0;
    }

    .about-page .prologue .sec3 .inner {
        padding: 12px 0 28px;
    }

    .about-page .prologue .sec3 .line-content__item {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        min-height: 0;
        gap: 20px;
        padding: 28px 0;
    }

    .about-page .prologue .sec3 .line-content__item .ar-l,
    .about-page .prologue .sec3 .line-content__item .ar-r {
        width: 100%;
        padding: 0;
    }

    .about-page .prologue .sec3 .content-item-txt h3 {
        max-width: 100%;
        margin: 0 auto;
    }

    .about-page .prologue .sec3 .content-item-txt .nr {
        max-width: 100%;
        padding: 12px 0 0;
    }

    .about-page .prologue .sec3 .line-content__item .ar-r .image {
        width: min(320px, 100%);
        max-width: 100%;
        margin: 0 auto;
        top: auto;
        left: auto;
        transform: none !important;
    }
}