/* =========================================================
   HEALTH PAGE – PARALLAX HERO
   ========================================================= */

.hero-health {
  position: relative;
  min-height: calc(100svh - var(--header-height));
  display: flex;
  align-items: center;
  overflow: hidden;

  clip-path: inset(0);
  z-index: 1;
}


/* overlay微調整（TOPとは別設計） */
.hero-health-overlay {
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.45) 0%,
    rgba(0,0,0,0.3) 35%,
    rgba(0,0,0,0.1) 60%,
    rgba(0,0,0,0) 100%
  );
}

/* 和紙・シニア向けにさらにソフトにしたバージョン */
.bg-gradient-red {
  background: linear-gradient(135deg, #ffebee, #fff3e0) !important;  /* 非常に淡いピンク～クリーム */
}

.bg-gradient-blue {
  background: linear-gradient(135deg, #e3f2fd, #e8f5e9) !important;  /* 淡いブルー～ライトグリーン */
}

.bg-gradient-indigo {
  background: linear-gradient(135deg, #f3e5f5, #ede7f6) !important;  /* 超淡いラベンダー */
}

.bg-gradient-cyan {
  background: linear-gradient(135deg, #e0f7fa, #e8f5e9) !important;  /* 淡いシアン～ミント */
}