@media screen and (max-width:3000px){

.zoom-container {grid-area: content;
    position: relative;
    width: 100%;
    aspect-ratio:3000/1688;
    overflow: hidden;background:#7d7d7d;
}

.zoomslider {
    width: 100%;
    height:100%;
}

.zoomslide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform-origin: center;
}

.zoomslide.active {
    opacity: 0;
    visibility: visible;
}

/* 背景画像の設定 */
.slide-1 {aspect-ratio:3000/1688;
    background-image: url('../img/index34_LL.jpg');
}

.slide-2 {aspect-ratio:3000/1688;
    background-image: url('../img/index02_LL.jpg');
}

.slide-3 {aspect-ratio:3000/1688;
    background-image: url('../img/index04_LL.jpg');
}

}
        /* スマホ用背景画像のアスペクト比設定 */
        @media screen and (max-width: 767px) {
	    .zoom-container {grid-area: content;
    position: relative;
    width: 100%;
    aspect-ratio:800/1250;
    overflow: hidden;background:#7d7d7d;
}

.zoomslider {
    width: 100%;
    height: 100%;
}

.zoomslide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform-origin: center;
}

.zoomslide.active {
    opacity: 0;
    visibility: visible;
}

/* 背景画像の設定 */
.slide-1 {aspect-ratio:800/1250;
    background-image: url('../img/index34_MS.jpg');
}

.slide-2 {aspect-ratio:800/1250;
    background-image: url('../img/index02_MS.jpg');
}

.slide-3 {aspect-ration:800/1250;
    background-image: url('../img/index04_MS.jpg');
}
        }