.atocon-mv__sp-art {
    display: none;
}

@media (max-width: 767px) {
    body.home .atocon-mv,
    body.front-page .atocon-mv {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 0;
        aspect-ratio: 1081 / 1921;
        overflow: hidden;
        background: #5bc1e2;
    }

    body.home .atocon-mv {
        height: 100vh;
        aspect-ratio: auto;
    }

    .home .atocon-mv__sky,
    .front-page .atocon-mv__sky {
        display: none;
    }

    .home .atocon-mv__sp-art,
    .front-page .atocon-mv__sp-art {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 1;
        background-image: url("../img/kv_sp.png?v=20260724-2");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
    }

    .home .atocon-mv::after,
    .front-page .atocon-mv::after {
        display: none;
    }

    .home .atocon-mv__copy,
    .front-page .atocon-mv__copy {
        display: block;
        position: absolute;
        right: 2rem;
        bottom: 2.4rem;
        left: 2rem;
        z-index: 20;
        width: auto;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: #ffffff;
    }

    .home .atocon-mv__copy {
        bottom: 22svh;
    }

    /* HOMEの白文字ホバーを、SPメニュー内のタップ遷移へ持ち越さない。 */
    .home.atocon-menu-open .atocon-site-header__nav .atocon-nav a:hover,
    .front-page.atocon-menu-open .atocon-site-header__nav .atocon-nav a:hover {
        background: #fff8f2;
        color: var(--atocon-color-text);
        text-decoration: none;
        transform: none;
        transition: none;
    }
}