/*
Theme Name: VSG M&A Advisory
Theme URI: https://example.com/
Author: VSG M&A Advisory
Description: VSG M&Aアドバイザリー株式会社 コーポレートサイト用テーマ。トップページと下層6ページのデザインを実装しています。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: vsg
*/

:root{

  /* ---- ブランド teal ---------------------------------------
     #2BB9C7 は「面」の色。白背景でのコントラストは 2.37:1 しかないため
     文字にも、白文字を乗せる背景にも使えません。用途で使い分けます。 */
  --teal:      #2BB9C7;  /* 面・グラフ・アイコン地。文字は乗せない        */
  --teal-3:    #26A3B0;  /* 3.02:1  18px以上の見出し / 太字14px以上 / 罫線 */
  --teal-t:    #1E828C;  /* 4.54:1  本文・リンク・ボタン背景(白文字OK) ★主力 */
  --teal-d:    #17626A;  /* 7.02:1  濃い見出し・高コントラストが要る場所    */
  --teal-l:    #4FD0D8;  /* 装飾のみ(グラデ・図版)                        */
  --teal-200:  #C0EDF1;  /* 罫線・区切り                                  */
  --teal-100:  #E2F7F9;  /* 背景(中)                                      */
  --teal-050:  #F2FBFC;  /* 背景(薄)・テーブルの行背景                    */

  /* ---- navy(決定済みサブカラー) ---------------------------- */
  --navy:      #16233D;  /* 白文字 15.65:1                                */
  --navy-d:    #101C33;
  --navy-l:    #1B3A63;
  --navy-x:    #0F1A30;
  --navy-line: #4A5A75;  /* 濃色背景上の罫線                              */
  --navy-sub:  #8FA3C0;  /* 濃色背景上の副次テキスト  6.09:1              */
  --navy-mute: #7F93B3;  /* 濃色背景上のキッカー                          */

  /* ---- amber(決定済みアクセント) --------------------------- */
  --amber:     #F0B429;  /* 面。navy文字で 8.40:1                         */
  --amber-d:   #D9930F;  /* アイコン・下線・面                            */
  --amber-t:   #9A6F0B;  /* 4.51:1  リンク文字 ★                          */
  --amber-x:   #745308;  /* 7.04:1  濃い文字                              */
  --amber-050: #FDF9F0;  /* 背景(薄)                                      */
  --amber-100: #FDF6E6;  /* 背景(中)                                      */
  --amber-200: #F0E0BC;  /* 罫線                                          */
  --amber-300: #F7E8C8;  /* 比較図の自社ボックス                          */

  /* ---- 文字色 ---------------------------------------------- */
  --ink:       #16233D;  /* 見出し。navy と同値                           */
  --text:      #3D4A5F;  /*  8.96:1  本文 ★                               */
  --muted:     #5A6A7E;  /*  5.53:1  副次テキスト                         */
  --grey:      #69788C;  /*  4.50:1  注釈。※旧 #8b98a8 は 2.94:1 で失格   */
  --grey-l:    #8696AD;  /*  3.01:1  18px以上 or 装飾のみ。本文に使わない  */
  --paper:     #FFFFFF;

  /* ---- 面・罫線 -------------------------------------------- */
  --line:      #E3E9EC;
  --line2:     #DCEBEE;
  --line3:     #E8EFF1;  /* テーブル内の細線                              */
  --fill:      #F1F4F6;  /* 中立の面(比較図など)                          */
  --fill-2:    #E8ECEF;
  --fill-3:    #EEF2F4;  /* 画像プレースホルダ                            */
  --bg-soft:   linear-gradient(160deg,#F0F9FA,#E8F4F6);

  /* ---- タイプスケール(8段。これ以外の値を使わない) ---------
     日本語本文の下限は 16px。注釈でも 14px を下回らない。
     M&A の譲渡検討者・税務の相談者は高齢層を含みます。 */
  --fs-xs:   14px;  /* 注釈・キャプション ※下限          */
  --fs-sm:   16px;  /* 本文 ★デフォルト                  */
  --fs-md:   18px;  /* リード文・カード見出し            */
  --fs-lg:   21px;  /* 小見出し(h4)                      */
  --fs-xl:   26px;  /* セクション見出し(h3)              */
  --fs-2xl:  32px;  /* セクション見出し(h2)              */
  --fs-3xl:  44px;  /* ページ見出し(h1・下層)            */
  --fs-4xl:  56px;  /* ヒーロー見出し(h1・トップ)        */

  /* ---- 行間 ------------------------------------------------ */
  --lh-tight: 1.4;   /* 大見出し           */
  --lh-head:  1.6;   /* 見出し             */
  --lh-body:  1.9;   /* 日本語本文         */

  /* ---- スペーシング(4px基準・10段。これ以外を使わない) ----- */
  --s-1:   4px;
  --s-2:   8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  24px;
  --s-6:  32px;
  --s-7:  48px;
  --s-8:  64px;
  --s-9:  96px;
  --s-10:128px;

  /* ---- 角丸(3段) ------------------------------------------ */
  --r-sm: 4px;
  --r-md: 8px;
  --r-full: 999px;

  /* ---- 影(2段。これ以上増やさない) ------------------------ */
  --sh-1: 0 2px 14px rgba(22,35,61,.07);
  --sh-2: 0 8px 32px rgba(22,35,61,.12);

  /* ---- 不透明度(6段。rgba のその場調整を禁じるため) -------- */
  --o-1: .08;
  --o-2: .16;
  --o-3: .24;
  --o-4: .40;
  --o-5: .60;
  --o-6: .80;

  /* ---- 書体 ------------------------------------------------ */
  --serif: 'Shippori Mincho B1',"Yu Mincho","YuMincho",serif;
  --sans:  'Noto Sans JP',"Hiragino Kaku Gothic ProN","Meiryo",sans-serif;

  /* ---- レイアウト ------------------------------------------ */
  --shell: 1120px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:16px;line-height:2;-webkit-font-smoothing:antialiased;text-wrap:pretty}
img{max-width:100%;height:auto}
a{color:var(--amber-t);text-decoration:none}
a:hover{color:var(--amber-x)}
h1,h2,h3,p{margin:0}
button{font-family:inherit}

.wrap{max-width:var(--shell);margin:0 auto;padding:0 32px}
.sec{padding:96px 0}
.sec--soft{background:var(--bg-soft)}
.sec--rel{position:relative;overflow:hidden}
.stack{display:flex;flex-direction:column;gap:64px}

/* ---- header ---- */
.site-header{position:sticky;top:0;z-index:50;background:var(--teal)}
/* 白文字 × var(--teal) は 2.37:1 で CLAUDE.md §4 の規定（4.5:1）を満たしません。
   2026-08-19、暗いティール(#1E828C)もネイビーも「緑すぎる／暗い」として却下されたため、
   意匠を優先する判断で白文字のまま採用しています。R4 は check-design.py が
   同一ルール内に色と背景が揃った場合しか見ないため検出されませんが、規定違反は残っています。 */
.hdr{display:flex;justify-content:space-between;align-items:center;gap:48px;padding-top:16px;padding-bottom:16px}
.hdr__logo{display:flex;align-items:center;flex:none}
.hdr__logo img{height:32px;width:auto;display:block;filter:brightness(0) invert(1)}
.hdr__logo-text{font:700 16px var(--sans);color:var(--paper);letter-spacing:.06em}
.gnav{display:flex;align-items:center;gap:16px}
.gnav a{font:500 14px var(--sans);color:var(--paper);white-space:nowrap;border-bottom:2px solid transparent;padding-bottom:4px}
.gnav a:hover{color:var(--paper);border-bottom-color:rgba(255,255,255,var(--o-5))}
.gnav a.is-current{border-bottom-color:var(--paper)}
.btn-consult{font:600 14px var(--sans);color:var(--navy);background:var(--paper);border-radius:99px;padding:8px 24px;white-space:nowrap}
.btn-consult:hover{color:var(--amber-x)}
/* .gnav a(0,1,1) が .btn-consult(0,1,0) に勝って白地に白文字になるため、詳細度を上げて打ち消す */
.gnav a.btn-consult{color:var(--navy);border-bottom:0;padding:8px 24px}
.gnav a.btn-consult:hover{color:var(--amber-x)}
.burger{display:none;flex-direction:column;gap:4px;background:none;border:0;padding:8px 4px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--paper);transition:.2s}

/* ---- hero (top) ---- */
.hero{position:relative;background:var(--paper);overflow:hidden}
.hero__art{position:absolute;inset:0;pointer-events:none}
.hero__art i{position:absolute;display:block}
.hero__art .a1{top:0;right:0;width:58%;height:100%;background:linear-gradient(115deg,var(--navy-l) 0%,var(--navy) 55%,var(--navy-d) 100%);clip-path:polygon(42% 0,100% 0,100% 100%,78% 100%)}
.hero__inner{position:relative;padding-top:128px;padding-bottom:128px}
.eyebrow-en{font:500 14px var(--sans);letter-spacing:.34em;color:var(--amber-d);margin-bottom:24px}
.hero h1{font:600 56px/1.7 var(--serif);color:var(--navy);letter-spacing:.04em}
.hero__lead{margin-top:32px;font-size:16px;color:var(--muted)}
.hero__foot{display:flex;align-items:center;gap:32px;margin-top:48px;flex-wrap:wrap}
.link-under{font:500 16px var(--sans);color:var(--navy);border-bottom:1px solid var(--amber-d);padding:0 4px 12px}
.link-under:hover{color:var(--navy)}
.link-under span{color:var(--amber-d)}
.checks{display:flex;gap:16px;flex-wrap:wrap}
.check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--amber-t)}
.check i{flex:none;width:19px;height:19px;border-radius:50%;background:var(--amber-d);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:14px;font-style:normal}

/* ---- page hero (下層) ---- */
.phero{position:relative;background:var(--navy);color:var(--paper);overflow:hidden}
.phero__inner{position:relative;padding-top:96px;padding-bottom:96px}
.crumbs{font-size:14px;color:var(--navy-sub);margin-bottom:24px}
.crumbs a{color:var(--navy-sub)}
.crumbs a:hover{color:var(--paper)}
.phero .en{font:600 14px var(--sans);color:var(--teal-p);letter-spacing:.34em;margin-bottom:16px}
.phero h1{font:600 44px/1.6 var(--serif);color:var(--paper)}
.phero__lead{margin-top:24px;font-size:16px;color:var(--grey-l);max-width:640px}

/* ---- section heads ---- */
.shead{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.shead .en{font:600 14px var(--sans);color:var(--teal-t);letter-spacing:.34em}
.shead i{flex:none;width:48px;height:1px;background:var(--teal-200)}
.h-sec{font:600 26px/1.6 var(--serif);color:var(--navy)}
.h-sec--lg{font-size:32px}
.h-sub{font:600 21px/1.7 var(--serif);color:var(--navy)}
.sublead{margin-top:12px;font-size:16px;color:var(--muted)}
.mt32{margin-top:32px}
.mt36{margin-top:32px}
.note{font-size:14px;color:var(--grey)}

/* ---- grids / cards ---- */
.g2,.g3,.g4{display:grid;gap:24px}
.g2{grid-template-columns:1fr 1fr}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr);gap:16px}
.g2--tight,.g4--tight{gap:16px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.split--media{grid-template-columns:300px 1fr;gap:64px;align-items:center}
.split--wide{grid-template-columns:1fr 1.3fr;gap:64px}
.split--group{grid-template-columns:1fr 1.4fr;gap:64px;align-items:center}
.split--co{grid-template-columns:1.25fr 1fr;gap:64px;align-items:start}
.split--fee{grid-template-columns:1.3fr 1fr;gap:32px}

.card{border:1px solid var(--line2);border-radius:6px;padding:32px;background:var(--paper)}
.card--plain{border-color:var(--line);padding:32px}
.card--top{position:relative;overflow:hidden;box-shadow:var(--sh-1);border:0;padding:32px 32px}
.card--top::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--teal-3)}
.card--bar{border-top:3px solid var(--teal-3)}
.card--teal{border:1.5px solid var(--teal);background:var(--teal-050);padding:32px}
.card__t{font:600 18px var(--serif);color:var(--navy);margin-bottom:8px}
.card__t--lg{font-size:21px;margin-bottom:16px}
.card__t--sans{font:600 16px var(--sans);margin-bottom:4px}
.card p{font-size:16px;color:var(--muted)}
.value-no{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
.value-no b{font:600 14px var(--sans);letter-spacing:.2em;color:var(--teal)}
.value-no em{font:600 44px var(--serif);font-style:normal;color:var(--teal-3)}
.value-no--sm em{font-size:32px}
.list{display:flex;flex-direction:column;gap:12px;font-size:16px;color:var(--muted)}
.list div{display:flex;gap:12px}
.list b{flex:none;color:var(--teal);font-weight:600}
.list--amber b{color:var(--amber-d)}
.list--dash b{color:var(--grey);font-weight:400}
.list strong{color:var(--navy);font-weight:500}

/* ---- comparison ---- */
.cmp{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cmp>div{flex:1;border-radius:4px;padding:16px 8px;text-align:center;font-size:14px}
.cmp .n{flex:none;font-size:14px;color:var(--grey);text-align:center;line-height:1.4}
.cmp .box{background:var(--fill);color:var(--muted)}
.cmp .box--mid{background:var(--fill-2);font-weight:600;color:var(--muted)}
.cmp .box--me{background:var(--amber-300);font-weight:600;color:var(--navy)}
.cmp .box--fa{background:var(--navy);font-weight:600;color:var(--paper)}
.cmp .box--other{background:var(--fill);color:var(--muted)}
.cmp-cap{margin-top:16px;font-size:14px;text-align:center;color:var(--grey)}
.cmp-cap--me{color:var(--amber-t);font-weight:500}
.cmp-title{font:600 16px var(--sans);text-align:center;margin-bottom:24px;color:var(--grey)}
.cmp-title--me{color:var(--amber-t)}
.panel-me{position:relative;border-radius:6px;padding:32px;background:var(--amber-050);border:1.5px solid var(--teal-3)}
.badge-me{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--amber);color:var(--navy);font:600 14px var(--sans);letter-spacing:.1em;border-radius:99px;padding:4px 16px;white-space:nowrap}
.lead-center{margin-top:32px;font:500 18px/2 var(--sans);color:var(--navy);text-align:center}
.lead-center b{color:var(--amber-t);font-weight:700}
.note-center{margin-top:8px;font-size:14px;color:var(--grey);text-align:center}

/* ---- tables ---- */
.tbl{background:var(--paper);border:1px solid var(--line2);border-radius:6px;overflow:hidden}
.tbl__hd,.tbl__row{display:grid}
.tbl--3 .tbl__hd,.tbl--3 .tbl__row{grid-template-columns:1.1fr 1.4fr 1.4fr}
.tbl--2 .tbl__hd,.tbl--2 .tbl__row{grid-template-columns:1.6fr 1fr}
.tbl__hd{background:var(--navy);color:var(--paper)}
.tbl__hd>div{padding:16px 24px;font:600 14px var(--sans)}
.tbl__hd>div+div{border-left:1px solid rgba(255,255,255,var(--o-2))}
.tbl__hd .me{background:rgba(255,255,255,var(--o-2))}
.tbl__row{border-top:1px solid var(--line3)}
.tbl__row>div{padding:16px 24px;font-size:16px}
.tbl__row>div+div{border-left:1px solid var(--line3)}
.tbl__row .k{font:600 14px var(--sans);color:var(--navy);background:var(--teal-050)}
.tbl__row .v{color:var(--muted)}
.tbl__row .me{color:var(--navy);background:var(--amber-050)}
.tbl__row .me b{font:600 16px var(--sans)}
.deflist{border-top:1px solid var(--line)}
.deflist>div{display:flex;border-bottom:1px solid var(--line);padding:16px 4px}
.deflist dt{flex:none;width:150px;font:500 14px var(--sans);color:var(--grey);margin:0}
.deflist dd{flex:1;font-size:16px;color:var(--text);margin:0}

/* ---- process ---- */
.tabs{display:flex;gap:12px;margin-bottom:48px}
.tab{padding:12px 32px;border-radius:99px;font:500 16px var(--sans);cursor:pointer;background:var(--paper);color:var(--muted);border:1px solid var(--teal-200)}
.tab.is-on{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.steps{display:flex;flex-direction:column}
.step{display:grid;grid-template-columns:76px 1fr;gap:32px}
.step__rail{display:flex;flex-direction:column;align-items:center}
.step__no{width:56px;height:56px;border-radius:50%;background:var(--teal-t);color:var(--paper);display:flex;align-items:center;justify-content:center;font:600 18px var(--serif)}
.step__line{flex:1;width:1.5px;background:var(--teal-200);min-height:20px}
.step:last-child .step__line{background:transparent}
.step__body{padding-bottom:32px}
.step__hd{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.step__t{font:600 21px var(--serif);color:var(--navy)}
.step__dur{font:500 14px var(--sans);color:var(--amber-x);background:var(--amber-050);border-radius:99px;padding:4px 12px}
.step__d{font-size:16px;color:var(--muted);max-width:760px;margin-bottom:12px}
.step__role{display:flex;gap:12px;align-items:baseline;font-size:16px;background:var(--teal-050);border-left:2px solid var(--teal);padding:12px 16px;max-width:760px}
.step__role b{flex:none;font-weight:600;color:var(--teal)}
.step__role span{color:var(--muted)}
.flow{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.flow--6{grid-template-columns:repeat(6,1fr)}
.flow__i{background:var(--paper);border:1px solid var(--line2);border-radius:4px;padding:16px 8px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}
.flow__no{width:30px;height:30px;border-radius:50%;background:var(--teal-t);color:var(--paper);display:flex;align-items:center;justify-content:center;font:600 14px var(--sans)}
.flow__t{font:500 14px/1.5 var(--sans);color:var(--navy)}
.btn-outline{display:inline-block;border:1px solid var(--navy);color:var(--navy);border-radius:4px;padding:12px 32px;font:500 14px var(--sans);margin-top:32px}
.btn-outline:hover{background:var(--navy);color:var(--paper)}

/* ---- mission / message ---- */
.mission{position:relative;background:var(--navy);color:var(--paper);overflow:hidden}
.mission .wrap{position:relative}
.mission h2{font:600 32px/1.9 var(--serif);color:var(--paper);letter-spacing:.03em}
.mission p{font-size:16px;color:var(--grey-l);align-self:center}
.mission .kicker{font:500 14px var(--sans);letter-spacing:.2em;color:var(--navy-mute);margin-bottom:12px}
.shead--dark .en{color:var(--teal-p)}
.photo{position:relative;width:300px;height:380px}
.photo__slot{position:relative;width:100%;height:100%;background:var(--fill-3);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;overflow:hidden}
.photo__slot img{width:100%;height:100%;object-fit:cover}
.sign{margin-top:16px;font-size:14px;color:var(--grey)}
.sign b{font:600 21px var(--serif);color:var(--navy);margin-left:12px}
.msg p{margin:0 0 24px;color:var(--muted)}
.msg p:last-child{margin-bottom:0}
.msg p.msg__key{font:600 19px/1.9 var(--serif);color:var(--navy)}
.msg p.msg__br{margin-top:44px}
.msg+.sign{margin-top:32px}

/* ---- group ---- */
.core{position:relative;background:var(--navy);border-radius:6px;padding:24px;text-align:center;color:var(--paper);margin-bottom:12px;overflow:hidden}
.core span{position:relative;display:block;font:500 14px var(--sans);letter-spacing:.25em;color:var(--teal-p)}
.core strong{position:relative;display:block;font:600 16px var(--sans);margin-top:4px}
.firms{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.firms--4{grid-template-columns:repeat(4,1fr)}
.firm{background:var(--paper);border:1px solid var(--line2);border-radius:4px;padding:16px;font-size:16px;color:var(--text);display:flex;align-items:center;gap:8px}
.firm i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--teal)}
a.firm:hover{color:var(--text);border-color:var(--teal)}
.firm__ex{margin-left:auto;color:var(--grey);font-size:14px}
a.firm:hover .firm__ex{color:var(--teal-t)}

/* ---- service table (top) ---- */
.matrix{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);border:1px solid var(--line);border-width:1px 0 0 1px}
.matrix div{background:var(--paper);padding:24px;font-size:16px;color:var(--text);border:1px solid var(--line);border-width:0 1px 1px 0}

/* ---- news ---- */
.news{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.news a{display:flex;flex-direction:column;gap:4px;padding:16px 4px;border-bottom:1px solid var(--line);color:inherit}
.news a:hover .news__t{color:var(--amber-t)}
.news__m{display:flex;gap:12px;align-items:center;font-size:14px}
.news__m time{color:var(--grey)}
.news__m span{border:1px solid var(--teal-200);color:var(--teal-t);border-radius:2px;padding:4px 12px;font-size:14px}
.news__t{font-size:16px;color:var(--navy)}

/* ---- entry (投稿本文 single.php) ---- */
.entry p{margin:0 0 24px}
.entry>*:last-child{margin-bottom:0}
.entry a{border-bottom:1px solid var(--amber-200)}
.entry a:hover{border-bottom-color:var(--amber-d)}
.entry h2{font:600 21px/1.7 var(--serif);color:var(--navy);margin:40px 0 16px}
.entry h3{font:600 18px/1.7 var(--sans);color:var(--navy);margin:32px 0 12px}
.entry ul,.entry ol{margin:0 0 24px;padding-left:1.4em}
.entry li{margin-bottom:8px}
.entry img{max-width:100%;height:auto}

/* ---- choice cards ---- */
.choice{display:block;background:var(--paper);border:1px solid var(--line2);border-radius:6px;padding:32px;color:inherit;box-shadow:var(--sh-1)}
.choice:hover{color:inherit;border-color:var(--teal)}
.choice__hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.choice__hd b{font:600 21px var(--serif);color:var(--navy)}
.choice__hd i{color:var(--amber-d);font-size:18px;font-style:normal}

/* ---- alert bar ---- */
.alert{background:var(--amber-100);border-bottom:1px solid var(--amber-200)}
.alert .wrap{display:flex;gap:12px;align-items:flex-start;padding:24px 32px}
.alert b{flex:none;background:var(--amber);color:var(--navy);font:600 14px var(--sans);border-radius:3px;padding:4px 12px}
.alert p{font-size:16px;color:var(--amber-x)}

.callout{margin-top:48px;background:var(--bg-soft);border-radius:6px;padding:32px}
.callout__t{font:600 21px var(--serif);color:var(--navy);margin-bottom:12px}
.callout p{font-size:16px;color:var(--muted)}
.linkrow{margin-top:32px;display:flex;gap:24px;flex-wrap:wrap;font-size:16px}
.map{height:320px;border-radius:6px;overflow:hidden;border:1px solid var(--line2);background:var(--fill-3);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}
.map iframe{width:100%;height:100%;border:0;display:block}
.access{margin-top:24px;font-size:16px;color:var(--muted)}
.access b{display:block;font:600 16px var(--sans);color:var(--navy);margin-bottom:8px}

/* ---- CTA ---- */
.cta{position:relative;background:linear-gradient(120deg,var(--navy-d) 0%,var(--navy) 55%,var(--navy-l) 100%);color:var(--paper);overflow:hidden}
.cta::before{content:"";position:absolute;pointer-events:none}
.cta::before{top:0;right:0;width:50%;height:100%;background:var(--teal);opacity:var(--o-3);clip-path:polygon(100% 0,65% 0,100% 80%)}
.cta .wrap{position:relative;text-align:center;padding-top:96px;padding-bottom:96px}
.cta__en{font:500 14px var(--sans);letter-spacing:.34em;color:var(--teal-p);margin-bottom:24px}
.cta h2{font:600 26px/1.9 var(--serif);color:var(--paper)}
.cta__btns{display:flex;gap:16px;justify-content:center;margin-top:48px;flex-wrap:wrap}
.btn-amber{background:var(--amber);color:var(--navy);border-radius:4px;padding:16px 48px;font:600 16px var(--sans)}
.btn-amber:hover{background:var(--amber-d);color:var(--navy)}
.btn-ghost{background:transparent;border:1px solid var(--navy-line);color:var(--navy-sub);border-radius:4px;padding:16px 48px;font:500 16px var(--sans)}
.btn-ghost:hover{color:var(--paper);border-color:var(--navy-mute)}
.cta__note{margin-top:24px;font-size:14px;color:var(--grey)}

/* ---- footer ---- */
.site-footer{background:var(--navy-x);color:var(--paper);font-size:16px}
.site-footer .wrap{padding-top:48px;padding-bottom:48px}
.fnav-wrap{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap}
.fnav-wrap img{height:20px;width:auto;display:block}
.ftel{margin-top:16px;font:600 21px var(--serif);color:var(--paper)}
.ftel a{color:var(--paper)}
.ftel a:hover{color:var(--teal-p)}
.ftel span{display:block;margin-top:4px;font:400 14px var(--sans);color:var(--navy-sub)}
.fnav{display:grid;grid-template-columns:repeat(3,auto);gap:12px 32px}
.fnav a{color:var(--paper)}
.fnav a:hover{color:var(--teal)}
.copy{margin-top:32px;font-size:14px;color:var(--paper)}

/* ---- ヒーロー動画版 ---- */
.hero--video{background:var(--paper)}
.hero__media{position:absolute;inset:0;overflow:hidden;background:url("assets/img/hero-poster.jpg") center/cover no-repeat}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease}
.hero__video.is-on{opacity:1}
/* 左からの白幕。左でコピーを読ませ、右で映像を見せる */
.hero__scrim{position:absolute;inset:0;pointer-events:none;background-color:rgba(255,255,255,0);background-image:linear-gradient(100deg,rgba(255,255,255,var(--o-6)) 0%,rgba(255,255,255,var(--o-6)) 38%,rgba(255,255,255,var(--o-4)) 60%,rgba(255,255,255,var(--o-1)) 100%)}
/* 文字は通常版と同じネイビー。映像側だけ少し締める */
.hero--video h1{text-shadow:0 1px 2px rgba(255,255,255,var(--o-6))}
.hero--video .eyebrow-en{text-shadow:0 1px 2px rgba(255,255,255,var(--o-6))}
.hero--video .hero__lead{color:var(--text)}
@media (prefers-reduced-motion:reduce){
  .hero__video{transition:none}
  .hero__video:not(.is-on){display:none}
}

/* ---- 写真カード（譲渡後／譲受後のご支援） ---- */
.card--photo{padding:0;overflow:hidden;display:flex;flex-direction:column}
.card__photo{margin:0;line-height:0;background:var(--line)}
.card__photo img{width:100%;height:170px;object-fit:cover;display:block}
.card--photo .card__in{padding:24px;display:flex;flex-direction:column;gap:8px;flex:1}
.card--photo .card__t{margin-bottom:0}
.card--photo .card__t span{font:500 14px var(--sans);color:var(--grey);margin-left:4px}
.card__firm{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font:500 14px/1.8 var(--sans);color:var(--teal-t)}
.postpmi{grid-template-columns:400px 1fr;align-items:start}
.pmi__photo{margin:0;line-height:0}
.pmi__photo img{width:100%;height:auto;display:block;border-radius:6px}
.postpmi .card__t span{font:500 16px var(--sans);color:var(--grey)}

/* ---- 個人情報保護方針 ---- */
.policy__lead{font-size:16px;line-height:2;color:var(--muted)}
.policy{counter-reset:policy;list-style:none;margin-top:48px;padding:0}
.policy__item{counter-increment:policy;position:relative;padding:0 0 32px 48px;border-bottom:1px solid var(--line);margin-bottom:32px}
.policy__item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.policy__item::before{content:counter(policy,decimal-leading-zero);position:absolute;left:0;top:var(--policy-no-top,2px);font:600 21px var(--serif);color:var(--teal-3);font-style:italic;letter-spacing:.04em}
.policy__title{font:600 21px/1.7 var(--serif);color:var(--navy)}
.policy__body{margin-top:12px;font-size:16px;line-height:2;color:var(--muted)}
.policy__body a{color:var(--teal-t);text-decoration:underline;text-underline-offset:3px}
.policy__body a:hover{color:var(--navy)}
.policy__contact{margin-top:48px;padding:32px;background:var(--bg-soft);border-radius:6px}
.policy__corp{font:600 18px var(--serif);color:var(--navy)}
.policy__contact .deflist{margin-top:24px;border-top:0}
.policy__contact .deflist>div:last-child{border-bottom:0;padding-bottom:0}
.policy__contact .deflist a{color:var(--teal-t)}

/* ---- お問い合わせフォーム（Contact Form 7） ---- */
.cform{max-width:720px}
.cform__row{margin-bottom:24px}
/* WordPress の wpautop がフォーム内に <br> を差し込むので打ち消す */
.cform__row br,.cform__submit br{display:none}
.cform__label{display:block;font:500 16px var(--sans);color:var(--navy);margin-bottom:8px}
.cform__req{margin-left:8px;font:600 14px var(--sans);color:var(--paper);background:var(--amber-t);border-radius:4px;padding:4px 8px}
.cform__any{margin-left:8px;font:600 14px var(--sans);color:var(--grey);border:1px solid var(--line);border-radius:4px;padding:4px 8px}
.cform input[type=text],.cform input[type=email],.cform input[type=tel],.cform textarea{width:100%;font:400 16px var(--sans);color:var(--text);background:var(--paper);border:1px solid var(--line2);border-radius:4px;padding:12px 16px}
.cform textarea{line-height:1.9;resize:vertical}
.cform input[type=text]:focus,.cform input[type=email]:focus,.cform input[type=tel]:focus,.cform textarea:focus{border-color:var(--teal-t);outline:2px solid var(--teal-t);outline-offset:1px}
.cform .wpcf7-list-item{display:inline-block;margin:0 24px 8px 0}
.cform .wpcf7-list-item-label{font-size:16px;color:var(--text);margin-left:8px}
.cform__consent{font-size:16px;color:var(--text);border-top:1px solid var(--line);padding-top:24px}
.cform__consent a{color:var(--teal-t);text-decoration:underline;text-underline-offset:3px}
.cform__submit{margin-top:32px;text-align:center}
.cform input[type=submit]{background:var(--amber);color:var(--navy);border:0;border-radius:4px;padding:16px 48px;font:600 16px var(--sans);cursor:pointer}
.cform input[type=submit]:hover{background:var(--amber-d)}
.cform .wpcf7-not-valid-tip{margin-top:8px;font-size:14px;color:var(--amber-x)}
.cform .wpcf7-response-output{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:4px;font-size:16px;color:var(--text)}
.cform .wpcf7-spinner{margin-left:8px}

/* ---- responsive ---- */
@media (max-width:1080px){
  .hdr{gap:32px}
  .gnav{gap:8px}
  .gnav a{font-size:14px}
  .btn-consult{padding:8px 16px}
  .gnav a.btn-consult{padding:8px 16px}
}
@media (max-width:1000px){
  .postgrid{grid-template-columns:1fr 1fr}
  .postpmi{grid-template-columns:300px 1fr;gap:48px}
  .burger{display:flex}
  .gnav{position:fixed;inset:56px 0 auto;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--navy-d);padding:8px 0 24px}
  .gnav.is-open{display:flex}
  .gnav a{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,var(--o-1))}
  .gnav a.is-current{background:rgba(255,255,255,var(--o-1))}
  .gnav .btn-consult{margin:16px 24px 0;text-align:center;border-bottom:0}
  .gnav a.btn-consult{padding:16px 24px}
  .hdr{padding-top:12px;padding-bottom:12px;gap:16px}
  .g3,.g4,.split,.split--wide,.split--group,.split--co,.split--fee,.matrix{grid-template-columns:1fr}
  .split--media{grid-template-columns:1fr;justify-items:center;gap:32px}
  .flow,.flow--6{grid-template-columns:repeat(2,1fr)}
  .firms--4{grid-template-columns:1fr 1fr}
  .stack{gap:48px}
}
@media (max-width:720px){
  .wrap{padding:0 24px}
  .hero__scrim{background-image:none;background-color:rgba(255,255,255,var(--o-5))}
  .postgrid{grid-template-columns:1fr}
  .postpmi{grid-template-columns:1fr;gap:32px;justify-items:stretch}
  .card__photo img{height:200px}
  .policy__item{padding-left:0;padding-top:32px;--policy-no-top:0}
  .policy__contact{padding:24px}
  .cform input[type=submit]{width:100%}
  .cform .wpcf7-list-item{display:block;margin:0 0 12px}
  .sec{padding:64px 0}
  .hero__inner{padding-top:64px;padding-bottom:64px}
  .hero h1{font-size:32px;line-height:1.75}
  .hero__lead{font-size:16px}
  .hero__lead br,.mission p br{display:none}
  .hero__foot{gap:24px;margin-top:32px}
  .phero__inner{padding-top:48px;padding-bottom:48px}
  .phero h1{font-size:26px}
  .h-sec,.h-sec--lg{font-size:21px}
  .msg p.msg__key{font-size:17px}
  .mission h2{font-size:21px}
  .cta h2{font-size:21px}
  .cta .wrap{padding-top:64px;padding-bottom:64px}
  .cta__btns{flex-direction:column}
  .btn-amber,.btn-ghost{padding:16px;display:block}
  .g2,.g2--tight,.tbl--3 .tbl__hd,.tbl--3 .tbl__row,.firms,.firms--4{grid-template-columns:1fr}
  .tbl--3 .tbl__row>div+div,.tbl--2 .tbl__row>div+div{border-left:0;border-top:1px solid var(--line3)}
  .tbl--3 .tbl__hd{display:none}
  .tbl__row .k{background:var(--teal-050)}
  .card,.card--plain,.card--top,.card--teal,.panel-me,.choice{padding:24px}
  .cmp{flex-wrap:wrap}
  .cmp .n{width:100%;flex:none}
  .cmp>div{min-width:calc(50% - 6px)}
  .step{grid-template-columns:48px 1fr;gap:16px}
  .step__no{width:44px;height:44px;font-size:16px}
  .step__t{font-size:18px}
  .deflist>div{flex-direction:column;gap:4px}
  .deflist dt{width:auto}
  .fnav{grid-template-columns:1fr 1fr}
  .lead-center{font-size:16px}
  .photo{width:100%;max-width:300px}
}
@media (max-width:480px){
  .hdr__logo img{height:22px}
}
@media (max-width:360px){
  .hdr__logo img{height:18px}
}