:root {
  

  /* メインカラー（Figmaで抽出した値に書き換えてください） */
  --color-main: #1c245e;      /* ネイビー */
  --color-accent: #c8a96a;    /* ゴールド・ベージュ */
  --color-text: #1c245e, #4f4f4f;    /* 基本の文字色 */
  --color-white: #ffffff;

  /* フォントの基本設定 */
  --font-family-base: "Inter", "Shippori Mincho", "Noto Serif JP", serif;
  --font-size-base: 16px;
  --content-width: 1400px;
  --section-space: 130px;

  /* コンテンツの最大幅（Figmaのガイド線の幅をチェック） */
  --content-width: 1400px;
  
  /* 共通の余白（セクション間の上下余白など） */
  --section-space: 130px;
}

/* 全体の基本スタイル */
body {
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  color: var(--color-text);
  line-height: 1.6;
  background-color: var(--color-white);
  -webkit-font-smoothing: antialiased; /* 文字をクッキリさせる（Mac用） */
}

/* 画像がはみ出さないようにする（必須！） */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* リンクの基本設定（a-proudに合う上品なホバー） */
a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

a:hover {
  opacity: 0.7;
}