@media screen and (max-width: 3000px) {
    .bgImagine,.bgImagines {
        width: 100%;
        aspect-ratio: 1500/1500;
        position: relative;
        overflow: hidden;
        z-index: 2;
    }

    .bgImagine .cross,.bgImagines .cross {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 0.5s ease-in-out; /* バックアップトランジション */
        z-index: 1;
    }
    
    /* アクティブスライド用 */
    .bgImagine .cross.active,.bgImagines .cross.active {
        opacity: 1;
        z-index: 2;
    }

    .bgImagine .cross .imagine,.bgImagines .cross .imagines {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .bgImagine .cross .texter {
        position: absolute;
        writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        text-orientation: upright;
        -webkit-text-orientation: upright;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        height: 80%;
        display: flex;
        align-items: center;
    }

    .back_menu001 {
        background: url("../img/index04_MM.jpg") no-repeat;
        aspect-ratio: 1500/1500;
        background-size: 100%;
    }
    .back_menu002 {
        background: url("../img/index05_MM.jpg") no-repeat;
        aspect-ratio: 1500/1500;
        background-size: 100%;
    }
    .back_menu003 {
        background: url("../img/index07_MM.jpg") no-repeat;
        aspect-ratio: 1500/1500;
        background-size: 100%;
    }
    .back_menu004 {
        background: url("../img/index23_MM.jpg") no-repeat;
        aspect-ratio: 1500/1500;
        background-size: 100%;
    }
    .back_menu005 {
        background: url("../img/index24_MM.jpg") no-repeat;
        aspect-ratio: 1500/1500;
        background-size: 100%;
    }
    .back_menu006 {
        background: url("../img/index25_MM.jpg") no-repeat;
        aspect-ratio: 1500/1500;
        background-size: 100%;
    }
    .back_menu007 {
        background: url("../img/index26_MM.jpg") no-repeat;
        aspect-ratio: 1500/1500;
        background-size: 100%;
    }
    
}

@media screen and (max-width: 768px) {
    .bgImagine,.bgImagines {
        width: 100%;
        aspect-ratio:960 / 640;
        position: relative;
        overflow: hidden;
        z-index: 2;
    }

    .bgImagine .cross,.bgImagines .cross {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 0.5s ease-in-out; /* バックアップトランジション */
        z-index: 1;
    }
    
    /* アクティブスライド用 */
    .bgImagine .cross.active,.bgImagines .cross.active {
        opacity: 1;
        z-index: 2;
    }

    .bgImagine .cross .imagine,.bgImagines .cross .imagines {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .bgImagine .cross .texter {
        position: absolute;
        writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        text-orientation: upright;
        -webkit-text-orientation: upright;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        height: 80%;
        display: flex;
        align-items: center;
    }

    .back_menu001 {
        background: url("../img/index04_M.jpg") no-repeat;
        aspect-ratio: 900/640;
        background-size: 100%;
    }
    .back_menu002 {
        background: url("../img/index05_M.jpg") no-repeat;
        aspect-ratio: 960/640;
        background-size: 100%;
    }
    .back_menu003 {
        background: url("../img/index07_M.jpg") no-repeat;
        aspect-ratio: 900/640;
        background-size: 100%;
    }
    .back_menu004 {
        background: url("../img/index23_M.jpg") no-repeat;
        aspect-ratio: 960/640;
        background-size: 100%;
    }
    .back_menu005 {
        background: url("../img/index24_M.jpg") no-repeat;
        aspect-ratio: 960/640;
        background-size: 100%;
    }
    .back_menu006 {
        background: url("../img/index25_M.jpg") no-repeat;
        aspect-ratio: 960/640;
        background-size: 100%;
    }
    .back_menu007 {
        background: url("../img/index26_M.jpg") no-repeat;
        aspect-ratio: 960/640;
        background-size: 100%;
    }

        
}