/* ===== セクション見出し変数 ===== */
/* 全セクションの見出しはこの変数で統一する */
:root {
  --section-title: 2.95cqw;    /* 大見出し — benefits強調行と同サイズ */
  --section-lead: 2.6cqw;      /* サブタイトル — benefits上段と同サイズ */
  --section-lead-mt: 1.15cqw;  /* 大見出し→サブタイトルの上余白 */
}

/* ===== 共通 ===== */
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #fff;
  overflow-x: clip;
  color: #191919;
  font-family: Poppins, Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 700;
}
a { color: inherit; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin: 0; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible { outline: 3px solid #1664b4; outline-offset: 5px; }

/* ===== ラッパー ===== */
.lp {
  max-width: 1280px;
  margin: auto;
  background: #fff;
  container-type: inline-size;
}

/* 文節を途中で折り返さない */
.nb { display: inline-block; }