body {
    font-family: 'Noto Sans JP', sans-serif;
}
.is-purple {
    color: #8c00ff;
}
.yohaku {
    padding: 5px;
}
.sayuyohaku {
    margin: 0px 20%;
}
.card {
    margin: 0 auto;
}
.chuo {
    text-align: center;
}

.slide-container {
    width: 100%;
    margin: 50px auto;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.slide-wrapper {
    display: flex;
    animation: slide-flow 20s infinite linear 1s both;
}
.slide{
    height: 90px;
    object-fit:cover;
    border: 1px solid #ddd;
}
@keyframes slide-flow {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}