/* ふわっち公式素材スライダー（images/app-huwatti/banner01〜04.webp） */
.hw-slider {
  position: relative;
}

.hw-slider__track {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border-radius: 8px;
}

.hw-slider__track::-webkit-scrollbar {
  display: none;
}

.hw-slider__slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
}

.hw-slider .hw-slider__slide img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1200 / 628;
}

.hw-slider__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}

.hw-slider__dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
}

.hw-slider__dots button.is-active {
  background: #ff5a1f;
}