#carousel {
    width: 100%;
    overflow: hidden;  /* 枠外を隠す */
    /*background-color: #C4EFE3;*/
    padding: 1rem 0;
    margin: 0;
}



#slides {
    display: flex;
    width: 100%;
    animation: scroll 20s linear infinite;
}

.img-space {
    width: 45vw;   /* 画像より少し大きめで余白を確保 */
    flex-shrink: 0; /* 縮まない */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.img-space img {
    width: 40vw;  /* 画像サイズ */
    height: auto;
    display: block;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .5);
    object-fit: cover;
}

@media (min-width: 1024px) {
#carousel {
    padding: 2rem 0;
}
.img-space {
    width: 23vw;   /* 画像より少し大きめで余白を確保 */
    flex-shrink: 0; /* 縮まない */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0; /* 余白は div 内で確保 */
}
.img-space img {
    width: 20vw;  /* 画像サイズ */
    height: auto;
    display: block;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .5);
}
}