/* =========================================================
   サイト全体スキン：矢作地所調（白ベース × コーポレートブルー）
   参考: https://www.yahagijisyo.co.jp/
   - 文字#303030 / アクセント#0068B3 / フッター#001524 /
     罫線#dbdbdb・#ebebeb / 補助#666 の抽出トークンに準拠。
   - 白余白を広くとり、ヘアラインと丸矢印で構成する。
   SWELLの共通パーツと注入チローム(.khy-chrome)をこのトーンへ揃える。
   ※独自チロームを持つ /hirayama/ LP はこのCSSを読み込まないため対象外。
   このCSSを外せば元のトーンに戻る（可逆）。
   ========================================================= */
:root{
  --khy-ink:#303030;      /* 本文・見出し */
  --khy-blue:#0068b3;     /* コーポレートブルー（矢印・リンク・強調） */
  --khy-blue-d:#00538f;   /* ホバー時の濃いブルー */
  --khy-navy:#001524;     /* フッター地・CTA */
  --khy-muted:#666666;    /* 補助テキスト */
  --khy-line:#dbdbdb;     /* 罫線（主） */
  --khy-line2:#ebebeb;    /* 罫線（淡） */
  --khy-grey:#f7f7f7;     /* 明るいセクション地 */
}

/* ---- 書体：矢作と同系の游ゴシックスタック ---- */
body{
  font-family:"游ゴシック体 Pr6N R", YuGothic, "Yu Gothic", 游ゴシック,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Zen Kaku Gothic New", Meiryo, sans-serif;
  color:var(--khy-ink);
  font-feature-settings:"palt";
  letter-spacing:.02em;
}
.post_content h1,.post_content h2,.post_content h3,.post_content h4,
.l-article h2,.l-article h3,
.c-secTitle,.c-pageTitle,.p-postList__title,.p-postList__excerpt,
.swell-block-accordion__title,.p-blogCard__title{
  font-family:inherit;
  letter-spacing:.03em;
  font-feature-settings:"palt";
}
.c-pageTitle{color:var(--khy-ink);font-weight:700;}
.p-postList__excerpt,.p-postList__meta,.c-postTimes{color:var(--khy-muted);}

/* ---- 方式B：SWELL標準のヘッダー/フッターを隠し、注入チロームを表示 ---- */
.l-header,.l-fixHeader,#fix_header,.l-footer,.p-spMenu,.c-fixBtnWrap{display:none!important;}
body{padding-top:76px;} /* 注入ヘッダー(fixed)の高さ分 */
.khy-chrome .lp-hy-header.khy-fixed{position:fixed;top:0;left:0;right:0;z-index:1000;}

/* 注入チローム(.lp-hy)は独自に書体指定を持つため、本文と同じ游ゴシックへ揃える */
.lp-hy.khy-chrome{
  font-family:"游ゴシック体 Pr6N R", YuGothic, "Yu Gothic", 游ゴシック,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Zen Kaku Gothic New", Meiryo, sans-serif;
}

/* ---- 注入チロームのデザイントークンを矢作トーンへ上書き ----
   （.khy-chrome にだけ効くので、LP本体の .lp-hy には影響しない） */
.khy-chrome{
  --navy:var(--khy-navy);    /* ヘッダー文字・CTA・フッター地 */
  --navy-2:var(--khy-blue);
  --gold:var(--khy-blue);    /* 旧アクセント → ブルー */
  --gold-2:#ffffff;
  --line:var(--khy-line2);
  --cream:var(--khy-grey);
  --ink:var(--khy-ink);
}
/* ヘッダー：白地・ヘアライン1本のみ（影なし） */
.khy-chrome .lp-hy-header{border-bottom:1px solid var(--khy-line2);box-shadow:none;}
/* グロナビとSPドロワーの見た目は lp-hirayama.css に集約（LPと共通のため）。
   ここで .khy-chrome スコープの上書きを持つとLPと再び食い違うので置かない。 */
/* ヘッダーCTA：濃紺の角なし。ホバーでブルー */
.khy-chrome .lp-hy-header__cta{background:var(--khy-navy);color:#fff;border-radius:0;letter-spacing:.04em;}
.khy-chrome .lp-hy-header__cta:hover{background:var(--khy-blue);color:#fff;}

@media (max-width:560px){ body{padding-top:70px;} }

/* フッター：#001524。見出しにダッシュ、リンクは淡色→白 */
.khy-chrome .lp-hy-footer{background:var(--khy-navy);color:#c9d1d7;}
.khy-chrome .lp-hy-footer__col h4{display:flex;align-items:center;gap:10px;font-size:15px;color:#fff;}
.khy-chrome .lp-hy-footer__col h4::before{content:"";width:14px;height:1px;background:var(--khy-blue);flex:0 0 auto;}
.khy-chrome .lp-hy-footer__col a{color:#aab6bf;}
.khy-chrome .lp-hy-footer__col a:hover,
.khy-chrome .lp-hy-footer a:hover{color:#fff;}
.khy-chrome .lp-hy-footer__info{color:#aab6bf;}
.khy-chrome .lp-hy-footer__cta{background:#fff;color:var(--khy-navy);border-radius:0;letter-spacing:.04em;}
.khy-chrome .lp-hy-footer__cta:hover{background:var(--khy-blue);color:#fff;}
.khy-chrome .lp-hy-footer__bar{color:#7d8b95;}

/* ---- 旧オレンジCTA画像の残骸を念のため非表示 ---- */
img[src*="contact-1"]{display:none!important;}

/* ---- ボタン：白地＋ヘアライン枠＋ブルーの丸矢印（矢作の主要パーツ） ---- */
.swell-block-button__link,
.c-btn,
.wp-block-button__link{
  display:inline-flex;align-items:center;gap:18px;
  background:#fff;color:var(--khy-ink);border:1px solid var(--khy-line);border-radius:0;
  font-weight:700;letter-spacing:.05em;transition:.25s;
}
.swell-block-button__link::after,
.wp-block-button__link::after{
  content:"→";display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;flex:0 0 auto;border:1px solid var(--khy-line);border-radius:50%;
  color:var(--khy-blue);font-size:14px;line-height:1;transition:.25s;
}
.swell-block-button__link:hover,
.c-btn:hover,
.wp-block-button__link:hover{background:#fff;color:var(--khy-blue);border-color:var(--khy-blue);}
.swell-block-button__link:hover::after,
.wp-block-button__link:hover::after{background:var(--khy-blue);border-color:var(--khy-blue);color:#fff;}

/* ---- 見出し：太字＋短いブルーのアクセント線 ---- */
.post_content h2.is-style-section_ttl::after,
.c-secTitle::after{background:var(--khy-blue);}

/* ---- 記事一覧（新着情報）：日付＋枠付きカテゴリチップ＋下線タイトル ---- */
.p-postList__title{color:var(--khy-ink);font-weight:700;transition:.2s;}
.p-postList__link:hover .p-postList__title{color:var(--khy-blue);text-decoration:underline;text-underline-offset:4px;}
.p-postList__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.p-postList__times{color:var(--khy-muted);font-size:13px;}
/* カテゴリはフォルダアイコンを外し、角なしのアウトラインチップに */
.p-postList__cat{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;
  border:1px solid var(--khy-line);color:var(--khy-muted);
  padding:5px 14px;font-size:12.5px;line-height:1.5;border-radius:0;background:transparent;}
.p-postList__cat.icon-folder::before{display:none;}
.p-postList__item{border-color:var(--khy-line2);}

/* ---- ページトップボタン：丸・ヘアライン ---- */
#pagetop,
.p-fixBtnWrap .c-fixBtn{background:var(--khy-navy);border:1px solid var(--khy-navy);border-radius:50%;}
#pagetop:hover{background:var(--khy-blue);border-color:var(--khy-blue);}

/* ---- リンク・選択色 ---- */
.post_content a:not([class]){color:var(--khy-blue);text-underline-offset:3px;}
.post_content a:not([class]):hover{color:var(--khy-blue-d);}
::selection{background:var(--khy-blue);color:#fff;}