/* ===== section-21  ===== */
#section-21 .container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* スライダーを上に重ねる */
.custom-slider {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.custom-slider__frame {
  margin-top: clamp(24px, 7.5vw, 56px);
  width: 72.6667vw;
  max-width: 545px;
  overflow: hidden;
}

.custom-slider__track {
  display: flex;
  width: 100%;
  transition: transform 0.5s ease;
}

.custom-slider__slide {
  min-width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-slider__slide img {
  width: 100%;
  height: auto;
  display: block;
}

/* ドット */
.custom-slider__dots {
  margin-top: clamp(24px, 7.5vw, 56px);
  display: flex;
  gap: clamp(6px, 1.4vw, 10px);
}

.custom-slider__dot {
  width: clamp(8px, 1.4vw, 10px);
  height: clamp(8px, 1.4vw, 10px);
  border-radius: 50%;
  background: #cdcecc;
  border: none;
  padding: 0;
}

.custom-slider__dot.is-active {
  background: #6e6e6e;
}

/* 右ボタン */
.custom-slider__next {
  position: absolute;
  right: -5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: clamp(30px, 8.5vw, 64px);
  height: clamp(30px, 8.5vw, 64px);
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

/* ===== section-24  ===== */
#section-24 .container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 可動枠：幅650px / 高さ最大925px */
.slider-2 .custom-slider__frame {
  max-height: 925px;
  margin-top: clamp(40px, 15.3vw, 125px);
  width: 86.6667vw;
  max-width: 650px;
}

.slider-2 .custom-slider__slide img {
  max-height: 925px;
}

.slider-2 .custom-slider__dots {
  margin-top: clamp(40px, 15.3vw, 115px);
}

.slider-2 .custom-slider__next {
  right: -4%;
}