/* ベース — リセット・タイポグラフィの初期値
 * ヘッド（計画フェーズ）で確定。各セッションは編集しないこと。
 */

/* --- リセット（最小限） --- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
ol {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: inherit;
  text-align: left;
}

button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
}

/* --- ドキュメント --- */
body {
  font-family: var(--f-body);
  font-size: var(--fs-base);
  font-weight: 400;
  color: var(--c-text);
  background: var(--c-white);
  /* PC専用ページ。1920px固定デザインの再現 */
  min-width: 1920px;
}

/* 見出しは Zen Kaku Gothic New Bold で統一（実測: section2/3/4/#plans5/6 で共通） */
h1,
h2,
h3 {
  font-family: var(--f-heading);
  font-weight: 700;
  color: var(--c-navy);
}

/* --- 内側コンテナ ---
 * .is-in はデザイン上「内側のラッパー」を指す汎用クラスで、幅は一定ではない
 * （1200 / 1168 / 980 …）。ここでは中央寄せだけを担い、幅は各セクションが決める。
 */
.is-in {
  width: 100%;
  margin-inline: auto;
}