/* 各スライド */
.slide {
    outline: none;
}

.slide img {
    height: 100%;
    max-height: 500px;
    width: auto;
    display: block;
}

/* ウィンドウ幅に応じて画像の高さを調整 */
@media (max-width: 1200px) {
    .slide img {
        max-height: 400px;
    }
}

@media (max-width: 900px) {
    .slide img {
        max-height: 300px;
    }
}

@media (max-width: 600px) {
    .slide img {
        max-height: 200px;
    }
}

@media (max-width: 400px) {
    .slide img {
        max-height: 150px;
    }
}