.amakusaIntroduction {
  margin-top: 40px;
}

.amakusaIntroduction__inner {
}

.amakusaIntroduction__head {
  background-color: #ef8a4c;
  padding: 30px 20px 0;
}

.amakusaIntroduction__ttl {
  max-width: 320px;
  margin: 0 auto;
}

.amakusaIntroduction__head img {
  display: block;
  max-width: 330px;
  height: auto;
  margin: 0 auto;
}

/* slide animation */
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.amakusaIntroduction__slider {
  display: flex;
  overflow: hidden;
  gap: 10px;
  margin-top: 30px;
}

.amakusaIntroduction__slideContent {
  display: flex;
  gap: 10px;
  animation: infinity-scroll-left 40s infinite linear 0.5s both;
}

.amakusaIntroduction__slideItem {
  height: 200px;
  aspect-ratio: 315 / 200; /* または 4 / 3 など適切な比率 */
  flex-shrink: 0; /* 縮小を防ぐ */
}

.amakusaIntroduction__slideItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 767px) {
    .amakusaIntroduction {
  margin-top: 80px;
}

.amakusaIntroduction__ttl {
  max-width: 800px;
  margin: 0 auto;
}

.amakusaIntroduction__head img {
  display: block;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
}
}