/* ヒーロー本体 */
.hero-slider {
  height: 100dvh;
  background-image: url(/wp-content/uploads/top1-scaled.webp);
  background-size: cover;
  background-position: center;
  transition: background-image 3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* 下寄せ */
  position: relative;
}

/* オーバーレイ */
.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* ヒーロー内のテキスト */
.hero-text {
  z-index: 2;
  color: white;
  text-align: left;
  padding: 2rem;
  width: 100%;
}

/* レスポンシブ見出し */
.responsive-heading {
  color: white;
  font-size: clamp(1.5rem, 5vw, 3.0rem);
  line-height: 1.3;
  letter-spacing: 0.05em; /* 文字間の調整 */
}

/* 下のコンテンツ（ヒーローの高さ分だけ下にずらす） */
.page-content {
  clear: both;
  margin: 2rem auto;
  padding: 100dvh 1rem 0; /* 重なり防止 */
  position: relative;
  z-index: 1;
}