/* ==========================================================================
   Foundation / Base
   ========================================================================== */
body {
  font-family: var(--font-family-base);
  color: var(--color-text);
  background-color: var(--color-bg);
  /* カンプの本文は 16px / 行送り28px = 1.75、字送り 50/1000em */
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
}

a {
  transition: opacity var(--transition-base);
}

a:hover {
  opacity: 0.7;
}

.l-container {
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-gutter);
}

.p-section {
  padding: 100px 0;
}

.p-section__head {
  text-align: center;
  margin-bottom: 60px;
}

[id] {
  scroll-margin-top: var(--header-total-height);
}

/* ==========================================================================
   Foundation / Variable
   値はデザインカンプ（sitemaru_lp_260817.ai / PCアートボード幅 1000px）から抽出
   ========================================================================== */
   :root {
    /* --- color（カンプのスウォッチ実測値） --- */
    --color-primary: #af5c9f;          /* 見出し・ボタン・アクセント */
    /* --color-primary-light: #c98bc0; */
    --color-cream: #fbf7f3;            /* 帯グラデーション終端／ピル背景 */
    --color-bg: #ffffff;
    --color-gray: #ededed;             /* ヘッダーバー・フッター・縁取り */
    --color-text: #646464;             /* 本文 */
    --color-text-sub: #3c3c3c;         /* コピーライト */
    --color-text-logo: #595757;        /* ロゴ上の小文字 */
    --color-check: #8ca0a0;            /* チェックアイコン */
    --color-border: #e5dde1;
    --color-dark-01: #241816;          /* ダークグラデーション終端 */
    --color-white: #ffffff;
  
    /* ダークセクション（比較表・FAQ）: カンプは #af5c9f → #241816 の縦グラデーション */
    --gradient-dark: linear-gradient(0deg, #af5c9f 0%, #7b3f6f 26%, #4c2b45 65%, #241816 100%);
    --gradient-dark: linear-gradient(360deg,rgba(175, 92, 159, 1) 48%, rgba(0, 0, 0, 1) 100%);

    /* メインビジュアル帯: #ffffff → #fbf7f3 */
    --gradient-hero: linear-gradient(180deg, #ffffff 0%, #fbf7f3 100%);
  
    /* --- font --- */
    --font-family-base: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Yu Gothic Medium", "Meiryo", sans-serif;
    --font-family-en: "Gill Sans", "Gill Sans MT", "Avenir Next", Avenir, "Hiragino Kaku Gothic ProN", sans-serif;
  
    /* --- layout --- */
    /* カンプ: ページ幅1000px / コンテンツ幅800px（左右100px） */
    --container-width: 1050px;
    --container-gutter: 25px;
    --header-height-pc: 88px;
    --header-height-sp: 60px;
    --header-bar-height-sp: 44px;
    --header-total-height: 130px;
  
    /* --- transition --- */
    --transition-base: 0.3s ease;
  }