/* =========================
  SP HERO Swiper（高さ0対策の決定版）
========================= */
#client-top-hero-SP{
  position: relative;
}

/* 「400×0」対策：ここで確実に高さを持たせる */
#client-top-hero-SP #mySwiper0{
  width: 100%;
  height: 72vh;        /* 好きに調整OK */
  min-height: 520px;   /* ここが効くと0にならない */
  background: #000;
}

#client-top-hero-SP #mySwiper0 .swiper-wrapper,
#client-top-hero-SP #mySwiper0 .swiper-slide{
  height: 100%;
}

/* 1枚の中身 */
#client-top-hero-SP .sp-hero-slide{
  position: relative;
  overflow: hidden;
}

#client-top-hero-SP .sp-hero-bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#client-top-hero-SP .sp-hero-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.55));
}

#client-top-hero-SP .sp-hero-content{
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 22px;
  color: #fff;
  z-index: 2;
}

#client-top-hero-SP .sp-hero-cta{
  display: inline-block;
  margin-top: 6px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  color: #fff;
  text-decoration: none;
}