/* =========================
   ゆっくり横スクロールバナー
   ========================= */
.flow-banner {
  overflow: hidden;
  width: 100%;
  max-width: 980px;
  margin: 0 auto 20px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  margin-bottom:40px;
}

.flow-inner {
  display: flex;
  will-change: transform;
}

.flow-item {
  flex: 0 0 100%; /* 1枚 = 横幅100% */
}

.flow-item img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 480px) {
  .flow-banner {
    border-radius: 8px;
  }
}