/* スライドショー用CSS */

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