:root{
  --color-primary:#2A5772;
  --color-secondary:#6B94AE;
  --color-accent:#D9CBA3;

  --color-heading:#1F2937;
  --color-text:#475569;

  --color-bg: #FFFFFF;
  --color-bg-soft: #F8FAFC;

  --font-base:
      "Noto Sans JP",
      "Hiragino Sans",
      "Hiragino Kaku Gothic ProN",
      "Yu Gothic",
      sans-serif;

  --font-size:15.5px;

  /* ecosaveページで使用 */
  --navy:#232a7c;
  --navy-deep:#182058;
  --green:#5aa42c;
  --green-deep:#3f7d1c;
  --blue:#2563eb;
  --ink:#1e293b;
  --muted:#64748b;
  --line:#e2e8f0;
  --bg:#f7f8fc;
  --card:#ffffff;
  --grad:linear-gradient(90deg,#2440a8 0%,#2563eb 45%,#5aa42c 100%);
  --radius:16px;
  --shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06);
}

body {
    font-family: var(--font-base);
    font-size: var(--font-size);
    line-height: 1.8;
}  


html {
    scroll-behavior:smooth;
}