/*[トークン:ここから]*/
:root{

  --navy-900:#0a192f; --navy-800:#0d2340; --navy-700:#142c4f;
  --gold-400:#c5a880; --gold-500:#b6975f; --gold-600:#a68538; --gold-050:#fdf8ec;
  --paper-50:#fbf8f1; --paper-100:#f5f0e3;
  --ink-900:#15110d; --ink-700:#2c2620; --ink-500:#5b544a; --ink-400:#7a7263;
  --line:#ded7c6;

  --font-sans:"BIZ UDPGothic","BIZ UDGothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
  --font-mincho:"Noto Serif JP",serif;

  --fs-1:10.7px;
  --fs-2:12px;
  --fs-3:13.5px;
  --fs-4:15.1px;
  --fs-5:17px;
  --fs-6:19.1px;
  --fs-7:21.4px;
  --fs-8:24px;
  --fs-9:27px;
  --fs-10:30.3px;
  --fs-11:34px;
  --fs-12:38.2px;
  --fs-13:42.8px;
  --fs-14:48.1px;
  --fs-15:54px;
  --fs-16:60.6px;
  --fs-17:68px;
  --fs-18:76.3px;

  --fs-19:85.7px;
  --fs-20:96.1px;
  --fs-21:107.9px;
  --fs-22:121.1px;

  --lh-tight:1.36;
  --lh-head:1.45;
  --lh-mid:1.55;
  --lh-base:1.9;

  --sp-1:4px;   --sp-2:8px;   --sp-3:12px;  --sp-4:16px;  --sp-5:24px;
  --sp-6:32px;  --sp-7:48px;  --sp-8:64px;  --sp-9:96px;  --sp-10:128px;

  --r-s:2px; --r-m:6px; --r-l:14px; --r-full:999px;

  --sh-1:0 1px 0 var(--line);
  --sh-2:0 6px 24px rgba(21,17,13,.07);
  --sh-3:0 18px 48px rgba(21,17,13,.10);

  --ease:cubic-bezier(.22,.61,.36,1);
  --dur-answer:.25s;
  --dur-switch:.3s;
  --dur-appear:.8s;

  --ou-depth:5px;
  --ou-emboss:0 1px 0 rgba(255,255,255,.72);
  --ou-card-a:#fffdf6; --ou-card-b:#efe7d2;
  --ou-pale-a:#fffefb; --ou-pale-b:#ebe1c7; --ou-pale-edge:#c9bd9d;
  --ou-gold-a:#c8a24e; --ou-gold-b:#8f7027; --ou-gold-edge:#57420f; --ou-gold-ink:#241a05;
  --ou-sh-card:0 2px 3px rgba(21,17,13,.08),0 14px 34px rgba(21,17,13,.14),inset 0 -2px 4px rgba(21,17,13,.05);
  --ou-sh-card-hover:0 3px 6px rgba(21,17,13,.10),0 22px 54px rgba(21,17,13,.20),inset 0 -2px 4px rgba(21,17,13,.05);

  --ease-app:cubic-bezier(.32,.72,.32,1);
  --d-press:70ms; --d-fast:140ms; --d-base:240ms;

  --r-app:10px; --r-app-lg:12px;

  --lum-core:#ffd166;
  --lum-flow:#34d399;
  --lum-orbit:#3b82f6;
  --lum-alert:#f87171;
  --viz-1:#2a78d6; --viz-2:#eda100; --viz-3:#4a3aa7; --viz-4:#1baf7a;
  --matsuba-500:#4a5d3a; --shu:#b03a2e;
  --gauge-ink-0:#0b1020; --gauge-ink-1:#141a2e; --gauge-ink-2:#1e2742;

  --lh-disp:1.06;
  --ls-disp:-.022em;
  --ls-lead:.005em;

  --w-narrow:760px; --w-base:1120px; --w-wide:1280px;

  --bg:var(--paper-50);
  --bg-tint:var(--paper-100);
  --fg:var(--ink-900);
  --fg-mid:var(--ink-700);
  --fg-sub:var(--ink-500);
  --fg-weak:var(--ink-400);
  --rule:var(--line);
  --accent:var(--gold-600);
  --accent-soft:var(--gold-400);
  --card:#fff;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#100f0d;
    --bg-tint:#17150f;
    --fg:#f3efe6;
    --fg-mid:rgba(243,239,230,.86);
    --fg-sub:rgba(243,239,230,.66);
    --fg-weak:rgba(243,239,230,.5);
    --rule:#332e25;
    --accent:#d0b784;
    --accent-soft:#c5a880;
    --card:#191712;
  }
}
:root[data-theme="dark"]{
  --bg:#100f0d;
  --bg-tint:#17150f;
  --fg:#f3efe6;
  --fg-mid:rgba(243,239,230,.86);
  --fg-sub:rgba(243,239,230,.66);
  --fg-weak:rgba(243,239,230,.5);
  --rule:#332e25;
  --accent:#d0b784;
  --accent-soft:#c5a880;
  --card:#191712;
}
/*[トークン:ここまで]*/

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.office{
  margin:0;background:var(--bg);color:var(--fg);
  font-family:var(--font-sans);font-weight:400;
  font-size:var(--fs-5);line-height:var(--lh-base);
  text-size-adjust:100%;-webkit-text-size-adjust:100%;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.maku{max-width:var(--w-base);margin:0 auto}
.yomi{max-width:var(--w-narrow);margin-left:auto;margin-right:auto}
.center{text-align:center}

/* ── 頭（白・事務所名が主役・電話・札）＝上に貼り付く ── */
.head{background:var(--card);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:50;box-shadow:0 1px 0 var(--rule),0 8px 24px rgba(21,17,13,.05)}
.head .maku{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand tel" "menu menu";align-items:center;gap:var(--sp-2) var(--sp-6);padding:var(--sp-4) var(--sp-5) 0}
.head .brand{grid-area:brand;text-decoration:none;color:var(--fg);display:flex;flex-direction:column;gap:2px}
.head .brand-sub{font-size:var(--fs-2);letter-spacing:.08em;color:var(--fg-sub)}
.head .brand-name{font-family:var(--font-mincho);font-weight:700;font-size:clamp(var(--fs-7),2.2vw,var(--fs-9));line-height:var(--lh-head);letter-spacing:.02em}
.head .head-tel{grid-area:tel;text-align:right;line-height:1.4}
.head .head-tel a{display:block;font-family:var(--font-mincho);font-weight:700;font-size:var(--fs-8);color:var(--fg);text-decoration:none;letter-spacing:.04em}
.head .head-tel span{font-size:var(--fs-2);color:var(--fg-sub)}
.head .menu{grid-area:menu;display:flex;gap:0;flex-wrap:wrap;border-top:1px solid var(--rule);margin-top:var(--sp-2)}
.head .menu a{
  color:var(--fg-mid);text-decoration:none;white-space:nowrap;
  font-size:var(--fs-4);padding:var(--sp-3) var(--sp-4);
  border-bottom:3px solid transparent;transition:color var(--d-fast) var(--ease-app),border-color var(--d-fast) var(--ease-app);
}
.head .menu a:hover{color:var(--fg);border-bottom-color:var(--accent-soft)}
.head .menu a[aria-current="page"]{color:var(--fg);font-weight:700;border-bottom-color:var(--accent)}
@media (max-width:720px){
  .head{position:static}
  .head .maku{grid-template-columns:1fr;grid-template-areas:"brand" "tel" "menu";gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) 0}
  .head .head-tel{text-align:left}
  .head .head-tel a{display:inline;margin-right:var(--sp-3);font-size:var(--fs-6)}
  .head .menu a{font-size:var(--fs-3);padding:var(--sp-2) var(--sp-3)}
}

/* ── 節（帯） ── */
section{padding:var(--sp-9) var(--sp-5)}
.band{background:var(--bg)}
.band.tint{background:var(--bg-tint)}
.band.dark{background:var(--navy-900);color:rgba(243,239,230,.86)}
.band.dark h2{color:var(--paper-50)}
.band.dark a{color:var(--paper-50)}
@media (max-width:720px){section{padding:var(--sp-7) var(--sp-4)}}

/* ── 第一画面 ── */
.hero{padding-top:var(--sp-8);padding-bottom:var(--sp-8);background:
  radial-gradient(120% 90% at 100% 0%,rgba(197,168,128,.22),transparent 60%),
  linear-gradient(180deg,var(--bg-tint),var(--bg));border-bottom:1px solid var(--rule)}
.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-7);align-items:center}
.hero-shot .hero-grid{grid-template-columns:1.05fr .95fr}
.hero-text{max-width:var(--w-narrow)}
.crumb{font-size:var(--fs-2);letter-spacing:.28em;color:var(--accent);margin:0 0 var(--sp-4);font-weight:500}
.crumb a{border-bottom:0;text-decoration:none}
.kai{font-size:var(--fs-3);letter-spacing:.2em;color:var(--accent);margin:0 0 var(--sp-3)}
.sub{font-size:var(--fs-4);letter-spacing:.08em;color:var(--accent);margin:0 0 var(--sp-5);font-family:var(--font-mincho)}
.date{font-size:var(--fs-3);color:var(--fg-sub);margin:0}
h1{
  font-family:var(--font-mincho);font-weight:700;color:var(--fg);
  font-size:clamp(var(--fs-9),4.2vw,var(--fs-13));
  line-height:var(--lh-tight);letter-spacing:var(--ls-disp);
  margin:0 0 var(--sp-5);
}
.hero .lead{color:var(--fg-mid)}
.lead{font-size:clamp(var(--fs-5),1.6vw,var(--fs-6));line-height:var(--lh-mid);letter-spacing:var(--ls-lead);margin:0 0 var(--sp-4)}
.hero .note{font-size:var(--fs-3);color:var(--fg-sub);margin:var(--sp-4) 0 0}
.hero .shot{position:relative;padding:0 0 var(--sp-6) 0}
.hero .shot img{width:100%;border-radius:var(--r-app-lg);border:1px solid var(--rule);box-shadow:var(--ou-sh-card);background:var(--card)}
.hero .shot img.sp{position:absolute;right:-6%;bottom:0;width:26%;border-radius:18px;box-shadow:0 18px 48px rgba(21,17,13,.28)}
@media (max-width:960px){.hero-shot .hero-grid{grid-template-columns:1fr}.hero .shot{padding-bottom:0}.hero .shot img.sp{display:none}}
@media (max-width:720px){.hero{padding-top:var(--sp-7)}.crumb{letter-spacing:.12em}}

h2{
  font-family:var(--font-mincho);font-weight:700;color:var(--fg);
  font-size:clamp(var(--fs-8),3vw,var(--fs-11));
  line-height:var(--lh-head);letter-spacing:var(--ls-disp);
  margin:0 0 var(--sp-6);display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;
}
h2::before{content:"";display:block;width:100%;height:3px;max-width:44px;background:var(--accent);border-radius:var(--r-full);margin-bottom:var(--sp-2)}
h2 .h2-icon{display:inline-flex}
h2 .h2-icon svg{width:36px;height:36px}
h3{
  font-family:var(--font-mincho);font-weight:600;color:var(--fg);
  font-size:clamp(var(--fs-6),2.2vw,var(--fs-8));
  line-height:var(--lh-head);margin:var(--sp-7) 0 var(--sp-4);
}
h4{font-family:var(--font-mincho);font-weight:600;color:var(--fg);font-size:clamp(var(--fs-5),2vw,var(--fs-7));line-height:var(--lh-head);margin:var(--sp-6) 0 var(--sp-3)}
p{margin:0 0 var(--sp-5)}
.band p{font-size:var(--fs-5);line-height:var(--lh-base)}
p.tate{font-family:var(--font-mincho);font-weight:600;padding-left:var(--sp-5);border-left:2px solid var(--accent-soft)}
/* ★★★★★★2026-09-19「朱入れ」＝`:not(.btn)` を足した。★山田さんのご指摘＝「人事制度の完成形はこちらの文字が金の枠の中央に配置されていない」。
   　★原因＝この行は本文中の文字リンク（金の下線）のための掟だが、`.hero a` が第一画面のボタン（`a.btn`）にも掛かり、
   　　ボタンの `padding:16px 64px` の下だけを `padding-bottom:1px` で上書きしていた＝字が15px 下へ落ちていた（実測＝上24.9px／下10.6px）。
   　★横はずれていない（左右とも64.7px）。★ずれていたのは縦である。 */
.band a:not(.btn),.hero a:not(.btn){color:var(--fg);text-decoration:none;border-bottom:1px solid var(--gold-500);padding-bottom:1px;transition:border-color var(--d-fast) var(--ease-app)}
.band a:hover{border-bottom-color:var(--fg)}
.band.dark a{border-bottom-color:var(--gold-400)}
.tail{margin-top:var(--sp-6)}
.tail p{color:var(--fg-sub)}

/* ── 図（実機の絵） ── */
figure{margin:0}
figure.zu{margin:var(--sp-6) 0 var(--sp-7)}
figure.zu img{width:100%;border:1px solid var(--rule);border-radius:var(--r-app);box-shadow:var(--ou-sh-card);background:var(--card)}
figure.zu3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
figure.big{margin:var(--sp-7) auto 0;max-width:var(--w-base)}
figure.big img{width:100%;border:1px solid var(--rule);border-radius:var(--r-app-lg);box-shadow:var(--ou-sh-card);background:var(--card)}
@media (max-width:720px){figure.zu3{grid-template-columns:1fr}}

/* ── 図解（SVG）＋文 ── */
.zukai-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7);align-items:center}
.zukai{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-app-lg);box-shadow:var(--ou-sh-card);padding:var(--sp-5)}
.zukai svg{width:100%;height:auto;display:block}
@media (max-width:960px){.zukai-grid{grid-template-columns:1fr}}

/* ── 数字の帯 ── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.stat{background:rgba(255,255,255,.05);border:1px solid rgba(197,168,128,.35);border-radius:var(--r-app-lg);padding:var(--sp-5) var(--sp-5) var(--sp-4)}
.stat .n{font-family:var(--font-mincho);font-weight:700;font-size:clamp(var(--fs-8),2.6vw,var(--fs-11));color:var(--gold-400);letter-spacing:var(--ls-disp);line-height:1.2;margin:0 0 var(--sp-3)}
.stat p{font-size:var(--fs-3);line-height:1.7;margin:0;color:rgba(243,239,230,.8)}
@media (max-width:960px){.stats{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.stats{grid-template-columns:1fr}}

/* ── 札（カード） ── */
.cards{display:grid;gap:var(--sp-5)}
.cards.c3{grid-template-columns:repeat(3,1fr)}
.cards.c2{grid-template-columns:repeat(2,1fr)}
.card{
  display:block;text-decoration:none;color:var(--fg);
  background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:var(--r-app-lg);
  box-shadow:var(--ou-sh-card);padding:var(--sp-6) var(--sp-5) var(--sp-5);
  transition:transform var(--d-fast) var(--ease-app),box-shadow var(--d-fast) var(--ease-app);
}
a.card{border-bottom:1px solid var(--rule)}
a.card:hover{transform:translateY(-2px);box-shadow:var(--ou-sh-card-hover)}
.card svg{width:44px;height:44px;margin:0 0 var(--sp-3)}
.card h3{margin:0 0 var(--sp-3);font-size:clamp(var(--fs-6),1.8vw,var(--fs-7))}
.card p{font-size:var(--fs-4);line-height:1.8;margin:0 0 var(--sp-3)}
.card p:last-child{margin-bottom:0}
.card table.renraku{margin-top:var(--sp-3);font-size:var(--fs-3)}
.michi-nav{padding-top:0;padding-bottom:0;margin-top:calc(-1 * var(--sp-7));position:relative;z-index:2;background:transparent}
.michi-nav .cards{transform:translateY(0)}
.band-cards .yomi p{color:var(--fg-mid)}
@media (max-width:960px){.cards.c3{grid-template-columns:1fr}.cards.c2{grid-template-columns:1fr}.michi-nav{margin-top:0;padding-top:var(--sp-6)}}

/* ── 完成見本の見せ場 ── */
.showcase .yomi{text-align:center}
.showcase .yomi .btns{justify-content:center}

/* ── 事務所概要（お顔＋表） ── */
.gaiyo-grid,.gaiyo-wrap{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-6);align-items:start}
.gaiyo-wrap{margin:var(--sp-5) 0 0}
.gaiyo-grid .portrait,.gaiyo-wrap .portrait{width:200px;height:200px;border-radius:var(--r-app-lg);border:1px solid var(--rule);object-fit:cover;background:var(--card);box-shadow:var(--ou-sh-card)}
/* 2026-09-16 風鐸＝代表挨拶の頁だけ、縦位置の全身。丸く切らず、枠も掛けず、紙の上に立たせる */
.gaiyo-wrap.gaiyo-tate{grid-template-columns:260px 1fr;align-items:end}
.gaiyo-wrap .portrait-tate{width:100%;max-width:260px;height:auto;display:block;border:0;border-radius:0;background:none;box-shadow:none}
@media (max-width:720px){.gaiyo-wrap.gaiyo-tate{grid-template-columns:1fr;align-items:start}.gaiyo-wrap .portrait-tate{max-width:240px;margin:0 auto}}
.gaiyo-wrap table.renraku,.gaiyo-grid table.renraku{margin:0}
@media (max-width:720px){.gaiyo-grid,.gaiyo-wrap{grid-template-columns:1fr}.gaiyo-grid .portrait,.gaiyo-wrap .portrait{width:140px;height:140px}}

/* ── 表 ── */
table.renraku{border-collapse:collapse;width:100%;table-layout:fixed;margin:var(--sp-5) 0 0;font-size:var(--fs-4);background:var(--card);border:1px solid var(--rule);border-radius:var(--r-app);overflow:hidden}
table.renraku th,table.renraku td{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--rule);text-align:left;vertical-align:top;overflow-wrap:anywhere}
table.renraku tr:first-child th,table.renraku tr:first-child td{border-top:0}
table.renraku th{width:9.5em;background:var(--bg-tint);font-weight:500;color:var(--fg-sub)}
@media (max-width:720px){table.renraku th{width:6.5em}}
/* 2026-09-18「建方」＝表の直後に段落が来る組み合わせが、この日に初めて出た（玄関のターゲットの節・サービスのベネフィットの節）。
   それまで表は必ず節の末尾に在ったため、下の余白が0でも露見していなかった。目で見て見つけた。 */
table.renraku + p{margin-top:var(--sp-5)}
/* ── 料金（3枚の札） ── */
.price{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);margin:var(--sp-6) 0}
.pcard{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-app-lg);box-shadow:var(--ou-sh-card);padding:var(--sp-6) var(--sp-5) var(--sp-5);display:flex;flex-direction:column}
.pcard.main{border:2px solid var(--gold-500);position:relative}
/* ★2026-09-19「朱入れ」＝札の字を替えた。旧＝「宣伝の中心」。
   ★こちらの都合（どれを宣伝しているか）を、お客様の紙に書いていた。読む側に要るのは、どれが本体かである。 */
.pcard.main::before{content:"当事務所の中心";position:absolute;top:-12px;left:var(--sp-5);background:var(--navy-900);color:var(--gold-400);font-size:var(--fs-2);letter-spacing:.12em;padding:2px 12px;border-radius:var(--r-full)}
.pcard>svg{width:44px;height:44px;margin:0 0 var(--sp-3)}
.pcard h3{margin:0 0 var(--sp-4);font-size:clamp(var(--fs-6),1.8vw,var(--fs-7))}
.pcard .big{display:flex;align-items:baseline;gap:var(--sp-2);margin:0 0 var(--sp-2);flex-wrap:wrap}
.pcard .n{font-family:var(--font-mincho);font-weight:700;font-size:clamp(var(--fs-11),3vw,var(--fs-14));letter-spacing:var(--ls-disp);line-height:1.1;color:var(--fg)}
.pcard .n.small{font-size:clamp(var(--fs-8),2vw,var(--fs-10))}
.pcard .u{font-size:var(--fs-3);color:var(--fg-sub)}
.pcard .sub{font-size:var(--fs-3);color:var(--fg-sub);line-height:1.7;margin:0 0 var(--sp-4);min-height:2.6em}
.pcard .uchi{margin:0 0 var(--sp-4);padding:var(--sp-3) 0 0;border-top:1px solid var(--rule)}
.pcard .uchi div{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:baseline;padding:var(--sp-2) 0;border-bottom:1px dashed var(--rule);font-size:var(--fs-3)}
.pcard .uchi dt{color:var(--fg-sub);margin:0}
.pcard .uchi dd{margin:0;font-family:var(--font-mincho);font-weight:700;font-size:var(--fs-5);white-space:nowrap;color:var(--fg)}
.pcard .chk{display:grid;gap:var(--sp-2);margin:auto 0 var(--sp-5);font-size:var(--fs-3);color:var(--fg-mid)}
.pcard .chk span{display:flex;gap:var(--sp-2);align-items:center}
.pcard .chk svg{width:18px;height:18px;flex:0 0 18px}
.pcard .btns{margin:0}
.pcard .btn{display:block;text-align:center;padding:var(--sp-3) var(--sp-5);font-size:var(--fs-5)}
@media (max-width:960px){.price{grid-template-columns:1fr}.pcard.main{order:-1}}
table.renraku a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--gold-500)}

/* ── よくある質問（折りたたみ） ── */
.faq details{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-app);margin:0 0 var(--sp-3);box-shadow:var(--sh-1)}
.faq summary{cursor:pointer;list-style:none;padding:var(--sp-4) var(--sp-8) var(--sp-4) var(--sp-5);font-family:var(--font-mincho);font-weight:600;font-size:var(--fs-5);position:relative;line-height:1.6}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:var(--sp-5);top:50%;width:10px;height:10px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-70%) rotate(45deg);transition:transform var(--d-fast) var(--ease-app)}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq .a{padding:0 var(--sp-5) var(--sp-4)}
.faq .a p{font-size:var(--fs-4);line-height:1.9}
.faq .a p:last-child{margin-bottom:0}
.faq .a figure.zu{max-width:320px;margin:var(--sp-4) auto 0}

/* ── 代表挨拶（文章） ── */
.essay h3{margin-top:var(--sp-8)}
.essay h4{margin-top:var(--sp-6)}
.sign{
  margin:var(--sp-8) 0 0;padding:var(--sp-6);
  background:linear-gradient(180deg,var(--ou-card-a),var(--ou-card-b));
  border:1px solid var(--rule);border-radius:var(--r-app);box-shadow:var(--ou-sh-card);
}
.sign p{font-size:var(--fs-4);line-height:1.85;margin:0}

/* ── 出どころ・着地・押す場所・足 ── */
.chu{background:var(--bg-tint);border-top:1px solid var(--rule);padding:var(--sp-7) var(--sp-5)}
.chu h2{font-size:var(--fs-6);font-family:var(--font-sans);font-weight:700;margin-top:0}
.chu h2::before{display:none}
.chu p{font-size:var(--fs-2);color:var(--fg-sub);line-height:1.8;margin:0 0 var(--sp-3)}
.chakuchi{background:var(--gold-050);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:var(--sp-8) var(--sp-5)}
.chakuchi .yomi{text-align:center}
.chakuchi .note{font-size:var(--fs-3);color:var(--fg-sub);margin:var(--sp-4) 0 0}
.chakuchi-lead{font-size:var(--fs-4);color:var(--fg-mid);margin:0 0 var(--sp-2)}
.btns{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin:var(--sp-5) 0 0}
.chakuchi .btns{justify-content:center}
.btn{
  display:inline-block;text-decoration:none;
  font-family:var(--font-sans);font-weight:700;font-size:var(--fs-6);
  color:var(--ou-gold-ink);padding:var(--sp-4) var(--sp-8);
  background:linear-gradient(180deg,var(--ou-gold-a),var(--ou-gold-b));
  border:1px solid var(--ou-gold-edge);border-radius:var(--r-full);
  box-shadow:0 var(--ou-depth) 0 var(--ou-gold-edge),var(--sh-2),var(--ou-emboss) inset;
  transition:transform var(--d-press) var(--ease-app),box-shadow var(--d-press) var(--ease-app);
}
.band .btn,.hero .btn{border-bottom:1px solid var(--ou-gold-edge)}
.btn:hover{box-shadow:0 var(--ou-depth) 0 var(--ou-gold-edge),var(--sh-3),var(--ou-emboss) inset}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ou-gold-edge),var(--sh-1),var(--ou-emboss) inset}
.btn2{color:var(--fg);background:linear-gradient(180deg,var(--ou-pale-a),var(--ou-pale-b));border-color:var(--ou-pale-edge);box-shadow:0 var(--ou-depth) 0 var(--ou-pale-edge),var(--sh-2),var(--ou-emboss) inset}
.band .btn2,.hero .btn2{border-bottom:1px solid var(--ou-pale-edge)}
.btn2:hover{box-shadow:0 var(--ou-depth) 0 var(--ou-pale-edge),var(--sh-3),var(--ou-emboss) inset}
.btn2:active{box-shadow:0 2px 0 var(--ou-pale-edge),var(--sh-1),var(--ou-emboss) inset}
@media (max-width:520px){.btn{display:block;text-align:center;padding:var(--sp-4) var(--sp-5)}.btns{flex-direction:column}}
.foot{background:var(--navy-900);color:rgba(243,239,230,.66);font-size:var(--fs-2);padding:var(--sp-7) var(--sp-5);text-align:center}
.foot p{margin:0 0 var(--sp-3)}
.foot a{color:var(--gold-400);margin:0 var(--sp-3);text-decoration:none}
.foot a:hover{color:var(--paper-50)}

/* ── 連載 ── */
.rensai-toc ol.rensai-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}
.rensai-toc ol.rensai-list a{
  display:grid;grid-template-columns:5.5em 1fr auto;gap:var(--sp-4);align-items:baseline;
  padding:var(--sp-4) var(--sp-5);text-decoration:none;color:var(--fg);border-bottom:0;
  background:var(--card);border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:var(--r-app);box-shadow:var(--sh-1);
  transition:box-shadow var(--d-fast) var(--ease-app),transform var(--d-fast) var(--ease-app);
}
.rensai-toc ol.rensai-list a:hover{box-shadow:var(--ou-sh-card);transform:translateY(-1px)}
.rensai-toc .kai{color:var(--accent);font-size:var(--fs-3);letter-spacing:.1em;margin:0}
.rensai-toc .ttl{font-family:var(--font-mincho);font-weight:600;font-size:var(--fs-5)}
.rensai-toc time{font-size:var(--fs-2);color:var(--fg-sub);white-space:nowrap}
@media (max-width:720px){.rensai-toc ol.rensai-list a{grid-template-columns:1fr;gap:var(--sp-1)}}
.rensai .mokuji{margin:0 0 var(--sp-7);padding:var(--sp-5) var(--sp-6);background:var(--bg-tint);border:1px solid var(--rule);border-radius:var(--r-app)}
.rensai .mokuji ol{margin:0;padding-left:1.4em}
.rensai .mokuji li{font-size:var(--fs-4);line-height:1.8}
.rensai .mokuji a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--gold-500)}
.rensai .body h2{font-size:clamp(var(--fs-7),2.6vw,var(--fs-9));display:block;margin-top:var(--sp-8)}
.rensai .body h2::before{margin-bottom:var(--sp-3)}
.rensai .body p{font-size:var(--fs-5);line-height:var(--lh-base)}
.rensai .pn{display:grid;gap:var(--sp-3);margin:var(--sp-8) 0 0;padding-top:var(--sp-6);border-top:1px solid var(--rule)}
.rensai .pn a{display:block;padding:var(--sp-4) var(--sp-5);text-decoration:none;color:var(--fg);border-bottom:1px solid var(--rule);background:var(--card);border:1px solid var(--rule);border-radius:var(--r-app);font-size:var(--fs-4)}
.rensai .pn a:hover{box-shadow:var(--ou-sh-card)}
.rensai .pn a.up{text-align:center;color:var(--accent);background:transparent}
.honbun{padding-top:var(--sp-8)}

/* ── 出現の動き（3つの保険＝読み込み終わり・指でめくった・時間切れ） ── */
.js .rise{opacity:0;transform:translateY(14px)}
.js .rise.on{opacity:1;transform:none;transition:opacity var(--dur-appear) var(--ease),transform var(--dur-appear) var(--ease)}
@media (prefers-reduced-motion:reduce){.rise,.js .rise{opacity:1 !important;transform:none !important;transition:none !important}html{scroll-behavior:auto}}

/*[土台:ここから]*/
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
  border-radius:var(--r-s);
}

.dark :where(a,button,summary,[tabindex]):focus-visible{
  outline-color:var(--gold-400);
}

.skip{position:absolute;left:-9999px;top:0;z-index:200;
      background:var(--ink-900);color:var(--paper-50);
      padding:var(--sp-3) var(--sp-5);text-decoration:none;font-weight:700}
.skip:focus{left:var(--sp-3);top:var(--sp-3)}

@media print{
  :root{--bg:#fff;--bg-tint:#fff;--fg:#000;--fg-mid:#222;--fg-sub:#444;
        --rule:#999;--card:#fff;--accent:#666}
  html{scroll-behavior:auto}
  body{background:#fff;color:#000;padding-top:0;font-size:11pt;line-height:1.7}
  .head-fix,.bar,.menu,.skip,.cta,.cta2,nav,footer .sns,.rise-only{display:none !important}
  section{padding:12pt 0;break-inside:auto}
  h1,h2,h3{break-after:avoid;color:#000}
  .card,.zu,figure,table{break-inside:avoid}
  .dark,.tint,.light{background:#fff !important;color:#000 !important}
  .dark h1,.dark h2,.dark h3,.dark p,.dark .lead{color:#000 !important}
  img{max-width:100% !important}
  .js .rise{opacity:1 !important;transform:none !important}
  a[href^="http"]::after{content:" （" attr(href) "）";font-size:9pt;color:#555;word-break:break-all}
  a[href^="#"]::after,a[href^="mailto"]::after,a[href^="tel"]::after{content:""}
  @page{margin:16mm}
}
/*[土台:ここまで]*/

/*[事務所HPの意匠:検分20260918]*/
.hero{position:relative;overflow:hidden;background:linear-gradient(177deg,rgba(255,255,255,.9) 0%,var(--paper-50) 44%,var(--paper-100) 100%)}
.hero::before{content:"";position:absolute;inset:-22% -10% auto -10%;height:64%;pointer-events:none;background:radial-gradient(56% 100% at 22% 0%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.32) 40%,rgba(255,255,255,0) 72%)}
.hero > *{position:relative;z-index:1}

.band{background:linear-gradient(180deg,var(--paper-50) 0%,var(--paper-100) 66%,var(--paper-50) 100%)}
.dark{position:relative;overflow:hidden;background:linear-gradient(166deg,var(--navy-700) 0%,var(--navy-800) 44%,var(--navy-900) 100%)}
.dark::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(197,168,128,0) 0%,var(--gold-400) 42%,rgba(197,168,128,.2) 76%,rgba(197,168,128,0) 100%)}
.dark > *{position:relative;z-index:1}

h1,h2,h3{text-shadow:0 1px 0 rgba(255,255,255,.68)}
.dark h1,.dark h2,.dark h3{text-shadow:0 1px 0 rgba(0,0,0,.35)}

h1,h2,h3{text-wrap:balance;word-break:auto-phrase}
.nw{white-space:nowrap}
.h1-mei{display:block;position:relative;isolation:isolate;width:fit-content;max-width:100%;margin:0 0 .34em;padding:0 .14em .20em 0;line-height:1.24}
.h1-mei::before{content:"";position:absolute;z-index:-1;left:-.30em;right:-.30em;top:-.14em;bottom:.12em;pointer-events:none;background:radial-gradient(62% 120% at 16% 60%,rgba(197,168,128,.30) 0%,rgba(197,168,128,.10) 46%,rgba(197,168,128,0) 78%)}
.h1-mei::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--gold-600) 0%,var(--gold-400) 40%,rgba(197,168,128,.18) 78%,rgba(197,168,128,0) 100%)}
.h1-mei em{font-style:normal;font-weight:700;color:var(--fg);font-size:1.12em;letter-spacing:.06em}
@media (max-width:720px){.h1-mei em{font-size:1.06em;letter-spacing:.03em}}


.btn,.btn2{position:relative;overflow:hidden;isolation:isolate}
.btn::after,.btn2::after{content:"";position:absolute;top:0;bottom:0;left:-130%;width:60%;pointer-events:none;transform:skewX(-18deg);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.34) 50%,rgba(255,255,255,0) 100%);transition:left .62s cubic-bezier(.22,.61,.36,1)}
.btn2::after{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 100%)}
.btn:hover::after,.btn2:hover::after{left:130%}
.btn2{text-shadow:0 1px 0 rgba(255,255,255,.7)}
@media (prefers-reduced-motion:reduce){.btn::after,.btn2::after{display:none}}

.card,.pcard,.stat,.zukai,.showcase{background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,var(--gold-050) 52%,var(--paper-100) 100%);border:1px solid var(--line);box-shadow:0 1px 2px rgba(21,17,13,.05),inset 0 1px 0 rgba(255,255,255,.9);transition:box-shadow 240ms ease,transform 240ms ease}
.card:hover,.pcard:hover{box-shadow:0 2px 4px rgba(21,17,13,.08),0 16px 34px rgba(21,17,13,.13);transform:translateY(-2px)}
.rensai-toc ol.rensai-list a{background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,var(--gold-050) 52%,var(--paper-100) 100%)}
.dark .card,.dark .pcard,.dark .stat,.dark .showcase{background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 48%,rgba(0,0,0,.14) 100%);border-color:rgba(197,168,128,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 20px rgba(0,0,0,.22)}

.stat .n{background:linear-gradient(180deg,var(--gold-400) 0%,var(--gold-600) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.dark .stat .n{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,var(--gold-400) 58%,var(--gold-600) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

.hero-shot img,.showcase img,.zukai img{border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 3px rgba(21,17,13,.07),0 14px 30px rgba(21,17,13,.12);transition:box-shadow 240ms ease,transform 240ms ease}
.hero-shot img:hover,.showcase img:hover{box-shadow:0 4px 8px rgba(21,17,13,.10),0 24px 52px rgba(21,17,13,.18);transform:translateY(-3px)}

.head{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,var(--paper-50) 64%,var(--paper-100) 100%);box-shadow:0 1px 0 rgba(255,255,255,.8),0 6px 18px rgba(21,17,13,.07)}
.foot{background:linear-gradient(180deg,var(--navy-700) 0%,var(--navy-800) 40%,var(--navy-900) 100%);position:relative}
.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(197,168,128,0) 0%,var(--gold-400) 45%,rgba(197,168,128,0) 100%)}

.sign p + p{margin-top:var(--sp-4)}
.sign .sign-na{font-family:var(--font-mincho);font-size:var(--fs-6);line-height:1.5;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line)}
.sign .sign-na + p{margin-top:0}
.sign .sign-na strong{font-weight:700;letter-spacing:.03em}

blockquote{background:linear-gradient(90deg,rgba(197,168,128,.10) 0%,rgba(197,168,128,0) 72%);border-radius:0 6px 6px 0}
.lead,.chakuchi-lead{text-shadow:0 1px 0 rgba(255,255,255,.6)}

@media (max-width:720px){
  .head{position:static}
  [id],section[id],:target{scroll-margin-top:12px}
}
@media (min-width:721px){
  [id],section[id],:target{scroll-margin-top:190px}
}
@media (min-width:1260px){
  body.office header.head .maku{max-width:1240px}
  body.office header.head .menu{flex-wrap:nowrap}
  body.office header.head .menu a{font-size:14px;padding:12px 8px;letter-spacing:.02em;white-space:nowrap}
  body.office header.head .menu a[href="jimusho.html"]{padding:7px 14px}
  [id],section[id],:target{scroll-margin-top:140px}
}
@media print{
  .hero,.band,.dark,.foot{background:#fff !important}
  h1,h2,h3,.lead{text-shadow:none !important}
  .btn,.btn2,.card,.pcard,.stat,.zukai,.faq,.showcase{box-shadow:none !important}
}

.head .head-tel a.head-btn{display:inline-block;font-family:var(--font-sans);font-weight:700;font-size:var(--fs-4);color:var(--ou-gold-ink);padding:var(--sp-2) var(--sp-5);background:linear-gradient(180deg,var(--ou-gold-a),var(--ou-gold-b));border:1px solid var(--ou-gold-edge);border-radius:var(--r-full);box-shadow:0 var(--ou-depth) 0 var(--ou-gold-edge),var(--sh-1),var(--ou-emboss) inset;letter-spacing:.04em;text-decoration:none}
.head .head-tel a.head-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ou-gold-edge),var(--ou-emboss) inset}
.head .head-tel span{display:block;margin-top:var(--sp-1);font-size:var(--fs-2);color:var(--fg-sub)}
@media (max-width:720px){.head .head-tel a.head-btn{display:inline-block;margin-right:0;font-size:var(--fs-3);padding:var(--sp-2) var(--sp-4)}.head .head-tel span{display:none}}
.taihi{margin-top:var(--sp-5);display:grid;gap:10px}
.taihi-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:14px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(21,17,13,.05)}
.taihi-row p{margin:0;line-height:1.75}
.taihi-row .jiku{font-weight:700;color:var(--navy-900);letter-spacing:.04em}
.taihi-row .mae{padding:10px 12px;border-radius:8px;background:var(--paper-100);border:1px dashed var(--line);color:var(--ink-500);font-size:.94em}
.taihi-row .ato{padding:12px 14px;border-radius:10px;background:linear-gradient(180deg,#fffaf0 0%,#f6e6bf 100%);border:2px solid var(--gold-500);color:var(--navy-900);font-weight:700;font-size:1.04em;box-shadow:0 6px 16px rgba(166,133,56,.18)}
.taihi-row .fuda{display:block;margin-bottom:2px;font-size:12px;letter-spacing:.08em;color:var(--ink-500)}
.taihi-row .ato .fuda{color:var(--gold-600)}
.taihi-row .ato .fuda::before{content:"★ "}
.taihi-head{display:none}
.taihi + .yomi{margin-top:var(--sp-5)}
.zukai .z-tate{display:none}
.zukai-oki{max-width:1040px;margin:var(--sp-5) auto;padding:clamp(14px,3vw,44px);border-radius:16px}
.zukai-oki svg{display:block;width:100%;height:auto}
@media (max-width:640px){.zukai .z-yoko{display:none}.zukai .z-tate{display:block}}
@media (min-width:860px){
  .taihi{gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
  .taihi{border:0;border-top:2px solid var(--navy-900);border-bottom:1px solid var(--line)}
  .taihi-row{grid-template-columns:170px minmax(0,.85fr) minmax(0,1.25fr);gap:0;padding:0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
  .taihi-row p{padding:14px 16px}
  .taihi-row .mae,.taihi-row .ato{border:0;border-radius:0}
  .taihi-row .ato{border-left:4px solid var(--gold-600);box-shadow:none;padding:16px 20px}
  .taihi-row .fuda{margin-bottom:4px}
  .taihi-head{display:grid;border-top:0}
  .taihi-head p,.taihi-head .jiku{font-weight:700;font-size:14px;background:var(--paper-100);color:var(--navy-900);border-bottom:2px solid var(--navy-900)}
  .taihi-head .mae{background:var(--paper-100);color:var(--ink-500);font-weight:500}
  .taihi-head .ato{background:linear-gradient(180deg,#f0d28a 0%,#c9a24e 100%);color:var(--navy,#0a192f);font-size:16px;letter-spacing:.04em}
  .taihi-head .ato::before{content:"★ "}
}

/* ── 2026-09-24「欄間」：事務所HPの器を、LP（甲・乙）と同じ格へ ──
   見出しの帯と頁の頭を紺と金で組み、上の並びを太く大きく、選んでいる頁を金で示す。携帯では一列で横に送る。 */
body.office .head{background:color-mix(in srgb,var(--paper-50) 70%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.7);backdrop-filter:blur(18px) saturate(1.7);border-bottom:1px solid rgba(21,17,13,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 8px 24px rgba(21,17,13,.06)}
body.office .head .brand{color:var(--ink-900)}
body.office .head .brand-sub{color:var(--gold-600);letter-spacing:.14em;font-weight:700}
body.office .head .brand-name{color:var(--navy-900);text-shadow:none}
body.office .head .head-tel span{color:var(--ink-500)}
body.office .head .menu{border-top:1px solid rgba(21,17,13,.10);margin-top:var(--sp-3);gap:2px}
body.office .head .menu a{color:var(--ink-700);font-weight:700;font-size:15.5px;letter-spacing:.06em;padding:14px 16px;border-bottom:3px solid transparent;text-shadow:none;transition:color .18s ease,background .18s ease,border-color .18s ease}
body.office .head .menu a:hover{color:var(--navy-900);background:rgba(210,184,120,.10);border-bottom-color:rgba(210,184,120,.5)}
body.office .head .menu a[aria-current="page"]{color:var(--navy-900);background:rgba(197,168,128,.16);border-bottom-color:var(--gold-500)}
@media (max-width:720px){
  body.office .head .menu{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:calc(-1 * var(--sp-4));margin-right:calc(-1 * var(--sp-4));padding:0 var(--sp-3);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 86%,transparent 100%)}
  body.office .head .menu::-webkit-scrollbar{display:none}
  body.office .head .menu a{flex:none;white-space:nowrap;font-size:14.5px;padding:13px 12px}
}
body.office .hero{background:var(--paper-100);padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(56px,7vw,104px)}
body.office .hero::before{background:radial-gradient(55% 90% at 88% 0%,rgba(210,184,120,.20) 0%,rgba(210,184,120,0) 70%)}
body.office .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-400) 45%,transparent)}
body.office .hero h1{color:var(--navy-900);text-shadow:none}
body.office .hero .h1-mei em{color:var(--navy-900)}
body.office .hero .h1-mei::before{background:radial-gradient(62% 120% at 16% 60%,rgba(210,184,120,.22) 0%,rgba(210,184,120,0) 78%)}
body.office .hero .crumb{color:var(--gold-600);font-weight:700}
body.office .hero .lead,body.office .hero p{color:var(--ink-700);text-shadow:none}
body.office .hero .note{color:var(--ink-500)}
body.office .hero b{color:var(--navy-900)}
body.office .hero a:not(.btn){color:var(--navy-900);border-bottom-color:var(--gold-500)}
body.office .hero .shot img{border-color:rgba(21,17,13,.10);box-shadow:0 20px 44px rgba(21,17,13,.16)}
body.office h2{color:var(--navy-900);font-size:clamp(26px,3.1vw,38px)}
body.office h2::before{height:4px;max-width:56px;background:linear-gradient(90deg,var(--gold-600),var(--gold-400))}
body.office h3{color:var(--navy-900);font-size:clamp(19px,2vw,22px);line-height:1.6;padding-left:14px;border-left:4px solid var(--gold-500);margin:var(--sp-6) 0 var(--sp-3)}
body.office .yomi p{line-height:2;letter-spacing:.02em}
/* 本文は明朝（読ませる紙）。見出し以外の札・表・ボタン・メニューはゴシックのまま（小さな字と細い線は明朝だと画面で痩せる）。 */
body.office .yomi > p,body.office .yomi > ul > li,body.office .yomi > ol > li,body.office .hero .lead,body.office .honbun .yomi p{font-family:var(--font-mincho);font-weight:500;font-size:clamp(16.5px,1.25vw,18px);line-height:2.05;letter-spacing:.03em;color:var(--ink-900)}
body.office .hero .lead{color:var(--ink-900)}
body.office .hero .lead{color:var(--ink-900);line-height:2}
body.office table.renraku{box-shadow:0 12px 28px rgba(10,25,47,.07)}
body.office .head .menu a[href="jimusho.html"]{margin-left:auto;color:var(--gold-600);border:1px solid rgba(210,184,120,.65);border-bottom-width:1px;border-radius:999px;padding:8px 18px;align-self:center}
body.office .head .menu a[href="jimusho.html"]:hover,body.office .head .menu a[href="jimusho.html"][aria-current="page"]{background:linear-gradient(180deg,var(--ou-gold-a),var(--ou-gold-b));color:var(--ou-gold-ink);border-color:var(--ou-gold-edge)}
body.office table.renraku th{background:linear-gradient(180deg,var(--paper-50),var(--paper-100));color:var(--navy-900);font-weight:700;border-left:3px solid var(--gold-500)}
body.office .kakaku{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5);margin:var(--sp-5) 0 var(--sp-4)}
@media (min-width:900px){body.office .kakaku{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:start}}
body.office .kakaku-fuda .sub{min-height:0}
body.office .kakaku-fuda .btns{margin-top:var(--sp-4)}
body.office .kakaku-mi{font-weight:700;color:var(--navy-900);font-size:var(--fs-4);letter-spacing:.06em;margin:0 0 var(--sp-3);padding-left:12px;border-left:4px solid var(--gold-500)}
body.office .kakaku-uchi table.renraku{width:100%;margin:0}
body.office .hyo-ba{max-width:1040px;margin:var(--sp-5) auto 0}
body.office .hyo-ba h3{margin-top:var(--sp-6)}
body.office .plan-2{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin:var(--sp-4) 0 var(--sp-3)}
@media (min-width:860px){body.office .plan-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
body.office .plan-atama{border:2px solid var(--navy-900);border-top-width:6px;border-bottom:0;background:linear-gradient(180deg,#fff 0%,var(--paper-50) 100%);padding:18px 20px 16px;text-align:center}
body.office .plan-no{margin:0;font-size:13px;letter-spacing:.14em;color:var(--ink-500);font-weight:700}
body.office .plan-na{margin:4px 0 8px;font-family:var(--font-mincho);font-weight:700;font-size:clamp(22px,2.2vw,26px);color:var(--navy-900);letter-spacing:.06em}
body.office .plan-fukumu{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--ink-700);line-height:1.8}
body.office .plan-fukumu span{margin:0 .5em;color:var(--gold-600)}
body.office .plan-ne{margin:0;font-weight:700;color:var(--navy-900);font-size:15px}
body.office .plan-ne .n{font-family:var(--font-mincho);font-size:clamp(30px,3.4vw,38px);margin:0 .12em 0 .3em;letter-spacing:.02em}
body.office .plan-sho{margin:10px 0 0;font-size:14.5px;font-weight:700;color:var(--ink-700)}
body.office .hyo-waku{overflow-x:auto;-webkit-overflow-scrolling:touch}
body.office table.hyo{width:100%;border-collapse:collapse;border:2px solid var(--navy-900);background:#fff;font-size:15.5px;line-height:1.7}
body.office table.hyo th,body.office table.hyo td{border:1px solid var(--ink-400);padding:11px 14px;text-align:left;vertical-align:middle}
body.office table.hyo thead th{white-space:nowrap;background:var(--paper-100);color:var(--navy-900);font-weight:700;letter-spacing:.04em;border-bottom:2px solid var(--navy-900)}
body.office table.hyo tbody th{font-weight:700;color:var(--ink-900);background:var(--paper-50)}
body.office table.hyo td{font-weight:700;color:var(--navy-900);font-variant-numeric:tabular-nums}
body.office .plan-hyo table.hyo td{text-align:right;font-size:17px;white-space:normal}
@media (min-width:860px){body.office .plan-2.hitotsu{grid-template-columns:minmax(0,640px);justify-content:center}}
body.office .hyo-mi{margin:var(--sp-5) 0 10px;font-weight:700;color:var(--navy-900);font-size:var(--fs-4);padding-left:12px;border-left:4px solid var(--gold-500)}
body.office .hyo-chu{margin:12px 0 0;font-size:14px;color:var(--ink-500)}
body.office .hyo-ko{margin:18px 0 8px;font-weight:700;color:var(--navy-900);font-size:16px}
body.office .hyo-setsu{margin:6px 0 10px;font-size:15.5px;line-height:1.8;color:var(--ink-900)}
body.office .kitei table.hyo td{white-space:normal;font-weight:500;color:var(--ink-900);line-height:1.8}
body.office .kitei table.hyo tbody th{white-space:nowrap}
body.office .kaitei table.hyo thead th{white-space:normal;line-height:1.5;font-size:14px;vertical-align:bottom}
body.office .kaitei table.hyo tbody th{white-space:normal;min-width:11em}
@media (max-width:640px){body.office .kitei table.hyo tbody th{white-space:normal}body.office .tsuika table.hyo tbody th{white-space:nowrap}}
@media (max-width:640px){body.office .kaitei table.hyo.san td{flex-direction:column;align-items:flex-start;gap:2px}body.office .kaitei table.hyo.san td::before{flex:none;font-size:12.5px}}
@media (max-width:640px){body.office table.hyo{font-size:14.5px}body.office table.hyo th,body.office table.hyo td{padding:9px 10px}}
body.office table.hyo td{white-space:nowrap}
body.office table.hyo.san td:last-child{white-space:normal}
@media (max-width:640px){body.office table.hyo.san,body.office table.hyo.san tbody,body.office table.hyo.san tr,body.office table.hyo.san th,body.office table.hyo.san td{display:block;width:auto}body.office table.hyo.san{border-width:0 0 0 0;background:none}body.office table.hyo.san thead{display:none}body.office table.hyo.san tr{border:2px solid var(--navy-900);background:#fff;margin:0 0 12px}body.office table.hyo.san tbody th{border:0;border-bottom:1px solid var(--ink-400);padding:10px 12px}body.office table.hyo.san td{border:0;display:flex;gap:12px;align-items:baseline;padding:8px 12px;white-space:normal}body.office table.hyo.san td+td{border-top:1px dashed var(--line)}body.office table.hyo.san td::before{content:attr(data-label);flex:0 0 6.5em;font-size:12.5px;font-weight:700;color:var(--ink-500)}body.office table.hyo.san td:empty{display:none}}
body.office .sv-mokuji{margin-top:var(--sp-4)}
body.office .koutsuu table.hyo td{white-space:normal;font-weight:500;color:var(--ink-900);line-height:1.8}
body.office .koutsuu table.hyo tbody th{width:32%}
/* 七宝＝先生のご指摘「左右のボタンはズレないように」＝札を縦の箱にし、ボタンを札の底に揃える。 */
body.office .cards .card:has(.card-btns){display:flex;flex-direction:column}
body.office .cards .card .card-btns{margin-top:auto;padding-top:var(--sp-4)}
body.office .cards .card .card-btns .btn{width:100%;justify-content:center}
body.office .kakaku-mokuji{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:var(--sp-6) 0 0}
@media (min-width:720px){body.office .kakaku-mokuji{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
body.office .kakaku-mokuji a{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:0;border-top:2px solid var(--navy-900);border-radius:0;background:none;text-decoration:none;color:var(--ink-900);transition:background .18s ease,border-color .18s ease}
body.office .kakaku-mokuji a:hover{background:rgba(197,168,128,.10);border-color:var(--gold-500)}
body.office .kakaku-mokuji .na{display:flex;align-items:center;gap:8px}
body.office .kakaku-mokuji svg{width:28px;height:28px;flex:none}
body.office .kakaku-mokuji .na{font-weight:700;font-size:14.5px;line-height:1.4;word-break:keep-all}
body.office .kakaku-mokuji .ne{font-family:var(--font-mincho);font-weight:700;font-size:19px;color:var(--navy-900);line-height:1.3;white-space:nowrap}
body.office .kakaku-mokuji .ne small{font-size:13px;font-weight:500;margin-left:4px;color:var(--ink-500)}
body.office .hero .sub{color:var(--gold-600);font-weight:700;letter-spacing:.08em}
body.office .hero .kai{color:var(--gold-600);font-weight:700}
body.office .hero .date,body.office .hero time{color:var(--ink-500)}
body.office .hero table a,body.office .hero .renraku a{color:var(--navy-800);border-bottom:1px solid var(--gold-500)}
/* 2026-09-24「蔀」＝箇条書きの白い枠（白地・枠線・角丸）を全部やめた。逐語「変な白い枠などで囲う表現は全部撤去してくれ」。
   箇条は中身で組み方を変える＝ふつう（金の短い罫）／kou（**見出し**：説明＝左に見出し・右に説明、罫で区切る）／kazu（**一文。**説明＝大きな数字の段落）／kumi（短い語の一覧＝二段・三段に流す）／maru・batsu（必要と不要の対）。 */
/* 2026-09-24「蔀」＝白い札と白い表の箱をやめ、罫で組む字組みにそろえた（紺の太罫で始め、細罫で区切る）。 */
body.office section:not(.hero) table.renraku{background:none;border:0;border-radius:0;box-shadow:none;border-top:2px solid var(--navy-900);border-collapse:collapse;overflow:visible}
body.office section:not(.hero) table.renraku th,body.office section:not(.hero) table.renraku td{background:none;border:0;border-bottom:1px solid var(--line);padding:15px 20px 15px 0;vertical-align:top}
body.office section:not(.hero) table.renraku th{border-left:0;color:var(--navy-900);font-weight:700;letter-spacing:.04em;padding-left:0}
body.office section:not(.hero) table.renraku td{font-family:var(--font-mincho);font-weight:500;font-size:clamp(15.5px,1.15vw,16.5px);line-height:1.95;color:var(--ink-900);text-wrap:pretty}
@media (max-width:640px){body.office section:not(.hero) table.renraku,body.office section:not(.hero) table.renraku tbody,body.office section:not(.hero) table.renraku tr,body.office section:not(.hero) table.renraku th,body.office section:not(.hero) table.renraku td{display:block;width:auto}body.office section:not(.hero) table.renraku th{border-bottom:0;padding:14px 0 2px}body.office section:not(.hero) table.renraku td{padding:0 0 14px}}
body.office section:not(.hero):not(.dark) .cards .card{background:none;border:0;border-top:2px solid var(--navy-900);border-radius:0;box-shadow:none;padding:20px 0 6px;transform:none}
body.office section:not(.hero):not(.dark) .cards .card h3{margin:10px 0 8px;border-left:0;padding-left:0;background:none;box-shadow:none;text-shadow:none;font-size:clamp(19px,1.6vw,21px)}
body.office section:not(.hero):not(.dark) .cards a.card h3{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:2px;transition:text-decoration-color .2s ease}
body.office section:not(.hero):not(.dark) .cards a.card:hover h3{text-decoration-color:var(--gold-500)}
body.office section:not(.hero):not(.dark) .cards .card p{font-family:var(--font-mincho);font-weight:500;line-height:1.95;text-wrap:pretty}
/* 2026-09-24「蔀」＝ホームの「場面」と、導入の効果の「二人の紹介」。 */
body.office .bunki{max-width:980px;margin:var(--sp-5) auto var(--sp-4)}
body.office .bunki-ba{border-top:2px solid var(--navy-900);padding:22px 0 26px}
body.office .bunki-ba + .bunki-ba{border-top-width:1px;border-top-color:var(--line)}
body.office .bunki .ba{font-weight:700;color:var(--gold-600);letter-spacing:.12em;font-size:14.5px;margin:0 0 14px}
body.office .bunki-2{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
@media (min-width:760px){body.office .bunki-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}body.office .bunki-2 .ato{border-left:2px solid var(--gold-500);padding-left:36px}body.office .bunki-2 .mae{padding-right:36px}}
body.office .bunki .sha{display:block;font-size:13px;font-weight:700;letter-spacing:.1em;margin-bottom:6px;color:var(--ink-700,#5b544a)}
body.office .bunki .ato .sha{color:var(--gold-600)}
body.office .bunki p{margin:0;font-family:var(--font-mincho);line-height:1.8;text-wrap:pretty}
body.office .bunki .mae p{font-weight:500;font-size:clamp(17px,1.5vw,19px);color:var(--ink-700,#5b544a)}
body.office .bunki .ato p{font-weight:700;font-size:clamp(19px,1.8vw,23px);color:var(--navy-900)}
@media (max-width:759px){body.office .bunki-2 .ato{border-top:2px solid var(--gold-500);padding-top:16px}}
body.office .futari{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;max-width:1040px;margin:var(--sp-5) auto var(--sp-4)}
@media (min-width:900px){body.office .futari{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}
body.office .futari .hito{border-top:2px solid var(--ink-500,#8a8171);padding-top:20px}
body.office .futari .hito.ato{border-top:4px solid var(--gold-500)}
body.office .futari h3{border-left:0;padding-left:0;margin:0 0 10px;font-size:clamp(22px,2.2vw,27px)}
body.office .futari h3 .sub{display:block;font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--ink-700,#5b544a);margin-top:4px}
body.office .futari .hito.ato h3 .sub{color:var(--gold-600)}
body.office .futari p{font-family:var(--font-mincho);font-weight:500;line-height:2;color:var(--ink-900)}
body.office .futari ul.kajo.kou li{grid-template-columns:minmax(0,1fr)!important}
body.office .futari .hito.mae p,body.office .futari .hito.mae li{color:var(--ink-700,#5b544a)}
body.office .gainen-band{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(32px,4vw,56px)}
body.office .gainen-mi{font-weight:700;color:var(--gold-600);letter-spacing:.14em;font-size:14px;margin:0 0 var(--sp-3)}
body.office .gainen-mokuji{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19em),1fr));column-gap:40px;border-top:2px solid var(--navy-900)}
body.office .gainen-mokuji a{display:grid;align-content:start;grid-template-columns:2.6em minmax(0,1fr);grid-template-rows:auto auto;column-gap:4px;padding:16px 0 18px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
body.office .gainen-mokuji .no{grid-row:1/3;font-family:var(--font-mincho);font-weight:700;font-size:15px;color:var(--gold-600);line-height:1.9;font-variant-numeric:tabular-nums}
body.office .gainen-mokuji .na{font-family:var(--font-mincho);font-weight:700;font-size:clamp(18px,1.5vw,20px);color:var(--navy-900);line-height:1.6;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:2px;transition:text-decoration-color .2s ease}
body.office .gainen-mokuji .te{font-size:14.5px;line-height:1.85;color:var(--ink-700,#4a443b);margin-top:4px;text-wrap:pretty}
body.office .gainen-mokuji a:hover .na,body.office .gainen-mokuji a:focus-visible .na{text-decoration-color:var(--gold-500)}
body.office ul.kajo{list-style:none;margin:var(--sp-4) 0 var(--sp-5);padding:0}
body.office ul.kajo li{position:relative;margin:0 0 .55em;padding:0 0 0 1.6em;font-family:var(--font-mincho);font-weight:500;font-size:clamp(16.5px,1.25vw,18px);line-height:2;letter-spacing:.03em;color:var(--ink-900)}
body.office ul.kajo li::before{content:"";position:absolute;left:0;top:1em;width:.85em;height:2px;background:var(--gold-500)}
body.office ul.kajo li strong{color:var(--navy-900)}
body.office .hero ul.kajo li{color:var(--ink-900)}
body.office .hero ul.kajo li::before{background:var(--gold-500)}
body.office .hero ul.kajo li strong{color:var(--navy-900)}
body.office ul.kajo.kou{border-top:1px solid var(--line)}
body.office ul.kajo.kou li{padding:14px 0;margin:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
body.office ul.kajo.kou li::before{display:none}
body.office ul.kajo.kou .k-mi{font-weight:700;color:var(--navy-900);letter-spacing:.04em}
@media (min-width:760px){body.office ul.kajo.kou{display:grid;grid-template-columns:fit-content(15em) minmax(0,1fr);column-gap:36px}body.office ul.kajo.kou li{grid-column:1/-1;grid-template-columns:subgrid;gap:0 36px}}
body.office ul.kajo.kazu{counter-reset:kz}
body.office ul.kajo.kazu li{counter-increment:kz;padding:0 0 0 3.2em;margin:0 0 1.2em;min-height:2.6em}
body.office ul.kajo.kazu li::before{content:counter(kz);width:auto;height:auto;background:none;top:-.18em;font-size:2.1em;line-height:1;font-weight:700;color:var(--gold-600);font-family:var(--font-mincho)}
body.office .hero ul.kajo.kazu li::before{color:var(--gold-600);background:none}
body.office ul.kajo.kazu li strong{display:block;font-size:1.06em;letter-spacing:.04em}
body.office ul.kajo.kumi{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16em),1fr));column-gap:36px;border-top:1px solid var(--line)}
body.office ul.kajo.kumi li{margin:0;padding:11px 0 11px 1.7em;border-bottom:1px solid var(--line);line-height:1.75}
body.office ul.kajo.kumi li::before{top:1.5em}
body.office ul.kajo.kumi.maru li::before,body.office ul.kajo.kumi.batsu li::before{top:1.02em}
body.office ul.kajo li,body.office .yomi p{text-wrap:pretty;hanging-punctuation:allow-end}
body.office ul.kajo.kumi li,body.office ul.kajo .k-mi{word-break:auto-phrase}
body.office h2,body.office h3,body.office h4{text-wrap:balance;word-break:auto-phrase}
body.office ul.kajo.maru li::before,body.office ul.kajo.batsu li::before{width:1em;height:1em;top:.62em;background:none;font-family:var(--font-sans,sans-serif);font-weight:700;line-height:1}
body.office ul.kajo.maru li::before{content:"✓";color:var(--gold-600)}
body.office ul.kajo.batsu li{color:var(--ink-700,#5b544a)}
body.office ul.kajo.batsu li::before{content:"×";color:var(--navy-900,#0a192f)}

body.office .foot{background:var(--paper-100);color:var(--ink-500);border-top:1px solid rgba(21,17,13,.12)}
body.office .foot::before{display:none}
body.office .foot a{color:var(--navy-800)}
body.office .foot a:hover{color:var(--navy-900)}
body.office .hero::before{inset:-20%;height:auto;background:radial-gradient(38% 42% at 74% 26%,rgba(197,168,128,.24),transparent 70%),radial-gradient(34% 40% at 16% 82%,rgba(20,44,79,.07),transparent 70%)}
body.office .hero::after{background:rgba(21,17,13,.10);height:1px}
/* ★2026-10-15「芍薬」＝節の見出しの型を替えた。大きな灰色の番号（56〜112px）をやめ、見出しの上に「金の小さな番号＋短い金の罫」を添える。主役は見出し。 */
body.office section.band h2[data-n]{display:block;font-size:clamp(25px,2.5vw,34px);line-height:1.45;color:var(--navy-900);margin-bottom:clamp(18px,2vw,26px)}
body.office section.band h2[data-n]::before{content:attr(data-n);display:block;width:max-content;max-width:none;height:auto;border-radius:0;margin:0 0 12px;padding-right:56px;background:linear-gradient(var(--gold-500),var(--gold-500)) no-repeat right center/44px 1px;font-family:var(--font-sans);font-weight:700;font-size:13px;line-height:1.6;letter-spacing:.2em;color:var(--gold-600);font-feature-settings:"tnum" 1;text-shadow:none}
body.office section.band.michi-nav h2::before,body.office section.band.gainen-band h2::before{content:none}
body.office h1,body.office h2,body.office h3{text-shadow:none}
body.office h1,body.office h2,body.office h3,body.office h4,body.office .sign .sign-na{font-family:var(--font-sans);font-weight:700;letter-spacing:.02em}
body.office .hero h1{font-size:clamp(28px,2.8vw,44px);line-height:1.45}
body.office .hero-text{max-width:none}
@media (min-width:961px){body.office .hero-shot .hero-grid{grid-template-columns:1.25fr .75fr}}
body.office .card,body.office .pcard,body.office .stat,body.office .showcase{background:none !important;box-shadow:none !important;border-radius:0 !important;border:0 !important;border-top:2px solid var(--navy-900) !important;padding-left:0;padding-right:0;transform:none !important}
body.office .pcard.main{border-top:3px solid var(--gold-500) !important}
body.office .pcard.main::before{top:-11px;left:0;background:var(--gold-500);color:var(--ou-gold-ink);border-radius:2px}
body.office .stats{gap:1px;background:rgba(21,17,13,.14);border:1px solid rgba(21,17,13,.14)}
body.office .stats .stat{background:var(--paper-100) !important;border:0 !important;padding:22px 22px 18px}
body.office .stat .n{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--navy-900);font-family:var(--font-sans)}
body.office .stat p{color:var(--ink-700)}
body.office .zukai{background:none;box-shadow:none;border-radius:0;border:0;border-top:2px solid var(--navy-900);padding:var(--sp-5) 0 0}
body.office blockquote{background:none;border-radius:0;border-left:3px solid var(--gold-500)}
body.office .taihi{box-shadow:none !important;border-radius:0 !important}
body.office .yomi b,body.office .yomi strong{color:var(--navy-900);font-weight:700;background:linear-gradient(transparent 62%,rgba(197,168,128,.30) 62%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media (prefers-reduced-motion: no-preference){
  body.office .hero::before{animation:iki 26s ease-in-out infinite alternate}
  @keyframes iki{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-3%,2%,0) scale(1.06)}100%{transform:translate3d(2%,-2%,0) scale(1.02)}}
  /* ★2026-10-15「芍薬」＝大見出しの拭き出し（arawasu）を外した。裏に回った窓・遅い端末・画面の写しでは途中で止まり、「超カリスマ人」「貴社の人事制度を」のように約束が読めなかった。大見出しは最初から全部見せる。 */
  @supports (animation-timeline: view()){
    /* ★2026-10-15「芍薬」＝見出しがスクロールの位置に連れて濃くなる動き（miete）を外した。読み進める間、画面の下3分の1の見出しが淡いままだった。 */
    @keyframes miete{from{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:none}}
  }
  @supports (animation-timeline: scroll()){
    body.office .hero .shot img.sp{animation:oku-sp linear both;animation-timeline:scroll(root);animation-range:0 70vh}
    @keyframes oku-sp{to{transform:translateY(-46px)}}
  }
}

/* ★2026-09-30「青海波」＝子の帯は頭の帯（sticky）の外に置く＝実機でパソコン1280の頭が263pxになり画面を食ったため。 */
body.office .ko-band{background:rgba(197,168,128,.08);border-bottom:1px solid rgba(21,17,13,.08)}
body.office .ko-band .maku{max-width:1120px;margin:0 auto;padding:0 var(--sp-5)}
@media (max-width:720px){body.office .ko-band .maku{padding:0 var(--sp-4)}}
@media (min-width:1260px){body.office .ko-band .maku{max-width:1240px}}
/* ★2026-09-30「青海波」＝子の帯（「超カリスマ人事制度」タブの7枚）・枝分かれの札・玄関の代表の写真・連載の各回の一覧。 */
body.office .ko-menu{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;padding:8px 0}
body.office .ko-menu .ko-mi{font-size:12.5px;font-weight:700;letter-spacing:.12em;color:var(--gold-600);margin-right:10px}
body.office .ko-menu a{font-size:14px;font-weight:700;color:var(--ink-700);text-decoration:none;padding:6px 12px;border-radius:999px;border:1px solid transparent;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease}
body.office .ko-menu a:hover{color:var(--navy-900);background:rgba(210,184,120,.10);border-color:rgba(210,184,120,.45)}
body.office .ko-menu a[aria-current="page"]{color:var(--navy-900);background:rgba(197,168,128,.18);border-color:var(--gold-500)}
/* ★2026-09-30「青海波」＝右端の見出し札（パソコン）。紺の上に金を置かない（2026-09-28 ご裁定）＝いまの札は紺の地に生成りの字。 */
body.office .midashi{display:none}
@media (min-width:1220px) and (min-height:840px){
  body.office .midashi{display:flex;flex-direction:column;gap:5px;position:fixed;right:0;top:calc(50% + 77px);transform:translateY(-50%);z-index:45}
  body.office .midashi a{display:block;writing-mode:vertical-rl;text-orientation:upright;font-family:var(--font-sans);font-weight:700;font-size:12.5px;letter-spacing:.06em;line-height:1;padding:9px 8px 9px 9px;color:var(--ink-700);text-decoration:none;background:linear-gradient(90deg,var(--paper-50,#fffdf8) 0%,var(--paper-100) 100%);border:1px solid rgba(21,17,13,.14);border-right:0;border-radius:8px 0 0 8px;box-shadow:-2px 2px 6px rgba(21,17,13,.08);transition:transform .18s ease,background .18s ease,color .18s ease}
  body.office .midashi a span{text-combine-upright:none}
  body.office .midashi a:hover{transform:translateX(-4px);background:rgba(233,220,190,1);color:var(--navy-900)}
  body.office .midashi a[aria-current="page"]{transform:translateX(-8px);background:var(--navy-900);color:var(--paper-50,#fffdf8);border-color:var(--navy-900);box-shadow:-4px 4px 12px rgba(21,17,13,.22)}
}
/* ★2026-09-30「青海波」＝携帯の細い帯（頭が流れ去ったら現れる）と目次。 */
body.office .hosobi,body.office .hosobi-mokuji{display:none}
@media (max-width:720px){
  body.office .hosobi{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;top:0;height:44px;z-index:90;padding:0 var(--sp-4);background:color-mix(in srgb,var(--paper-50,#fffdf8) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(21,17,13,.12);box-shadow:0 4px 14px rgba(21,17,13,.08);transform:translateY(-110%);transition:transform .22s ease}
  body.office .hosobi.miete{transform:none}
  body.office .hosobi-ie{flex:none;font-family:var(--font-mincho);font-weight:700;font-size:13.5px;color:var(--navy-900);text-decoration:none}
  body.office .hosobi-ba{flex:1;min-width:0;font-size:13.5px;font-weight:700;color:var(--gold-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.office .hosobi-btn{flex:none;font:inherit;font-size:13.5px;font-weight:700;color:var(--navy-900);background:none;border:1px solid rgba(21,17,13,.25);border-radius:999px;padding:5px 14px;cursor:pointer}
  body.office .hosobi-mokuji{display:none;position:fixed;left:0;right:0;top:44px;z-index:89;max-height:calc(100vh - 44px);overflow-y:auto;padding:8px var(--sp-4) 16px;background:var(--paper-50,#fffdf8);border-bottom:1px solid rgba(21,17,13,.12);box-shadow:0 18px 36px rgba(21,17,13,.16)}
  body.office .hosobi-mokuji.hiraku{display:block}
  body.office .hosobi-mokuji a{display:block;padding:11px 4px;font-size:15px;font-weight:700;color:var(--ink-700);text-decoration:none;border-bottom:1px solid var(--line)}
  body.office .hosobi-mokuji a[aria-current="page"]{color:var(--navy-900);background:rgba(197,168,128,.18)}
  body.office .hosobi-ko{padding-left:16px;border-left:2px solid var(--gold-500);margin:2px 0 4px 6px}
  body.office .hosobi-ko a{font-size:14px;padding:9px 4px}
}
/* ★2026-09-30「青海波」＝親のタブの子の札（ドロップダウン）。 */
body.office .head .menu{overflow:visible}
body.office .head .oya{position:relative;display:flex;flex:none}
body.office .head .oya-ya{display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.6;transition:transform .18s ease}
body.office .head .oya:hover .oya-ya,body.office .head .oya.hiraku .oya-ya,body.office .head .oya:focus-within .oya-ya{transform:rotate(180deg)}
body.office .head .ko-drop{display:none;position:absolute;top:100%;left:0;z-index:80;min-width:280px;flex-direction:column;padding:8px;background:var(--paper-50,#fffdf8);border:1px solid rgba(21,17,13,.12);border-top:3px solid var(--gold-500);border-radius:0 0 10px 10px;box-shadow:0 18px 40px rgba(21,17,13,.16)}
body.office .head .oya:hover .ko-drop,body.office .head .oya:focus-within .ko-drop,body.office .head .oya.hiraku .ko-drop{display:flex}
body.office .head .menu .ko-drop a{display:block;margin:0;padding:11px 14px;font-size:15px;font-weight:700;letter-spacing:.03em;color:var(--ink-700);border:0;border-radius:6px;white-space:nowrap;background:none}
body.office .head .menu .ko-drop a:hover{background:rgba(210,184,120,.14);color:var(--navy-900)}
body.office .head .menu .ko-drop a[aria-current="page"]{background:rgba(197,168,128,.20);color:var(--navy-900)}
@media (max-width:720px){body.office .head{position:relative;z-index:50}body.office .head .menu{position:relative}body.office .head .oya{position:static}body.office .head .ko-drop{min-width:0;left:0;right:0;width:auto}body.office .head .menu .ko-drop a{font-size:15px;padding:12px 12px}}
/* ★2026-09-30「青海波」先生のご指摘（携帯の実機を見て）＝「これって、タブが全部表示されていないのでは？」
   　★携帯では、頭の帯も子の帯も横に流す形（隠れた札は横へ送らないと見えない）をやめ、折り返して全部の札を一度に見せる。 */
@media (max-width:720px){
  body.office .head .menu{flex-wrap:wrap;overflow:visible;margin-left:0;margin-right:0;padding:4px 0 6px;gap:2px 0;-webkit-mask-image:none;mask-image:none}
  body.office .head .menu a{flex:none;font-size:14px;padding:9px 9px;border-bottom-width:2px}
  body.office .head .menu a[href="jimusho.html"]{margin-left:0;padding:6px 12px}
  body.office .ko-menu{flex-wrap:wrap;overflow:visible;gap:4px 2px;padding:8px 0}
  body.office .ko-menu .ko-mi{flex:0 0 100%;margin:0 0 2px;font-size:12px}
  body.office .ko-menu a{flex:none;font-size:13.5px;padding:5px 10px}
}
body.office .eda-band{padding-top:var(--sp-7,40px);padding-bottom:var(--sp-7,40px)}
body.office .eda-mi{font-family:var(--font-sans);font-weight:700;font-size:clamp(20px,2vw,26px);color:var(--navy-900);text-align:center;margin:0 0 var(--sp-5,24px)}
body.office .eda-oki{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:760px){body.office .eda-oki{grid-template-columns:1fr 1fr;gap:24px}}
body.office .eda-card{display:flex;flex-direction:column;gap:8px;padding:22px 22px 20px;border-top:3px solid var(--navy-900);border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink-900);transition:background .18s ease,border-color .18s ease}
body.office .eda-card:hover{background:rgba(197,168,128,.10);border-top-color:var(--gold-500)}
body.office .eda-card svg{width:44px;height:44px}
body.office .eda-card .eda-sub{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--gold-600)}
body.office .eda-card h3{margin:0;font-family:var(--font-sans);font-weight:700;font-size:clamp(20px,2.1vw,25px);color:var(--navy-900);line-height:1.45;word-break:keep-all}
body.office .eda-card p{margin:0;font-size:15.5px;line-height:1.9}
body.office .eda-card .eda-go{margin-top:auto;padding-top:8px;font-weight:700;font-size:15px;color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-500);text-underline-offset:5px}
body.office .eda-chii{display:grid;grid-template-columns:minmax(0,1fr);gap:0 28px;margin-top:22px;border-top:1px solid var(--line)}
@media (min-width:760px){body.office .eda-chii{grid-template-columns:repeat(4,minmax(0,1fr))}}
body.office .eda-chii a{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
body.office .eda-chii .na{font-weight:700;font-size:16px;color:var(--navy-900);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .2s ease}
body.office .eda-chii a:hover .na{text-decoration-color:var(--gold-500)}
body.office .eda-chii .te{font-size:14px;line-height:1.75;color:var(--ink-700,#4a443b)}
body.office .hero .shot img.kao{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:var(--r-app-lg);box-shadow:0 18px 40px rgba(21,17,13,.14)}
body.office .hero .shot img.kao:hover{transform:none}
@media (max-width:960px){body.office .hero .shot img.kao{max-width:200px;margin:var(--sp-4) 0 0}}
body.office .rensai-mokuji a{grid-template-columns:4.2em minmax(0,1fr)}
body.office .rensai-mokuji .no{grid-row:auto;font-size:14px}
body.office .rensai-mokuji .na{font-size:clamp(16px,1.3vw,17.5px)}
body.office .head .head-tel a.head-toi{display:none}
body.office .head .menu a.menu-demo{display:none}
@media (min-width:721px){
  body.office .head{top:var(--head-pin,0px)}
  [id],section[id],:target{scroll-margin-top:calc(var(--head-miete,150px) + 20px)}
}
@media (min-width:721px) and (max-width:1259px){
  body.office .head .menu a{font-size:14.5px;padding:13px 9px;letter-spacing:.03em}
  body.office .head .menu a[href="jimusho.html"]{padding:7px 14px}
}
@media (min-width:1260px){
  body.office .head.tsumeru .menu a.menu-demo{display:inline-block;margin-left:auto;align-self:center;padding:6px 16px;font-size:13.5px;letter-spacing:.04em;line-height:1.5;color:var(--ou-gold-ink);background:linear-gradient(180deg,var(--ou-gold-a),var(--ou-gold-b));border:1px solid var(--ou-gold-edge);border-radius:999px;box-shadow:0 2px 0 var(--ou-gold-edge)}
  body.office .head.tsumeru .menu a.menu-demo:hover{background:linear-gradient(180deg,var(--ou-gold-a),var(--ou-gold-b));color:var(--ou-gold-ink);border-color:var(--ou-gold-edge)}
  body.office .head.tsumeru .menu a.menu-demo + a[href="jimusho.html"]{margin-left:10px}
}
@media (min-width:721px) and (max-height:700px){
  body.office .head .maku{padding-top:10px}
  body.office .head .brand-sub{font-size:11px}
  body.office .head .brand-name{font-size:22px;line-height:1.3}
  body.office .head .head-tel a.head-btn{padding:6px 18px;font-size:14px}
  body.office .head .head-tel span{margin-top:7px;font-size:11px}
  body.office .head .menu{margin-top:8px}
  body.office .head .menu a{padding-top:10px;padding-bottom:10px}
  body.office .head .menu a[href="jimusho.html"],body.office .head.tsumeru .menu a.menu-demo{padding-top:5px;padding-bottom:5px}
  body.office .hero{padding-top:40px;padding-bottom:48px}
}
@media (max-width:720px){
  body.office .head .maku{padding-top:12px;gap:6px}
  body.office .head .brand-sub{font-size:11.5px;letter-spacing:.06em}
  body.office .head .brand-name{font-size:21px}
  body.office .head .head-tel{display:flex;align-items:center;gap:8px;margin-top:2px}
  body.office .head .head-tel a.head-btn{flex:1 1 auto;margin:0;text-align:center;font-size:14px;padding:9px 8px;white-space:nowrap}
  body.office .head .head-tel a.head-toi{display:block;flex:0 0 auto;font-family:var(--font-sans);font-weight:700;font-size:14px;line-height:1.4;color:var(--navy-900);text-decoration:none;border:1px solid var(--gold-500);border-radius:999px;padding:9px 14px;white-space:nowrap}
  body.office .head .head-tel a.head-toi[aria-current="page"]{background:linear-gradient(180deg,var(--ou-gold-a),var(--ou-gold-b));color:var(--ou-gold-ink);border-color:var(--ou-gold-edge)}
  body.office .head .menu{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:0;padding:2px 0 4px;margin-top:8px}
  body.office .head .menu > a,body.office .head .menu > .oya > a{font-size:14px;line-height:1.5;padding:9px 4px;letter-spacing:.02em}
  body.office .head .menu > a[href="jimusho.html"]{display:none}
}
body.office .hero-suji .hero-grid{align-items:start}
body.office .suji{border-top:2px solid var(--navy-900);padding-top:14px}
body.office .suji-mi{margin:0;font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:.16em;color:var(--ink-700)}
body.office .suji dl{margin:0}
body.office .suji dl > div{padding:14px 0 16px;border-bottom:1px solid var(--line)}
body.office .suji dt{font-family:var(--font-sans);font-weight:700;color:var(--navy-900);font-size:clamp(30px,3.1vw,42px);line-height:1.25;letter-spacing:.01em}
body.office .suji dd{margin:6px 0 0;font-family:var(--font-mincho);font-weight:500;font-size:15.5px;line-height:1.8;color:var(--ink-700);word-break:auto-phrase;text-wrap:pretty}
body.office .suji-chu{margin:12px 0 0;font-family:var(--font-sans);font-size:12.5px;line-height:1.75;color:var(--ink-500)}
body.office .nagare{list-style:none;margin:var(--sp-5) auto;padding:0;max-width:1040px;display:grid;grid-template-columns:minmax(0,1fr);border-top:2px solid var(--navy-900)}
body.office .nagare li{position:relative;display:grid;grid-template-columns:2.4em minmax(0,1fr);column-gap:6px;padding:15px 0 17px;border-bottom:1px solid var(--line)}
body.office .nagare-no{grid-row:1/3;font-family:var(--font-mincho);font-weight:700;font-size:28px;line-height:1.2;color:var(--gold-600);font-variant-numeric:tabular-nums}
body.office .nagare-na{font-family:var(--font-sans);font-weight:700;font-size:17px;line-height:1.6;letter-spacing:.04em;color:var(--navy-900)}
body.office .nagare-te{font-family:var(--font-mincho);font-weight:500;font-size:15.5px;line-height:1.85;color:var(--ink-900);word-break:auto-phrase;text-wrap:pretty}
@media (min-width:900px){
  body.office .nagare{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.office .nagare li{grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-content:start;padding:22px 30px 24px 0}
  body.office .nagare li:not(:nth-child(3n+1)){padding-left:30px}
  body.office .nagare-no{font-size:40px;line-height:1.05}
  body.office .nagare-na{margin-bottom:3px}
  body.office .nagare li:not(:nth-child(3n+1))::before{content:"";position:absolute;left:-1px;top:36px;width:9px;height:9px;border-top:2px solid var(--gold-500);border-right:2px solid var(--gold-500);transform:translateX(-50%) rotate(45deg)}
}
body.office .tokuten{display:grid;grid-template-columns:minmax(0,1fr);max-width:1040px;margin:var(--sp-5) auto var(--sp-4);border-top:3px solid var(--gold-500)}
body.office .tokuten-1{padding:20px 0 22px;border-bottom:1px solid var(--line)}
body.office .tokuten-na{margin:0 0 8px;font-family:var(--font-sans);font-weight:700;font-size:14.5px;line-height:1.6;letter-spacing:.06em;color:var(--ink-700)}
body.office .tokuten-ne{display:inline-block;margin:0 0 12px;padding:0 .08em;font-family:var(--font-sans);font-weight:700;font-size:clamp(26px,2.6vw,34px);line-height:1.35;color:var(--navy-900);background:linear-gradient(transparent 66%,rgba(197,168,128,.36) 66%)}
body.office .tokuten-te{margin:0;font-family:var(--font-mincho);font-weight:500;font-size:15.5px;line-height:1.9;color:var(--ink-900);word-break:auto-phrase;text-wrap:pretty}
@media (min-width:860px){
  body.office .tokuten.t2,body.office .tokuten.t3{border-bottom:1px solid var(--line)}
  body.office .tokuten.t2{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.office .tokuten.t3{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.office .tokuten.t2 .tokuten-1,body.office .tokuten.t3 .tokuten-1{border-bottom:0;padding:22px 28px 26px 0}
  body.office .tokuten.t2 .tokuten-1 + .tokuten-1,body.office .tokuten.t3 .tokuten-1 + .tokuten-1{padding-left:28px;border-left:1px solid var(--line)}
  body.office .tokuten.t1 .tokuten-1{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);column-gap:44px;align-items:center;padding:24px 0 26px}
  body.office .tokuten.t1 .tokuten-na{grid-column:1;grid-row:1}
  body.office .tokuten.t1 .tokuten-ne{grid-column:1;grid-row:2;justify-self:start;margin-bottom:0}
  body.office .tokuten.t1 .tokuten-te{grid-column:2;grid-row:1/3}
}
body.office .nen-fuda{display:inline-block;margin-right:6px;padding:1px 6px 0;font-family:var(--font-sans);font-size:11.5px;font-weight:700;line-height:1.5;letter-spacing:.04em;color:var(--navy-900);background:var(--gold-050);border:1px solid var(--gold-500);border-radius:3px;vertical-align:1px;white-space:nowrap}
body.office table.hyo .tsujo{display:block}
body.office table.hyo .nen{display:block;margin-top:4px;font-size:14px;white-space:nowrap}
body.office table.hyo .nen-ne{font-weight:700;color:var(--navy-900);white-space:nowrap}
body.office table.hyo .nen-bun{display:block;min-width:12em;font-weight:500;font-size:14.5px;line-height:1.7;color:var(--ink-900);white-space:normal}
body.office .shinki table.hyo thead th:nth-child(3),body.office .tsuika table.hyo thead th:nth-child(2){background:rgba(197,168,128,.26)}
body.office .shinki table.hyo td:nth-child(3),body.office .tsuika table.hyo td:nth-child(2){background:rgba(197,168,128,.10)}
body.office .shinki table.hyo td:nth-child(2),body.office .tsuika table.hyo td:nth-child(2){white-space:nowrap}
body.office .shinki table.hyo td:last-child{font-weight:500;color:var(--ink-900);line-height:1.8}
body.office .plan-sho.plan-nen{font-weight:700;color:var(--navy-900)}
body.office .hyo-ba > .hyo-mi:first-child{margin-top:0}
body.office .kakaku-mokuji.bu-mokuji{margin-top:var(--sp-5)}
body.office .rensai .hero .date .chosha{margin-left:1.2em;color:var(--ink-700)}
body.office ul.kajo.kazu li .chui-bun{display:block;font-weight:700;font-size:1.06em;letter-spacing:.04em;color:var(--navy-900)}
body.office .hyo-chu{font-size:14px;line-height:1.85;color:var(--ink-500)}
body.office .hyo-chu .chu-1{display:block;padding-left:1.1em;text-indent:-1.1em}
body.office .hyo-chu .chu-1 + .chu-1{margin-top:5px}
body.office .head{background:color-mix(in srgb,var(--paper-50) 94%,transparent)}
body.office .kakaku-mokuji.bu-mokuji{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){body.office .kakaku-mokuji.bu-mokuji{grid-template-columns:repeat(4,minmax(0,1fr))}}
body.office .cards .card .card-btns .btn{text-align:center;padding-left:var(--sp-4);padding-right:var(--sp-4)}
@media (max-width:640px){
  body.office .kaitei table.hyo.san td .ne-2{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 16px}
  body.office .kaitei table.hyo.san td .nen{margin-top:0}
  body.office .shinki table.hyo.san td::before,body.office .tsuika table.hyo.san td::before{flex-basis:7.6em}
  body.office .shinki table.hyo.san td:nth-child(3),body.office .tsuika table.hyo.san td:nth-child(2){background:rgba(197,168,128,.10)}
}
@media (min-width:1000px){
  body.office .hyo-chu:has(.chu-1:nth-child(4)){column-count:2;column-gap:44px}
  body.office .hyo-chu .chu-1{break-inside:avoid}
  body.office .hyo-chu:has(.chu-1:nth-child(4)) .chu-1 + .chu-1{margin-top:0;padding-top:5px}
}
body.office .hero-suji h1{text-wrap:balance}
@media (max-width:640px){
  body.office .kakaku-mokuji.bu-mokuji{gap:0 14px}
  body.office .kakaku-mokuji.bu-mokuji a{padding:12px 2px 14px}
  body.office .kakaku-mokuji.bu-mokuji svg{display:none}
  body.office .kakaku-mokuji.bu-mokuji .na{font-size:13.5px}
  body.office .kakaku-mokuji.bu-mokuji .ne{font-size:17px}
  body.office .kakaku-mokuji.bu-mokuji .ne small{font-size:12px;margin-left:2px}
}
body.office .nagare-dare{display:inline-block;margin-left:10px;padding:1px 9px 0;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1.6;color:var(--ink-700);border:1px solid var(--line);border-radius:999px;vertical-align:2px;white-space:nowrap}
body.office .nagare-dare.kisha{color:var(--navy-900);background:var(--gold-050);border-color:var(--gold-500)}
body.office .nagare-ku{display:grid;grid-template-columns:minmax(0,1fr);gap:28px 0;max-width:1040px;margin:var(--sp-5) auto}
body.office .nagare-ku .ku{position:relative}
body.office .nagare-ku h3.ku-na{margin:0 0 10px;padding-left:11px;border-left-width:3px;font-family:var(--font-sans);font-weight:700;font-size:14px;line-height:1.5;letter-spacing:.14em;color:var(--ink-700)}
body.office .nagare-ku .nagare{margin:0;max-width:none}
@media (min-width:900px){
  body.office .nagare-ku{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 44px}
  body.office .nagare-ku .nagare{grid-template-columns:minmax(0,1fr)}
  body.office .nagare-ku .nagare li,body.office .nagare-ku .nagare li:not(:nth-child(3n+1)){padding:18px 0 20px}
  body.office .nagare-ku .nagare li::before,body.office .nagare-ku .nagare li:not(:nth-child(3n+1))::before{content:none}
  body.office .nagare-ku .nagare li:last-child{border-bottom:0}
  body.office .nagare-ku .ku + .ku::before{content:"";position:absolute;left:-22px;top:5px;width:9px;height:9px;border-top:2px solid var(--gold-500);border-right:2px solid var(--gold-500);transform:translateX(-50%) rotate(45deg)}
  body.office .nagare-ku{border-bottom:1px solid var(--line);padding-bottom:6px}
}
body.office .tokuten.fuda{border-top:2px solid var(--navy-900)}
body.office .saimoku-mi{max-width:1040px;margin:26px auto 8px;font-family:var(--font-sans);font-weight:700;font-size:15px;line-height:1.6;letter-spacing:.08em;color:var(--navy-900)}
body.office .saimoku{max-width:1040px;margin:0 auto;border-top:1px solid var(--line)}
body.office .saimoku > div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 0 13px;border-bottom:1px solid var(--line)}
body.office .saimoku dt{font-family:var(--font-sans);font-weight:700;font-size:14.5px;line-height:1.7;letter-spacing:.04em;color:var(--navy-900)}
body.office .saimoku dd{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.8;letter-spacing:.02em;color:var(--ink-700)}
@media (min-width:860px){
  body.office .saimoku > div{grid-template-columns:200px minmax(0,615px);gap:0 28px;padding:14px 0 15px}
  body.office .saimoku dt{padding-top:1px}
}
@media (min-width:721px) and (max-height:700px){
  body.office .hero{padding-bottom:36px}
  body.office .hero-suji .suji{padding-top:10px}
  body.office .hero-suji .suji dl > div{padding:10px 0 12px}
}

@media (min-width:641px) and (max-width:900px){
  body.office .kaitei table.hyo th,body.office .kaitei table.hyo td{padding-left:9px;padding-right:9px;font-size:14px}
  body.office .kaitei table.hyo .nen{font-size:13px}
}
body.office .mendan table.hyo td:last-child,body.office .koutsuu table.hyo td:last-child{font-weight:400;line-height:1.8;color:var(--ink-900)}
body.office .plan-dl{margin:14px 0 0;border-top:1px solid var(--line)}
body.office .plan-dl > div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 0 11px;border-bottom:1px solid var(--line)}
body.office .plan-dl dt{font-family:var(--font-sans);font-weight:700;font-size:14px;line-height:1.7;color:var(--navy-900)}
body.office .plan-dl dd{margin:0;font-family:var(--font-sans);font-size:14.5px;line-height:1.8;color:var(--ink-900)}
@media (min-width:640px){body.office .plan-dl > div{grid-template-columns:9.5em minmax(0,1fr);gap:0 16px}}

body.office .suji dt .su,body.office .tokuten-ne .su{font-family:var(--font-mincho);font-weight:600;letter-spacing:0;font-variant-numeric:lining-nums proportional-nums}
body.office .suji dt .ta{font-size:.5em;letter-spacing:.06em;margin:0 .12em}
body.office .tokuten-ne .ta{font-size:.6em;letter-spacing:.04em;margin:0 .1em}
body.office .suji dt .ta:first-child,body.office .tokuten-ne .ta:first-child{margin-left:0}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    body.office .nagare-ku .ku .nagare{border-top:0;padding-top:2px;background:linear-gradient(var(--navy-900),var(--navy-900)) 0 0 no-repeat;background-size:100% 2px;animation:yukima-hiku linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
    body.office .nagare-ku .ku:nth-child(2) .nagare{animation-range:entry 20% cover 32%}
    body.office .nagare-ku .ku:nth-child(3) .nagare{animation-range:entry 40% cover 42%}
    @keyframes yukima-hiku{from{background-size:0 2px}to{background-size:100% 2px}}
  }
}
body.office .suji dt,body.office .tokuten-ne{font-family:var(--font-mincho);font-weight:600;letter-spacing:.02em}
body.office .suji dt .ta,body.office .tokuten-ne .ta{font-family:var(--font-sans);font-weight:700}
body.office .kao{margin:0}
body.office .hero h1 .gyo{display:block}
body.office .hero-suji h1{font-size:clamp(26px,2.6vw,34px);line-height:1.5;letter-spacing:.03em}
body.office .hero-suji h1 .gyo + .gyo{margin-top:.12em}
body.office .hero-kao .hero-grid{align-items:center}
@media (min-width:901px){
  body.office .hero-kao .hero-grid{grid-template-columns:1.22fr .78fr;column-gap:56px}
}
body.office .kao figcaption{word-break:auto-phrase;text-wrap:balance;margin:14px 0 0;font-family:var(--font-sans);font-size:12.5px;line-height:1.75;letter-spacing:.02em;color:var(--ink-500)}
body.office .kao .kao-ba{position:relative;font-family:var(--font-sans)}
body.office .kao .kao-ba i{display:block;font-style:normal}

body.office .kao-kisoku .kao-ba{height:268px;max-width:420px;margin:0 auto}
body.office .kk-kami{position:absolute;box-sizing:border-box;background:var(--paper-50);border:1px solid var(--line)}
body.office .kk-kami i{height:1px;margin:14px 18px 0;background:var(--line)}
body.office .kk-fuda{display:block;margin:14px 18px 2px;font-weight:700;font-size:12.5px;line-height:1.5;letter-spacing:.12em;color:var(--ink-500)}
body.office .kk-hina{left:0;top:34px;width:43%;height:206px;transform:rotate(-5deg);transform-origin:40% 60%;opacity:.92}
body.office .kk-hina::after{content:"";position:absolute;left:4%;right:4%;top:50%;height:1px;background:var(--ink-400);transform:rotate(-27deg);transform-origin:50% 50%}
body.office .kk-sha{display:block;margin:8px 18px 4px;padding:4px 0 3px;border:1px dashed var(--ink-400);font-size:12px;line-height:1.5;letter-spacing:.3em;text-align:center;color:var(--ink-500)}
body.office .kk-ato{position:absolute;left:16px;right:6px;bottom:12px;white-space:nowrap;font-size:11.5px;line-height:1.5;letter-spacing:.04em;color:var(--ink-500)}
body.office .kk-taba{position:absolute;right:0;top:0;width:61%;height:100%}
body.office .kk-mimi{position:absolute;box-sizing:border-box;display:block;padding:5px 12px 0;background:var(--paper-100);border:1px solid var(--line);font-weight:700;font-size:11.5px;line-height:1.4;letter-spacing:.08em;text-align:right;color:var(--ink-500)}
body.office .kk-mimi.m3{left:26px;right:0;top:0;height:calc(100% - 26px)}
body.office .kk-mimi.m2{left:13px;right:13px;top:24px;height:calc(100% - 37px);background:var(--paper-50)}
body.office .kk-kisha{left:0;right:26px;top:48px;bottom:0;border-top:2px solid var(--navy-900);box-shadow:0 14px 30px rgba(21,17,13,.10),0 2px 3px rgba(21,17,13,.06)}
body.office .kk-kisha .kk-fuda{font-size:14px;letter-spacing:.1em;color:var(--navy-900)}
body.office .kk-kisha i{background:var(--ink-400);opacity:.38}
body.office .kk-kisha i.kin{height:2px;margin-right:34%;background:var(--gold-500);opacity:1;transform-origin:0 50%}
body.office .kk-chu{position:absolute;right:-14px;top:52px;padding:2px 10px 1px;font-weight:700;font-size:12px;line-height:1.6;letter-spacing:.06em;color:var(--navy-900);background:var(--gold-050);border:1px solid var(--gold-500);border-radius:999px;white-space:nowrap}

body.office .kao-komon .kao-ba{max-width:420px;margin:0 auto;border-top:2px solid var(--navy-900)}
body.office .km-atama{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:11px 0 10px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--ink-500)}
body.office .km-atama span:first-child{font-weight:700;font-size:13px;letter-spacing:.16em;color:var(--ink-700)}
body.office .km-retsu{position:relative;list-style:none;margin:0;padding:0}
body.office .km-retsu::before{content:"";position:absolute;left:5px;top:24px;bottom:24px;width:1px;background:var(--line)}
body.office .km-retsu li{position:relative;margin:0;padding:14px 0 15px 28px;border-bottom:1px solid var(--line)}
body.office .km-retsu li::before{content:"";position:absolute;left:0;top:19px;width:11px;height:11px;box-sizing:border-box;border-radius:50%;background:var(--gold-050);border:1px solid var(--gold-500)}
body.office .km-retsu li.km-jimu::before{background:var(--navy-900);border-color:var(--navy-900)}
body.office .km-dare{display:inline-block;margin-right:10px;padding:1px 9px 0;font-weight:700;font-size:12px;line-height:1.6;letter-spacing:.06em;color:var(--navy-900);background:var(--gold-050);border:1px solid var(--gold-500);border-radius:999px;vertical-align:1px;white-space:nowrap}
body.office .km-jimu .km-dare{color:var(--ink-700);background:none;border-color:var(--line)}
body.office .km-ken{font-family:var(--font-mincho);font-weight:600;font-size:14.5px;line-height:1.7;letter-spacing:.02em;color:var(--navy-900)}
body.office .km-retsu i{height:6px;margin:9px 0 0;background:rgba(20,44,79,.10);transform-origin:0 50%}
body.office .km-retsu i:last-child{width:46%}
body.office .km-jimu i:nth-of-type(2){width:94%}
body.office .km-jimu i:nth-of-type(3){width:88%}
body.office .km-ato{margin:0;padding:12px 0 0;font-weight:700;font-size:13px;line-height:1.6;letter-spacing:.06em;color:var(--navy-900)}
body.office .km-ato::before{content:"";display:inline-block;width:.62em;height:.34em;margin:0 .6em .22em .1em;border-left:2px solid var(--gold-600);border-bottom:2px solid var(--gold-600);transform:rotate(-45deg)}

@media (prefers-reduced-motion:no-preference){
  .js body.office .kao.on .kk-hina{animation:sg-hina .9s var(--ease) both}
  .js body.office .kao.on .kk-mimi.m3{animation:sg-agaru .7s var(--ease) .25s both}
  .js body.office .kao.on .kk-mimi.m2{animation:sg-agaru .7s var(--ease) .38s both}
  .js body.office .kao.on .kk-kisha{animation:sg-agaru .8s var(--ease) .5s both}
  .js body.office .kao.on .kk-kisha i.kin{animation:sg-hiku .7s var(--ease) 1.15s both}
  .js body.office .kao.on .kk-kisha i.kin ~ i.kin{animation-delay:1.4s}
  .js body.office .kao.on .kk-chu{animation:sg-deru .5s var(--ease) 1.75s both}
  .js body.office .kao.on .km-retsu li{animation:sg-agaru .7s var(--ease) both}
  .js body.office .kao.on .km-retsu li:nth-child(1){animation-delay:.2s}
  .js body.office .kao.on .km-retsu li:nth-child(2){animation-delay:.75s}
  .js body.office .kao.on .km-retsu li:nth-child(3){animation-delay:1.5s}
  .js body.office .kao.on .km-retsu i{animation:sg-hiku .55s var(--ease) both}
  .js body.office .kao.on .km-retsu li:nth-child(1) i{animation-delay:.5s}
  .js body.office .kao.on .km-retsu li:nth-child(1) i ~ i{animation-delay:.62s}
  .js body.office .kao.on .km-retsu li:nth-child(2) i{animation-delay:1.02s}
  .js body.office .kao.on .km-retsu li:nth-child(2) i:nth-of-type(2){animation-delay:1.14s}
  .js body.office .kao.on .km-retsu li:nth-child(2) i:nth-of-type(3){animation-delay:1.26s}
  .js body.office .kao.on .km-retsu li:nth-child(2) i:nth-of-type(4){animation-delay:1.38s}
  .js body.office .kao.on .km-retsu li:nth-child(3) i{animation-delay:1.75s}
  .js body.office .kao.on .km-retsu li:nth-child(3) i ~ i{animation-delay:1.87s}
  .js body.office .kao.on .km-ato{animation:sg-deru .6s var(--ease) 2.2s both}
  @keyframes sg-hina{from{opacity:.35;transform:rotate(0deg) translateY(10px)}to{opacity:.92;transform:rotate(-5deg)}}
  @keyframes sg-agaru{from{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes sg-hiku{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  @keyframes sg-deru{from{opacity:.35}to{opacity:1}}
}

body.office .hero-kao .suji.yoten{margin-top:34px;padding-top:0}
body.office .suji.yoten dl > div{padding:14px 0 15px}
body.office .suji.yoten dt{font-size:clamp(24px,2.3vw,30px)}
body.office .suji.yoten dd{font-size:15px;line-height:1.75}
@media (min-width:901px){
  body.office .suji.yoten dl{display:grid;grid-template-columns:1.22fr .78fr;column-gap:56px;border-bottom:1px solid var(--line)}
  body.office .suji.yoten dl > div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:22px;border-bottom:0}
  body.office .suji.yoten dt{white-space:nowrap}
  body.office .suji.yoten dd{margin:0}
}
@media (min-width:721px) and (max-height:700px){
  body.office .hero-kao .suji.yoten{margin-top:26px;padding-top:0}
  body.office .kao-kisoku .kao-ba{height:236px}
  body.office .kk-hina{height:182px}
  body.office .kk-kami i{margin-top:12px}
  body.office .km-retsu li{padding:10px 0 11px 28px}
  body.office .km-retsu li::before{top:15px}
  body.office .km-retsu i{margin-top:7px}
  body.office .km-atama{padding:8px 0 7px}
  body.office .km-ato{padding-top:9px}
  body.office .kao figcaption{margin-top:10px}
}
@media (max-width:900px){
  body.office .hero-kao .kao{margin-top:8px}
  body.office .kao-kisoku .kao-ba,body.office .kao-komon .kao-ba{max-width:none}
  body.office .kk-chu{right:-6px}
}

body.office .shiki{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;max-width:1040px;margin:0 auto 26px;padding:0 0 20px;border-bottom:1px solid var(--line)}
body.office .shiki-1{display:flex;flex-direction:column;gap:2px}
body.office .shiki-na{font-family:var(--font-sans);font-weight:700;font-size:13px;line-height:1.6;letter-spacing:.14em;color:var(--ink-700)}
body.office .shiki-ne{font-family:var(--font-mincho);font-weight:600;font-size:clamp(24px,2.5vw,32px);line-height:1.4;letter-spacing:.02em;color:var(--navy-900)}
body.office .shiki-ne b{font-weight:600;white-space:nowrap}
body.office .shiki-ne .su{font-variant-numeric:lining-nums proportional-nums}
body.office .shiki-ne .ta{font-family:var(--font-sans);font-weight:700;font-size:.56em;letter-spacing:.04em;margin:0 .1em}
body.office .shiki-ne b > .ta:only-child{font-size:.62em;margin:0}
body.office .shiki-ne small{font-family:var(--font-sans);font-weight:400;font-size:13px;letter-spacing:.04em;margin:0 .7em;color:var(--ink-500)}
body.office .shiki-en{font-family:var(--font-mincho);font-weight:500;font-size:28px;line-height:1.2;color:var(--gold-600)}
@media (min-width:860px){
  body.office .shiki{grid-template-columns:auto auto minmax(0,1fr);align-items:end;gap:0 30px}
  body.office .shiki-en{padding-bottom:5px;font-size:34px}
}

body.office .plan-hyo table.hyo td .dan-ne{display:block}
body.office .dan-bo{--w:100%;display:flex;align-items:center;height:3px;margin:7px 0 2px}
body.office .dan-bo::before{content:"";flex:0 0 var(--w);height:3px;background:linear-gradient(90deg,var(--gold-400),var(--gold-600));transform-origin:0 50%}
body.office .dan-bo.tasu::after{content:"";flex:1 1 auto;height:0;border-top:3px dotted var(--gold-500)}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    body.office .dan-bo::before{animation:sg-hiku linear both;animation-timeline:view();animation-range:entry 10% cover 30%}
  }
}

body.office table.hyo{background:var(--paper-50)}
body.office table.hyo tbody th{background:rgba(197,168,128,.10)}
body.office .plan-atama{background:linear-gradient(180deg,var(--paper-50) 0%,var(--gold-050) 100%)}
@media (max-width:640px){
  body.office table.hyo.san{background:none}
  body.office table.hyo.san tr{background:var(--paper-50)}
  body.office table.hyo.san tbody th{background:rgba(197,168,128,.10)}
}

body.office .kaitei.yoko table.hyo thead th{font-size:13.5px;line-height:1.55;letter-spacing:.02em;vertical-align:middle}
body.office .kaitei.yoko table.hyo thead th:first-child{width:27%}
body.office .kaitei.yoko table.hyo tbody th{min-width:0;font-size:15px;line-height:1.65;letter-spacing:.02em}
body.office .kaitei.yoko table.hyo td{white-space:nowrap;font-size:16.5px}
body.office .kaitei.yoko table.hyo td:nth-child(3){background:rgba(197,168,128,.07)}
body.office .kaitei.yoko table.hyo td:nth-child(4){background:rgba(197,168,128,.14)}
body.office .kaitei.yoko table.hyo td:nth-child(5){background:rgba(197,168,128,.22)}
body.office .kaitei.yoko table.hyo .nen{font-size:13.5px;font-weight:700;color:var(--ink-700)}
@media (max-width:640px){
  body.office .kaitei.yoko table.hyo.san td{flex-direction:row;align-items:baseline;gap:10px;background:none}
  body.office .kaitei.yoko table.hyo.san td::before{flex:0 0 9.4em;font-size:12.5px;line-height:1.5}
  body.office .kaitei.yoko table.hyo.san td .ne-2{gap:0 12px}
}

@media (max-width:640px){
  body.office .joseikin table.hyo.san tr{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin-bottom:10px}
  body.office .joseikin table.hyo.san tbody th{grid-column:1/-1;padding:9px 12px 8px;font-size:14px;line-height:1.6}
  body.office .joseikin table.hyo.san td{flex-direction:column;align-items:flex-start;gap:0;padding:7px 12px 9px;font-size:16px}
  body.office .joseikin table.hyo.san td::before{flex:none;font-size:12px}
  body.office .joseikin table.hyo.san td + td{border-top:0;border-left:1px dashed var(--line)}
}

@media (max-width:720px){
  body.office .foot{padding-left:var(--sp-4);padding-right:var(--sp-4)}
  body.office .foot a{display:inline-block;margin:3px 9px;white-space:nowrap}
  body.office .chakuchi .yomi{text-align:left}
}

@supports (text-spacing-trim:trim-start){
  body.office .yomi p,body.office .hero .lead,body.office .saimoku dd,body.office .nagare-te,body.office .tokuten-te,body.office .suji dd,body.office table.hyo td,body.office table.hyo th{text-spacing-trim:trim-start}
}
body.office .suji dt,body.office .tokuten-ne,body.office .shiki-ne,body.office .plan-na,body.office .plan-ne .n{font-feature-settings:"palt" 1}

body.office table.hyo thead th .kiri{display:inline-block}
body.office .hero-kao{padding-bottom:0}
body.office .hero-kao .suji.yoten dl{border-bottom:0}
body.office .hero-kao .suji.yoten{padding-bottom:10px}
body.office .plan-hyo table.hyo tbody th{white-space:nowrap}
body.office .plan-hyo table.hyo td .dan-ne{word-break:auto-phrase;text-wrap:balance}
@media (max-width:900px){
  body.office .kao-kisoku .kao-ba{margin:0 8px}
}
@media (max-width:480px){
  body.office .km-ken{display:block;margin-top:5px}
  body.office .km-retsu li{padding-left:26px}
}
body.office ul.kajo li .kajo-fuda{display:inline-block;margin-left:12px;padding:1px 9px 0;font-family:var(--font-sans);font-weight:700;font-size:12px;line-height:1.6;letter-spacing:.08em;color:var(--navy-900);background:var(--gold-050);border:1px solid var(--gold-500);border-radius:999px;vertical-align:2px;white-space:nowrap}
body.office ul.kajo li a.kajo-fuda.michi{padding-bottom:0;color:var(--ink-700);background:none;border:1px solid var(--line);text-decoration:none}
body.office ul.kajo li a.kajo-fuda.michi::after{content:"";display:inline-block;width:.4em;height:.4em;margin:0 0 .12em .5em;border-right:1.5px solid var(--gold-600);border-bottom:1.5px solid var(--gold-600);transform:rotate(45deg)}
body.office ul.kajo li a.kajo-fuda.michi:hover{border-color:var(--gold-500);color:var(--navy-900)}
@media (min-width:901px){
  body.office table.hyo{font-size:16px}
  body.office table.hyo th,body.office table.hyo td{padding:12px 16px}
  body.office .kaitei.yoko table.hyo th,body.office .kaitei.yoko table.hyo td{padding:11px 14px}
}
@media (max-width:640px){
  body.office .kaitei.yoko table.hyo.san td .ne-2{flex:1 1 auto;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:baseline;gap:0 10px}
  body.office .kaitei.yoko table.hyo.san td .nen{font-size:13px}
  body.office .kaitei.yoko table.hyo.san td::before{flex:0 0 8.2em}
}
body.office .tokuten .mai{display:flex;align-items:flex-end;gap:5px;height:34px;margin:4px 0 12px}
body.office .tokuten .mai i{display:block;box-sizing:border-box;width:22px;height:30px;background:var(--paper-50);border:1px solid var(--ink-400);border-top:2px solid var(--navy-900);box-shadow:0 2px 4px rgba(21,17,13,.06)}
body.office .tokuten .mai i.tsuika{border-color:var(--gold-500);border-top-color:var(--gold-600);background:var(--gold-050)}
body.office .tokuten .mai b{align-self:center;margin:0 3px;font-family:var(--font-mincho);font-weight:500;font-size:18px;line-height:1;color:var(--gold-600)}
@media (prefers-reduced-motion:no-preference){
  .js body.office .tokuten.on .mai i{animation:sg-agaru .5s var(--ease) both}
  .js body.office .tokuten.on .mai i:nth-of-type(2){animation-delay:.08s}
  .js body.office .tokuten.on .mai i:nth-of-type(3){animation-delay:.16s}
  .js body.office .tokuten.on .mai i:nth-of-type(4){animation-delay:.34s}
  .js body.office .tokuten.on .mai i:nth-of-type(5){animation-delay:.42s}
  .js body.office .tokuten.on .mai i:nth-of-type(6){animation-delay:.5s}
  .js body.office .tokuten.on .mai i:nth-of-type(7){animation-delay:.58s}
  .js body.office .tokuten.on .mai i:nth-of-type(8){animation-delay:.66s}
}
body.office main > section:nth-of-type(n+4){content-visibility:visible;contain-intrinsic-size:auto}
body.office .kao-joseikin .kao-ba{max-width:420px;margin:0 auto;border-top:2px solid var(--navy-900)}
body.office .jk-dan{padding:15px 0 17px;border-bottom:1px solid var(--line)}
body.office .jk-mi{margin:0 0 13px;font-weight:700;font-size:13px;line-height:1.5;letter-spacing:.16em;color:var(--navy-900)}
body.office .jk-go .jk-mi{color:var(--ink-500)}
body.office .jk-sen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
body.office .jk-sen li{position:relative;margin:0;padding:0 6px 0 0}
body.office .kao .kao-ba .jk-sen li i{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:30px;height:30px;border-radius:50%;background:var(--navy-900);color:var(--paper-50);font-family:var(--font-mincho);font-weight:600;font-size:15px;line-height:1;font-variant-numeric:lining-nums}
body.office .jk-sen li::after{content:"";position:absolute;left:30px;right:0;top:14px;height:2px;background:var(--navy-900);transform-origin:0 50%}
body.office .jk-sen li:last-child::after{content:none}
body.office .jk-sen li span{display:block;margin-top:9px;font-weight:700;font-size:14px;line-height:1.5;letter-spacing:.02em;color:var(--navy-900);white-space:nowrap}
body.office .kao .kao-ba .jk-sen li.jk-owari i{background:var(--gold-500);color:var(--navy-900);box-shadow:0 0 0 5px rgba(197,168,128,.26)}
body.office .kao .kao-ba .jk-go .jk-sen li i{background:var(--paper-50);border:1.5px solid var(--ink-400);color:var(--ink-500)}
body.office .jk-go .jk-sen li::after{top:14px;height:0;background:none;border-top:2px dashed var(--ink-400)}
body.office .jk-go .jk-sen li span{font-weight:500;color:var(--ink-500)}
body.office .jk-go .jk-sen li.jk-batsu{grid-column:span 2}
body.office .kao .kao-ba .jk-go .jk-sen li.jk-batsu i{border:0;border-radius:0;background:linear-gradient(45deg,transparent 45%,var(--navy-900) 45%,var(--navy-900) 55%,transparent 55%) 50% 50%/22px 22px no-repeat,linear-gradient(-45deg,transparent 45%,var(--navy-900) 45%,var(--navy-900) 55%,transparent 55%) 50% 50%/22px 22px no-repeat}
body.office .jk-go .jk-sen li.jk-batsu span{font-weight:700;color:var(--navy-900)}
@media (prefers-reduced-motion:no-preference){
  .js body.office .kao.on .jk-sen li i,.js body.office .kao.on .jk-sen li span{animation:sg-deru .4s var(--ease) both}
  .js body.office .kao.on .jk-sen li::after{animation:sg-hiku .45s var(--ease) both}
  .js body.office .kao.on .jk-sei li:nth-child(1) i,.js body.office .kao.on .jk-sei li:nth-child(1) span{animation-delay:.2s}
  .js body.office .kao.on .jk-sei li:nth-child(1)::after{animation-delay:.4s}
  .js body.office .kao.on .jk-sei li:nth-child(2) i,.js body.office .kao.on .jk-sei li:nth-child(2) span{animation-delay:.75s}
  .js body.office .kao.on .jk-sei li:nth-child(2)::after{animation-delay:.95s}
  .js body.office .kao.on .jk-sei li:nth-child(3) i,.js body.office .kao.on .jk-sei li:nth-child(3) span{animation-delay:1.3s}
  .js body.office .kao.on .jk-sei li:nth-child(3)::after{animation-delay:1.5s}
  .js body.office .kao.on .jk-sei li:nth-child(4) i,.js body.office .kao.on .jk-sei li:nth-child(4) span{animation-delay:1.85s}
  .js body.office .kao.on .jk-go li:nth-child(1) i,.js body.office .kao.on .jk-go li:nth-child(1) span{animation-delay:2.5s}
  .js body.office .kao.on .jk-go li:nth-child(1)::after{animation-delay:2.7s}
  .js body.office .kao.on .jk-go li:nth-child(2) i,.js body.office .kao.on .jk-go li:nth-child(2) span{animation-delay:3.05s}
  .js body.office .kao.on .jk-go li:nth-child(2)::after{animation-delay:3.25s}
  .js body.office .kao.on .jk-go li:nth-child(3) i,.js body.office .kao.on .jk-go li:nth-child(3) span{animation-delay:3.6s}
}
@media (max-width:900px){
  body.office .kao-joseikin .kao-ba{max-width:none}
  body.office .jk-sen{max-width:520px}
}
@media (max-width:374px){
  body.office .jk-sen li span{font-size:13px;letter-spacing:0}
}

body.office .erabi{display:block}
body.office .erabi input{display:none}
body.office .hayami-on .erabi{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
body.office .hayami-on .erabi input{display:block;appearance:none;-webkit-appearance:none;flex:none;box-sizing:border-box;width:18px;height:18px;margin:.3em 0 0;border:1px solid var(--ink-400);border-radius:50%;background:var(--paper-50);cursor:pointer}
body.office .hayami-on .erabi input:checked{border:5px solid var(--navy-900);background:var(--gold-400)}
body.office .hayami-on .erabi input:focus-visible,body.office .hayami-gaku input:focus-visible{outline:2px solid var(--gold-600);outline-offset:3px}
body.office .hayami-on table.hyo tbody tr{cursor:pointer}
body.office .hayami-on table.hyo tbody tr th,body.office .hayami-on table.hyo tbody tr td{transition:background-color .25s var(--ease)}
body.office .hayami-on table.hyo tbody tr.eranda th,body.office .hayami-on table.hyo tbody tr.eranda td{background:rgba(197,168,128,.30)}
body.office .hayami-on table.hyo tbody tr.eranda th{box-shadow:inset 4px 0 0 var(--gold-600)}
@media (hover:hover){
  body.office .hayami-on table.hyo tbody tr:not(.eranda):hover th,body.office .hayami-on table.hyo tbody tr:not(.eranda):hover td{background:rgba(197,168,128,.16)}
}
body.office .hayami{max-width:1040px;margin:0 auto 6px;padding:0 0 4px}
body.office .hayami[hidden]{display:none}
body.office .hyo-waku.erabu{margin-bottom:0}
body.office .hayami-mi{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 20px;margin:0;padding:22px 0 12px;border-bottom:2px solid var(--navy-900);font-family:var(--font-sans);line-height:1.6}
body.office .hayami-mi b{font-weight:700;font-size:16px;letter-spacing:.14em;color:var(--navy-900)}
body.office .hayami-mi span{font-size:13.5px;letter-spacing:.02em;color:var(--ink-500)}
body.office .hayami-ba{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
body.office .hayami-kata{display:flex;flex-direction:column;gap:3px;margin:0;padding:14px 0 13px;border-bottom:1px solid var(--line);font-family:var(--font-sans)}
body.office .hayami-kata span,body.office .hayami-gaku label{padding:0;font-family:var(--font-sans);font-weight:700;font-size:13px;line-height:1.6;letter-spacing:.14em;color:var(--ink-700)}
body.office .hayami-kata b{font-weight:700;font-size:15.5px;line-height:1.6;letter-spacing:.02em;color:var(--navy-900)}
body.office .hayami-gaku{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:14px 0 12px}
body.office .hayami-g-ne{font-family:var(--font-mincho);font-weight:600;font-size:clamp(24px,2.4vw,30px);line-height:1.3;letter-spacing:.02em;color:var(--navy-900);font-variant-numeric:lining-nums tabular-nums}
body.office .hayami-gaku input{--p:0%;grid-column:1/-1;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:pointer}
body.office .hayami-gaku input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--gold-500) var(--p),var(--line) var(--p))}
body.office .hayami-gaku input::-moz-range-track{height:3px;background:var(--line)}
body.office .hayami-gaku input::-moz-range-progress{height:3px;background:var(--gold-500)}
body.office .hayami-gaku input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin-top:-12px;border-radius:50%;background:var(--navy-900);border:4px solid var(--paper-50);box-shadow:0 1px 5px rgba(21,17,13,.32)}
body.office .hayami-gaku input::-moz-range-thumb{box-sizing:border-box;width:26px;height:26px;border-radius:50%;background:var(--navy-900);border:4px solid var(--paper-50);box-shadow:0 1px 5px rgba(21,17,13,.32)}
body.office .hayami-hani{grid-column:1/-1;display:flex;justify-content:space-between;margin:-6px 0 0;font-family:var(--font-sans);font-size:12px;line-height:1.5;color:var(--ink-500)}
body.office .hayami-kekka{margin:0;border-top:1px solid var(--line)}
body.office .hayami-kekka > div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:0 16px;padding:11px 0 12px;border-bottom:1px solid var(--line)}
body.office .hayami-kekka dt{font-family:var(--font-sans);font-weight:700;font-size:14px;line-height:1.6;letter-spacing:.08em;color:var(--ink-700)}
body.office .hayami-kekka dd{margin:0;text-align:right;font-family:var(--font-mincho);font-weight:600;font-size:22px;line-height:1.4;letter-spacing:.02em;color:var(--navy-900);font-variant-numeric:lining-nums tabular-nums}
body.office .hayami-kekka dd.uchi{grid-column:1/-1;font-family:var(--font-sans);font-weight:400;font-size:13px;line-height:1.6;letter-spacing:.02em;color:var(--ink-500)}
body.office .hayami-kekka .kei{border-bottom:2px solid var(--navy-900)}
body.office .hayami-kekka .kei dt{color:var(--navy-900)}
body.office .hayami-kekka .kei dd{font-size:clamp(30px,3vw,38px);line-height:1.25}
body.office .hayami-chu{margin:12px 0 0;font-family:var(--font-sans);font-size:13.5px;line-height:1.8;color:var(--ink-500)}
@media (min-width:860px){
  body.office .hayami-ba{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:72px;align-items:start}
  body.office .hayami-kata{padding:18px 0 16px}
  body.office .hayami-gaku{padding:16px 0 0}
  body.office .hayami-kekka{border-top:0}
  body.office .hayami-kekka > div{padding:16px 0 15px}
  body.office .hayami-kekka dd{font-size:24px}
  body.office .hayami-kekka .kei{padding:18px 0 14px}
}
@media (max-width:640px){
  body.office .hayami-on table.hyo tbody tr.eranda th,body.office .hayami-on table.hyo tbody tr.eranda td:nth-child(2){box-shadow:inset 4px 0 0 var(--gold-600)}
  body.office .hayami-mi{padding-top:18px}
}

@media (max-width:640px){
  body.office .shinki table.hyo.san tr{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  body.office .shinki table.hyo.san tbody th{grid-column:1/-1}
  body.office .shinki table.hyo.san td{flex-direction:column;align-items:flex-start;gap:0;padding:7px 12px 9px}
  body.office .shinki table.hyo.san td::before{flex:none;font-size:12px}
  body.office .shinki table.hyo.san td:nth-child(3){border-top:0;border-left:1px dashed var(--line)}
  body.office .shinki table.hyo.san td:last-child{grid-column:1/-1;flex-direction:row;gap:12px;font-size:14px;line-height:1.7}
  body.office .shinki table.hyo.san td:last-child::before{flex:0 0 3em}
  body.office .tsuika table.hyo.san tr{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch}
  body.office .tsuika table.hyo.san tbody th{border-bottom:1px solid var(--ink-400);display:flex;align-items:center;font-size:16px}
  body.office .tsuika table.hyo.san td:nth-child(2){border-bottom:1px solid var(--ink-400);align-items:center;gap:8px}
  body.office .tsuika table.hyo.san td:nth-child(2)::before{flex:none}
  body.office .tsuika table.hyo.san td:last-child{grid-column:1/-1;border-top:0;font-size:14px;line-height:1.75}
  body.office .tsuika table.hyo.san td:last-child::before{content:none}
}
/* ★2026-10-15「芍薬」＝ホームの第一画面（.hero-ie）。名乗り→約束の一行（明朝の大字）→導入→二つのボタン｜右に代表。下の帯に六つの仕事と頭の額の品書き。
   ★地はクリーム。紺は文字と罫。金は「次へ進む」ボタンと細い罫だけ。白い枡を使わない。 */
body.office .hero.hero-ie{background:var(--paper-50);padding-top:clamp(22px,3.4vw,44px);padding-bottom:0;border-bottom:1px solid rgba(10,25,47,.14)}
body.office .hero-ie .ie-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,26vw,340px);gap:clamp(24px,5vw,72px);align-items:end}
body.office .hero-ie .ie-eyebrow{font-family:var(--font-sans);font-size:14px;letter-spacing:.24em;color:var(--ink-500);margin:0 0 14px}
body.office .hero-ie .ie-eyebrow span{margin:0 .6em;color:var(--gold-500)}
body.office .hero-ie h1.ie-na{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body.office .hero-ie h1.ie-na-x{animation:none;clip-path:none;font-family:var(--font-sans);font-weight:700;font-size:clamp(22px,2.3vw,30px);letter-spacing:.08em;color:var(--navy-900);margin:0;padding:0 0 14px;border-bottom:1px solid var(--gold-500);display:inline-block}
body.office .hero-ie .ie-yakusoku{font-family:var(--font-mincho);font-weight:600;font-size:clamp(38px,5vw,66px);line-height:1.26;letter-spacing:.04em;color:var(--ink-900);margin:clamp(16px,2.2vw,28px) 0 clamp(16px,2vw,22px);font-feature-settings:"palt"}
body.office .hero-ie .ie-lead{font-family:var(--font-mincho);font-weight:500;font-size:clamp(16px,1.2vw,17.5px);line-height:2.05;letter-spacing:.03em;color:var(--ink-700);max-width:42em;margin:0 0 22px} /* ★鉄線＝一文が一行に収まる幅（文の途中で折らない） */
body.office .hero-ie .btns{margin:0 0 clamp(24px,3vw,36px)}
body.office .hero-ie .ie-kao{margin:0 0 clamp(24px,3vw,36px);text-align:left}
body.office .hero-ie .ie-kao img{display:block;width:100%;height:auto;aspect-ratio:1/1.12;object-fit:cover;object-position:50% 18%;border-radius:999px 999px 6px 6px;background:var(--paper-100);box-shadow:0 1px 0 rgba(10,25,47,.08)}
body.office .hero-ie .ie-kao figcaption{margin-top:14px;padding-top:12px;border-top:1px solid rgba(10,25,47,.18);display:grid;gap:2px;font-family:var(--font-sans);color:var(--ink-700)}
body.office .hero-ie .ie-kao-ya{font-size:13px;letter-spacing:.2em;color:var(--ink-500)}
body.office .hero-ie .ie-kao figcaption b{font-size:17px;letter-spacing:.06em;color:var(--navy-900)}
body.office .hero-ie .ie-kao-zoku{font-size:13px;color:var(--ink-500)}
body.office .ie-shinagaki{border-top:2px solid var(--navy-900);padding:16px 0 0}
body.office .ie-shinagaki-mi{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 6px;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--navy-900)}
body.office .ie-shinagaki-mi span{font-weight:400;font-size:13px;letter-spacing:.06em;color:var(--ink-500)}
body.office .ie-shinagaki ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(20px,3vw,40px)}
body.office .ie-shinagaki li{border-bottom:1px solid rgba(10,25,47,.14)}
body.office .ie-shinagaki a{display:grid;grid-template-columns:2.4em minmax(0,1fr);grid-template-areas:"no mei" "no ne" "no ne2";column-gap:6px;padding:13px 4px 13px 0;text-decoration:none;color:inherit;position:relative}
body.office .ie-shinagaki a::after{content:"›";position:absolute;right:2px;top:14px;font-family:var(--font-sans);font-size:20px;color:var(--gold-500);transition:transform .2s ease}
body.office .ie-shinagaki a:hover::after,body.office .ie-shinagaki a:focus-visible::after{transform:translateX(4px)}
body.office .ie-shinagaki a:hover .ie-mei{text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:5px}
body.office .hero-ie .ie-no{grid-area:no;font-family:var(--font-sans);font-size:13px;letter-spacing:.08em;color:var(--gold-600);padding-top:4px}
body.office .hero-ie .ie-mei{grid-area:mei;font-family:var(--font-sans);font-weight:700;font-size:17px;letter-spacing:.04em;color:var(--navy-900);padding-right:24px}
body.office .hero-ie .ie-mei small{display:block;font-weight:400;font-size:13.5px;letter-spacing:.02em;color:var(--ink-500);margin-top:2px;word-break:auto-phrase;text-wrap:pretty}
body.office .hero-ie .ie-ne{grid-area:ne;margin-top:6px;font-family:var(--font-sans);color:var(--ink-900);display:flex;align-items:baseline;flex-wrap:wrap;gap:0 4px}
body.office .hero-ie .ie-ne b{font-size:clamp(20px,1.7vw,23px);font-weight:700;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--navy-900)}
body.office .hero-ie .ie-ne small{font-size:13.5px;color:var(--ink-700)}
body.office .hero-ie .ie-ne small.ie-ku{font-size:13px;color:var(--ink-500);letter-spacing:.04em;margin-right:6px}
body.office .hero-ie .ie-ne2{grid-area:ne2;font-family:var(--font-sans);font-size:13.5px;color:var(--ink-500);margin-top:2px}
/* ★2026-10-15「紫陽花」＝顧問サービス（目玉）＝品書きの頭で横いっぱい。左に名と額、右に含むもの。紺は左の線だけ、金は細い罫だけ（紺の上に金を置かない）。白い枡にしない */
body.office .ie-shinagaki li.ie-me{grid-column:1/-1;border-bottom:1px solid rgba(10,25,47,.14)}
body.office .ie-shinagaki li.ie-me a{grid-template-columns:2.4em minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"no osu naka" "no mei naka" "no ne naka" "no ne2 naka";column-gap:6px;padding:18px 4px 20px 0}
body.office .ie-shinagaki li.ie-me a::after{top:20px}
body.office .hero-ie .ie-osusume{grid-area:osu;display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:.12em;color:var(--navy-900);margin-bottom:6px}
body.office .hero-ie .ie-osusume::before{content:"";width:22px;height:1px;background:var(--gold-500)}
body.office .hero-ie li.ie-me .ie-mei{font-size:clamp(20px,1.9vw,24px)}
body.office .hero-ie li.ie-me .ie-ne b{font-size:clamp(26px,2.5vw,32px)}
body.office .hero-ie .ie-naka{grid-area:naka;align-self:center;margin:0 28px 0 clamp(16px,3vw,48px);display:flex;flex-direction:column;gap:2px;padding:4px 0 4px clamp(14px,2vw,28px);border-left:3px solid var(--navy-900);font-family:var(--font-sans);font-size:15px;line-height:1.75;color:var(--ink-900);word-break:auto-phrase}
body.office .hero-ie .ie-naka-mi{font-size:12.5px;font-weight:700;letter-spacing:.14em;color:var(--ink-500);margin-bottom:2px}
body.office .hero-ie li.ie-zen .ie-mei small{margin-top:4px}
body.office .ie-ryokin{margin-top:28px}
/* ★2026-10-15「鉄線」＝価格表の札。品書きの札と同じ組み方で、地に淡い金の帯（紺の上に金を置かない・白い枡にしない）。 */
body.office .ie-shinagaki li.ie-hyo a{background:linear-gradient(90deg,rgba(176,141,74,.10),rgba(176,141,74,0));padding-left:10px}
body.office .ie-shinagaki li.ie-hyo .ie-no{color:var(--gold-600)}
@media (max-width:560px){body.office .ie-shinagaki li.ie-me a{grid-template-columns:2.4em minmax(0,1fr);grid-template-areas:"no osu" "no mei" "no ne" "no ne2" "no naka";padding:16px 0 18px}body.office .hero-ie .ie-naka{margin:12px 0 0;font-size:14.5px}}
@media (max-width:960px){
  body.office .ie-shinagaki ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  body.office .hero-ie .ie-grid{display:block}
  /* 携帯は看板の事務所名が真上に在るので、第一画面の名乗りは読み上げ用に残し、目には見せない（同じ名が二度続くのを避ける）。 */
  body.office .hero-ie h1.ie-na{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  body.office .hero-ie .ie-yakusoku{margin-top:4px}
  body.office .hero-ie .ie-yakusoku{font-size:clamp(34px,10vw,44px);margin:14px 0 14px}
  body.office .hero-ie .ie-lead{font-size:16px;margin-bottom:18px}
  body.office .hero-ie .btns{margin-bottom:22px}
  body.office .hero-ie .ie-kao{display:flex;align-items:center;gap:14px;margin:0 0 24px}
  body.office .hero-ie .ie-kao img{width:76px;flex:0 0 76px;aspect-ratio:1/1;border-radius:999px}
  body.office .hero-ie .ie-kao figcaption{margin:0;padding:0;border:0}
  body.office .ie-shinagaki ol{grid-template-columns:minmax(0,1fr)}
  body.office .ie-shinagaki a{padding:14px 0}
}
/* ★2026-10-15「芍薬」＝数字の札は、枚数ぶんの列で一列に並べる（空き枡を出さない）。狭い幅は2列、半端の一枚は全幅。 */
body.office .stats.n2{grid-template-columns:repeat(2,minmax(0,1fr))}body.office .stats.n3{grid-template-columns:repeat(3,minmax(0,1fr))}body.office .stats.n4{grid-template-columns:repeat(4,minmax(0,1fr))}body.office .stats.n5{grid-template-columns:repeat(5,minmax(0,1fr))}body.office .stats.n6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:960px){body.office .stats[class*=" n"]{grid-template-columns:1fr 1fr}body.office .stats[class*=" n"] .stat:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:520px){body.office .stats[class*=" n"]{grid-template-columns:1fr}}

/* ★2026-10-15「芍薬」＝ホームの数字の帯（id=s1）。箱をやめ、細い縦罫で区切る一列。字は語が折れない大きさ。導入の一文は帯の上の見出しの脇へ。 */
body.office #tsuyomi.band-stats{padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(36px,5vw,64px)}
body.office #tsuyomi .stats{background:none;border:0;border-top:1px solid rgba(10,25,47,.18);border-bottom:1px solid rgba(10,25,47,.18);gap:0}
body.office #tsuyomi .stats .stat{background:none !important;padding:22px clamp(14px,1.6vw,22px) 20px;border-left:1px solid rgba(10,25,47,.12) !important}
body.office #tsuyomi .stats .stat:first-child{border-left:0 !important;padding-left:0}
body.office #tsuyomi .stat .n{font-size:clamp(21px,1.9vw,27px);letter-spacing:.02em;line-height:1.3;margin:0 0 10px;white-space:nowrap;word-break:keep-all}
body.office #tsuyomi .stat p:not(.n){font-size:14px;line-height:1.8;color:var(--ink-700);margin:0}
body.office #tsuyomi .yomi.center{text-align:left;margin:16px 0 0;max-width:none}
body.office #tsuyomi .yomi.center p{font-size:15px;color:var(--ink-500)}
@media (max-width:960px){body.office #tsuyomi .stats .stat{border-left:0 !important;border-top:1px solid rgba(10,25,47,.12) !important;padding-left:0}body.office #tsuyomi .stats .stat:nth-child(-n+2){border-top:0 !important}}
@media (max-width:520px){body.office #tsuyomi .stats .stat{padding:16px 0 14px}body.office #tsuyomi .stats .stat + .stat{border-top:1px solid rgba(10,25,47,.12) !important}body.office #tsuyomi .stat .n{margin-bottom:6px}}

/* ★2026-10-15「芍薬」＝節の組みの直し（事務所HPの全頁）。
   ①節の上下の余白を96px→最大72pxに（節の間が192pxの空き＝余白過多だった）
   ②本文の段を中央寄せから左寄せへ（見出しと本文で左の線が二本あった）
   ③署名を浮いた影つきの枠から、細い罫の上の右寄せの名乗りへ（白い枡を使わない）
   ④図と並ぶ本文（事務所の考え方など）も明朝に／見出しの印と字の間を空ける */
body.office main section.band{padding-top:clamp(52px,5.6vw,72px);padding-bottom:clamp(52px,5.6vw,72px)}
body.office section.band .yomi{margin-left:0;margin-right:auto}
body.office section.band .sign{background:none !important;box-shadow:none !important;border-radius:0 !important;border:0;border-top:1px solid rgba(10,25,47,.18);padding:16px 0 0 !important;margin-top:28px;text-align:right}
body.office section.band .sign p{margin:0}
body.office .zukai-text p{font-family:var(--font-mincho);font-weight:500;font-size:clamp(16.5px,1.25vw,18px);line-height:2.05;letter-spacing:.03em;color:var(--ink-900)}
body.office section.band h2 .h2-icon{margin-right:12px;vertical-align:-6px}

/* ★2026-10-15「芍薬」＝鎖の図（.kusari）。四つの段を細い罫で区切り、段と段のあいだに金の「›」。地はクリーム、白い枡を使わない。 */
body.office .kusari{margin:clamp(8px,1.5vw,16px) 0 clamp(32px,4vw,48px);padding:0;border-top:2px solid var(--navy-900);border-bottom:1px solid rgba(10,25,47,.18)}
body.office .kusari ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
body.office .kusari li{position:relative;padding:22px clamp(14px,1.8vw,26px) 24px;border-left:1px solid rgba(10,25,47,.12)}
body.office .kusari li:first-child{border-left:0;padding-left:0}
body.office .kusari li + li::before{content:"›";position:absolute;left:-9px;top:76px;width:18px;height:22px;line-height:20px;text-align:center;background:var(--paper-50);font-family:var(--font-sans);font-size:20px;color:var(--gold-500)}
body.office .kusari-no{display:block;font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:.2em;color:var(--gold-600);margin-bottom:8px}
body.office .kusari-e svg{display:block;width:100%;max-width:200px;height:auto;margin:0 0 12px;font-family:var(--font-sans)}
/* ★2026-10-15「紫陽花」＝動きの見せ場（審査第13回の1）。二の図「一点に揃える」＝画面に入った時に一度だけ、二本の矢印が外から寄り、「利益」の丸が一度だけ脈打つ。意味（向きが揃う）と結ぶ。動きを減らす設定では出さない */
@media (prefers-reduced-motion:no-preference){
body.office figure.kusari.on .yose-ya{animation:yose-ya 1s cubic-bezier(.2,.7,.2,1) .35s both}
body.office figure.kusari.on .yose-ten{transform-box:fill-box;transform-origin:center;animation:yose-ten .6s ease-out 1.2s both}
@keyframes yose-ya{from{transform:translateX(-16px)}to{transform:none}}
@keyframes yose-ten{0%{transform:scale(1)}45%{transform:scale(1.14)}100%{transform:scale(1)}}
}
body.office .kusari-mi{font-family:var(--font-sans);font-weight:700;font-size:clamp(17px,1.4vw,19px);letter-spacing:.04em;color:var(--navy-900);margin:0 0 6px}
body.office .kusari-te{font-family:var(--font-mincho);font-weight:500;font-size:15px;line-height:1.9;color:var(--ink-700);margin:0}
body.office .kusari-musubi{margin:0;padding:18px 0 20px;border-top:1px solid rgba(10,25,47,.12);font-family:var(--font-mincho);font-weight:600;font-size:clamp(20px,2vw,26px);letter-spacing:.04em;color:var(--ink-900)}
body.office .kusari-musubi b{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:7px}
@media (max-width:960px){body.office .kusari ol{grid-template-columns:1fr 1fr}body.office .kusari li:nth-child(3){border-left:0;padding-left:0}body.office .kusari li:nth-child(n+3){border-top:1px solid rgba(10,25,47,.12)}body.office .kusari li:nth-child(3)::before{content:none}}
@media (max-width:560px){body.office .kusari ol{grid-template-columns:1fr}body.office .kusari li{border-left:0 !important;padding:20px 0 22px !important}body.office .kusari li + li{border-top:1px solid rgba(10,25,47,.12)}body.office .kusari li::before{content:none !important}body.office .kusari-e svg{max-width:200px;margin:0 0 10px}body.office .kusari-te{font-size:15px}}
body.office .kusari-yomi{max-width:var(--w-narrow,760px)}
/* ★2026-10-15「鉄線」＝本文の右に正典の一節（.kusari-in）。明朝の大字・金の細い柱。本文の途中の高さに留める（sticky）。携帯では本文の下に。 */
/* ★2026-10-26「羅」＝記録の4頁の頭の印。紺の字・金の細い罫・地はアプリの紙。 */
body.office .kiroku-obi{background:var(--paper-50);border-bottom:1px solid rgba(10,25,47,.10)}
body.office .kiroku-obi .maku{max-width:1120px;margin:0 auto;padding:14px var(--sp-5)}
body.office .kiroku-obi p{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.8;color:var(--ink-700);word-break:auto-phrase}
body.office .kiroku-obi b{display:inline-block;margin-right:12px;padding:1px 10px;border:1px solid var(--gold-500);border-radius:4px;font-size:13px;letter-spacing:.12em;color:var(--navy-900);font-weight:700}
body.office .kiroku-obi a{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px}
body.office .kusari-shita{display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
body.office .kusari-in{position:sticky;top:120px;margin:6px 0 0;padding:4px 0 4px clamp(18px,2vw,28px);border-left:2px solid var(--gold-500)}
body.office .kusari-in p{margin:0;font-family:var(--font-mincho);font-weight:600;font-size:clamp(19px,1.75vw,24px);line-height:1.75;letter-spacing:.04em;color:var(--ink-900);word-break:auto-phrase;text-wrap:pretty}
body.office .kusari-in b{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:6px}
body.office .kusari-in p.kusari-in-de{margin-top:14px;font-family:var(--font-sans);font-weight:500;font-size:13px;letter-spacing:.1em;color:var(--ink-500)}
@media (max-width:960px){body.office .kusari-shita{grid-template-columns:1fr;gap:8px}body.office .kusari-in{position:static;margin:8px 0 0}}

/* ★2026-10-15「芍薬」＝携帯の看板を詰める（第一画面の3分の1を食っていた）。見た目だけ＝札の並び・開く仕掛け・行き先は変えない。
   上の添え書き（11.5px）は外す（同じ言葉が第一画面に在る）／メニューは3列の格子をやめ、語の長さなりに2段に詰める／ボタンの高さを詰める。 */
@media (max-width:720px){
  body.office .head .maku{padding-top:10px;gap:4px}
  body.office .head .brand-sub{display:none}
  body.office .head .brand-name{font-size:20px}
  body.office .head .head-tel a.head-btn,body.office .head .head-tel a.head-toi{padding:7px 12px;font-size:14px}
  body.office .head .menu{display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:0;row-gap:0;padding:2px 0 2px;margin-top:6px}
  body.office .head .menu > a,body.office .head .menu > .oya > a{font-size:13.5px;padding:7px 4px;letter-spacing:0}
  body.office .head .menu > a:first-child{padding-left:0}
  body.office .ko-menu{gap:0 2px;padding:6px 0}
  body.office .ko-menu .ko-mi{display:none}
  body.office .ko-menu a{padding:5px 9px}
}

/* ★2026-10-15「芍薬」＝第一画面の図（頁の顔＝就業規則・顧問サービス・助成金）の段ごとの動きを外す。動きの前は透明（both）なので、裏に回った窓や写しで止まると空の枠に見えていた。図全体の浮き上がり（.rise）は残す。 */
.js body.office .kao.on *,.js body.office .kao.on *::before,.js body.office .kao.on *::after{animation:none !important}

/* ★2026-10-15「芍薬」＝ボタンの型（事務所HPの全頁）。俵形・厚み・影・光の走りの重ね掛けをやめ、平らな面と細い罫で格を出す。金は「次へ進む」主のボタンだけ。行き先・文言・数は変えない。 */
body.office main a.btn,body.office .chakuchi a.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7em;border-radius:4px !important;border:1px solid transparent !important;box-shadow:none !important;text-shadow:none !important;padding:15px 28px;font-size:16px;letter-spacing:.08em;line-height:1.5;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
body.office main a.btn:not(.btn2),body.office .chakuchi a.btn:not(.btn2){background:#b08f4f !important;color:var(--navy-900) !important}
body.office main a.btn:not(.btn2):hover,body.office .chakuchi a.btn:not(.btn2):hover{background:#c09f5e !important}
body.office main a.btn.btn2,body.office .chakuchi a.btn.btn2{background:transparent !important;color:var(--navy-900) !important;border-color:rgba(10,25,47,.55) !important}
body.office main a.btn.btn2:hover,body.office .chakuchi a.btn.btn2:hover{background:rgba(10,25,47,.05) !important;border-color:var(--navy-900) !important}
body.office main a.btn::after,body.office .chakuchi a.btn::after{content:"→";position:static;display:inline-block;width:auto;height:auto;left:auto;top:auto;bottom:auto;background:none !important;transform:none;font-family:var(--font-sans);font-weight:400;transition:transform .2s ease}
body.office main a.btn:hover::after,body.office .chakuchi a.btn:hover::after{transform:translateX(4px)}
body.office main a.btn:active,body.office .chakuchi a.btn:active{transform:translateY(1px)}
body.office main a.btn:focus-visible,body.office .chakuchi a.btn:focus-visible{outline:2px solid var(--navy-900);outline-offset:3px}
body.office .head .head-tel a.head-btn{background:#b08f4f !important;color:var(--navy-900) !important;border:1px solid transparent !important;border-radius:4px !important;box-shadow:none !important;text-shadow:none !important}
body.office .head .head-tel a.head-btn:hover{background:#c09f5e !important}
body.office .head .head-tel a.head-toi{border-radius:4px !important;border-color:rgba(10,25,47,.45) !important;color:var(--navy-900) !important;box-shadow:none !important;background:transparent !important}
@media (max-width:520px){body.office main a.btn,body.office .chakuchi a.btn{display:flex;width:100%;padding:15px 20px}}

body.office .head .menu > a[href="jimusho.html"]{border-radius:4px !important;border-color:rgba(10,25,47,.45) !important;color:var(--navy-900) !important;box-shadow:none !important;background:transparent !important}
body.office .head .menu > a[href="jimusho.html"][aria-current="page"]{background:#b08f4f !important;border-color:transparent !important}

/* ★2026-10-15「芍薬」＝連絡と概要の表（table.renraku）の型。白い地・角丸・影・左の罫の「白い箱」をやめ、地の上に、上は紺の太い罫・行ごとに細い罫だけ。 */
body.office table.renraku{background:transparent !important;box-shadow:none !important;border-radius:0 !important;border:0 !important;border-top:2px solid var(--navy-900) !important;border-collapse:collapse;width:100%;overflow:visible}
body.office table.renraku th,body.office table.renraku td{background:none !important;border:0 !important;border-bottom:1px solid rgba(10,25,47,.14) !important;padding:14px 0;vertical-align:top;text-align:left}
body.office table.renraku th{width:8.5em;padding-right:20px;font-family:var(--font-sans);font-weight:700;font-size:14.5px;letter-spacing:.06em;color:var(--navy-900)}
body.office table.renraku td{font-family:var(--font-sans);font-size:15.5px;line-height:1.85;color:var(--ink-900)}
@media (max-width:520px){body.office table.renraku th{width:7.4em;padding-right:10px;font-size:14px}body.office table.renraku td{font-size:15px;overflow-wrap:anywhere}body.office main a.btn[href^="mailto:"]{letter-spacing:0;font-size:14px;overflow-wrap:anywhere;padding-left:12px;padding-right:12px}body.office .hero-text{min-width:0}}

/* ★2026-10-15「芍薬」＝節の中の部品を、見出しと同じ左の線に揃える（幅を絞って中央に置く指定で、見出しより40〜70px右に寄り、左の線が二本になっていた）。 */
body.office section.band .maku > :is(.uchi,.nagare,.hyo-ba,.futari,.zukai,.bunki,.nagare-ku,.tokuten){margin-left:0 !important;margin-right:auto !important}

/* ★2026-10-15「芍薬」＝比べの表（table.hyo）と囲みの型。左右の太い罫の箱・金の角丸の箱をやめ、上の罫と行の細い罫だけ（連絡の表と同じ型）。 */
body.office .hyo-waku{border:0 !important;box-shadow:none !important;border-radius:0 !important;background:transparent !important}
body.office table.hyo{border:0 !important;border-top:2px solid var(--navy-900) !important;box-shadow:none !important;border-radius:0 !important;background:transparent !important;border-collapse:collapse}
body.office table.hyo th,body.office table.hyo td{border-left:0 !important;border-right:0 !important;border-top:0 !important;border-bottom:1px solid rgba(10,25,47,.14) !important;background:transparent !important}
body.office table.hyo thead th{font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--ink-500) !important}
body.office .uchi-kinen{border:0 !important;border-radius:0 !important;border-top:1px solid var(--gold-500) !important;background:transparent !important;padding:16px 0 0 !important;box-shadow:none !important}
body.office .futa-1{border:0 !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important;border-top:1px solid rgba(10,25,47,.35) !important;padding-left:0 !important;padding-right:0 !important}
body.office .futa-1.komon{border-top:3px solid var(--navy-900) !important}
body.office .futa-rei{border-radius:0 !important;background:transparent !important;border-left:2px solid var(--gold-500) !important}

/* ★2026-10-15「芍薬」＝品目の価格表（.kt）を事務所HPの側だけで直す（共有の 価格の目録_表.css には触れない）。
   見出しの行の紺の塗り→地の上に紺の太い罫と灰の字（紺は差し色だけ）／節の箱の内側の余白24px→0（見出しと左の線を揃える）／額の「円」だけが次の行に落ちるのを、語の切れ目で折る。 */
body.office .kt .kt-setsu{padding:0 !important;margin-top:clamp(36px,4vw,52px)}
body.office .kt .kt-setsu:first-of-type{margin-top:24px}
body.office .kt table.kt-hyo thead th{background:transparent !important;color:var(--ink-500) !important;border-top:2px solid var(--navy-900) !important;border-bottom:1px solid rgba(10,25,47,.18) !important;font-size:14px}
body.office .kt table.kt-hyo thead th .kt-th-ko{color:var(--ink-500) !important}
body.office .kt table.kt-hyo td{word-break:auto-phrase;text-wrap:pretty}
/* ★2026-10-15「紫陽花」＝狭い段の説明が語の途中で折れていた（「直／接」「す／べて」「本音第1／位」「ロ／グイン」＝審査第12回）。ほかの部品と同じく、語の切れ目で折る */
body.office .stat p,body.office .rensai-mokuji .na,body.office .chakuchi-lead,body.office .kusari-te{word-break:auto-phrase;text-wrap:pretty}

/* ★2026-10-15「芍薬」＝携帯の品目の価格表を詰める（事務所HPの側だけ）。品目ごとの白い札（角丸・枠・内側の余白）をやめ、細い罫で区切る行に。
   番号を左の細い列、品目名を右に、その下に「年間会員｜スポット価格」を左右に並べる（1品目 約190px→約110px）。開く・畳むの仕掛けは足さない。 */
@media (max-width:719px){
  body.office .kt .kt-hyo tbody tr{display:grid !important;grid-template-columns:2.9em minmax(0,1fr) minmax(0,1fr);grid-template-areas:"no na na" "no kai spot";column-gap:10px;border:0 !important;border-bottom:1px solid rgba(10,25,47,.14) !important;border-radius:0 !important;background:transparent !important;margin:0 !important;padding:14px 0 !important}
  body.office .kt .kt-hyo tbody tr:first-child{border-top:2px solid var(--navy-900) !important}
  body.office .kt .kt-hyo td.kt-no{grid-area:no;padding:2px 0 0 !important;font-size:13px;color:var(--ink-500)}
  body.office .kt .kt-hyo td.kt-no::before{content:none !important}
  body.office .kt .kt-hyo th.kt-na{grid-area:na;padding:0 0 6px !important}
  body.office .kt .kt-hyo td.kt-kaiin{grid-area:kai}
  body.office .kt .kt-hyo td.kt-spot{grid-area:spot}
  body.office .kt .kt-hyo td.kt-kaiin,body.office .kt .kt-hyo td.kt-spot{display:block !important;border:0 !important;padding:0 !important;width:auto !important}
  body.office .kt .kt-hyo td.kt-kaiin::before,body.office .kt .kt-hyo td.kt-spot::before{display:block;content:attr(data-label);font-size:13px;color:var(--ink-500);margin-bottom:2px}
  body.office .kt .kt-hyo .kt-chu{max-width:none}
}

/* ★2026-10-15「芍薬」＝価格表の決まり（.kt-kimari）を、左に太い罫の囲み8つから、罫で区切る一覧へ（事務所HPの側だけ）。パソコンは2列、携帯は1列。 */
body.office .kt .kt-kimari{border-top:2px solid var(--navy-900);padding:4px 0 0 !important}
body.office .kt section{padding-left:0 !important;padding-right:0 !important}
body.office .kt .kt-kimari dl{column-gap:clamp(24px,3vw,44px);row-gap:0 !important}
body.office .kt .kt-kimari-1{background:none !important;border:0 !important;border-bottom:1px solid rgba(10,25,47,.14) !important;border-radius:0 !important;padding:14px 0 !important}
body.office .kt .kt-kimari dt{font-family:var(--font-sans);font-size:15px;color:var(--navy-900)}
body.office .kt .kt-kimari dd{font-size:15px;line-height:1.85;color:var(--ink-700);margin-top:4px}
body.office .kt .kt-mokuji a{border-radius:4px !important}

/* ★2026-10-15「芍薬」＝携帯の品目の表を、単純な行（注も加算も無い行）は表のように組む＝左に番号（小）と品目名、右に年間会員とスポットの額。列の名は表の頭に一度だけ。
   注（.kt-chu）か加算（.kt-kasan）が付く行は、品目名と注を全幅にし、その下に二つの額（2段組み）。見た目だけ＝中身・順・番号は変えない。 */
@media (max-width:719px){
  body.office .kt .kt-hyo thead{position:static !important;width:auto !important;height:auto !important;overflow:visible !important;clip:auto !important;display:block}
  body.office .kt .kt-hyo thead tr{display:grid;grid-template-columns:minmax(0,1fr) 5.2em 5.2em;column-gap:10px;border-top:2px solid var(--navy-900)}
  body.office .kt .kt-hyo thead th{display:block;border:0 !important;padding:8px 0 6px !important;font-size:13px !important;line-height:1.4;position:static}
  body.office .kt .kt-hyo thead th.kt-no{display:none}
  body.office .kt .kt-hyo thead th .kt-th-ko{display:block;font-size:12px}
  body.office .kt .kt-hyo tbody tr:first-child{border-top:1px solid rgba(10,25,47,.18) !important}
  body.office .kt .kt-hyo tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"no no" "na na" "kai spot" !important;column-gap:10px}
  body.office .kt .kt-hyo td.kt-no{padding:0 0 2px !important;font-size:12.5px}
  body.office .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)){grid-template-columns:minmax(0,1fr) 5.2em 5.2em !important;grid-template-areas:"no kai spot" "na kai spot" !important;padding:11px 0 !important}
  body.office .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) th.kt-na{padding:0 !important}
  body.office .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) td.kt-kaiin,body.office .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) td.kt-spot{align-self:center;font-size:14.5px}
  body.office .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) td.kt-kaiin::before,body.office .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) td.kt-spot::before{content:none !important}
}

/* ★2026-10-15「芍薬」＝携帯の比べの表（table.hyo が人数ごとの箱に組み替わる所）。紺の太い枠の箱をやめ、人数ごとに罫で区切る。 */
@media (max-width:719px){
  body.office table.hyo tr{border:0 !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important;margin:0 !important;border-bottom:1px solid rgba(10,25,47,.18) !important;padding:10px 0 12px !important}
  body.office table.hyo tbody tr:first-child{border-top:2px solid var(--navy-900) !important}
  body.office table.hyo td,body.office table.hyo tbody th{border:0 !important;padding:3px 0 !important}
  body.office table.hyo{border-top:0 !important}
}

/* ★2026-10-15「芍薬」＝ホームの「主な仕事」（.omo-grid）と「労務相談顧問アプリ（サンプル）」の節。文を左、実物の画面を右。労務相談顧問アプリ（サンプル）の文は左寄せ（中央寄せをやめる）。 */
body.office .omo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);align-items:center}
body.office .omo-text .yomi{max-width:34em}
body.office .omo-text .btns{margin-top:22px}
body.office .omo-e{margin:0;padding:0}
body.office .omo-ba{position:relative;padding-bottom:36px}
body.office .omo-e .omo-pc{display:block;width:88%;height:auto;border-radius:6px;box-shadow:0 18px 40px rgba(10,25,47,.16),0 2px 6px rgba(10,25,47,.08)}
body.office .omo-e .omo-sp{position:absolute;right:0;bottom:0;width:26%;height:auto;border-radius:14px;border:3px solid var(--navy-900);box-shadow:0 14px 30px rgba(10,25,47,.22)}
body.office .omo-e figcaption{margin-top:18px;font-size:13px;line-height:1.7;color:var(--ink-500)}
body.office .showcase .yomi{text-align:left !important;margin-left:0}
@media (max-width:860px){body.office .omo-grid{grid-template-columns:1fr}}
body.office .showcase .btns{justify-content:flex-start}

/* ★2026-10-15「芍薬」＝ホームの事務所概要＝代表の写しは第一画面に在るので外し、表を全幅に（写しの二度出しと白い箱をやめる）。労務相談顧問アプリ（サンプル）の節＝見出しの下の太い罫と文が詰まっていたので、罫を外し文から始める。 */
body.office .gaiyo-grid:not(:has(.portrait)){display:block}
body.office .showcase{border-top:0 !important;padding-top:0 !important}
body.office .showcase figure.big{margin-top:clamp(24px,3vw,36px)}

/* ★2026-10-15「芍薬」＝頁の終わりの帯（.chakuchi）。中央寄せをやめ左寄せ、上に金の細い罫、頭に約束の一行（明朝の大字）。全頁に付く。 */
body.office section.chakuchi{border-top:1px solid var(--gold-500);padding-top:clamp(52px,6vw,84px);padding-bottom:clamp(52px,6vw,84px);background:var(--paper-50)}
body.office section.chakuchi .yomi{text-align:left !important;max-width:1120px;margin-left:auto;margin-right:auto}
body.office section.chakuchi .yomi > p{max-width:44em}
body.office section.chakuchi .yomi p.chakuchi-yakusoku{max-width:none;font-family:var(--font-mincho);font-weight:600;font-size:clamp(30px,3.8vw,48px);line-height:1.3;letter-spacing:.04em;color:var(--ink-900);margin:0 0 22px}
body.office .chakuchi-br{display:none}
body.office section.chakuchi .yomi p.chakuchi-mi{max-width:none;font-family:var(--font-sans);font-weight:700;font-size:clamp(22px,2.2vw,28px);line-height:1.4;letter-spacing:.06em;color:var(--navy-900);margin:0 0 14px}
body.office .chakuchi .chakuchi-lead{font-size:16px;line-height:2;color:var(--ink-700)}
body.office .chakuchi .btns{justify-content:flex-start;margin-top:22px}
@media (max-width:520px){body.office .chakuchi-br{display:inline}body.office section.chakuchi .yomi p.chakuchi-yakusoku{font-size:32px}}
body.office .foot a{font-size:14px}

/* ★2026-10-15「芍薬」＝金は「次へ進む」ボタンと細い罫だけ（紙面の型）。節の番号・品書きの番号・鎖の番号・連載の「第○回」を灰へ。
   本文の一行を約40字に（パソコンで46〜48字と長かった）。 */
body.office section.band h2[data-n]::before{color:var(--ink-500) !important}
body.office .hero-ie .ie-no,body.office .kusari-no{color:var(--ink-500) !important}
body.office .rensai-mokuji .no{color:var(--ink-500) !important}
body.office .ie-shinagaki a::after{color:var(--ink-500)}
body.office .kusari li + li::before{color:var(--ink-500)}
body.office section.band .yomi > p,body.office .kusari-yomi > p,body.office .omo-text .yomi > p,body.office .zukai-text p{max-width:40em}

body.office .stat .stat-ko{font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:.08em;color:var(--ink-500);margin:0 0 4px}

/* ★2026-10-15「芍薬」＝ホームのごあいさつ（.aisatsu-grid）。左に引用の柱（明朝の大字・左に細い金の罫）、右に本文。署名は名前を大きく紺で。 */
body.office .aisatsu-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
body.office .aisatsu-in{margin:6px 0 0;padding:4px 0 4px 22px;border-left:1px solid var(--gold-500) !important;background:none !important;position:sticky;top:120px}
body.office .aisatsu-in p{margin:0;font-family:var(--font-mincho);font-weight:600;font-size:clamp(22px,2.2vw,30px);line-height:1.7;letter-spacing:.04em;color:var(--ink-900)}
body.office #aisatsu .sign p{font-size:14px;color:var(--ink-500)}
body.office #aisatsu .sign p.sign-na,body.office #aisatsu .sign p:last-child{font-size:20px;color:var(--navy-900);font-weight:700;letter-spacing:.08em;margin-top:4px}
@media (max-width:860px){body.office .aisatsu-grid{grid-template-columns:1fr;gap:20px}body.office .aisatsu-in{position:static}body.office .aisatsu-in p{font-size:22px}}

/* ★2026-10-15「鉄線」＝「主な仕事」の画面の見本をやめたので、但し書きは労務相談顧問アプリ（サンプル）の大きな画面の下に一つだけ出す（芍薬の隠しを外した）。 */
/* ★2026-10-15「鉄線」＝「主な仕事」の右＝クルマの図（.kuruma）。地はクリームのまま、白い枡を使わない。車体（ザ・システム）は淡く、エンジンと燃料（ザ・プログラム・インセンティブ）は紺の左の線で立てる＝色だけに頼らず、線と字の濃さでも違いを持つ。 */
body.office .kuruma{border-top:2px solid var(--navy-900);padding-top:18px}
body.office .kuruma-mi,body.office .kuruma-musubi{margin:0;font-family:var(--font-mincho);font-weight:600;font-size:clamp(19px,1.7vw,23px);line-height:1.6;letter-spacing:.04em;color:var(--ink-900);word-break:auto-phrase}
body.office .kuruma-mi b,body.office .kuruma-musubi b{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:6px}
body.office .kuruma ol{list-style:none;margin:16px 0 18px;padding:0}
body.office .kuruma li{display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-areas:"a b" "a c";column-gap:18px;padding:14px 0 14px 16px;border-left:3px solid rgba(10,25,47,.16);border-bottom:1px solid rgba(10,25,47,.12)}
body.office .kuruma li.kuruma-ka{border-left-color:var(--navy-900)}
body.office .kuruma-a{grid-area:a;align-self:center;font-family:var(--font-mincho);font-weight:600;font-size:clamp(20px,1.8vw,24px);letter-spacing:.06em;color:var(--ink-500);white-space:nowrap}
body.office .kuruma-ka .kuruma-a{color:var(--navy-900)}
body.office .kuruma-b{grid-area:b;font-family:var(--font-sans);font-weight:700;font-size:16px;letter-spacing:.06em;color:var(--navy-900)}
body.office .kuruma-c{grid-area:c;margin-top:2px;font-family:var(--font-mincho);font-weight:500;font-size:15px;line-height:1.8;color:var(--ink-700);word-break:auto-phrase;text-wrap:pretty}
body.office .big-chu{margin:18px 0 0;font-size:13px;line-height:1.7;color:var(--ink-500);max-width:40em}
/* ★2026-10-15「鉄線」＝クルマの図の動き＝画面に入った時に一度だけ、車体→エンジン→燃料の順に組み上がる（意味＝エンジンと燃料ごと納める）。動きを減らす設定では出さない。動きの時計が止まっても読める濃さから始める。 */
@media (prefers-reduced-motion:no-preference){
body.office figure.kuruma.on li{animation:kuruma-kumi .7s cubic-bezier(.2,.7,.2,1) both}
body.office figure.kuruma.on li:nth-child(2){animation-delay:.3s}
body.office figure.kuruma.on li:nth-child(3){animation-delay:.6s}
@keyframes kuruma-kumi{from{transform:translateX(-14px)}to{transform:none}}
}
@media (max-width:560px){body.office .kuruma li{grid-template-columns:92px minmax(0,1fr);column-gap:12px;padding-left:12px}}

/* ★2026-10-15「芍薬」＝本文の塊がスクロールの位置に連れて濃くなる動き（共有の器 器_現代の技法.js の arawareru）を、事務所HPの側だけで打ち消す。
   画面の下3分の1に在る署名・ボタン・表が、読んでいる間も淡かった。共有の器（LPと共用）には触れない。 */
.js body.office .rise{animation:none !important}

/* ★2026-10-15「芍薬」＝品書きの節（第一画面の外へ移した）。.hero-ie の意匠をそのまま使うため nav に hero-ie を付けた。 */
body.office .band-shinagaki nav.ie-shinagaki{background:none;padding-top:0;border-top:0}
body.office .band-shinagaki .ie-shinagaki-mi{justify-content:flex-end}
body.office .hero.hero-ie{padding-bottom:clamp(36px,5vw,64px)}
body.office .hero.hero-ie .btns{margin-bottom:0}

body.office .ie-shinagaki a,body.office .band .ie-shinagaki a:not(.btn){border-bottom:0 !important;padding-bottom:13px}

body.office .aisatsu-hidari{display:grid;gap:28px;align-content:start}
body.office .aisatsu-in{position:static !important}
body.office .aisatsu-kao{display:block;width:min(100%,300px);height:auto;margin-left:22px}
@media (max-width:860px){body.office .aisatsu-kao{width:180px;margin-left:0}}

body.office #s6 .rensai-mokuji{grid-template-columns:repeat(3,minmax(0,1fr))}
body.office #s6 .rensai-mokuji .na{font-size:clamp(17px,1.4vw,19px);line-height:1.7}
@media (max-width:860px){body.office #s6 .rensai-mokuji{grid-template-columns:1fr}}

/* ★2026-10-15「芍薬」＝実機の画面の上の一行と、ホームでの寄せ（組織図の中心を枠の中で1.45倍に）。携帯のホームだけ看板の二つのボタンを外す（第一画面のすぐ下に同じ二つが在る）。 */
body.office figure.big .big-mi{margin:0 0 10px;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--navy-900)}
body.office figure.big .big-waku{overflow:hidden;border-radius:6px}
body.office figure.big .big-waku img{display:block;width:100%;height:auto}
body.office figure.big-yose .big-waku{aspect-ratio:16/8}
body.office figure.big-yose .big-waku img{height:100%;object-fit:cover;object-position:58% 50%;transform:scale(1.45);transform-origin:58% 50%}
@media (max-width:720px){body.office:has(.hero-ie) .head .head-tel{display:none !important}body.office figure.big-yose .big-waku{aspect-ratio:4/3}}

/* ★2026-10-15「芍薬」＝頁の山（.yama）。全幅。組織図の画面を敷き、上に濃い紺の幕を掛けて、クリームの大字を置く。 */
body.office section.yama{position:relative;overflow:hidden;padding-top:clamp(88px,11vw,160px);padding-bottom:clamp(88px,11vw,160px);background:var(--navy-900);color:var(--paper-50)}
body.office .yama-e{position:absolute;inset:0}
body.office .yama-e img{width:100%;height:100%;object-fit:cover;object-position:62% 55%;display:block;transform:scale(1.9);transform-origin:62% 55%;filter:blur(1.5px)}
body.office .yama-e::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,25,47,.95) 0%,rgba(10,25,47,.86) 55%,rgba(10,25,47,.6) 100%)}
body.office section.yama .maku{position:relative}
body.office .yama-mi{margin:0;font-family:var(--font-mincho);font-weight:600;font-size:clamp(34px,5vw,64px);line-height:1.4;letter-spacing:.04em;color:var(--paper-50)}
body.office .yama-ko{margin:26px 0 0;padding-top:16px;border-top:1px solid rgba(251,248,241,.28);max-width:34em;font-family:var(--font-sans);font-size:14px;line-height:1.8;color:rgba(251,248,241,.82)}
@media (max-width:520px){body.office .yama-mi{font-size:27px;letter-spacing:.02em}}

/* ★2026-10-15「芍薬」＝行末に一字・二字だけ残る所（「す。」「せん。」など）を、段落の折り返しを整える指定で防ぐ（事務所HPの全頁の本文）。 */


body.office section.chakuchi .yomi p.chakuchi-oshi{margin:26px 0 0;font-family:var(--font-sans);font-weight:700;font-size:17px;letter-spacing:.04em;color:var(--navy-900)}
body.office section.chakuchi .chakuchi-oshi + .btns{margin-top:14px}

@media (max-width:720px){body.office .hero-ie .btns{margin-bottom:0}body.office .hero-ie .ie-kao{margin-top:26px}}
@media (max-width:860px){body.office .aisatsu-hidari{grid-template-columns:minmax(0,1fr) 120px;align-items:end;gap:16px}body.office .aisatsu-kao{width:120px;margin:0}}

/* ★2026-10-15「芍薬」＝審査第5回の新しい傷の直し。携帯のごあいさつは引用を全幅・写しをその下の小さな札に（細い段で崩れていた）。労務相談顧問アプリ（サンプル）の節はスマートフォンの画面を縦に大きく。 */
@media (max-width:860px){body.office .aisatsu-hidari{display:block !important}body.office .aisatsu-kao{width:120px;margin:18px 0 0}}
body.office .band-showcase .showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:clamp(28px,5vw,72px);align-items:center}
body.office .band-showcase figure.big .big-waku{max-width:310px;margin:0 auto;border-radius:22px;border:4px solid var(--navy-900);box-shadow:0 20px 44px rgba(10,25,47,.2)}
@media (max-width:860px){body.office .band-showcase .showcase{grid-template-columns:1fr}body.office .band-showcase figure.big .big-waku{max-width:300px}}

/* ★2026-10-15「芍薬」＝審査第6回の直し。労務相談顧問アプリ（サンプル）の節は文を上に揃える（縦の中ほどで見出しの下が空いていた）。終わりの帯は「約束→一押し→ボタン→案内文」の順に見せる。節の間の空きを詰める。品書きの注を左の濃い字に。 */
body.office .band-showcase .showcase{align-items:start}
body.office section.chakuchi .yomi{display:flex;flex-direction:column}
body.office section.chakuchi .chakuchi-yakusoku{order:1}
body.office section.chakuchi .chakuchi-oshi{order:2;margin-top:0 !important}
body.office section.chakuchi .btns{order:3}
body.office section.chakuchi .chakuchi-lead{order:4;margin-top:22px;font-size:14.5px;color:var(--ink-500)}
body.office .band-shinagaki{padding-bottom:clamp(36px,4vw,52px)}
body.office .band-shinagaki + .band-stats{padding-top:clamp(36px,4vw,52px)}
body.office .ie-shinagaki-mi{justify-content:flex-start !important}
body.office .ie-shinagaki-mi span{font-size:14px !important;color:var(--ink-700) !important;letter-spacing:.02em !important}
body.office #tsuyomi .stat p:not(.n):not(.stat-ko){min-height:3.6em}

body.office .mi-dokoro{list-style:none;margin:24px 0 26px;padding:0;border-top:2px solid var(--navy-900)}
body.office .mi-dokoro li{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid rgba(10,25,47,.14)}
body.office .mi-dokoro b{font-family:var(--font-sans);font-size:15.5px;color:var(--navy-900);background:none !important;padding:0 !important}
body.office .mi-dokoro span{font-family:var(--font-mincho);font-size:15.5px;color:var(--ink-700)}
@media (max-width:520px){body.office .mi-dokoro li{grid-template-columns:1fr;gap:2px}}

/* ★2026-10-15「芍薬」＝審査第7回の直し。
   ごあいさつの名乗り（左の段・引用の下）／主な仕事の画面の寄せ／携帯の上の帯を一行の横送りに（札の数・行き先・開く仕掛けは不変）／
   明朝の大字を二つの段に（大＝第一画面と山の一枚、中＝終わりの帯とごあいさつの引用）／足もとを左寄せ／節の間の空きを詰める */
body.office .aisatsu-na{margin:26px 0 0 22px;padding-top:14px;border-top:1px solid rgba(10,25,47,.18)}
body.office .aisatsu-na p{margin:0;font-family:var(--font-sans);font-size:14px;color:var(--ink-500)}
body.office .aisatsu-na p:last-child{margin-top:6px;font-size:20px;font-weight:700;letter-spacing:.08em;color:var(--navy-900)}
body.office .aisatsu-na p:last-child strong{background:none !important;color:inherit}
@media (max-width:860px){body.office .aisatsu-na{margin-left:0}}
body.office .omo-pc-waku{width:88%;overflow:hidden;border-radius:6px;aspect-ratio:16/10;box-shadow:0 18px 40px rgba(10,25,47,.16),0 2px 6px rgba(10,25,47,.08)}
body.office .omo-pc-waku img.omo-pc{width:100% !important;height:100%;object-fit:cover;object-position:0 0;transform:scale(1.55);transform-origin:18% 8%;box-shadow:none !important;border-radius:0 !important}
@media (max-width:720px){
  body.office .head .menu{flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.office .head .menu::-webkit-scrollbar{display:none}
  body.office .head .menu > a,body.office .head .menu > .oya > a{white-space:nowrap}
  body.office .head .menu{padding-right:34px}
}
body.office .hero-ie .ie-yakusoku,body.office .yama-mi{font-size:clamp(36px,5vw,64px) !important}
body.office section.chakuchi .yomi p.chakuchi-yakusoku,body.office .aisatsu-in p{font-size:clamp(24px,2.6vw,34px) !important;line-height:1.6}
body.office .foot{text-align:left}
body.office .foot .maku > *{padding-left:0 !important;padding-right:0 !important;margin-left:0;margin-right:0}
body.office .foot nav.fl{display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:flex-start}
body.office .foot nav.fl a{margin:0 !important}
body.office .foot nav.fl .fl-mi{flex-basis:100%;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--ink-500);margin-bottom:2px}
body.office .foot nav.fl-kiyaku{margin-top:14px;padding-top:12px;border-top:1px solid rgba(10,25,47,.12)}
body.office .foot nav.fl-kiyaku a{font-size:13px}
body.office .band-shinagaki + .band-stats{padding-top:0 !important}

/* ★2026-10-15「芍薬」＝審査第8回の直し。
   主な仕事の画面＝左上を起点に寄せる（左端の字が切れていた）／終わりの帯の大字を48pxへ戻す（大字は三段＝64・48・30）／
   携帯の左右の余白を16pxにそろえる／裏づけの説明の最低の高さはパソコンだけ／携帯のメニューの右端に送りの印 */
body.office .omo-pc-waku img.omo-pc{transform:scale(1.3) !important;transform-origin:0 0 !important}
body.office section.chakuchi .yomi p.chakuchi-yakusoku{font-size:clamp(32px,3.8vw,48px) !important;line-height:1.3}
body.office .aisatsu-in p{font-size:clamp(22px,2.2vw,30px) !important}
@media (max-width:720px){
  body.office section.chakuchi,body.office .foot{padding-left:16px !important;padding-right:16px !important}
  body.office section.chakuchi .maku,body.office section.chakuchi .yomi,body.office .foot .maku{padding-left:0 !important;padding-right:0 !important}
  body.office #tsuyomi .stat p:not(.n):not(.stat-ko){min-height:0 !important}
  body.office .head .maku{position:relative}
  body.office .head .maku::after{content:"›";position:absolute;right:0;bottom:2px;width:34px;height:32px;line-height:30px;text-align:right;padding-right:2px;font-family:var(--font-sans);font-size:20px;color:var(--ink-500);background:linear-gradient(90deg,rgba(251,248,241,0),var(--paper-50) 55%);pointer-events:none}
}

/* ★2026-10-15「芍薬」＝審査第9回の直し。日本語の語の切れ目で折る（携帯の「直／接」など）／主な仕事の文を上にそろえる／携帯の山の一枚の上下を詰める／
   山の一枚の背の組織図が、ゆっくり寄る動き（中身を隠さない・動きを控える設定の方には止める） */

body.office .omo-grid{align-items:start}
@media (max-width:720px){body.office section.yama{padding-top:64px !important;padding-bottom:64px !important}}
@media (prefers-reduced-motion:no-preference){
  body.office .yama-e img{animation:yama-yoru 24s ease-in-out infinite alternate}
  @keyframes yama-yoru{from{transform:scale(1.9)}to{transform:scale(2.08)}}
}

@media (max-width:520px){body.office .yama-mi{font-size:27px !important}body.office .hero-ie .ie-yakusoku{font-size:clamp(28px,8.2vw,34px) !important;letter-spacing:.02em !important}}

/* ★2026-10-15「芍薬」＝作った三枚の絵（Canva）。山の一枚の背＝針のそろった羅針盤（ぼかし・寄せをやめ、左を紺の幕で沈める）／ごあいさつの机／終わりの帯の前の水平線。 */
body.office .yama-e img{transform:none !important;filter:none !important;animation:none !important;object-position:70% 50% !important}
body.office .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.94) 0%,rgba(10,25,47,.82) 45%,rgba(10,25,47,.35) 100%) !important}
@media (prefers-reduced-motion:no-preference){body.office .yama-e img{animation:yama-yoru2 30s ease-in-out infinite alternate !important}@keyframes yama-yoru2{from{transform:scale(1)}to{transform:scale(1.06)}}}
body.office .aisatsu-e{display:block;width:calc(100% - 22px);height:auto;margin:28px 0 0 22px;border-radius:4px}
@media (max-width:860px){body.office .aisatsu-e{width:100%;margin-left:0}}
body.office .yoake{height:clamp(160px,22vw,320px);overflow:hidden;background:var(--navy-900)}
body.office .yoake img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
@media (max-width:720px){body.office section.yama .yama-e::after{background:linear-gradient(180deg,rgba(10,25,47,.9),rgba(10,25,47,.8)) !important}}

/* ★2026-10-15「芍薬」＝審査第10回の直し。
   水平線＝白黒にしてから、上を紺・水平線の帯を淡い金の色に重ね（色相だけを差し替える）、下の端を締めの帯のクリームへ溶かす。
   羅針盤＝格子のそろった右の部分だけを大きく使う（中央の大きな一つを外す）。携帯の図の名の字下げを外す。 */
body.office .yoake{position:relative;height:clamp(180px,24vw,340px)}
body.office .yoake img{filter:grayscale(1) sepia(.55) hue-rotate(185deg) saturate(.7) brightness(1.08) contrast(.9)}
body.office .yoake::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,25,47,.82) 0%,rgba(14,34,66,.42) 22%,rgba(10,25,47,.08) 42%,rgba(197,168,128,.38) 52%,rgba(197,168,128,0) 62%);pointer-events:none}
body.office .yoake::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,44,79,.28) 0%,rgba(20,44,79,0) 30%,rgba(214,186,130,0) 36%,rgba(214,186,130,.55) 49%,rgba(214,186,130,.18) 58%,rgba(251,248,241,0) 64%,var(--paper-50) 100%);pointer-events:none}
body.office .yoake + section.chakuchi{border-top:0 !important;padding-top:clamp(24px,3vw,40px) !important}
body.office .yama-e img{transform:none !important}
body.office section.yama .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.95) 0%,rgba(10,25,47,.92) 58%,rgba(10,25,47,.45) 78%,rgba(10,25,47,.3) 100%) !important}
@media (prefers-reduced-motion:no-preference){body.office .yama-e img{animation:none !important}}
body.office .band-showcase figure.big{margin-left:0;margin-right:0;padding:0}
body.office .band-showcase figure.big .big-mi{text-align:left;padding:0}

/* ★2026-10-15「芍薬」＝夜明けの光（先生のご要望「日差しを神々しく」）。水平線の一点から、光の芯（白に近い金のにじみ）と、放たれる淡い光の筋。 */
body.office .yoake .yoake-hi{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 9% 14% at 50% 57%,var(--ou-card-a,#fffdf6) 0%,rgba(255,250,232,.95) 35%,rgba(255,240,205,0) 100%),radial-gradient(ellipse 26% 24% at 50% 57%,rgba(255,246,222,.9) 0%,rgba(250,228,180,.6) 35%,rgba(236,206,150,0) 100%),radial-gradient(ellipse 4% 34% at 50% 78%,rgba(255,248,226,.85) 0%,rgba(255,240,205,.35) 45%,rgba(255,240,205,0) 100%),radial-gradient(ellipse 75% 42% at 50% 57%,rgba(240,214,160,.4) 0%,rgba(240,214,160,0) 72%)}
body.office .yoake .yoake-suji{position:absolute;inset:0;pointer-events:none;background:repeating-conic-gradient(from -90deg at 50% 57%,rgba(255,246,220,.32) 0deg 1.8deg,rgba(255,246,220,0) 1.8deg 6deg);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 57%,#000 0%,rgba(0,0,0,.6) 40%,transparent 75%),linear-gradient(180deg,#000 0%,#000 56%,transparent 58%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 80% 70% at 50% 57%,#000 0%,rgba(0,0,0,.6) 40%,transparent 75%),linear-gradient(180deg,#000 0%,#000 56%,transparent 58%);mask-composite:intersect}
@media (prefers-reduced-motion:no-preference){
  body.office .yoake .yoake-suji{animation:yoake-ikiru 9s ease-in-out infinite alternate}
  @keyframes yoake-ikiru{from{opacity:.75}to{opacity:1}}
}

/* ★2026-10-15「芍薬」＝審査第11回の直し。本文の行の釣り合いの指定（器から来る text-wrap:pretty）を打ち消す／水平線の空を明るく・携帯の光の筋を絞る・絵と締めの間を空ける／羅針盤の左を深く沈める／ごあいさつの左の段は読み進める間ついてくる。 */
/* ★2026-10-15「鉄線」＝先生「改行がとても酷い」。上の打ち消し（text-wrap:wrap）が、言葉の途中の折れ（例「末端の／社員」）と、最後の行に「す。」だけが落ちる折れを生んでいた。
   本文はすべて言葉の切れ目で折り（auto-phrase）、最後の行を一語にしない（pretty）。二、三行の導入文と引用は、行の長さをそろえる（balance）。 */
/* ★2026-10-29「綸子」＝文節で折る（auto-phrase）のは、短い札と見出しの類（th・dt・figcaption・small・品書きの名と添え字）だけに戻した。
   段落・箇条・表の中の文・引用は、本の組み（字で折り、行いっぱい）＝携帯で、図の中の文が文節ごとに折れて行末ががたついていた（竜胆 10/16「文章は本の組み、言葉の切れ目で折るのは大字と見出しだけ」）。 */
body.office main :is(th,dt,figcaption,small,.ie-mei,.ie-ne2,.ie-naka span){word-break:auto-phrase;text-wrap:pretty !important}
body.office main :is(p,li,td,dd,blockquote){word-break:normal;text-wrap:pretty !important}
body.office main :is(.ie-lead,.chakuchi-lead,.kusari-in p,.aisatsu-in p,.kuruma-mi,.kuruma-musubi,.yama-ko,.big-chu,.ie-shinagaki-mi span,.kusari-te,.kuruma-c){text-wrap:balance !important}
body.office main a[href^="mailto:"]{word-break:keep-all;overflow-wrap:anywhere}
/* ★鉄線＝長い本文の段落（.yomi の素の段落）は、本の組み方＝行いっぱいに揃え（justify）、禁則と「最後の行を一字にしない」だけを守る。言葉の切れ目で折ると右端ががたつくため。 */
body.office main .yomi > p:not([class]){word-break:normal;text-align:justify;text-justify:inter-character;text-wrap:pretty !important}
/* ★★2026-10-15「鉄線」＝先生「タブとかのデザインやヘッダーも、センスが悪く」。頭の帯の見た目を、この一塊で決め直す（仕組み＝子の札・貼り付き・携帯の帯は変えない）。
   考え方＝堅い専門職の帯は、色と枠で飾らず、字と罫と間で立てる（並べる受賞作 Outsource Consultants・ROEH の頭）。
   ・屋号＝明朝の字送りを広く。上の肩書きは金でなく墨の淡い字。
   ・タブ＝太字・背景の色・下の太い線をやめ、細身の字と広い字送り。いまの頁と指を置いた所だけ、字の下に金の細い線が伸びる。
   ・親のタブの印＝黒い三角でなく、細い山形。子の札は、上に紺の罫一本の静かな板。
   ・入口は二つ＝金の「労務相談顧問アプリ（サンプル）」（次へ進むボタン）と、罫だけの「お問い合わせ」。どちらも角はほとんど丸めない。 */
body.office header.head{background:color-mix(in srgb,var(--paper-50) 92%,transparent) !important;box-shadow:none !important;border-bottom:1px solid rgba(10,25,47,.10) !important}
body.office header.head .brand-sub{font-family:var(--font-sans) !important;font-weight:500 !important;font-size:11.5px !important;letter-spacing:.3em !important;color:var(--ink-500) !important}
body.office header.head .brand-name{font-family:var(--font-mincho) !important;font-weight:600 !important;letter-spacing:.1em !important;color:var(--navy-900) !important}
body.office header.head .head-tel span{display:none !important}
body.office header.head .head-tel a.head-btn,body.office header.head .menu a.menu-demo{background:#b08f4f !important;color:var(--navy-900) !important;border:0 !important;border-radius:2px !important;box-shadow:none !important;font-family:var(--font-sans) !important;font-weight:700 !important;transition:background .2s ease}
/* ★緞子＝寸法（字・字送り・内側の余白）はパソコンの幅だけ。囲いの外に在った時は、携帯の寸法（芍薬）まで上書きして帯がはみ出していた。 */
@media (min-width:721px){body.office header.head .head-tel a.head-btn,body.office header.head .menu a.menu-demo{font-size:14px !important;letter-spacing:.1em !important;padding:12px 24px !important}}
body.office header.head .head-tel a.head-btn:hover,body.office header.head .menu a.menu-demo:hover{background:#c4a467 !important}
body.office header.head .menu{border-top:1px solid rgba(10,25,47,.08) !important;gap:0 !important;align-items:center}
body.office header.head .menu > a,body.office header.head .menu > .oya > a{position:relative;font-family:var(--font-sans) !important;font-weight:500 !important;font-size:14px !important;letter-spacing:.12em !important;color:var(--ink-700) !important;background:none !important;border:0 !important;border-radius:0 !important;padding:17px 15px !important;box-shadow:none !important;transition:color .2s ease}
body.office header.head .menu > a::after,body.office header.head .menu > .oya > a::after{content:"";position:absolute;left:15px;right:15px;bottom:9px;height:1.5px;background:var(--gold-500);transform:scaleX(0);transform-origin:left center;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
body.office header.head .menu > a:hover,body.office header.head .menu > .oya > a:hover{color:var(--navy-900) !important}
body.office header.head .menu > a:hover::after,body.office header.head .menu > .oya:hover > a::after,body.office header.head .menu > a[aria-current="page"]::after,body.office header.head .menu > .oya > a[aria-current="page"]::after{transform:scaleX(1)}
body.office header.head .menu > a[aria-current="page"],body.office header.head .menu > .oya > a[aria-current="page"]{color:var(--navy-900) !important;font-weight:700 !important}
body.office header.head .menu > a:first-child{padding-left:0 !important}
body.office header.head .menu > a:first-child::after{left:0}
body.office header.head .oya-ya{width:6px !important;height:6px !important;margin:0 0 3px 8px !important;border:0 !important;border-right:1.4px solid currentColor !important;border-bottom:1.4px solid currentColor !important;transform:rotate(45deg) !important;opacity:.55;vertical-align:middle;transition:transform .2s ease}
body.office header.head .oya:hover .oya-ya,body.office header.head .oya.hiraku .oya-ya,body.office header.head .oya:focus-within .oya-ya{transform:translateY(2px) rotate(225deg) !important}
body.office header.head .ko-drop{background:var(--paper-50) !important;border:0 !important;border-top:2px solid var(--navy-900) !important;border-radius:0 !important;box-shadow:0 22px 44px rgba(10,25,47,.12) !important;padding:8px 0 !important;min-width:300px}
body.office header.head .menu .ko-drop a{font-family:var(--font-sans) !important;font-weight:500 !important;font-size:14.5px !important;letter-spacing:.06em !important;color:var(--ink-700) !important;border-radius:0 !important;padding:12px 24px !important;border-left:2px solid transparent !important;background:none !important}
body.office header.head .menu .ko-drop a:hover,body.office header.head .menu .ko-drop a[aria-current="page"]{color:var(--navy-900) !important;background:rgba(176,141,74,.08) !important;border-left-color:var(--gold-500) !important}
body.office header.head .menu > a[href="jimusho.html"]{margin-left:auto !important;padding:10px 20px !important;border:1px solid rgba(10,25,47,.38) !important;border-radius:2px !important;color:var(--navy-900) !important;letter-spacing:.1em !important;font-weight:500 !important;background:none !important}
body.office header.head .menu > a[href="jimusho.html"]::after{content:none}
body.office header.head .menu > a[href="jimusho.html"]:hover,body.office header.head .menu > a[href="jimusho.html"][aria-current="page"]{background:var(--navy-900) !important;color:var(--paper-50) !important;border-color:var(--navy-900) !important}
body.office header.head.tsumeru .menu a.menu-demo{padding:9px 18px !important;font-size:14.5px !important}
body.office header.head.tsumeru .menu a.menu-demo::after{content:none}
/* 大島紬（根治）＝縮んだ見出し帯は、サンプルのボタンが加わるぶん横に長く、1400px未満で右へはみ出していた（1280で31px）＝項目の左右の余白を詰める */
@media (max-width:1399px){body.office header.head.tsumeru .menu > a:not(.menu-demo),body.office header.head.tsumeru .menu > .oya > :first-child{padding-left:11px !important;padding-right:11px !important}}
/* ★2026-10-15「鉄線」＝お手本の地ならし（全頁）。第一画面の左下の紺の雲（濁って見えた）と、ゆっくり動く地をやめ、代表の写真の後ろだけに淡い金の光。
   節の見出しの丸い印は一部の節にしか無く揃っていなかったので外し、番号と罫と見出しの字だけで立てる。ボタンの角は頭の帯と同じ2px。 */
body.office .hero::before{background:radial-gradient(36% 60% at 82% 34%,rgba(197,168,128,.16),transparent 72%) !important;animation:none !important}
body.office section.band h2 .h2-icon{display:none !important}
body.office main .btn,body.office main .btn2{border-radius:2px !important}
/* ★★2026-10-15「鉄線」＝先生「字が小さい」「ボタンの中の文字もファッションセンスがかけている」「意味の無い余白が多い」。
   一　字＝読む人の目で。13px台の注記をなくし、いちばん小さい字でも14.5px。本文は17〜18.5px、導入文は19px前後、タブは15px。
   二　ボタン＝括弧つきの長い名と「→」の字をやめ、短い名（サンプル）と、細い線で描いた矢印。字は細めのゴシックで字送りを広く。矢印は右端に寄せる。
   三　余白＝第一画面は写真を小さくして上下の空きを詰め、字を縦の中ほどに。節の上下の空きも詰める。 */
body.office header.head .brand-sub{font-size:13px !important;letter-spacing:.24em !important}
body.office header.head .menu > a,body.office header.head .menu > .oya > a{font-size:15px !important}
@media (min-width:721px){body.office header.head .head-tel a.head-btn{font-size:15px !important}}   /* ★緞子＝パソコンの幅だけ（携帯の寸法を上書きしていた） */
body.office main .yomi > p:not([class]){font-size:clamp(17px,1.3vw,18.5px) !important;line-height:2 !important}
body.office .hero-ie .ie-lead{font-size:clamp(17px,1.45vw,19.5px) !important;line-height:1.95 !important;color:var(--ink-900) !important}
body.office .hero-ie .ie-mei small,body.office .hero-ie .ie-ne2,body.office .hero-ie .ie-ne small,body.office .ie-shinagaki-mi span{font-size:14.5px !important}
body.office .hero-ie .ie-naka{font-size:16px !important}
body.office .hero-ie .ie-naka-mi,body.office .hero-ie .ie-ne small.ie-ku{font-size:14px !important}
body.office .hero-ie .ie-kao-ya,body.office .hero-ie .ie-kao-zoku{font-size:14px !important}
body.office .stat p,body.office .kusari-te,body.office .kuruma-c{font-size:16px !important}
/* ★鉄線＝裏づけの数字は図として大きく（上の16pxの指定が数字の段まで小さくしていた）。表の本文も一段大きく。 */
body.office .stat p.n{font-size:clamp(24px,2.2vw,28px) !important;white-space:nowrap;line-height:1.3 !important;margin:4px 0 8px !important;font-weight:700 !important;color:var(--navy-900) !important}
body.office .stat p.stat-ko{font-size:15px !important;font-weight:700 !important;color:var(--ink-700) !important}
body.office main table.renraku td{font-size:17px !important}
body.office main table.renraku th{font-size:15.5px !important}
/* ★鉄線＝ホームの意匠を全頁へ。子の帯（超カリスマ人事制度・事務所案内の中のタブ）も、親のタブと同じ「字と金の細い線」の型に（丸い札をやめる）。
   頁の頭（.hero）の上下の空きを詰める（見出し一行だけの頁で、画面の半分が空いていた）。 */
body.office .ko-band{background:var(--paper-50) !important;border-bottom:1px solid rgba(10,25,47,.10) !important}
body.office .ko-menu{gap:0 !important;padding:0 !important}
body.office .ko-menu .ko-mi{font-family:var(--font-sans) !important;font-size:13.5px !important;font-weight:700 !important;letter-spacing:.14em !important;color:var(--ink-500) !important;margin-right:18px !important;padding-right:18px;border-right:1px solid rgba(10,25,47,.16)}
body.office .ko-menu a{position:relative;font-family:var(--font-sans) !important;font-size:15px !important;font-weight:500 !important;letter-spacing:.06em !important;color:var(--ink-700) !important;background:none !important;border:0 !important;border-radius:0 !important;padding:15px 14px !important}
body.office .ko-menu a::after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:1.5px;background:var(--gold-500);transform:scaleX(0);transform-origin:left center;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
body.office .ko-menu a:hover,body.office .ko-menu a[aria-current="page"]{color:var(--navy-900) !important}
body.office .ko-menu a[aria-current="page"]{font-weight:700 !important}
body.office .ko-menu a:hover::after,body.office .ko-menu a[aria-current="page"]::after{transform:scaleX(1)}
/* ★萩（2026-10-17）＝「人事制度」タブの2つのコーナー。子の帯＝コーナーの名（紺の太字・金の短い印）と、間の細い縦罫。ドロップダウン＝コーナーの名を見出しに、2つ目の前に罫。 */
body.office .ko-menu .ko-kumi{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:13.5px;font-weight:700;letter-spacing:.1em;color:var(--navy-900);white-space:nowrap;padding:0 6px 0 0}
body.office .ko-menu .ko-kumi::before{content:"";width:3px;height:14px;background:var(--gold-500)}
body.office .ko-menu .ko-sen{flex:none;width:1px;height:22px;background:rgba(10,25,47,.22);margin:0 18px 0 12px}
body.office header.head .ko-drop .ko-drop-mi{display:block;padding:14px 24px 6px;font-family:var(--font-sans);font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--navy-900)}
body.office header.head .ko-drop .ko-drop-mi small{display:block;margin-top:2px;font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--ink-500)}
body.office header.head .ko-drop a + .ko-drop-mi{margin-top:6px;border-top:1px solid rgba(10,25,47,.12);padding-top:16px}
body.office .hosobi-mokuji .hosobi-ko .ko-drop-mi{display:none}
body.office .hero:not(.hero-ie){padding-top:clamp(40px,4.4vw,64px) !important;padding-bottom:clamp(40px,4.4vw,64px) !important}
@media (max-width:720px){body.office .ko-menu a{font-size:14.5px !important;padding:12px 10px !important}body.office .ko-menu a::after{left:10px;right:10px;bottom:5px}body.office .ko-menu .ko-mi{display:block;width:100%;border-right:0;padding:10px 0 0;margin:0 !important}}
/* ★鉄線＝よくある質問の白い枡をやめ、紙の地のまま罫で区切る（紙面の型＝白い枡を使わない）。 */
body.office .yomi.faq{border-top:2px solid var(--navy-900)}
body.office .yomi.faq details{background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;border-bottom:1px solid rgba(10,25,47,.14) !important;margin:0 !important}
body.office .yomi.faq details summary{padding-left:0 !important;padding-right:44px !important;font-size:17.5px !important;color:var(--ink-900) !important}
body.office .yomi.faq details .a{padding-left:0 !important}
/* ★鉄線 第16回の直し（厳しめの審査）
   ・鎖の図の段の間の「›」が、地の色の小さな札に見えて塵のようだった＝札をやめ、罫の上に細い金の山形だけを置く。
   ・代表の写真の下の角に四角い地が見えた＝地をなくし、下の角も写真の縁に合わせる。
   ・携帯のクルマの図で、最後の段だけ左の空きが無かった＝三段とも同じ空きに。
   ・概要の下の一文だけゴシックだった＝本文と同じ明朝に。
   ・品書きの「›」の字が小さく、ボタンの矢印と揃わなかった＝同じ細い線の矢印に。 */
body.office .kusari li + li::before{content:"" !important;width:9px !important;height:9px !important;left:-5px !important;top:84px !important;background:none !important;border-top:1.5px solid var(--gold-500);border-right:1.5px solid var(--gold-500);transform:rotate(45deg);line-height:0 !important}
body.office .hero-ie .ie-kao img{background:none !important;box-shadow:none !important;border-radius:999px 999px 2px 2px !important}
body.office .kuruma ol li{padding-left:16px !important}
@media (max-width:560px){body.office .kuruma ol li{padding-left:12px !important}}
body.office .gaiyo-grid > div > p{font-family:var(--font-mincho);font-weight:500;font-size:clamp(17px,1.3vw,18px);line-height:2;color:var(--ink-900);margin-top:22px}
body.office .ie-shinagaki a::after{content:"" !important;width:22px;height:9px;top:22px !important;background:var(--gold-500);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 10'%3E%3Cpath d='M0 5h24M20 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 10'%3E%3Cpath d='M0 5h24M20 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat}
body.office .ie-shinagaki li.ie-me a::after{top:28px !important}
/* ★鉄線＝本文の中の強調（太字＋淡い金の下線）を行の途中で割らない（パソコン）。 */
@media (min-width:721px){body.office main .yomi > p b,body.office main .yomi > p strong{white-space:nowrap}}
/* ★鉄線 第16回＝他の頁の頭（携帯で「毎日動か／すため」と語の途中で折れた・見出しの最後に「ド」一字）。
   頁の頭の長い導入文は本文と同じ本の組み方、見出しは言葉の切れ目で釣り合いよく。価格表の頭の札は携帯で一列に（商品名が右へはみ出した）。 */
body.office .hero:not(.hero-ie) p.lead{word-break:normal !important;text-align:justify;text-justify:inter-character;text-wrap:pretty !important}
body.office main h1{word-break:auto-phrase !important;text-wrap:balance !important}
@media (max-width:420px){body.office .hero:not(.hero-ie) h1{font-size:26px !important;line-height:1.45 !important}}
@media (max-width:520px){body.office .kakaku-mokuji{grid-template-columns:1fr !important}}
/* ★★鉄線 第17回＝全頁を機械で点検して、まとめて直す（先生「一気に修正して」）。
   一　字の床＝注記・札・小見出し・パンくず・図の説明など、12〜13.5px の字が約30種類あった。読む人の目で、いちばん小さい字を14pxに揃える（図の中の絵の字＝kk-* は図の寸法なので除く）。
   二　白い枠＝比べる表（導入の効果・事業承継）と連載の前後の札の白い地をやめ、紙の地と罫に（紙面の型＝白い枡を使わない）。
   三　角＝札と表の角をホームの型（2px）に揃える。 */
body.office main :is(.crumb,.kome,.note,.eda-sub,.sha,.futa-osusume,.futa-ku,.futa-shiki,.ku,small,.ne-spot,.toi-ken,.jk-mi,figcaption,.suji-mi,.suji-chu,.ta,.km-dare,.km-ato,.nagare-dare,.su-no,.su-men,.fuda,.kai,time,.kt-th-ko,.kt-no,.kt-chu,.kt-kasan,.kt-dl-mi,.kusari-no,.ie-no,.ie-osusume,.kk-fuda,.kk-chu),body.office footer .fl-mi{font-size:14px !important}
body.office main :is(.crumb,.crumb *){letter-spacing:.08em !important}
body.office .taihi,body.office .taihi-row,body.office .taihi .mae,body.office .taihi .ato{background:none !important;box-shadow:none !important;border-radius:0 !important}
body.office .taihi{border-top:2px solid var(--navy-900) !important}
body.office .taihi-row{border-bottom:1px solid rgba(10,25,47,.14) !important}
body.office .taihi .ato{border-left:2px solid var(--navy-900) !important}
body.office :is(.prev,.next,.up,.mokuji){background:none !important;box-shadow:none !important;border-radius:2px !important}
body.office .rensai-mokuji a,body.office main a.A{border-radius:2px !important}
/* ★★鉄線 第17回（審査員4人の報告をまとめて直す・全頁）。仕組み・行き先・数字には触れない。見た目と組み方だけ。 */
/* 一　本の組み方の段落で、行末の語の包み（.nw）が前の行の字間を引き伸ばしていた＝この段落の中では包みを外し、行末の一字は pretty に任せる */
body.office main .yomi > p:not([class]) .nw{white-space:normal}
/* 二　金の字をやめる（金はボタンと罫だけ）＝パンくず・連載の回・副題 */
body.office :is(.crumb,.crumb a,.kai,.rensai-list .sub,.pn a.up){color:var(--ink-500) !important}
/* 三　左の端を一つに＝出典・連載の本文も、他の節と同じ左寄せ。出典は注の格に */
body.office section.chu .yomi,body.office .rensai-toc .yomi,body.office main .honbun .yomi{margin-left:0 !important}
body.office section.chu{padding-top:40px !important;padding-bottom:40px !important;border-top:1px solid rgba(10,25,47,.12)}
body.office section.chu h2{font-size:18px !important;margin-bottom:10px !important}
body.office section.chu p{font-size:15px !important;line-height:1.9 !important;color:var(--ink-700) !important}
/* 四　白い枡・角の丸い升・丸い札をやめ、罫と字だけに */
body.office :is(.kt-dl,.kt-shiharai,nav.mokuji){background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
body.office .kt-shiharai{border-top:2px solid var(--navy-900) !important;padding-top:6px !important}
body.office .kt-dl > div,body.office .kt-dl dt,body.office .kt-dl dd{background:none !important;border-radius:0 !important;box-shadow:none !important}
body.office .kt-dl > div{border:0 !important;border-bottom:1px solid rgba(10,25,47,.14) !important;padding:14px 0 !important}
body.office nav.mokuji{border-top:1px solid rgba(10,25,47,.18) !important;border-bottom:1px solid rgba(10,25,47,.18) !important;padding:16px 0 !important}
body.office :is(.kt-dare,.nagare-dare,.su-men,.kajo-fuda,.futa-osusume){background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:14px !important;font-weight:700 !important;color:var(--ink-500) !important;letter-spacing:.04em}
body.office :is(.kt-dare,.nagare-dare,.su-men,.kajo-fuda)::before{content:"―　";color:var(--gold-500)}
body.office .futa-osusume{color:var(--navy-900) !important}
body.office .kajo-fuda.michi{color:var(--navy-900) !important;text-decoration:underline !important;text-decoration-color:var(--gold-400) !important;text-underline-offset:5px}
body.office :is(.dekigoto-fuda a,.kt-mokuji a){background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:8px 2px !important;font-size:15px !important;color:var(--navy-900) !important;text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:6px}
body.office :is(.dekigoto-fuda,.kt-mokuji){gap:6px 22px !important;border-top:1px solid rgba(10,25,47,.14);border-bottom:1px solid rgba(10,25,47,.14);padding:10px 0 !important}
body.office ol.rensai-list a{background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;border-bottom:1px solid rgba(10,25,47,.14) !important}
body.office ol.rensai-list{border-top:2px solid var(--navy-900)}
body.office ol.rensai-list .ttl{word-break:auto-phrase;text-wrap:balance}
body.office .band-stats .stats{gap:0 !important;background:none !important;border:0 !important;border-top:1px solid rgba(10,25,47,.14) !important;border-bottom:1px solid rgba(10,25,47,.14) !important}
body.office .band-stats .stats .stat{border-left:1px solid rgba(10,25,47,.12) !important;padding-left:22px !important}
body.office .band-stats .stats .stat:first-child{border-left:0 !important;padding-left:0 !important}
/* 比べる表（導入の効果・事業承継）＝箱の中の箱をやめる。前は淡い墨、後は紺の左の線。名札はパソコンでは見出しと重なるので隠す。本文は明朝 */
body.office .taihi :is(.mae,.ato){border:0 !important;background:none !important;box-shadow:none !important;border-radius:0 !important;font-family:var(--font-mincho) !important;font-size:16.5px !important;line-height:1.85 !important;color:var(--ink-900) !important}
body.office .taihi .mae{color:var(--ink-700) !important}
body.office .taihi .ato{border-left:2px solid var(--navy-900) !important;padding-left:16px !important}
body.office .taihi-row.taihi-head{border-bottom:1px solid rgba(10,25,47,.3) !important}
@media (min-width:721px){body.office .taihi b.fuda{display:none !important}}
@media (max-width:720px){body.office .taihi b.fuda{display:block;background:none !important;border:0 !important;padding:0 !important;margin:0 0 4px;font-family:var(--font-sans);font-size:14px !important;color:var(--ink-500);letter-spacing:.04em}body.office .taihi .ato b.fuda{color:var(--navy-900)}}
/* 五　強調（太字＋紺＋淡い金の下線）を一本に。項目の見出し・署名には掛けない。帯の形をやめる */
body.office :is(.k-mi strong,.sign-na strong){background:none !important;text-decoration:none !important;box-shadow:none !important}
body.office .kajo.kou .k-mi strong{color:var(--navy-900) !important;font-family:var(--font-sans);font-weight:700}
body.office ul.kajo.kazu li strong{display:inline !important;background:none !important;box-shadow:none !important;color:var(--navy-900) !important;font-weight:700;text-decoration:underline !important;text-decoration-color:var(--gold-400) !important;text-decoration-thickness:2px !important;text-underline-offset:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* 六　頁の頭の導入文は本文と同じ幅 */
body.office .hero:not(.hero-ie) .lead{max-width:40em !important}
/* 七　表＝見出しの列を広げて一字の行をなくす。中身は明朝。携帯では見出しを上・中身を下に積む */
body.office table.renraku th{min-width:9.5em;word-break:auto-phrase !important;text-wrap:balance !important}
body.office table.renraku td{font-family:var(--font-mincho) !important}
body.office table.renraku td a[href^="mailto:"]{font-family:var(--font-sans) !important;word-break:break-all}
@media (max-width:720px){
  body.office table.renraku,body.office table.renraku tbody,body.office table.renraku tr,body.office table.renraku th,body.office table.renraku td{display:block !important;width:auto !important;min-width:0 !important}
  body.office table.renraku tr{border-bottom:1px solid rgba(10,25,47,.14) !important;padding:12px 0 !important}
  body.office table.renraku th{border:0 !important;padding:0 0 4px !important;font-size:14px !important;color:var(--ink-500) !important}
  body.office table.renraku td{border:0 !important;padding:0 !important;font-size:16.5px !important;line-height:1.85 !important}
}
/* 八　携帯の料金表＝どの行も同じ形（番号→品目→年間会員とスポット価格の二列・名札つき）。見出しの行は隠す */
@media (max-width:720px){
  body.office .kt .kt-hyo thead{display:none !important}
  body.office .kt .kt-hyo tbody tr,body.office .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"no no" "na na" "kai spot" !important;padding:14px 0 !important;column-gap:14px !important}
  body.office .kt .kt-hyo tbody tr:first-child{border-top:2px solid var(--navy-900) !important}
  body.office .kt .kt-hyo th.kt-na,body.office .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) th.kt-na{padding:0 0 8px !important;font-size:16px !important}
  body.office .kt .kt-hyo td.kt-no{font-size:14px !important}
  body.office .kt .kt-hyo td.kt-kaiin,body.office .kt .kt-hyo td.kt-spot,body.office .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) td.kt-kaiin,body.office .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) td.kt-spot{display:block !important;align-self:start !important;font-size:16px !important;word-break:auto-phrase}
  body.office .kt .kt-hyo td.kt-kaiin::before,body.office .kt .kt-hyo td.kt-spot::before,body.office .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) td.kt-kaiin::before,body.office .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) td.kt-spot::before{content:attr(data-label) !important;display:block !important;font-size:14px !important;color:var(--ink-500);margin-bottom:2px}
  body.office .kt .kt-hyo :is(.kt-kasan,.kt-chu){font-size:14.5px !important;word-break:auto-phrase}
  body.office table.hyo.san td::before,body.office .uchi-hyo td::before{font-size:14px !important;flex:0 0 8em !important}
}
@media (min-width:721px){body.office .kt .kt-hyo :is(.kt-kaiin,.kt-spot){font-variant-numeric:tabular-nums}}
/* 九　子の帯（携帯）＝横に流す一行。ヘッダーと子の帯の字も14px以上 */
@media (max-width:720px){
  body.office .ko-menu{flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  body.office .ko-menu::-webkit-scrollbar{display:none}
  body.office .ko-menu .ko-mi{display:none !important}
  body.office .ko-menu a{flex:none;white-space:nowrap}
  body.office header.head .menu > a,body.office header.head .menu > .oya > a{font-size:14.5px !important}
  body.office .hosobi-ba,body.office .hosobi-btn{font-size:14.5px !important}
}
body.office .ko-menu .ko-mi{font-size:14px !important}
body.office .midashi a{font-size:14px !important;border-radius:2px !important}
/* 十　よくある質問＝問いはゴシックの太字、答えは本文と同じ明朝 */
body.office .yomi.faq details summary{font-family:var(--font-sans) !important;font-weight:700 !important;font-size:17px !important;line-height:1.7 !important;word-break:auto-phrase;text-wrap:pretty}
body.office .yomi.faq details .a p{font-family:var(--font-mincho) !important;font-size:clamp(16.5px,1.3vw,18px) !important;line-height:2 !important;color:var(--ink-900) !important}
body.office figure.zu figcaption .kome{font-size:14px !important;opacity:1 !important}
/* 十一　連載の前後の回＝ホームのボタンと同じ型 */
body.office nav.pn a{background:none !important;border:1px solid rgba(10,25,47,.5) !important;border-radius:2px !important;box-shadow:none !important;padding:18px 22px !important;font-family:var(--font-sans) !important;font-size:16px !important;font-weight:700 !important;color:var(--navy-900) !important;word-break:auto-phrase;text-wrap:balance}
/* 十二　サービス内容の札＝金の塗りは主の行き先だけ。札のボタンは罫のボタンにして下の端を揃える */
body.office .cards .card{display:flex !important;flex-direction:column}
body.office .cards .card .card-btns{margin-top:auto !important}
body.office .cards .card .card-btns a.btn:not(.btn2){background:transparent !important;border:1px solid rgba(10,25,47,.55) !important;color:var(--navy-900) !important}
body.office .cards .card .card-btns a.btn{min-width:0 !important;width:100%;font-size:16.5px !important;padding:16px 20px !important}
/* 十三　格子の端数の空き＝価格表の頭は3列、お問い合わせの型は2列 */
@media (min-width:961px){body.office .kakaku-mokuji.bu-mokuji{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (min-width:721px){body.office .toi{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
/* 十四　足もとの説明の字 */
body.office footer.foot p{font-size:15px !important;color:var(--ink-700) !important;word-break:auto-phrase}
/* 十五　小さな字の残り */
body.office :is(.su-kasan,.kt-kasan,.uchi-ik,.hayami-hani,.hayami-chu,.shiki-na,.kk-sha,.kk-ato,.kk-mimi){font-size:14px !important}
body.office :is(.hayami-mi span,.hayami-gaku label,.hayami-kekka .uchi){font-size:14px !important}

/* ★鉄線 第17回の残り＝14px未満の字（表の見出し・助成金の流れの札・顧問の絵の字・価格表の頭の名） */
body.office main thead th,body.office .jk-sen span,body.office .hayami-kata span,body.office .km-atama span,body.office .kakaku-mokuji .na span{font-size:14px !important}
/* ★鉄線 第17回の残り＝携帯の比べる表の行の枠と★をやめる（上下の罫だけ）／セットアップの番号の金の字をやめる */
body.office .taihi .taihi-row{border:0 !important;border-bottom:1px solid rgba(10,25,47,.14) !important;padding:16px 0 !important;background:none !important;box-shadow:none !important;border-radius:0 !important}
body.office .taihi .taihi-row .ato .fuda::before,body.office .taihi .taihi-head .ato::before{content:none !important}
body.office :is(.su-no,.su-no *){color:var(--ink-500) !important}
/* ★鉄線 第17回の残り＝金の字（連載の副題・二社の副題）をやめる／連載の頁の左の端を他の頁と揃える */
body.office :is(.hero p.sub,.futari .hito h3 .sub){color:var(--navy-900) !important}
body.office .futari .hito.mae h3 .sub{color:var(--ink-500) !important}
body.office main :is(.hero > .yomi,.honbun > .yomi,.rensai-toc > .yomi,section.chu > .yomi){margin-left:max(16px,calc(50% - 560px)) !important;margin-right:auto !important;padding-left:0 !important;padding-right:16px !important}
body.office .rensai-toc .rensai-list{margin-left:0 !important}
@media (max-width:720px){body.office main :is(.hero > .yomi,.honbun > .yomi,.rensai-toc > .yomi,section.chu > .yomi){margin-left:0 !important;padding-right:0 !important}body.office section.chu{padding-left:16px !important;padding-right:16px !important}}
body.office .rensai-list a{padding-left:0 !important;padding-right:0 !important}
/* ★★鉄線 第18回（採り直しの報告をまとめて直す・全頁）。仕組み・行き先・数字には触れない。 */
/* 一　頁の頭の導入文は、言葉の切れ目で折る（本の組み方をやめる＝短い導入文で語が割れていた） */
body.office .hero:not(.hero-ie) p.lead,body.office .hero:not(.hero-ie) .lead{word-break:auto-phrase !important;text-align:start !important;text-wrap:pretty !important}
/* 二　節の番号＝どの節も同じ型（墨の中間の字・金の細い罫） */
body.office section.band h2[data-n]::before,body.office section h2[data-n]::before{font-family:var(--font-sans) !important;font-weight:700 !important;font-size:14px !important;letter-spacing:.2em !important;color:var(--ink-500) !important;background:linear-gradient(var(--gold-500),var(--gold-500)) no-repeat right center/44px 1px !important;height:auto !important;max-width:none !important}
/* 三　表の見出しはパソコンで折らない／お問い合わせの表は本文と同じ幅 */
@media (min-width:721px){body.office table.renraku th{white-space:nowrap !important;min-width:0 !important}}
body.office .hero table.renraku,body.office .yomi > table.renraku{max-width:760px}
/* 四　お支払いと返金＝中の余白を0、組ごとに上の細い罫 */
body.office .kt-shiharai .kt-dl{padding:0 !important;margin-left:0 !important}
body.office .kt-shiharai .kt-shiharai-mae{margin:0 0 14px;font-family:var(--font-mincho);font-size:15px;line-height:1.85;color:var(--ink-700)}
body.office .kt-shiharai .kt-dl > div:first-child{border-top:1px solid rgba(10,25,47,.14) !important}
body.office .kt-shiharai :is(h3,h4,.kt-shiharai-mi){padding-left:0 !important;margin-left:0 !important}
/* 五　「実績」「お選びになる前に」＝横棒をやめ、名前の後ろに小さな字で続ける */
body.office .kajo-fuda::before{content:none !important}
body.office .kajo-fuda{margin-left:.8em !important;display:inline !important;white-space:nowrap}
body.office .kajo-fuda:not(.michi)::before{content:"（" !important;color:var(--ink-500)}
body.office .kajo-fuda:not(.michi)::after{content:"）";color:var(--ink-500)}
/* 六　手順の見出しの列＝どの節でも同じ幅 */
@media (min-width:721px){body.office .kajo.kou li{grid-template-columns:fit-content(15em) minmax(0,1fr) !important}body.office .kajo.kou .k-mi{word-break:auto-phrase;text-wrap:balance}}
/* 七　頭の帯の今いる頁の印＝塗らず、金の下線（お問い合わせの頁） */
body.office header.head .menu > a[href="jimusho.html"][aria-current="page"],body.office header.head .head-tel a.head-toi[aria-current="page"]{background:none !important;color:var(--navy-900) !important;border-color:rgba(10,25,47,.38) !important;box-shadow:inset 0 -2px 0 var(--gold-500) !important}
/* 八　携帯の頭の帯・細い帯の字 */
@media (max-width:720px){
  body.office header.head .menu a,body.office header.head .menu > a,body.office header.head .menu > .oya > a{font-size:14.5px !important}
  body.office .hosobi-ba{color:var(--navy-900) !important;font-size:14.5px !important}
}
/* 九　事業承継の比べる表の左上の札・右端の縦の目次（上の子の帯と重複）をやめる */
body.office .taihi-head .jiku{background:none !important;border:0 !important;text-decoration:none !important;box-shadow:none !important}
body.office nav.midashi{display:none !important}
/* 十　顧問の公開記念と決まりの欄＝本文と同じ幅。携帯の決まりは見出しを上に積む */
body.office :is(.uchi-kinen,.uchi-kimari){max-width:760px}
@media (max-width:720px){body.office .uchi-kimari > div,body.office .uchi-kimari{display:block !important}body.office .uchi-kimari dt{margin-top:12px;font-weight:700}body.office .uchi-kimari dd{margin:2px 0 0 !important;width:auto !important}}
/* 十一　手続きの値段の太さを揃える／道しるべに下線 */
body.office .kt .kt-hyo :is(.kt-kaiin,.kt-spot) .kt-nuki,body.office .kt .kt-hyo :is(.kt-kaiin,.kt-spot){font-weight:600 !important}
body.office .dekigoto-fuda a{text-decoration:underline !important;text-decoration-color:var(--gold-400) !important;text-underline-offset:6px !important}
/* 十二　連載の前後の回＝ボタンの型（矢印つき・題は二行目） */
body.office nav.pn{display:flex;flex-wrap:wrap;gap:16px}
body.office nav.pn a{flex:1 1 300px;max-width:520px}
/* 十三　事務所案内の写真を表の上の端に */
body.office .gaiyo-tate,body.office .gaiyo-grid{align-items:start !important}

/* ★鉄線 第18回の二（審査員1の採り直し）＝表の見出しの列／哲学の強調の段／比べる表の罫と縦線 */
@media (min-width:721px){body.office table.renraku th{white-space:normal !important;min-width:11em !important;width:11em}}
body.office ul.kajo.kazu li strong{display:block !important;width:fit-content}
body.office ul.kajo li strong{background:none !important;color:var(--navy-900) !important;text-decoration:underline !important;text-decoration-color:var(--gold-400) !important;text-decoration-thickness:2px !important;text-underline-offset:6px}
body.office .taihi-row.taihi-head > *{border-bottom:1px solid rgba(10,25,47,.3) !important}
@media (min-width:721px){body.office .taihi .taihi-row{padding:0 !important}body.office .taihi .taihi-row > *{padding-top:16px !important;padding-bottom:16px !important}}
body.office .rensai-list .ttl-fuku{display:block;margin-top:2px;font-size:.9em;color:var(--ink-700)}
body.office .hero h1 .h1-fuku{display:block;margin-top:8px;font-size:.62em;line-height:1.5;color:var(--ink-700);word-break:auto-phrase}
/* ★鉄線＝携帯の三列の額の表（助成金の早見・人数ごとの額）＝名札と額を縦に積む（名札の幅8emが細い欄を押し、額が90px下に落ちていた）。選んだ行の金の帯が字にかからないよう内側に空き。
   携帯の頭の導入文は、本文と同じ本の組み方に戻す（語の切れ目で折ると、一行の字数が15〜21字とばらついた）。 */
@media (max-width:720px){
  body.office table.hyo.san td{flex-direction:column !important;align-items:flex-start !important;gap:2px !important}
  body.office table.hyo.san td::before{flex:none !important}
  body.office table.hyo.san tr.eranda{padding-left:12px !important}
  body.office .hero:not(.hero-ie) p.lead,body.office .hero:not(.hero-ie) .lead,body.office .uchi-kinen p{word-break:normal !important;text-align:justify !important;text-justify:inter-character}
}
body.office .aisatsu-e{margin:28px 0 0;padding:0}body.office .aisatsu-e img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:2px;box-shadow:0 18px 40px rgba(10,25,47,.14)}body.office .aisatsu-e figcaption{margin-top:10px;font-family:var(--font-sans);font-size:14px;color:var(--ink-500);letter-spacing:.04em}
@media (max-width:860px){body.office .aisatsu-e{display:none}}
body.office .big-chu,body.office .kusari-in p.kusari-in-de{font-size:14px !important}
body.office .mi-dokoro b,body.office .mi-dokoro span{font-size:16.5px !important}
body.office footer.foot,body.office footer.foot p,body.office footer.foot a{font-size:15px !important}
body.office main a.btn,body.office .chakuchi a.btn{justify-content:space-between !important;gap:1.4em !important;min-width:240px;padding:17px 26px 17px 30px !important;font-family:var(--font-sans) !important;font-weight:600 !important;font-size:16px !important;letter-spacing:.14em !important}
body.office main a.btn::after,body.office .chakuchi a.btn::after{content:"" !important;width:26px !important;height:10px !important;background:currentColor !important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 10'%3E%3Cpath d='M0 5h24M20 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 10'%3E%3Cpath d='M0 5h24M20 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") center/contain no-repeat;flex:none}
body.office .hero-ie .ie-grid{align-items:center !important;grid-template-columns:minmax(0,1fr) clamp(200px,22vw,290px) !important}
body.office .hero.hero-ie{padding-top:clamp(28px,3.4vw,48px) !important;padding-bottom:clamp(28px,3.4vw,48px) !important}
body.office .hero-ie .ie-yakusoku{margin-top:0 !important}
body.office .hero-ie .btns,body.office .hero-ie .ie-kao{margin-bottom:0 !important}
body.office main section.band{padding-top:clamp(44px,4.6vw,64px) !important;padding-bottom:clamp(44px,4.6vw,64px) !important}
@media (max-width:720px){body.office main a.btn,body.office .chakuchi a.btn{min-width:0;width:100%}}
/* ★★2026-10-15「鉄線」＝先生「私でさえ読みにくい」。大元は書体＝明朝の第一候補が游明朝（Windows の画面では線が細くかすれる）。
   事務所HPでは、読み込み済みの Noto Serif JP（画面で読むための明朝）を先頭に置き、本文は500の太さ・墨は最も濃い色に。見出しのゴシックも、読み込み済みの Noto Sans JP を先頭に。 */
body.office .chakuchi .chakuchi-lead{font-size:16.5px !important;color:var(--ink-700) !important}
/* ★鉄線＝先生「ボタンの大きさやボタンの中の文字が小さすぎるし読みにくい」。字は18pxの太字、字送りは詰めて読みやすく、背を高く。頭の帯のボタンとタブも一段大きく。 */
body.office main a.btn,body.office .chakuchi a.btn{min-width:280px !important;padding:21px 30px 21px 34px !important;font-size:18px !important;font-weight:700 !important;letter-spacing:.06em !important}
body.office main a.btn::after,body.office .chakuchi a.btn::after{width:30px !important;height:12px !important}
/* ★鉄線＝先生「これも小さい。もっと受賞レベルのホームページを見た方が良い」。受賞作を開いて測った（Webグランプリ＝明電舎のタブ17px・Lumiarch のタブ16.7px・記事見出し20px）。極端に大きくはしない（先生）。
   日本の経営者が読む頁として、字は一段ずつ大きく、第一画面の約束は画面の主役になる大きさに。 */
@media (min-width:721px){
body.office header.head .brand-sub{font-size:14px !important;letter-spacing:.18em !important}
body.office header.head .brand-name{font-size:28px !important}
body.office header.head .menu > a,body.office header.head .menu > .oya > a{font-size:16.5px !important;letter-spacing:.06em !important;color:var(--ink-900) !important}
body.office header.head .head-tel a.head-btn{font-size:17px !important;padding:15px 32px !important}
body.office header.head .menu > a[href="jimusho.html"]{font-size:17px !important;padding:13px 26px !important}
body.office .hero-ie .ie-yakusoku{font-size:clamp(42px,5.2vw,68px) !important;line-height:1.26 !important}
body.office .hero-ie .ie-lead{font-size:clamp(18px,1.55vw,21px) !important}
body.office main section.band h2{font-size:clamp(32px,3.2vw,44px) !important}
body.office main .yomi > p:not([class]){font-size:clamp(17.5px,1.4vw,19px) !important}
body.office main a.btn,body.office .chakuchi a.btn{font-size:18.5px !important;padding:22px 32px 22px 36px !important;min-width:320px !important}
body.office main a.btn::after,body.office .chakuchi a.btn::after{width:32px !important;height:12px !important}
body.office main .btns,body.office .chakuchi .btns{gap:20px !important}
}
@media (max-width:720px){body.office main a.btn,body.office .chakuchi a.btn{font-size:17px !important;letter-spacing:.02em !important;gap:.8em !important;padding:21px 22px 21px 24px !important}body.office main a.btn::after,body.office .chakuchi a.btn::after{width:26px !important}}
@media (max-width:720px){body.office .hero-ie .ie-lead,body.office .chakuchi .chakuchi-lead{text-wrap:pretty !important;word-break:auto-phrase !important}}
body.office .yama .yama-ko{font-size:clamp(16px,1.4vw,18px) !important}
/* ★緞子＝この「帯の金のボタンを大きく」（鉄線）は囲いの外に在り、携帯の寸法（芍薬の 7px 12px・14px）まで上書きして、携帯で12頁の幅が375→437に広がっていた。パソコンの幅だけに掛ける（上から重ねて打ち消さず、元の指定の囲いを直す）。 */
@media (min-width:721px){body.office header.head .head-tel a.head-btn{font-size:16px !important;font-weight:700 !important;letter-spacing:.06em !important;padding:14px 30px !important}}
body.office header.head .menu > a,body.office header.head .menu > .oya > a{font-size:15.5px !important;letter-spacing:.08em !important}
body.office header.head .menu > a[href="jimusho.html"]{font-size:16px !important;font-weight:700 !important;letter-spacing:.06em !important;padding:12px 24px !important}
body.office{--font-mincho:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;--font-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","BIZ UDPGothic","Meiryo",sans-serif}
body.office main .yomi > p:not([class]),body.office main table.renraku td,body.office .kusari-te,body.office .kuruma-c,body.office .mi-dokoro span{color:var(--ink-900) !important;font-weight:500 !important}
@media (max-width:720px){
  body.office header.head .brand-name{font-size:20px !important;letter-spacing:.08em !important}
  body.office header.head .menu > a,body.office header.head .menu > .oya > a{font-size:14.5px !important;letter-spacing:.06em !important;padding:13px 11px !important}
  body.office header.head .menu > a::after,body.office header.head .menu > .oya > a::after{left:11px;right:11px;bottom:6px}
  body.office header.head .menu > a:first-child::after{left:0}
  /* ★鉄線＝携帯のタブの帯は、右端で字が刃物で切ったように切れていた。右端を淡く消して「続きがある」を見せる。 */
  body.office header.head .menu{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 78%,transparent 100%) !important;mask-image:linear-gradient(90deg,#000 0,#000 78%,transparent 100%) !important}
  /* ★緞子＝ホームの携帯では、帯の名の真下に同じ名の表題（紗の先生のご決定）が来て2度並んでいた。帯の側の名を外し、名は表題の一度にする。ホームへの道はメニューの「ホーム」が残る。 */
  body.office:has(header.head .menu > a[href="index.html"][aria-current="page"]) header.head .brand{display:none !important}
  body.office:has(header.head .menu > a[href="index.html"][aria-current="page"]) header.head .maku{padding-top:0 !important;gap:0 !important}
  body.office:has(header.head .menu > a[href="index.html"][aria-current="page"]) header.head .menu{border-top:0 !important;margin-top:0 !important}
}
/* ★緞子＝全頁の頭の段は、飾りの層で中身が約2割はみ出し、hidden で隠していた。hidden は頁の中の検索や飛び先で中が巻き上がり、表題が隠れることがある。見た目は同じで中身が動かない clip に。 */
body.office section.hero{overflow:clip}
@media (max-width:360px){
  /* ★緞子＝幅320の携帯では、二つのボタンが28はみ出す。お問い合わせはメニューの中にも在るので、帯の側を外す。 */
  body.office header.head .head-tel a.head-toi{display:none !important}
}
body.office .yoake::after{background:linear-gradient(180deg,rgba(10,25,47,.72) 0%,rgba(16,38,72,.34) 18%,rgba(20,44,79,0) 34%,rgba(214,186,130,0) 36%,rgba(214,186,130,.55) 49%,rgba(214,186,130,.18) 58%,rgba(251,248,241,0) 64%,var(--paper-50) 100%) !important}
body.office .yoake img{filter:grayscale(1) sepia(.5) hue-rotate(185deg) saturate(.65) brightness(1.2) contrast(.88) !important}
body.office .yoake + section.chakuchi{padding-top:clamp(48px,6vw,72px) !important}
@media (max-width:720px){body.office .yoake .yoake-suji{opacity:.45 !important;animation:none !important;-webkit-mask-image:radial-gradient(ellipse 60% 40% at 50% 57%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse 60% 40% at 50% 57%,#000 0%,transparent 70%)}}
body.office section.yama .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.97) 0%,rgba(10,25,47,.96) 60%,rgba(10,25,47,.5) 80%,rgba(10,25,47,.3) 100%) !important}
@media (max-width:720px){body.office section.yama .yama-e::after{background:rgba(10,25,47,.88) !important}}
@media (min-width:861px){body.office .aisatsu-hidari{position:sticky;top:110px}}
h1,h2,h3,h4{word-break:keep-all !important;overflow-wrap:anywhere}
body.office .kt{--ai-700:var(--navy-900);--ai-500:var(--navy-700);--ai-300:var(--gold-400);--ai-100:rgba(197,168,128,.25);--kin-500:var(--gold-500);--kin-300:var(--gold-400);--bg-paper:var(--paper-50);--bg-subtle:var(--paper-100);--fg-muted:var(--ink-500);--fg-soft:var(--ink-700);--fg-faint:var(--ink-400);--fg-inverse:var(--paper-50);--border:var(--line);--border-strong:var(--gold-400);--r-md:6px;font-family:var(--font-sans);padding:0 0 8px;max-width:none}

.kt{--kt-g:16px;color:var(--fg);font-family:var(--font-sans);line-height:1.7;max-width:1080px;margin:0 auto;padding:0 var(--kt-g) 48px}
.kt *{box-sizing:border-box}
.kt-atama{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--kin-500);padding:28px 0 10px;margin-bottom:20px}
.kt-h2{font-size:clamp(24px,4vw,32px);font-weight:700;color:var(--ai-700);margin:0;letter-spacing:.04em}
.kt-hi{margin:0;color:var(--fg-muted);font-size:14px}
.kt-kimari dl{margin:0;display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:860px){.kt-kimari dl{grid-template-columns:1fr 1fr}}
.kt-kimari-1{background:var(--bg-subtle);border-left:3px solid var(--ai-500);padding:10px 14px;border-radius:var(--r-md)}
.kt-kimari dt{font-weight:700;color:var(--ai-700);font-size:15px}
.kt-kimari dd{margin:2px 0 0;font-family:var(--font-mincho);font-size:15px;color:var(--fg-soft)}
.kt-maegaki{margin:0 0 4px;font-size:16px;line-height:1.8}
.kt-maegaki b{color:var(--ai-700)}
.kt-kimari-tatami{margin:16px 0 0}
.kt-kimari-tatami>summary{cursor:pointer;font-weight:700;color:var(--ai-700);font-size:15px;min-height:44px;
padding:11px 16px;border-radius:var(--r-md);list-style-position:inside}
.kt-tatami-soe{margin-left:10px;font-size:14px;font-weight:400;color:var(--fg-muted)}
.kt-tatami-tojiru{display:none}
.kt-kimari-tatami[open] .kt-tatami-hiraku{display:none}
.kt-kimari-tatami[open] .kt-tatami-tojiru{display:inline}
@media (max-width:719px){.kt-tatami-soe{display:block;margin:2px 0 0 0}.kt-tatami-tojiru{display:none}.kt-kimari-tatami[open] .kt-tatami-tojiru{display:block}}
.kt-kimari-tatami[open]>summary{margin-bottom:12px}
.kt-mokuji{margin:24px 0 8px}
.kt-mokuji ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.kt-mokuji a{display:inline-block;padding:8px 14px;border:1px solid var(--border-strong);border-radius:999px;color:var(--ai-700);text-decoration:none;font-size:14px;background:var(--bg-paper)}
.kt-mokuji a:hover,.kt-mokuji a:focus-visible{border-color:var(--ai-500);outline:none;box-shadow:0 0 0 2px var(--ai-100)}
.kt-setsu{margin-top:40px;scroll-margin-top:16px}
.kt-h3{font-size:clamp(20px,3vw,24px);color:var(--ai-700);margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--kin-300)}
.kt-h4{font-size:16px;color:var(--fg);margin:22px 0 8px}
.kt-hyo{width:100%;border-collapse:collapse;font-size:15px;background:var(--bg-paper)}
.kt-hyo thead th{position:sticky;top:0;background:var(--ai-700);color:var(--fg-inverse);font-weight:700;text-align:left;padding:8px 10px;font-size:14px}
.kt-th-ko{display:block;font-weight:400;font-size:12px;opacity:.85}
.kt-hyo td,.kt-hyo tbody th{border-bottom:1px solid var(--border);padding:10px;vertical-align:top;text-align:left}
.kt-hyo tbody tr:nth-child(even){background:var(--bg)}
.kt-hyo tbody tr:target{outline:2px solid var(--kin-500);outline-offset:-2px}
.kt-no{width:4.2em;font-variant-numeric:tabular-nums;color:var(--fg-muted);white-space:nowrap}
.kt-na{font-weight:400}
.kt-namae{display:block;font-weight:700}
.kt-dare{display:inline-block;margin-top:3px;font-size:13px;color:var(--ai-700);border:1px solid var(--ai-300);border-radius:999px;padding:0 8px}
.kt-chu{display:block;margin-top:6px;padding-left:10px;border-left:2px solid var(--border-strong);max-width:34em;font-size:13px;color:var(--fg-muted);font-family:var(--font-mincho);line-height:1.85;letter-spacing:.02em}
.kt-kaiin,.kt-spot{width:24%;font-variant-numeric:tabular-nums}
.kt-kaiin .kt-nuki{color:var(--ai-700);font-weight:700}
.kt-nuki{display:block}
.kt-komi{display:block;font-size:13px;color:var(--fg-soft)}
.kt-kasan{display:block;font-size:13px;line-height:1.6;color:var(--fg-soft);margin:2px 0}
.kt-nashi{color:var(--fg-faint)}
.kt-shiharai{margin-top:14px}
.kt-dl{margin:0 0 10px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-paper)}
.kt-dl dt{font-weight:700;color:var(--fg);margin-bottom:4px}
.kt-dl dd{margin:2px 0;font-family:var(--font-mincho);font-size:14px;display:grid;grid-template-columns:7.5em 1fr;gap:8px}
.kt-dl-mi{font-family:var(--font-sans);font-size:13px;color:var(--ai-700);font-weight:700}
.kt-faq{border-bottom:1px solid var(--border);padding:10px 0}
.kt-faq summary{cursor:pointer;font-weight:700;color:var(--ai-700);font-size:15px;min-height:28px}
.kt-faq p{margin:8px 0 0;font-family:var(--font-mincho);font-size:15px;color:var(--fg-soft)}
.kt-shime{margin-top:28px;color:var(--fg-muted);font-size:14px}
@media (max-width:719px){
.kt-hyo thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kt-hyo,.kt-hyo tbody,.kt-hyo tr,.kt-hyo td,.kt-hyo tbody th{display:block;width:100%}
.kt-hyo tbody tr{border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:10px;padding:8px 12px;background:var(--bg-paper)}
.kt-hyo tbody tr:nth-child(even){background:var(--bg-paper)}
.kt-hyo td,.kt-hyo tbody th{border:0;padding:4px 0}
.kt-hyo td.kt-no{font-size:13px}
.kt-hyo td.kt-no::before{content:'番号 '}
.kt-hyo td.kt-kaiin,.kt-hyo td.kt-spot{display:grid;grid-template-columns:8.5em 1fr;gap:6px;border-top:1px dashed var(--border);padding-top:6px}
.kt-hyo td.kt-kaiin::before,.kt-hyo td.kt-spot::before{content:attr(data-label);font-size:13px;color:var(--fg-muted)}
.kt-hyo td.kt-kaiin .kt-komi,.kt-hyo td.kt-spot .kt-komi,.kt-hyo td.kt-kaiin .kt-kasan,.kt-hyo td.kt-spot .kt-kasan{grid-column:2}
.kt-dl dd{grid-template-columns:1fr;gap:0}
}
@container ktbox (max-width:719px){
.kt-hyo thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kt-hyo,.kt-hyo tbody,.kt-hyo tr,.kt-hyo td,.kt-hyo tbody th{display:block;width:100%}
.kt-hyo tbody tr{border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:10px;padding:8px 12px;background:var(--bg-paper)}
.kt-hyo tbody tr:nth-child(even){background:var(--bg-paper)}
.kt-hyo td,.kt-hyo tbody th{border:0;padding:4px 0}
.kt-hyo td.kt-no{font-size:13px}
.kt-hyo td.kt-no::before{content:'番号 '}
.kt-hyo td.kt-kaiin,.kt-hyo td.kt-spot{display:grid;grid-template-columns:8.5em 1fr;gap:6px;border-top:1px dashed var(--border);padding-top:6px}
.kt-hyo td.kt-kaiin::before,.kt-hyo td.kt-spot::before{content:attr(data-label);font-size:13px;color:var(--fg-muted)}
.kt-hyo td.kt-kaiin .kt-komi,.kt-hyo td.kt-spot .kt-komi,.kt-hyo td.kt-kaiin .kt-kasan,.kt-hyo td.kt-spot .kt-kasan{grid-column:2}
.kt-dl dd{grid-template-columns:1fr;gap:0}
}
@media print{
@page{size:A4;margin:14mm 12mm}
.kt{max-width:none;padding:0}
.kt-mokuji{display:none}
.kt-hyo thead th{position:static}
.kt-hyo tr{break-inside:avoid}
.kt-dl{break-inside:avoid}
.kt-faq{break-inside:avoid}
.kt-faq summary{list-style:none}
.kt-faq:not([open]) p{display:block}
.kt-hyo{font-size:11pt}
}
.kt-uketsuke{margin:4px 0 18px}
.kt-uk-mae{margin:4px 0 10px;font-family:var(--font-mincho);font-size:15px;color:var(--fg-soft);line-height:1.8}
.kt-uk-list{margin:0;padding:0 0 0 1.4em;list-style:disc;columns:2;column-gap:32px}
.kt-uk-list li{margin:0 0 4px;font-size:15px;color:var(--fg);break-inside:avoid}
.kt-uk-list li::marker{color:var(--ai-500)}
@media (max-width:719px){.kt-uk-list{columns:1}}
.kt-hyo-chu{margin:8px 0 0;padding-left:10px;border-left:2px solid var(--ai-300);font-family:var(--font-mincho);font-size:14px;color:var(--fg-soft);line-height:1.7}

body.office .hyo-ba .kt-bubun{margin-top:8px}
body.office .kt-bubun .kt-setsu{margin-top:0}
body.office .kt .kt-hyo thead th{background:var(--navy-900);color:var(--paper-50)}
body.office .kt .kt-hyo{background:transparent}
body.office .kt .kt-hyo tbody tr:nth-child(even){background:rgba(245,240,227,.7)}
body.office .kt .kt-namae{font-weight:700;color:var(--ink-900)}
body.office .kt .kt-nuki{font-family:var(--font-mincho);font-weight:700;font-size:16.5px;color:var(--navy-900)}
body.office .uchi{max-width:980px;margin:24px auto 8px;padding:20px 0 4px;border-top:1px solid var(--gold-500);border-bottom:1px solid var(--line)}
body.office .uchi-mi{margin:0 0 12px;font-family:var(--font-sans);font-weight:700;font-size:clamp(20px,2.2vw,24px);color:var(--navy-900)}
body.office .uchi-mi span{display:block;margin-top:2px;font-size:14px;font-weight:400;color:var(--ink-500)}
body.office .uchi .uchi-nen{color:var(--navy-900);font-weight:700}
body.office .uchi-keisan{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:16px 0 4px;padding:12px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
body.office .uchi-keisan label{font-weight:700;color:var(--navy-900);font-size:15px}
body.office .uchi-keisan input{width:5.5em;font:inherit;font-size:18px;padding:6px 8px;border:1px solid var(--gold-400);border-radius:6px;background:var(--paper-50);color:var(--ink-900)}
body.office .uchi-keisan input::after{content:"人"}
body.office .uchi-keisan dl{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0}
body.office .uchi-keisan dl div{display:flex;align-items:baseline;gap:8px}
body.office .uchi-keisan dt{font-size:14px;color:var(--ink-500)}
body.office .uchi-keisan dd{margin:0;font-family:var(--font-mincho);font-weight:700;font-size:22px;color:var(--ink-900)}
body.office .uchi-keisan .nen dd{color:var(--navy-900)}
body.office .uchi-kimari{margin:12px 0 0;display:grid;gap:6px}
body.office .uchi-kimari div{display:grid;grid-template-columns:7em minmax(0,1fr);gap:10px;font-size:15px;line-height:1.8}
body.office .uchi-kimari dt{font-weight:700;color:var(--navy-900)}
body.office .uchi-kimari dd{margin:0;font-family:var(--font-mincho)}
body.office .uchi-kimari .shibari dd b{color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px}
body.office .uchi-chu{margin:10px 0 0;font-size:13.5px;color:var(--ink-500)}
body.office .uchi-kinen{margin:16px 0 0;padding:12px 14px;border:1px solid var(--gold-400);border-radius:8px}
body.office .uchi-kinen p{margin:0;font-family:var(--font-mincho);font-size:15px;line-height:1.8;color:var(--ink-900)}
body.office .uchi-kinen p.uchi-kinen-mi{margin:0 0 4px;font-family:var(--font-sans);font-weight:700;font-size:14.5px;color:var(--navy-900)}
body.office .uchi-kinen p.uchi-kinen-rei{margin-top:6px}
body.office .uchi-kinen .hyo-waku{margin-top:12px}
body.office .uchi-kinen table.hyo td{font-size:15.5px}
body.office .uchi .uchi-toku{color:var(--navy-900)}
body.office .uchi-kinen b{color:var(--navy-900);font-size:17px;text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px}
body.office .futa{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:4px 0 28px}
@media (min-width:820px){body.office .futa{max-width:760px}}
body.office .futa-1{position:relative;padding:22px 22px 18px;border:1px solid var(--line);border-top:3px solid var(--gold-500);border-radius:8px;background:transparent}
body.office .futa-1.komon{border:2px solid var(--navy-900);border-top-width:2px;background:rgba(245,240,227,.75);padding-top:34px}
body.office .futa-osusume{position:absolute;top:-1px;left:20px;margin:0;padding:3px 12px;border-radius:0 0 6px 6px;background:var(--navy-900);color:var(--paper-50);font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:.06em}
body.office .futa-1 h3{margin:0;font-family:var(--font-sans);font-weight:700;font-size:clamp(21px,2.1vw,25px);line-height:1.35;color:var(--navy-900)}
body.office .futa-1 h3 span{font-size:.72em;font-weight:500;color:var(--ink-500)}
body.office .futa-ku{margin:4px 0 10px;font-size:13.5px;font-weight:700;color:var(--gold-600)}
body.office .futa-ne{margin:0;font-family:var(--font-mincho);font-weight:700;color:var(--ink-900);line-height:1.2}
body.office .futa-ne small{font-family:var(--font-sans);font-size:14px;font-weight:700;color:var(--ink-500);margin:0 6px 0 0}
body.office .futa-ne small:last-child{margin:0 0 0 2px}
body.office .futa-ne .su{font-size:clamp(32px,3.4vw,40px);letter-spacing:.01em}
body.office .futa-ne .ta{font-size:17px}
body.office .komon .futa-ne{color:var(--navy-900)}
body.office .futa-ikkatsu{margin:8px 0 0;font-size:15px;line-height:1.7;color:var(--ink-700)}
body.office .futa-ikkatsu b{display:block;color:var(--navy-900);font-size:16.5px;text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:5px}
body.office .futa-ikkatsu.nashi{color:var(--ink-400);font-size:14px}
body.office .futa-naka{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:6px}
body.office .futa-naka li{display:grid;grid-template-columns:1.4em minmax(0,1fr);gap:6px;font-size:15.5px;line-height:1.65;font-family:var(--font-mincho);color:var(--ink-900)}
body.office .futa-naka li b{color:var(--navy-900)}
body.office .futa-naka .futa-in{font-family:var(--font-sans);font-weight:700;color:var(--navy-900);text-align:center}
body.office .futa-naka li.nashi{color:var(--ink-400)}
body.office .futa-naka li.nashi .futa-in{color:var(--ink-400)}
body.office .futa-app{margin:10px 0 0;padding:8px 0 0;border-top:1px dashed var(--line);font-family:var(--font-sans);font-weight:700;font-size:14.5px;line-height:1.7;color:var(--navy-900)}
body.office .futa-shiki{margin:12px 0 0;font-size:13.5px;line-height:1.7;color:var(--ink-500)}
body.office .futa-rei{margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--navy-900);font-family:var(--font-mincho);font-size:15.5px;line-height:1.75;color:var(--ink-900);background:rgba(197,168,128,.12)}
body.office .futa-rei b{color:var(--navy-900);font-size:17px}
body.office .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.office .uchi .uchi-ko{display:block}
body.office .uchi .uchi-nen{display:block;white-space:nowrap}
body.office .uchi .uchi-ik{display:block;margin-top:2px;font-family:var(--font-sans);font-weight:500;font-size:13px;color:var(--ink-500)}
body.office .uchi-keisan dl div.nen dt{color:var(--navy-900);font-weight:700}
body.office .su-fuda{display:grid;grid-template-columns:minmax(0,1fr);gap:0 28px;margin:20px 0 8px;border-top:1px solid var(--gold-500)}
@media (min-width:860px){body.office .su-fuda{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.office .su-1{padding:18px 0 16px;border-bottom:1px solid var(--line)}
body.office .su-1 .su-no{margin:0;font-size:13px;color:var(--gold-600);letter-spacing:.08em}
body.office .su-1 h3{margin:2px 0 6px;font-family:var(--font-sans);font-weight:700;font-size:clamp(19px,1.8vw,22px);color:var(--navy-900)}
body.office .su-1 .su-ne{margin:0;font-family:var(--font-mincho);font-weight:700;color:var(--ink-900)}
body.office .su-1 .su-ne .su{font-size:30px;letter-spacing:.01em}
body.office .su-1 .su-ne .ta,body.office .su-1 .su-ne small{font-size:15px;margin-left:2px}
body.office .su-1 .su-kasan{margin:2px 0 0;font-size:13.5px;line-height:1.7;color:var(--ink-500)}
body.office .su-1 .su-men{display:inline-block;margin:8px 0 6px;padding:2px 10px;font-size:13.5px;font-weight:700;color:var(--navy-900);border:1px solid var(--gold-400);border-radius:999px}
body.office .su-1 .su-te{margin:0;font-family:var(--font-mincho);font-size:15.5px;line-height:1.9}
body.office .toi{max-width:var(--w-base,1120px);margin:16px auto 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:0 28px;border-top:1px solid var(--gold-500)}
@media (min-width:760px){body.office .toi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){body.office .toi{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.office .toi-1{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink-900)}
body.office .toi-1:hover{background:rgba(197,168,128,.10)}
body.office .toi-yo{font-weight:700;font-size:18px;color:var(--navy-900)}
body.office .toi-ken{font-size:13.5px;color:var(--gold-600);font-weight:700}
body.office .toi-hon{font-family:var(--font-mincho);font-size:14.5px;line-height:1.8;color:var(--ink-700)}
body.office .toi-go{margin-top:4px;font-weight:700;font-size:15px;color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-500);text-underline-offset:5px}
body.office .dekigoto-fuda{max-width:var(--w-base,1120px);margin:12px auto 4px;display:flex;flex-wrap:wrap;gap:8px}
body.office .dekigoto-fuda a{display:inline-block;padding:8px 14px;border:1px solid var(--gold-400);border-radius:999px;color:var(--navy-900);font-weight:700;font-size:14.5px;text-decoration:none}
body.office .dekigoto-fuda a:hover{background:rgba(197,168,128,.16)}
body.office .kt h4[id]{scroll-margin-top:90px}
body.office .kakaku-mokuji .ne{white-space:normal}
body.office .kakaku-mokuji .ne-kai{display:block;white-space:nowrap}
body.office .kakaku-mokuji .ne-kai small.ku{margin:0 6px 0 0;font-family:var(--font-sans);font-weight:700;color:var(--gold-600)}
body.office .kakaku-mokuji .ne-spot{display:block;margin-top:2px;font-family:var(--font-sans);font-weight:500;font-size:12.5px;color:var(--ink-500);white-space:nowrap}
body.office .uchi .hyo-waku{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;overflow:visible}
body.office .uchi table.hyo,body.office .uchi table.hyo thead th,body.office .uchi table.hyo tbody th,body.office .uchi table.hyo td{background:transparent;box-shadow:none}
body.office .uchi table.hyo{border-collapse:collapse;width:100%;border-top:1px solid var(--gold-500)}
body.office .uchi table.hyo th,body.office .uchi table.hyo td{border:0;border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
body.office .uchi table.hyo thead th{color:var(--ink-500);font-size:13.5px;font-weight:700}
body.office .uchi table.hyo td{font-family:var(--font-mincho);font-weight:700;font-size:17px}
body.office .hero.tsume{padding-bottom:var(--sp-6,32px)}
body.office .band.tsume{padding-top:56px;padding-bottom:56px}
@media (max-width:720px){body.office .band.tsume{padding-top:36px;padding-bottom:36px}}
body.office a.btn:not(.btn2){background:linear-gradient(180deg,var(--ou-gold-a),var(--ou-gold-b));color:var(--ou-gold-ink);border-color:var(--ou-gold-edge);opacity:1;filter:none}
body.office .foot .foot-na{margin:0 0 4px;font-size:14px;line-height:1.8}
body.office .foot .foot-na b{font-size:15.5px}
body.office .foot .foot-te{margin:0 0 10px;font-size:13px;opacity:.85}
/*[見せ場:app]*/
body.office[data-page="app"] .hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;column-gap:clamp(32px,5vw,72px) !important;align-items:center !important}
body.office[data-page="app"] .hero .hero-text h1{font-family:var(--font-sans) !important;font-weight:700 !important;font-size:clamp(20px,1.8vw,24px) !important;line-height:1.5 !important;letter-spacing:.08em !important;color:var(--navy-900) !important;display:inline-block;margin:6px 0 0 !important;padding:0 0 12px;border-bottom:1px solid var(--gold-500)}
body.office[data-page="app"] .ap-yakusoku{font-family:var(--font-mincho);font-weight:600;font-size:clamp(36px,4.4vw,58px);line-height:1.3;letter-spacing:.04em;color:var(--ink-900);margin:clamp(16px,2.2vw,26px) 0 clamp(16px,2vw,22px);font-feature-settings:"palt"}
body.office[data-page="app"] .ap-yakusoku .nw{display:inline-block}
body.office[data-page="app"] .hero .hero-text .lead{font-family:var(--font-mincho);font-size:clamp(16px,1.25vw,17.5px);line-height:2;color:var(--ink-900)}
body.office[data-page="app"] .ap-kao{position:relative;margin:0;padding:0 0 28px 0}
body.office[data-page="app"] .ap-kao .ap-pc{display:block;width:100%;height:auto;border:1px solid rgba(10,25,47,.16);border-radius:6px;box-shadow:0 18px 40px rgba(10,25,47,.14)}
body.office[data-page="app"] .ap-kao .ap-sp{position:absolute;right:-6px;bottom:0;width:34%;max-width:200px;border:6px solid var(--navy-900);border-radius:22px;box-shadow:0 20px 40px rgba(10,25,47,.28);overflow:hidden;background:var(--navy-900)}
body.office[data-page="app"] .ap-kao .ap-sp img{display:block;width:100%;height:auto}
body.office[data-page="app"] .ap-kao figcaption{margin-top:16px;padding-top:12px;border-top:1px solid rgba(10,25,47,.18);font-family:var(--font-sans);font-size:14px !important;line-height:1.7;color:var(--ink-700);max-width:62%}

/* 01 マスターライブラリ */
body.office[data-page="app"] #s1 .kusari-yomi{max-width:none}
body.office[data-page="app"] .ap-kazu{margin:4px 0 0;padding:4px 0 4px clamp(18px,2vw,28px);border-left:2px solid var(--gold-500)}
body.office[data-page="app"] .ap-kazu-su{margin:0;font-family:var(--font-mincho);font-weight:600;font-size:clamp(52px,6vw,80px);line-height:1.1;color:var(--navy-900);letter-spacing:.02em}
body.office[data-page="app"] .ap-kazu-su small{font-size:18px !important;font-weight:600;letter-spacing:.06em;color:var(--ink-700);margin:0 .3em}
body.office[data-page="app"] .ap-kazu-te{margin:10px 0 0;font-family:var(--font-sans);font-size:15px;line-height:1.8;color:var(--ink-700)}
body.office[data-page="app"] .ap-kazu-in{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);font-family:var(--font-mincho);font-weight:600;font-size:clamp(17px,1.45vw,19px);line-height:1.85;color:var(--ink-900);word-break:auto-phrase;text-wrap:pretty}
body.office[data-page="app"] .ap-kazu-in span{display:block;margin-top:10px;font-family:var(--font-sans);font-weight:500;font-size:14px;letter-spacing:.1em;color:var(--ink-500)}

/* 02 選ぶ・編む・届ける＝三段続き */
body.office[data-page="app"] #s2 .yomi{max-width:none}
body.office[data-page="app"] #s2 .yomi > p{max-width:40em}
body.office[data-page="app"] figure.zu3.ap-sanmai{display:block !important;position:relative;margin:clamp(32px,4vw,52px) 0 clamp(24px,3vw,36px)}
body.office[data-page="app"] .ap-sanmai::before{content:"";position:absolute;left:31px;top:40px;bottom:120px;width:1px;background:var(--gold-500)}
body.office[data-page="app"] .ap-dan{position:relative;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);column-gap:clamp(28px,4vw,56px);align-items:start;padding:0 0 clamp(36px,4vw,56px)}
body.office[data-page="app"] .ap-dan-no{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:var(--navy-900);color:var(--paper-50);font-family:var(--font-mincho);font-weight:600;font-size:20px;position:relative;z-index:1}
body.office[data-page="app"] .ap-dan-mi{margin:16px 0 0;font-family:var(--font-mincho);font-weight:600;font-size:clamp(30px,3vw,40px);line-height:1.3;letter-spacing:.06em;color:var(--ink-900)}
body.office[data-page="app"] .ap-dan-te{margin:10px 0 0;font-family:var(--font-mincho);font-size:16.5px;line-height:1.95;color:var(--ink-700);word-break:auto-phrase;text-wrap:pretty}
body.office[data-page="app"] .ap-dan img{display:block;width:100%;height:auto;border:1px solid rgba(10,25,47,.16);border-radius:6px;box-shadow:0 16px 36px rgba(10,25,47,.12)}
body.office[data-page="app"] .ap-sanmai figcaption .kome{font-size:14px !important;opacity:1 !important;color:var(--ink-500)}
body.office[data-page="app"] .ap-sanmai figcaption{padding-left:calc(300px + clamp(28px,4vw,56px))}

/* 04 年間会員の値段＝二つの列 */
@media (min-width:961px){
body.office[data-page="app"] #s4 .yomi{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,64px)}
body.office[data-page="app"] #s4 .yomi > p{margin-top:0}
}

@media (max-width:960px){
body.office[data-page="app"] .hero .hero-grid{grid-template-columns:1fr !important}
body.office[data-page="app"] .ap-kao{margin-top:8px}
}
@media (max-width:760px){
body.office[data-page="app"] .ap-yakusoku{font-size:clamp(30px,8.4vw,36px) !important;letter-spacing:.02em}
body.office[data-page="app"] .ap-kao figcaption{max-width:58%}
body.office[data-page="app"] .ap-sanmai::before{display:none}
body.office[data-page="app"] .ap-dan{grid-template-columns:1fr;padding-bottom:36px}
body.office[data-page="app"] .ap-dan-head{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;align-items:center;margin-bottom:14px}
body.office[data-page="app"] .ap-dan-no{width:48px;height:48px;font-size:17px}
body.office[data-page="app"] .ap-dan-mi{margin:0;font-size:28px}
body.office[data-page="app"] .ap-dan-te{grid-column:1 / -1;margin-top:10px}
body.office[data-page="app"] .ap-sanmai figcaption{padding-left:0}
}
@media (prefers-reduced-motion:no-preference){
body.office[data-page="app"] .ap-kao .ap-sp{animation:ap-uku 1s cubic-bezier(.2,.7,.2,1) .3s both}
@keyframes ap-uku{from{transform:translateY(14px)}to{transform:none}}
}

body.office[data-page="app"] #kakaku .uchi{max-width:none !important}
body.office[data-page="app"] #kakaku .uchi .futa{gap:0 !important;border-top:2px solid var(--navy-900);border-bottom:1px solid var(--line)}
body.office[data-page="app"] #kakaku .uchi .futa-1{border:0 !important;background:transparent !important;padding:28px 0 26px !important}
body.office[data-page="app"] #kakaku .uchi .futa-1.komon{padding-right:clamp(24px,3.4vw,52px) !important}
body.office[data-page="app"] #kakaku .uchi .futa-1.tanpin{padding-left:clamp(24px,3.4vw,52px) !important;border-left:1px solid var(--line) !important}
body.office[data-page="app"] #kakaku .uchi .futa-1.komon .futa-ne .su{font-size:clamp(48px,5.6vw,76px) !important;letter-spacing:0}
body.office[data-page="app"] #kakaku .uchi .futa-1.tanpin .futa-ne .su{font-size:clamp(38px,4vw,54px) !important}
body.office[data-page="app"] #kakaku .uchi .futa-1 h3{font-size:clamp(22px,2vw,27px) !important}
body.office[data-page="app"] #kakaku .uchi .futa-rei{border-left:2px solid var(--gold-500) !important;background:transparent !important}
@media (min-width:961px){
body.office[data-page="app"] #kakaku .uchi{display:grid !important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:clamp(32px,4.6vw,64px);align-items:start}
body.office[data-page="app"] #kakaku .uchi > *{grid-column:1 / -1}
body.office[data-page="app"] #kakaku .uchi .futa{display:grid !important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) !important}
body.office[data-page="app"] #kakaku .uchi > .uchi-mi{grid-column:1;grid-row:2}
body.office[data-page="app"] #kakaku .uchi > .uchi-hyo{grid-column:1;grid-row:3}
body.office[data-page="app"] #kakaku .uchi > .uchi-keisan{grid-column:2;grid-row:2 / span 2;align-self:stretch}
body.office[data-page="app"] #kakaku .uchi > .uchi-kimari{grid-column:1 / -1;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4.6vw,64px)}
body.office[data-page="app"] #kakaku .uchi > .uchi-kimari > div{border-bottom:1px solid var(--line)}
}
body.office[data-page="app"] #kakaku .uchi .uchi-keisan{display:block !important;margin:14px 0 0 !important;padding:22px 0 0 !important;border:0 !important;border-top:2px solid var(--navy-900) !important}
body.office[data-page="app"] #kakaku .uchi .uchi-keisan[hidden]{display:none !important}
body.office[data-page="app"] #kakaku .uchi .uchi-keisan label{display:inline-block;font-family:var(--font-sans);font-size:17px !important;margin-right:12px}
body.office[data-page="app"] #kakaku .uchi .uchi-keisan input{font-size:24px !important;width:4.6em !important;padding:8px 10px !important;border-radius:4px !important}
body.office[data-page="app"] #kakaku .uchi .uchi-keisan dl{display:block !important;margin:18px 0 0 !important}
body.office[data-page="app"] #kakaku .uchi .uchi-keisan dl > div{display:flex !important;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:14px 0 !important;border-bottom:1px solid var(--line)}
body.office[data-page="app"] #kakaku .uchi .uchi-keisan dt{font-size:15px !important}
body.office[data-page="app"] #kakaku .uchi .uchi-keisan dd{font-size:clamp(22px,2vw,28px) !important;text-align:right}
body.office[data-page="app"] #kakaku .uchi .uchi-keisan dl > div:last-child dd{font-size:clamp(24px,2.3vw,32px) !important;color:var(--navy-900)}
body.office[data-page="app"] #kakaku .uchi .uchi-mi{font-size:clamp(19px,1.6vw,22px) !important}
body.office[data-page="app"] #kakaku .uchi .uchi-ik{font-size:14px !important}
body.office[data-page="app"] #kakaku .uchi .kinen-hyo,body.office[data-page="app"] #kakaku .uchi > .uchi-kimari,body.office[data-page="app"] #kakaku .uchi > .uchi-kinen,body.office[data-page="app"] #kakaku .uchi > .uchi-kinen > *{max-width:none !important}

@media (min-width:961px){
body.office[data-page="app"] .hero .hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) !important;column-gap:clamp(28px,4vw,56px) !important}
body.office[data-page="app"] .ap-yakusoku{font-size:clamp(36px,3.9vw,52px)}
body.office[data-page="app"] .ap-kao{margin-right:calc(-1 * clamp(0px,2vw,32px))}
body.office[data-page="app"] .ap-kao .ap-sp{width:30%;max-width:230px;right:-10px}
}
body.office[data-page="app"] #kakaku .uchi ~ .yomi{max-width:none}
body.office[data-page="app"] #kakaku .uchi ~ .yomi > p{max-width:40em}
@media (min-width:761px){
body.office[data-page="app"] #kakaku .uchi ~ .yomi table.renraku{max-width:none !important;display:block}
body.office[data-page="app"] #kakaku .uchi ~ .yomi table.renraku tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,4vw,56px)}
body.office[data-page="app"] #kakaku .uchi ~ .yomi table.renraku tr{display:block;padding:18px 0 20px;border-bottom:1px solid var(--line)}
body.office[data-page="app"] #kakaku .uchi ~ .yomi table.renraku th,body.office[data-page="app"] #kakaku .uchi ~ .yomi table.renraku td{display:block;width:auto !important;min-width:0 !important;border:0 !important;padding:0 !important}
body.office[data-page="app"] #kakaku .uchi ~ .yomi table.renraku th{margin-bottom:6px}
}

@media (min-width:961px){body.office[data-page="app"] #kakaku .uchi{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) !important}}
body.office[data-page="app"] #kakaku .uchi .uchi-keisan dd{white-space:nowrap;font-feature-settings:"palt";letter-spacing:0 !important}
body.office[data-page="app"] #kakaku .uchi .uchi-keisan dl > div:last-child{flex-direction:column;align-items:flex-start !important}
body.office[data-page="app"] #kakaku .uchi .uchi-keisan dl > div:last-child dd{align-self:flex-end;font-size:clamp(17px,1.75vw,23px) !important}
@media (max-width:640px){
body.office[data-page="app"] #kakaku .uchi .uchi-keisan dl > div:last-child dd{font-size:clamp(15px,4.3vw,18px) !important}
body.office[data-page="app"] #kakaku .uchi table.hyo.san{border-top:2px solid var(--navy-900) !important}
body.office[data-page="app"] #kakaku .uchi table.hyo.san tr{display:grid !important;grid-template-columns:3.4em minmax(0,1fr);column-gap:12px;align-items:start;border:0 !important;border-bottom:1px solid var(--line) !important;background:transparent !important;margin:0 !important;padding:12px 0 !important}
body.office[data-page="app"] #kakaku .uchi table.hyo.san tbody th{grid-column:1;grid-row:1 / span 4;border:0 !important;padding:4px 0 0 !important;font-family:var(--font-mincho);font-size:19px !important;color:var(--navy-900);white-space:nowrap}
body.office[data-page="app"] #kakaku .uchi table.hyo.san td{grid-column:2;display:grid !important;grid-template-columns:minmax(0,1fr);justify-content:start;align-items:baseline;gap:2px;flex-wrap:nowrap !important;padding:3px 0 !important;border:0 !important;font-size:16px !important}
body.office[data-page="app"] #kakaku .uchi table.hyo.san td::before{flex:0 1 auto !important;color:var(--ink-500);font-size:14px !important;font-weight:500 !important;font-family:var(--font-sans)}
body.office[data-page="app"] #kakaku .uchi table.hyo.san td > *{text-align:left}
body.office[data-page="app"] #kakaku .uchi table.hyo.san td .uchi-ik{font-size:14px !important;white-space:normal !important;display:block;overflow-wrap:anywhere;color:var(--ink-700)}
body.office[data-page="app"] #kakaku .uchi table.hyo.san td .uchi-ko{display:block;min-width:0;white-space:normal !important}
}

body.office[data-page="app"] #kakaku .uchi .futa{border-top:3px solid var(--navy-900) !important;border-bottom:2px solid var(--navy-900) !important;margin-bottom:clamp(36px,4vw,56px)}
body.office[data-page="app"] #kakaku .uchi .futa-1{padding-top:clamp(30px,3vw,44px) !important;padding-bottom:clamp(30px,3vw,40px) !important}
body.office[data-page="app"] #kakaku .uchi .futa-1.komon{background:rgba(10,25,47,.035) !important;padding-left:clamp(20px,2.4vw,36px) !important}
body.office[data-page="app"] #kakaku .uchi .futa-1 h3{font-size:clamp(25px,2.4vw,32px) !important}
body.office[data-page="app"] #kakaku .uchi .futa-1.komon .futa-ne .su{font-size:clamp(54px,6.4vw,88px) !important}
body.office[data-page="app"] #kakaku .uchi .futa-1.tanpin .futa-ne .su{font-size:clamp(42px,4.6vw,62px) !important}
body.office[data-page="app"] #kakaku .uchi .futa-naka li{font-size:16.5px !important;line-height:1.9}
body.office[data-page="app"] #kakaku .uchi .futa-ikkatsu{font-size:16px !important}
body.office[data-page="app"] #kakaku .uchi .futa-ikkatsu b{font-size:clamp(18px,1.6vw,21px)}
body.office[data-page="app"] #kakaku .uchi .uchi-mi{font-size:17px !important;color:var(--ink-700) !important}
body.office[data-page="app"] #kakaku .uchi .uchi-hyo td,body.office[data-page="app"] #kakaku .uchi .uchi-kinen td{font-size:15px !important}
body.office[data-page="app"] #kakaku .uchi .uchi-kimari dt,body.office[data-page="app"] #kakaku .uchi .uchi-kimari dd,body.office[data-page="app"] #kakaku .uchi .uchi-kinen p{font-size:14.5px !important;color:var(--ink-700)}
body.office[data-page="app"] #kakaku .uchi .uchi-kinen{opacity:1;margin-top:28px}

@media (min-width:761px){
body.office[data-page="app"] #kakaku .uchi ~ .yomi table.renraku tbody{border-top:2px solid var(--navy-900)}
body.office[data-page="app"] #kakaku .uchi ~ .yomi table.renraku tr{padding:22px 0 24px !important}
}
body.office[data-page="app"] #kakaku .uchi ~ .yomi table.renraku th{display:flex !important;align-items:center;gap:10px;font-size:18.5px !important;letter-spacing:.05em;color:var(--navy-900);margin-bottom:10px}
body.office[data-page="app"] #kakaku .uchi ~ .yomi table.renraku th::before{content:"";flex:0 0 18px;height:2px;background:var(--gold-500)}
body.office[data-page="app"] #kakaku .uchi ~ .yomi table.renraku td{font-family:var(--font-mincho) !important;font-size:16px !important;line-height:1.95 !important;color:var(--ink-700) !important}

body.office .uchi .uchi-kimari-1{display:block !important;margin-top:20px !important;grid-column:1/-1 !important}
body.office .uchi .uchi-saki{grid-column:1/-1;margin:14px 0 0;font-size:15.5px;line-height:1.85;color:var(--ink-700)}

@media (min-width:961px){
  body.office[data-page="app"] .uchi > .uchi-kimari-1{grid-column:1 !important;grid-row:2 !important;display:block !important;margin-top:14px !important;align-self:start;width:100% !important;max-width:none !important}
  body.office[data-page="app"] .uchi > .uchi-saki{max-width:none !important}
  body.office[data-page="app"] .uchi > .uchi-saki{grid-column:1 !important;grid-row:3 !important;align-self:start}
  body.office[data-page="app"] .uchi > .uchi-keisan{grid-column:2 !important;grid-row:2 / span 2 !important}
}

body.office[data-page="app"] .uchi .uchi-kimari-1 > div{display:block !important;padding:14px 0 !important;border-top:2px solid var(--navy-900) !important;border-bottom:1px solid var(--line) !important}
body.office[data-page="app"] .uchi .uchi-kimari-1 dt{display:block !important;width:auto !important;margin:0 0 6px !important;font-size:15px !important;font-weight:700;color:var(--navy-900)}
body.office[data-page="app"] .uchi .uchi-kimari-1 dd{display:block !important;width:auto !important;margin:0 !important;font-size:15.5px !important;line-height:1.85 !important;color:var(--ink-900)}

body.office[data-page="app"] .uchi > dl.uchi-kimari.uchi-kimari-1{display:block !important;grid-template-columns:none !important}

@media (min-width:961px){
  body.office[data-page="app"] .uchi > .uchi-saki{grid-row:2 !important;align-self:end !important;margin:0 !important}
  body.office[data-page="app"] .uchi > .uchi-keisan{grid-row:2 !important}
}

@media (min-width:961px){body.office[data-page="app"] .uchi > .uchi-hidari{grid-column:1 !important;grid-row:2 !important;align-self:start}}
body.office[data-page="app"] .uchi-hidari .uchi-saki{margin:16px 0 0 !important}

body.office[data-page="app"] #madoguchi .yomi{max-width:none}
body.office[data-page="app"] #madoguchi .yomi > p{max-width:46em}
body.office[data-page="app"] .mg-ba{margin:clamp(24px,3vw,36px) 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3.4vw,48px) clamp(24px,3.2vw,48px)}
body.office[data-page="app"] .mg-fuda{display:flex;flex-direction:column;gap:16px;border-top:2px solid var(--navy-900);padding-top:20px}
body.office[data-page="app"] .mg-fuda.mg-oki{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,3.4vw,52px);align-items:center;border-top-width:3px}
body.office[data-page="app"] .mg-waku{overflow:hidden;border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 3px rgba(21,17,13,.07),0 14px 30px rgba(21,17,13,.12);background:#fff}
body.office[data-page="app"] .mg-waku img{display:block;width:100%;height:auto}
body.office[data-page="app"] .mg-yomi h3{margin:0 0 8px;font-family:var(--font-sans);font-weight:700;font-size:clamp(19px,1.6vw,22px);letter-spacing:.04em;color:var(--navy-900)}
body.office[data-page="app"] .mg-oki .mg-yomi h3{font-size:clamp(22px,2vw,27px)}
body.office[data-page="app"] .mg-yomi p{margin:0;font-family:var(--font-mincho);font-size:15.5px;line-height:1.95;color:var(--ink-700)}
@media (max-width:860px){
  body.office[data-page="app"] .mg-ba{grid-template-columns:1fr}
  body.office[data-page="app"] .mg-fuda.mg-oki{grid-template-columns:1fr}
  body.office[data-page="app"] .mg-waku{aspect-ratio:4/3}
  body.office[data-page="app"] .mg-waku img{width:190%;max-width:none;margin-left:-31%}
}
/*[見せ場:atama]*/
@media (min-width:1024px) and (max-width:1259px){
  body.office header.head .menu{flex-wrap:nowrap !important;justify-content:space-between}
  body.office header.head .menu > a,body.office header.head .menu > .oya > a,body.office header.head .menu > .oya > button{font-size:14.5px !important;padding-left:7px !important;padding-right:7px !important;letter-spacing:.02em !important;white-space:nowrap}
}
@media (min-width:721px) and (max-width:1023px){
  body.office header.head .menu{display:grid !important;grid-template-columns:repeat(5,auto);justify-content:space-between;justify-items:start;align-items:center;row-gap:2px}
  body.office header.head .menu > a,body.office header.head .menu > .oya > a,body.office header.head .menu > .oya > button{font-size:15px !important;white-space:nowrap}
  body.office header.head .menu > a:last-child{justify-self:end}
}
/*[見せ場:faq]*/
body[data-page="faq"] .hero.hero-ie{padding-top:clamp(28px,3.4vw,48px);padding-bottom:clamp(40px,4.6vw,64px)}
body[data-page="faq"] .hero-ie .ie-grid{grid-template-columns:minmax(0,1fr) minmax(340px,460px) !important;align-items:center !important}
body[data-page="faq"] .hero-ie h1.fq-midashi{font-family:var(--font-sans);font-weight:700;font-size:clamp(17px,1.4vw,19px);letter-spacing:.14em;color:var(--navy-900);margin:0;padding:0 0 12px;border-bottom:1px solid var(--gold-500);display:inline-block;animation:none;clip-path:none;opacity:1;transform:none}
body[data-page="faq"] .hero-ie .ie-yakusoku{font-size:clamp(34px,4.2vw,56px) !important;margin-top:clamp(18px,2.2vw,28px) !important}
body[data-page="faq"] .fq-junban{margin:0;border-top:2px solid var(--navy-900)}
body[data-page="faq"] .fq-junban p{margin:14px 0 6px;font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.14em;color:var(--ink-500)}
body[data-page="faq"] .fq-junban ol{list-style:none;margin:0;padding:0}
body[data-page="faq"] .fq-junban a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid rgba(10,25,47,.16);text-decoration:none;color:var(--ink-900)}
body[data-page="faq"] .fq-junban a:hover .fq-j-mi{text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:5px}
body[data-page="faq"] .fq-junban svg{width:40px;height:40px;color:var(--navy-900)}
body[data-page="faq"] .fq-j-mi{font-family:var(--font-sans);font-weight:700;font-size:17px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
body[data-page="faq"] .fq-j-mi small{display:block;font-weight:500;font-size:14px;color:var(--ink-500);letter-spacing:.1em}
body[data-page="faq"] .fq-j-kazu{font-family:var(--font-sans);font-size:14px;color:var(--ink-500);white-space:nowrap}
body[data-page="faq"] .fq-kumi{display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);grid-template-areas:"list ichi";gap:clamp(32px,5vw,72px);align-items:start}
body[data-page="faq"] .fq-kumi > .yomi.faq{grid-area:list;max-width:none;margin:0}
body[data-page="faq"] .fq-kumi > .kusari-in{grid-area:ichi}
body[data-page="faq"] .faq .a p{margin:0 0 .9em}
body[data-page="faq"] .faq .a p.fq-ichi{font-family:var(--font-mincho);font-weight:700;font-size:clamp(17px,1.4vw,19px);line-height:1.8;color:var(--navy-900);padding-left:14px;border-left:2px solid var(--gold-500);margin:4px 0 1em}
body[data-page="faq"] section.yama .yama-mi{font-size:clamp(30px,4vw,54px) !important}
body[data-page="faq"] .fq-junban{border-top:0}
body[data-page="faq"] .fq-junban ol{display:grid;gap:12px}
body[data-page="faq"] .fq-junban a{grid-template-columns:52px minmax(0,1fr) auto !important;grid-template-areas:"e mi kazu" "e ichi ya";row-gap:6px !important;padding:20px 18px 20px 0 !important;border-top:2px solid var(--navy-900);border-bottom:0 !important;transition:background .2s}
body[data-page="faq"] .fq-junban a:hover{background:var(--paper-100)}
body[data-page="faq"] .fq-junban svg{grid-area:e;width:48px;height:48px;align-self:start}
body[data-page="faq"] .fq-j-mi{grid-area:mi;font-size:clamp(19px,1.6vw,22px) !important}
body[data-page="faq"] .fq-j-kazu{grid-area:kazu}
body[data-page="faq"] .fq-j-ichi{grid-area:ichi;font-family:var(--font-mincho);font-size:15px;line-height:1.75;color:var(--ink-700);word-break:auto-phrase}
body[data-page="faq"] .fq-j-ya{grid-area:ya;align-self:end;font-family:var(--font-sans);font-size:20px;color:var(--navy-900)}
body[data-page="faq"] .faq summary .fq-q,body[data-page="faq"] .faq .fq-a{display:inline-block;font-family:var(--font-sans);font-weight:700;font-size:14px;line-height:1;letter-spacing:0;color:var(--paper-50);background:var(--navy-900);padding:5px 6px;margin-right:12px;vertical-align:2px}
body[data-page="faq"] .faq .fq-a{background:none;color:var(--navy-900);border:1px solid var(--navy-900);padding:4px 5px}
body[data-page="faq"] .faq details[open] > summary{color:var(--navy-900)}
body[data-page="faq"] .faq details[open]{border-left:2px solid var(--navy-900);padding-left:16px;background:linear-gradient(90deg,rgba(10,25,47,.03),transparent 60%)}
@media (prefers-reduced-motion:reduce){body[data-page="faq"] .fq-junban a{transition:none}}
@media (max-width:960px){
  body[data-page="faq"] .fq-kumi{grid-template-columns:1fr;grid-template-areas:"ichi" "list";gap:18px}
  body[data-page="faq"] .fq-kumi > .kusari-in{position:static}
}
@media (max-width:720px){
  body[data-page="faq"] .hero-ie .ie-grid{display:block !important}
  body[data-page="faq"] .fq-junban{margin-top:26px}
  body[data-page="faq"] .hero-ie .ie-yakusoku{font-size:clamp(24px,6.9vw,28px) !important;letter-spacing:.01em !important}
  body[data-page="faq"] .faq summary{padding-top:18px !important;padding-bottom:18px !important}
  body[data-page="faq"] .faq details{margin:0 !important}
}
body[data-page="faq"] main section.band-faq{overflow:visible !important;contain:none !important}
body[data-page="faq"] .fq-kumi > .kusari-in{position:sticky !important;top:110px;align-self:start}
@media (max-width:960px){body[data-page="faq"] .fq-kumi > .kusari-in{position:static !important}}
body[data-page="faq"] .kusari-in .fq-de{display:flex;align-items:center;gap:8px}
body[data-page="faq"] .kusari-in .fq-de svg{width:22px;height:22px;flex:0 0 22px;color:var(--navy-900)}

body[data-page="faq"] .faq summary .fq-saki{display:block;margin:8px 0 0 calc(1.6em + 12px);font-family:var(--font-mincho);font-weight:500;font-size:15.5px;line-height:1.75;color:var(--ink-700)}
body[data-page="faq"] .faq summary .fq-saki .fq-a{background:transparent;color:var(--navy-900);box-shadow:inset 0 0 0 1.5px var(--navy-900);margin-right:10px;vertical-align:1px}
body[data-page="faq"] .faq details[open] summary .fq-saki{display:none}
@media (max-width:720px){body[data-page="faq"] .faq summary .fq-saki{margin-left:0;font-size:15px}}
/*[見せ場:hikaku]*/
body[data-page="hikaku"] .hk-zentei{margin:clamp(20px,2.4vw,30px) 0 clamp(36px,4vw,52px);padding:22px 0 18px;border-top:2px solid var(--navy-900);border-bottom:1px solid var(--line)}
body[data-page="hikaku"] .hk-zentei-mi{margin:0 0 14px;font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.12em;color:var(--ink-700)}
body[data-page="hikaku"] .hk-zentei-ba{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px}
body[data-page="hikaku"] .hk-zentei-sha{display:flex;flex-direction:column;gap:4px;padding-left:16px;border-left:3px solid rgba(10,25,47,.25)}
body[data-page="hikaku"] .hk-zentei-sha.ato{border-left-color:var(--navy-900)}
body[data-page="hikaku"] .hk-zentei-sha b{font-family:var(--font-mincho);font-weight:600;font-size:clamp(28px,2.6vw,36px);line-height:1.2;color:var(--navy-900)}
body[data-page="hikaku"] .hk-zentei-ku{font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--ink-500);letter-spacing:.08em}
body[data-page="hikaku"] .hk-zentei-sha > span:not(.hk-zentei-ku):not(.hk-zentei-tag){font-size:15px;color:var(--ink-700)}
body[data-page="hikaku"] .hk-zentei-tag{margin-top:4px;font-family:var(--font-sans);font-weight:700;font-size:14.5px;color:var(--ink-700)}
body[data-page="hikaku"] .hk-zentei-sha.ato .hk-zentei-tag{color:var(--navy-900)}
body[data-page="hikaku"] .hk-zentei-naka{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-sans);font-size:14px;font-weight:700;color:var(--ink-700)}
body[data-page="hikaku"] .hk-zentei-naka i{display:block;width:96px;height:0;border-top:2px dashed var(--navy-800);position:relative}
body[data-page="hikaku"] .hk-zentei-naka i::after{content:"";position:absolute;right:-2px;top:-6px;border:5px solid transparent;border-left:8px solid var(--navy-800)}
body[data-page="hikaku"] .hk-zentei figcaption{margin-top:16px;font-family:var(--font-mincho);font-size:16px;line-height:1.8;color:var(--ink-900)}
@media (max-width:720px){
  body[data-page="hikaku"] .hk-zentei-ba{grid-template-columns:1fr;gap:14px}
  body[data-page="hikaku"] .hk-zentei-naka{flex-direction:row;justify-content:flex-start;padding-left:16px}
  body[data-page="hikaku"] .hk-zentei-naka i{width:2px;height:28px;border-top:0;border-left:2px dashed var(--navy-800)}
  body[data-page="hikaku"] .hk-zentei-naka i::after{display:none}
}

body[data-page="hikaku"] .hero h1{font-family:var(--font-sans);font-size:clamp(18px,1.6vw,21px) !important;line-height:1.5 !important;letter-spacing:.06em;margin:0}
body[data-page="hikaku"] .hk-yaku{margin:.45em 0 .5em;font-family:var(--font-mincho);font-weight:600;font-size:clamp(38px,4.4vw,60px);line-height:1.3;letter-spacing:.04em;color:var(--ink-900);font-feature-settings:"palt";word-break:keep-all}
body[data-page="hikaku"] .hk-yaku b{font-weight:600;color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:3px;text-underline-offset:10px}
body[data-page="hikaku"] .hero .shot{position:relative;margin:0}
body[data-page="hikaku"] .hero .shot img{display:block;width:100%;height:auto}
body[data-page="hikaku"] .hero .shot .hk-mi{margin:0 0 10px;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.06em;color:var(--navy-900)}
body[data-page="hikaku"] .hero .shot .kome{display:block;margin:10px 0 0;font-size:14px;line-height:1.7;color:var(--ink-500)}
body[data-page="hikaku"] .hero .btns{margin-top:6px}
/* 二つの組織図 */
body[data-page="hikaku"] .hk-zu{margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid rgba(10,25,47,.14)}
body[data-page="hikaku"] .hk-zu svg{display:block;width:100%;height:auto;max-width:520px}
body[data-page="hikaku"] .hk-zu figcaption{margin-top:10px;font-family:var(--font-mincho);font-weight:600;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--ink-900);word-break:auto-phrase;text-wrap:pretty}
body[data-page="hikaku"] .hk-zu figcaption b{display:block;font-family:var(--font-sans);font-size:14px;letter-spacing:.14em;color:var(--ink-500);margin-bottom:2px}
body[data-page="hikaku"] .hito.ato .hk-zu figcaption{color:var(--navy-900)}
@media (prefers-reduced-motion:no-preference){
  body[data-page="hikaku"] .futari.on .hk-sen path{stroke-dasharray:110;animation:hk-sen 1.2s cubic-bezier(.2,.7,.2,1) both}
  @keyframes hk-sen{from{stroke-dashoffset:110}to{stroke-dashoffset:0}}
}
/* 十二の項目＝ホームの「事務所の考え方」の型（番号・罫・二列）で拾い読み */
body[data-page="hikaku"] .taihi{counter-reset:hk}
body[data-page="hikaku"] .taihi-row:not(.taihi-head){counter-increment:hk}
body[data-page="hikaku"] .taihi-row:not(.taihi-head) .jiku{font-family:var(--font-sans);font-weight:700;font-size:17px;letter-spacing:.04em;color:var(--navy-900);word-break:keep-all}
body[data-page="hikaku"] .taihi-row:not(.taihi-head) .jiku::before{content:counter(hk,decimal-leading-zero);display:block;margin-bottom:4px;font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--ink-500)}
body[data-page="hikaku"] .taihi-row:not(.taihi-head) .jiku::after{content:"";display:block;width:22px;height:1px;margin-top:8px;background:var(--gold-500)}
body.office[data-page="hikaku"] .taihi .ato{font-weight:500 !important;color:var(--navy-900) !important}
body.office[data-page="hikaku"] .taihi .ato .hk-kaname{font-weight:700;color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:6px}
/* 頭の右の実機の絵を、頭の高さいっぱいに */
@media (min-width:961px){
  body[data-page="hikaku"] .hk-hero .hero-grid{align-items:stretch !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;column-gap:48px}
  body[data-page="hikaku"] .hk-hero .shot{display:flex;flex-direction:column}
  body[data-page="hikaku"] .hk-hero .shot img{flex:1 1 auto;height:0;min-height:440px;object-fit:cover;object-position:50% 40%}
}
/* 携帯：一項目を一枚の札に詰める */
@media (max-width:720px){
  body[data-page="hikaku"] .taihi-row:not(.taihi-head){display:grid !important;grid-template-columns:1fr !important;gap:6px !important;padding:14px 0 !important}
  body[data-page="hikaku"] .taihi-row:not(.taihi-head) p{padding:0 !important;margin:0 !important;border:0 !important}
  body[data-page="hikaku"] .taihi-row:not(.taihi-head) .jiku::after{display:none}
  body[data-page="hikaku"] .taihi-row:not(.taihi-head) .jiku::before{display:inline;margin:0 10px 0 0}
  body[data-page="hikaku"] .taihi .fuda{display:inline !important;margin:0 8px 0 0 !important;font-family:var(--font-sans);font-weight:700;font-size:14px !important;text-decoration:none}
  body.office[data-page="hikaku"] .taihi :is(.mae,.ato){font-size:15.5px !important;line-height:1.7 !important}
}
body.office[data-page="hikaku"] .taihi .mae{font-size:16px !important;color:var(--ink-700) !important}
body[data-page="hikaku"] .taihi-row:not(.taihi-head) .mae::before{content:"";display:inline-block;width:9px;height:9px;margin-right:10px;border:1.5px solid var(--ink-500);border-radius:50%;vertical-align:.1em}
body[data-page="hikaku"] .taihi-row:not(.taihi-head) .ato::before{content:"";display:inline-block;width:8px;height:8px;margin-right:12px;border-top:2px solid var(--navy-900);border-right:2px solid var(--navy-900);transform:rotate(45deg);vertical-align:.12em}
@media (max-width:720px){
  body[data-page="hikaku"] .hk-yaku{font-size:clamp(32px,9vw,40px)}
  body[data-page="hikaku"] .hk-zu svg{max-width:none}
}
body[data-page="hikaku"] .hk-kao-zu{margin:0;align-self:center}
body[data-page="hikaku"] .hk-kao-zu-ba{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:clamp(12px,1.6vw,22px)}
body[data-page="hikaku"] .hk-kao-zu-ko{margin:0 !important;padding:clamp(16px,1.8vw,24px);background:var(--paper-50,#fbf8f1);border-top:3px solid var(--ink-500);box-shadow:0 1px 0 rgba(10,25,47,.12)}
body[data-page="hikaku"] .hk-kao-zu-ko + .hk-kao-zu-ya + .hk-kao-zu-ko,body[data-page="hikaku"] .hk-kao-zu-ba > .hk-kao-zu-ko:last-child{border-top-color:var(--navy-900)}
body[data-page="hikaku"] .hk-kao-zu-na{display:flex;flex-direction:column;gap:2px;margin:0 0 12px}
body[data-page="hikaku"] .hk-kao-zu-na b{font-family:var(--font-mincho);font-weight:600;font-size:clamp(20px,1.8vw,24px);color:var(--ink-900)}
body[data-page="hikaku"] .hk-kao-zu-na span{font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--ink-500)}
body[data-page="hikaku"] .hk-kao-zu-ko svg{display:block;width:100%;height:auto}
body[data-page="hikaku"] .hk-kao-zu-ko figcaption{margin-top:12px;font-family:var(--font-sans);font-size:14px;line-height:1.7;color:var(--ink-700)}
body[data-page="hikaku"] .hk-kao-zu-ko figcaption b{display:block;font-size:15px;color:var(--navy-900)}
body[data-page="hikaku"] .hk-kao-zu-ya{align-self:center;font-family:var(--font-sans);font-size:28px;font-weight:700;color:var(--gold-500)}
body[data-page="hikaku"] .hk-jikki{margin:clamp(36px,4vw,56px) 0 clamp(24px,3vw,36px)}
body[data-page="hikaku"] .hk-jikki-mi{margin:0 0 12px;font-family:var(--font-sans);font-weight:700;font-size:16px;color:var(--navy-900)}
body[data-page="hikaku"] .hk-jikki-mi span{font-weight:500;color:var(--ink-500);margin-left:4px}
body[data-page="hikaku"] .hk-jikki img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 18px 40px rgba(10,25,47,.18)}
body[data-page="hikaku"] .hk-jikki .kome{display:block;margin:10px 0 0;font-family:var(--font-sans);font-size:14px;line-height:1.7;color:var(--ink-500)}
@media (max-width:720px){
  body[data-page="hikaku"] .hk-kao-zu-ba{grid-template-columns:1fr;gap:10px}
  body[data-page="hikaku"] .hk-kao-zu-ya{transform:rotate(90deg);justify-self:center}
}
/*[見せ場:index]*/
/* 一　第一画面の要点と月額 */
body[data-page="index"] .hero-ie .ie-ten{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px;max-width:40em}
body[data-page="index"] .hero-ie .ie-ten li{display:grid;grid-template-columns:5.2em minmax(0,1fr);align-items:baseline;gap:0 14px;padding:0 0 10px;border-bottom:1px solid var(--rule)}
body[data-page="index"] .hero-ie .ie-ten li:last-child{border-bottom:0;padding-bottom:0}
body[data-page="index"] .hero-ie .ie-ten b{font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.08em;color:var(--navy-900);padding-left:10px;border-left:3px solid var(--gold-500)}
body[data-page="index"] .hero-ie .ie-ten span{font-family:var(--font-mincho);font-size:clamp(15.5px,1.15vw,17px);line-height:1.8;color:var(--ink-900)}
body[data-page="index"] .hero-ie .ie-gaku{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 24px}
body[data-page="index"] .hero-ie .ie-gaku-mi{font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.06em;color:var(--navy-900)}
body[data-page="index"] .hero-ie .ie-gaku-ne{font-family:var(--font-mincho);color:var(--navy-900)}
body[data-page="index"] .hero-ie .ie-gaku-ne b{font-weight:600;font-size:clamp(32px,3vw,42px);letter-spacing:0;line-height:1;margin:0 2px}
body[data-page="index"] .hero-ie .ie-gaku-ne small{font-size:15px;color:var(--ink-700)}
body[data-page="index"] .hero-ie .ie-gaku-ko{font-family:var(--font-sans);font-size:13.5px;color:var(--ink-500);letter-spacing:.04em}
@media (max-width:860px){
  body[data-page="index"] .hero-ie .ie-ten li{grid-template-columns:4.8em minmax(0,1fr);gap:0 10px}
  body[data-page="index"] .hero-ie .ie-ten span{font-size:15.5px}
}

/* 二　顧問サービスの体系の図
   ★黄八丈（11/01）＝三段の構造に組み替えた（先生「顧問サービスの生産性を上げるアプリとして、労務相談顧問アプリがあるという構造に」）。
   　上段＝売る物（労務相談顧問・1年のご契約）／中段＝その中身の3本柱（ご相談・年間会員価格でのご依頼・人事制度の画面）／下段＝3本柱を支える土台（アプリ）／枠の外＝スポット。
   　前の形は「含む物」の中と矢印の先に「年間会員価格でのご依頼」が二度出ていた。紺の地に白字は使わない（紺は差し色・金は細い罫）。 */
body[data-page="index"] #shikumi .yomi{max-width:none}
body[data-page="index"] #shikumi .yomi > p{max-width:46em}
body[data-page="index"] .tk-zu{margin:clamp(24px,3vw,36px) 0 0;display:block}
body[data-page="index"] .tk-ue{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:end;gap:6px clamp(20px,3vw,48px);padding:0 0 18px;border-bottom:3px solid var(--navy-900)}
body[data-page="index"] .tk-ue h3{margin:4px 0 0;font-family:var(--font-sans);font-weight:700;font-size:clamp(24px,2.2vw,30px);letter-spacing:.06em;color:var(--navy-900)}
body[data-page="index"] .tk-ue .tk-te{margin:0;max-width:40em}
body[data-page="index"] .tk-ko{margin:0;font-family:var(--font-sans);font-weight:700;font-size:13.5px;letter-spacing:.14em;color:var(--gold-600)}
body[data-page="index"] .tk-te{font-family:var(--font-mincho);font-size:15.5px;line-height:1.9;color:var(--ink-700)}
body[data-page="index"] .tk-hashira{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
body[data-page="index"] .tk-hashira > li{position:relative;display:flex;flex-direction:column;padding:26px clamp(18px,2.2vw,30px) 24px;border-left:1px solid var(--line)}
body[data-page="index"] .tk-hashira > li:first-child{border-left:0;padding-left:0}
body[data-page="index"] .tk-hashira > li::before{content:"";position:absolute;top:0;left:clamp(18px,2.2vw,30px);width:2px;height:14px;background:var(--navy-900)}
body[data-page="index"] .tk-hashira > li:first-child::before{left:0}
body[data-page="index"] .tk-no{margin:0;font-family:var(--font-mincho);font-weight:600;font-size:15px;letter-spacing:.12em;color:var(--gold-600)}
body[data-page="index"] .tk-hashira h4{margin:4px 0 10px;font-family:var(--font-sans);font-weight:700;font-size:clamp(19px,1.6vw,22px);line-height:1.45;letter-spacing:.04em;color:var(--navy-900)}
body[data-page="index"] .tk-hashira .tk-te{margin:0 0 14px}
body[data-page="index"] .tk-in{align-self:flex-start;margin:auto 0 0;padding:5px 10px;border:1px solid var(--gold-500);border-radius:3px;font-family:var(--font-sans);font-weight:700;font-size:13.5px;line-height:1.4;letter-spacing:.04em;color:var(--navy-900);background:rgba(255,255,255,.7)}
body[data-page="index"] .tk-hashira > li.tk-hyojun{background:linear-gradient(180deg,var(--gold-050),rgba(255,255,255,0))}
body[data-page="index"] .tk-hashira > li.tk-hyojun .tk-in{border:2px solid var(--navy-900);background:#fff}
body[data-page="index"] .tk-michi{margin:12px 0 0;font-family:var(--font-sans);font-size:14.5px}
body[data-page="index"] .tk-michi a{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:5px}
body[data-page="index"] .tk-michi a::after{content:" \203A";color:var(--gold-500)}
/* 下段＝土台の帯。3本柱の真下に、横いっぱいに敷く（柱を下から支える形） */
body[data-page="index"] .tk-dodai{margin:0;padding:18px clamp(18px,2.2vw,30px);border:2px solid var(--navy-900);border-radius:3px;background:var(--gold-050);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 24px;align-items:center}
body[data-page="index"] .tk-dodai p{margin:0}
body[data-page="index"] .tk-dodai-mi{font-family:var(--font-sans);font-weight:700;font-size:clamp(17px,1.4vw,19px);letter-spacing:.06em;color:var(--navy-900)}
body[data-page="index"] .tk-dodai-mi small{display:block;margin-bottom:2px;font-weight:700;font-size:12.5px;letter-spacing:.14em;color:var(--gold-600)}
body[data-page="index"] .tk-dodai-te{font-family:var(--font-mincho);font-size:16px;line-height:1.8;color:var(--ink-900)}
body[data-page="index"] .tk-dodai a{justify-self:start;font-family:var(--font-sans);font-weight:700;font-size:14.5px;color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:5px;white-space:nowrap}
body[data-page="index"] .tk-dodai a::after{content:" \203A";color:var(--gold-500)}
body[data-page="index"] .tk-spot{margin-top:22px;padding:16px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 20px;align-items:baseline}
body[data-page="index"] .tk-spot h3{margin:0;font-size:16px;color:var(--ink-700)}
body[data-page="index"] .tk-spot p{margin:0;font-family:var(--font-mincho);font-size:15px;line-height:1.85;color:var(--ink-700)}
@media (max-width:860px){
  body[data-page="index"] .tk-ue{grid-template-columns:1fr}
  body[data-page="index"] .tk-hashira{grid-template-columns:1fr}
  body[data-page="index"] .tk-hashira > li{padding:20px 0 20px 18px;border-left:2px solid var(--navy-900);border-bottom:1px solid var(--line)}
  body[data-page="index"] .tk-hashira > li:first-child{padding-left:18px}
  body[data-page="index"] .tk-hashira > li::before,body[data-page="index"] .tk-hashira > li:first-child::before{display:none}
  body[data-page="index"] .tk-hashira > li.tk-hyojun{background:var(--gold-050)}
  body[data-page="index"] .tk-dodai{grid-template-columns:1fr;padding:16px}
  body[data-page="index"] .tk-spot{grid-template-columns:1fr}
}

/* 三　労務相談顧問アプリ＝2つの部分 */
body[data-page="index"] #app .yomi{max-width:none}
body[data-page="index"] #app .yomi > p{max-width:46em}
body[data-page="index"] .ap-futatsu{margin:clamp(24px,3vw,36px) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,40px)}   /* 黄八丈＝特長3つ＝3列 */
body[data-page="index"] .ap-bu{border-top:3px solid var(--navy-900);padding-top:20px;display:flex;flex-direction:column}
body[data-page="index"] .ap-bu h3{margin:4px 0 10px;font-family:var(--font-sans);font-weight:700;font-size:clamp(20px,1.7vw,24px);letter-spacing:.04em;color:var(--navy-900)}
body[data-page="index"] .ap-bu > p{margin:0 0 18px;font-family:var(--font-mincho);font-size:15.5px;line-height:1.95;color:var(--ink-700)}
body[data-page="index"] .ap-bu .ap-ko{margin:0;font-family:var(--font-sans);font-size:13px;letter-spacing:.12em;color:var(--gold-600)}
body[data-page="index"] .ap-gamen{margin:auto 0 0}
body[data-page="index"] .ap-waku{overflow:hidden;border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 3px rgba(21,17,13,.07),0 14px 30px rgba(21,17,13,.12);background:#fff}
body[data-page="index"] .ap-waku img{display:block;width:100%;height:auto}
body[data-page="index"] .ap-chii.tate img{display:block;width:100%;height:auto}
body[data-page="index"] .ap-gamen figcaption,body[data-page="index"] .ap-chii figcaption{margin-top:10px;font-family:var(--font-sans);font-size:13.5px;line-height:1.6;color:var(--ink-700)}
body[data-page="index"] .ap-gamen figcaption b,body[data-page="index"] .ap-chii figcaption b{color:var(--navy-900);margin-right:6px}
body[data-page="index"] .ap-chii-ba{margin-top:clamp(26px,3vw,40px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,.55fr);gap:clamp(16px,2.4vw,32px);align-items:start}
body[data-page="index"] .ap-chii{margin:0}
body[data-page="index"] .ap-chii.tate img{max-width:190px;margin:0 auto;border-radius:18px;border:3px solid var(--navy-900)}
body[data-page="index"] .ap-chii.tate figcaption{text-align:center}
body[data-page="index"] .ap-shime{margin-top:clamp(24px,3vw,36px)}
body[data-page="index"] .ap-shime .btns{margin-top:14px}
body[data-page="index"] .ap-shime .kome{max-width:46em}
@media (max-width:860px){
  body[data-page="index"] .ap-futatsu{grid-template-columns:1fr}
  body[data-page="index"] .ap-chii-ba{grid-template-columns:1fr;gap:26px}
  body[data-page="index"] .ap-chii.tate img{max-width:200px}
  /* 携帯＝パソコンの画面写真は小さすぎて読めない＝左のメニュー（幅の16％）を外し、画面の中央を拡大して見せる */
  body[data-page="index"] .ap-waku{aspect-ratio:4/3}
  body[data-page="index"] .ap-waku img{width:190%;max-width:none;margin-left:-31%}
}

/* 黄八丈＝業務内容と料金の頭の注＝両端揃え（字間で調整）だと、携帯で「金 額 は す べ て」のように字の間が開いた＝短い注は左揃え */
body[data-page="index"] .ie-shinagaki-mi,body[data-page="index"] .ie-shinagaki-mi span{text-align:left;text-justify:auto}

/* 六　段落の折り返し＝本の組み（綸子 10/29：文節で折ると、携帯で行末ががたついた＝竜胆 10/16 の決まりに戻す） */
body[data-page="index"] :is(#shikumi,#app,#nagare,#faq) p,body[data-page="index"] .tk-te,body[data-page="index"] .ng-dan p,body[data-page="index"] .ap-bu > p{word-break:normal;text-wrap:pretty}

/* 五　よくある質問＝パソコンで右半分が空いていた（余白の多すぎ）＝横いっぱいに */
body[data-page="index"] #faq .yomi{max-width:none}

/* 四　ご依頼の流れ＝4つの段 */
body[data-page="index"] #nagare .yomi{max-width:none}
body[data-page="index"] .ng-dan{list-style:none;margin:clamp(24px,3vw,36px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:ng}
body[data-page="index"] .ng-dan li{position:relative;padding:0 clamp(12px,1.6vw,24px) 0 0;counter-increment:ng}
body[data-page="index"] .ng-dan li::before{content:counter(ng);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--navy-900);color:#fff;font-family:var(--font-mincho);font-weight:600;font-size:21px;position:relative;z-index:1}
body[data-page="index"] .ng-dan li::after{content:"";position:absolute;left:44px;right:0;top:21px;height:2px;background:var(--gold-400)}
body[data-page="index"] .ng-dan li:last-child::after{display:none}
body[data-page="index"] .ng-dan h3{margin:16px 0 8px;font-family:var(--font-sans);font-weight:700;font-size:18px;letter-spacing:.06em;color:var(--navy-900)}
body[data-page="index"] .ng-dan p{margin:0;font-family:var(--font-mincho);font-size:15.5px;line-height:1.9;color:var(--ink-700)}
/* 綸子＝始め方とご依頼の2段。段の名は金の細い罫の小見出し、2段目の丸は罫だけ（契約の前と後を色で分け、字でも名乗る）。 */
body[data-page="index"] #nagare p.ng-mi{font-family:var(--font-sans) !important;font-weight:700 !important;font-size:15px !important;line-height:1.6 !important}
body[data-page="index"] .ng-mi{margin:clamp(28px,3.4vw,40px) 0 0;padding-left:12px;border-left:3px solid var(--gold-500);font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.12em;color:var(--navy-900)}
body[data-page="index"] .ng-mi + .ng-dan{margin-top:18px}
body[data-page="index"] .ng-dan:last-of-type li::before{background:var(--paper-50,#fbf8f1);color:var(--navy-900);border:2px solid var(--navy-900);box-sizing:border-box}
body[data-page="index"] .ng-michi{margin:22px 0 0;font-family:var(--font-sans);font-size:15px}
body[data-page="index"] .ng-michi a{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:5px}
body[data-page="index"] .ng-michi a::after{content:" \203A";color:var(--gold-500)}
@media (max-width:860px){
  body[data-page="index"] .ng-dan{grid-template-columns:1fr;gap:0}
  body[data-page="index"] .ng-dan li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:0 0 22px}
  body[data-page="index"] .ng-dan li::before{grid-row:1/3}
  body[data-page="index"] .ng-dan li::after{left:21px;right:auto;top:44px;bottom:0;width:2px;height:auto}
  body[data-page="index"] .ng-dan h3{margin:8px 0 6px}
}

/* ★紗（2026-10-25）　01 ご契約とご依頼の仕組み＝三つの形（労務相談顧問・年間会員のご依頼・スポットのご依頼）を、パソコンは横三列、携帯は縦に。右の空きを作らない。 */
body[data-page="index"] #shikumi .yomi{max-width:none}
body[data-page="index"] #shikumi table.renraku,body[data-page="index"] #shikumi table.renraku tbody{display:block;width:100%;max-width:none !important}
body[data-page="index"] #shikumi table.renraku{border-top:0 !important;margin-top:24px}
body[data-page="index"] #shikumi table.renraku tbody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--navy-900);border-bottom:1px solid var(--line)}
body[data-page="index"] #shikumi table.renraku tr{display:flex;flex-direction:column;padding:24px clamp(16px,2vw,28px) 26px;border-left:1px solid var(--line)}
body[data-page="index"] #shikumi table.renraku tr:first-child{border-left:0;padding-left:0}
body[data-page="index"] #shikumi table.renraku th,body[data-page="index"] #shikumi table.renraku td{display:block;width:auto !important;min-width:0 !important;border:0 !important;padding:0 !important}
body[data-page="index"] #shikumi table.renraku th{font-family:var(--font-sans);font-size:clamp(18px,1.5vw,20px) !important;line-height:1.5;letter-spacing:.04em;color:var(--navy-900)}
body[data-page="index"] #shikumi table.renraku td{margin-top:10px;font-family:var(--font-mincho) !important;font-size:16px !important;line-height:1.95;color:var(--ink-700)}
@media (max-width:860px){
  body[data-page="index"] #shikumi table.renraku tbody{grid-template-columns:1fr}
  body[data-page="index"] #shikumi table.renraku tr{padding:18px 0 !important;border-left:0 !important;border-top:1px solid var(--line)}
  body[data-page="index"] #shikumi table.renraku tr:first-child{border-top:0}
}
/* 〇　01 事務所の考え方の四つの図＝枠の高さに比べて絵が小さかった（最大200px）。パソコンは枠の幅いっぱいに近く（最大240px）、図の下の名と高さを揃える。 */
@media (min-width:961px){
  body[data-page="index"] #kangae .kusari-e svg{max-width:240px !important;margin-bottom:14px !important}
  body[data-page="index"] #kangae .kusari-e{min-height:168px;display:flex;align-items:flex-end}
}
/* 〇の二　02 品書きの額＝額（20〜23px）が本文と近い大きさで、拾い読みの目が額に止まらなかった。額を図として一段大きく、添え字（から・年間会員）との差をはっきり。額と文言は変えない。 */
body[data-page="index"] #shigoto .hero-ie .ie-ne b{font-family:var(--font-mincho);font-weight:600;font-size:clamp(24px,2.1vw,29px) !important;letter-spacing:0;line-height:1.15}
body[data-page="index"] #shigoto .hero-ie li.ie-me .ie-ne b{font-size:clamp(34px,3.2vw,44px) !important}
body[data-page="index"] #shigoto .hero-ie .ie-ne{margin-top:10px;gap:0 6px}
/* 〇の三　03 裏づけの数字＝品書きの額（明朝の大字）と同じ「大きな数字」の部品なのに、ゴシックで見た目が割れていた。明朝の大字に揃える。 */
body[data-page="index"] #tsuyomi .stat .n{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:clamp(26px,2.3vw,32px) !important;letter-spacing:0 !important;line-height:1.2 !important;color:var(--navy-900) !important}
/* 〇の四　04 ごあいさつ＝携帯では先生の撮った佐渡の田と山の写真を隠していた（字だけが長く続く）。携帯でも出す。 */
@media (max-width:860px){
  body[data-page="index"] .aisatsu-e{display:block !important;width:100% !important;margin:22px 0 4px !important}
}
/* 一　裏づけ */
@media (min-width:961px){
  body[data-page="index"] #tsuyomi .stat{display:grid;grid-template-rows:3.2em auto 1fr;align-content:start}
  body[data-page="index"] #tsuyomi .stat-ko{align-self:end;margin-bottom:6px}
}
@media (max-width:960px){
  body[data-page="index"] #tsuyomi .stats{gap:0 !important}
  body[data-page="index"] #tsuyomi .stat{margin:0 !important;padding:16px 0 !important;border:0 !important;border-top:1px solid var(--rule) !important;box-shadow:none !important}
  body[data-page="index"] #tsuyomi .stat:first-child{border-top:2px solid var(--navy-900) !important}
}
/* 二　コラム */
body[data-page="index"] #s6 nav.rensai-mokuji{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0 40px !important;border-top:2px solid var(--navy-900);margin-top:clamp(24px,3vw,36px)}
body[data-page="index"] #s6 nav.rensai-mokuji a{display:grid !important;grid-template-columns:3.6em minmax(0,1fr) !important;grid-template-areas:"no na" "no ichi" !important;column-gap:16px;row-gap:10px;align-content:start;padding:24px 0 22px !important;border:0 !important;border-bottom:1px solid var(--rule) !important;background:none !important;box-shadow:none !important;color:var(--fg);text-decoration:none}
body[data-page="index"] #s6 nav.rensai-mokuji a:hover .na{text-decoration:underline;text-decoration-color:var(--gold-500);text-underline-offset:5px}
body[data-page="index"] #s6 .rensai-mokuji .no{grid-area:no;grid-row:auto !important;font-size:0 !important;line-height:1;color:var(--navy-900) !important}
body[data-page="index"] #s6 .rensai-mokuji .no::before{content:attr(data-no);display:block;font-family:var(--font-mincho);font-weight:600;font-size:clamp(40px,3.4vw,50px);line-height:1}
body[data-page="index"] #s6 .rensai-mokuji .no::after{content:"回";display:block;margin-top:6px;font-family:var(--font-sans);font-size:14px;color:var(--ink-500);letter-spacing:.1em}
body[data-page="index"] #s6 .rensai-mokuji .na{grid-area:na;font-family:var(--font-sans) !important;font-weight:700 !important;font-size:clamp(16.5px,1.3vw,18px) !important;line-height:1.65 !important;color:var(--navy-900);word-break:auto-phrase !important;text-wrap:pretty}
body[data-page="index"] #s6 .rensai-mokuji .ichi{grid-area:ichi;padding-left:12px;border-left:2px solid var(--gold-400);font-family:var(--font-mincho);font-size:15.5px;line-height:1.8;color:var(--ink-900);word-break:auto-phrase}
@media (max-width:860px){
  body[data-page="index"] #s6 nav.rensai-mokuji{grid-template-columns:1fr !important}
  body[data-page="index"] #s6 nav.rensai-mokuji a{grid-template-columns:3em minmax(0,1fr) !important;padding:20px 0 18px !important}
  body[data-page="index"] #s6 .rensai-mokuji .no::before{font-size:38px}
}
/* 三　事務所概要 */
@media (min-width:961px){
  body[data-page="index"] #s7 table.renraku tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
  body[data-page="index"] #s7 table.renraku tr{display:grid;grid-template-columns:7.5em minmax(0,1fr);align-items:baseline}
  body[data-page="index"] #s7 table.renraku tr.gy-hiro{grid-column:1/-1}
  body[data-page="index"] #s7 table.renraku th,body[data-page="index"] #s7 table.renraku td{display:block}
}

body.office[data-page="index"] section.band-jisaku{background:linear-gradient(180deg,var(--paper-50),var(--paper-100));border-top:1px solid rgba(10,25,47,.10);border-bottom:1px solid rgba(10,25,47,.10)}
body.office[data-page="index"] .js-kicker{margin:0 0 10px;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.16em;color:var(--gold-600)}
body.office[data-page="index"] section.band-jisaku h2{font-size:clamp(28px,3.2vw,42px) !important;line-height:1.4 !important}
body.office[data-page="index"] .js-lead{font-size:clamp(17px,1.4vw,19px) !important}
body.office[data-page="index"] .js-lead b{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:5px}
body.office[data-page="index"] .js-futa{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(28px,4vw,64px);align-items:start}
/* 黄八丈（根治）＝左は社員の携帯の実物の画面（前は料金の3行だけで、右の3段より短く下が空いた） */
body.office[data-page="index"] .js-sp{margin:0;justify-self:center;width:100%;max-width:330px}
body.office[data-page="index"] .js-sp img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid rgba(10,25,47,.16);box-shadow:0 18px 40px -22px rgba(10,25,47,.45)}
body.office[data-page="index"] .js-sp figcaption{margin-top:10px;text-align:center;font-family:var(--font-sans);font-size:14.5px;color:var(--ink-700)}
@media (max-width:860px){body.office[data-page="index"] .js-sp{max-width:260px;order:2}body.office[data-page="index"] .js-migi{order:1}}
body.office[data-page="index"] .js-mittsu{list-style:none;margin:0;padding:0;display:grid;gap:clamp(16px,2vw,24px)}
body.office[data-page="index"] .js-1{border-top:2px solid var(--navy-900);padding:14px 0 0}
body.office[data-page="index"] .js-no{margin:0;font-family:var(--font-mincho);font-weight:600;font-size:15px;letter-spacing:.12em;color:var(--gold-600)}
body.office[data-page="index"] .js-1 h3{margin:4px 0 6px;font-family:var(--font-sans);font-weight:700;font-size:clamp(19px,1.6vw,22px);color:var(--navy-900)}
body.office[data-page="index"] .js-1 p:not(.js-no){margin:0;font-family:var(--font-mincho);font-size:16px;line-height:1.85;color:var(--ink-900)}
body.office[data-page="index"] .js-ryokin{margin:clamp(20px,2.4vw,30px) 0 0;padding:16px 0 2px;border-top:1px solid rgba(10,25,47,.18)}
body.office[data-page="index"] .js-ryokin-mi{margin:0 0 6px;font-family:var(--font-sans);font-weight:700;font-size:16px;letter-spacing:.1em;color:var(--navy-900)}
body.office[data-page="index"] .js-ryokin ul{margin:0;padding:0 0 0 1.2em;font-family:var(--font-mincho);font-size:16px;line-height:1.85;color:var(--ink-900)}
body.office[data-page="index"] .js-ryokin b{color:var(--navy-900)}
body.office[data-page="index"] .js-ryokin-de{margin:8px 0 0;font-family:var(--font-sans);font-size:15px;line-height:1.8;color:var(--ink-700)}
body.office[data-page="index"] .js-ryokin-de a{color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px}
body.office[data-page="index"] section.band-jisaku .btns{margin-top:clamp(22px,2.6vw,32px)}
/* 黄八丈＝標準装備の札3枚＝金の細い罫で頭を揃え、横3列（携帯は縦）。白い枡は使わない（地は紙のまま） */
body.office[data-page="index"] .js-fuda{list-style:none;margin:clamp(22px,2.6vw,32px) 0 clamp(30px,3.6vw,48px);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,36px)}
body.office[data-page="index"] .js-fuda li{padding:14px 0 0;border-top:3px solid var(--gold-500)}
body.office[data-page="index"] .js-fuda p{margin:0;font-family:var(--font-mincho);font-size:16px;line-height:1.85;color:var(--ink-900)}
body.office[data-page="index"] .js-fuda p.js-fuda-mi{margin:0 0 6px;font-family:var(--font-sans);font-weight:700;font-size:clamp(19px,1.6vw,22px);letter-spacing:.06em;color:var(--navy-900)}
@media (max-width:860px){body.office[data-page="index"] .js-fuda{grid-template-columns:1fr;gap:18px}}
body.office[data-page="index"] section.band-jisaku h2 .nw{display:inline-block}
body.office[data-page="index"] section.band-tokyu{background:var(--paper-50);border-top:0}
body.office[data-page="index"] .tk-futa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:center}
body.office[data-page="index"] .tk-retsu{list-style:none;margin:clamp(18px,2.2vw,28px) 0 0;padding:0;border-top:2px solid var(--navy-900)}
body.office[data-page="index"] .tk-retsu li{padding:12px 0;border-bottom:1px solid rgba(10,25,47,.14)}
body.office[data-page="index"] .tk-retsu h3{margin:0 0 4px;font-family:var(--font-sans);font-weight:700;font-size:clamp(18px,1.5vw,20px);color:var(--navy-900)}
body.office[data-page="index"] .tk-retsu p{margin:0;font-family:var(--font-mincho);font-size:16px;line-height:1.8;color:var(--ink-900)}
body.office[data-page="index"] .tk-rsc{display:block !important;margin:0}
body.office[data-page="index"] .tk-rsc figcaption{display:block !important;width:auto !important}
body.office[data-page="index"] .tk-rsc img{display:block;width:100%;height:auto;border:1px solid rgba(10,25,47,.12);border-radius:4px}
body.office[data-page="index"] .tk-rsc figcaption{margin-top:8px;font-family:var(--font-sans);font-size:14.5px;color:var(--ink-700)}
body.office[data-page="index"] .tk-saki{margin-top:clamp(18px,2.2vw,28px) !important}
@media (max-width:860px){body.office[data-page="index"] .js-futa,body.office[data-page="index"] .tk-futa{grid-template-columns:1fr;gap:22px}}
/* 大島紬＝第一画面の売り物の名（体言・明朝） */
body.office .hero-ie .ie-tai{margin:clamp(16px,2vw,24px) 0 clamp(12px,1.6vw,18px);font-family:var(--font-mincho);font-weight:600;font-size:clamp(30px,3.7vw,48px);line-height:1.32;letter-spacing:.04em;color:var(--navy-900);font-feature-settings:"palt"}
body.office .hero-ie .ie-tai .nw{display:inline-block}
body.office .hero-ie .ie-lead{word-break:auto-phrase}
@media (max-width:720px){body.office .hero-ie .ie-tai{font-size:clamp(26px,7.6vw,34px)}}
/* 大島紬＝第一画面の人事制度の証拠。パソコン＝代表の写しの左下に、社員の携帯の実物を重ねる／携帯＝要点の下に小さな帯 */
body.office .hero-ie .ie-ten-a{display:inline-block;margin-left:.6em;font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px;white-space:nowrap}
body.office .hero-ie .ie-ten-a::after{content:" \203A";color:var(--gold-500)}
body.office .hero-ie .ie-kao-e{position:relative}
body.office .hero-ie .ie-kao img.ie-kao-sp{position:absolute;left:-28%;bottom:-6%;width:50%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:14px;border:3px solid var(--navy-900);background:#fff;box-shadow:0 18px 36px -16px rgba(10,25,47,.55)}
body.office .hero-ie .ie-kao-sp-mi{position:absolute;left:-28%;bottom:-21%;width:50%;text-align:center;font-family:var(--font-sans);font-weight:700;font-size:12.5px;letter-spacing:.06em;color:var(--navy-900)}
body.office .hero-ie .ie-kao:has(.ie-kao-sp) figcaption{margin-top:clamp(70px,5.6vw,80px)}
body.office .hero-ie .ie-kao-sp-mi small{display:block;font-weight:400;font-size:12px;color:var(--ink-500)}
body.office .hero-ie .ie-jitsu{display:none}
@media (max-width:860px){
  body.office .hero-ie .ie-kao img.ie-kao-sp,body.office .hero-ie .ie-kao-sp-mi{display:none}
  body.office .hero-ie .ie-kao-e{flex:0 0 76px}
  body.office .hero-ie .ie-kao:has(.ie-kao-sp) figcaption{margin-top:0}
  body.office .hero-ie .ie-jitsu{display:flex;align-items:center;gap:14px;margin:-4px 0 22px;padding:10px 12px;border:1px solid rgba(10,25,47,.16);border-left:3px solid var(--gold-500);border-radius:4px;background:var(--paper-50)}
  body.office .hero-ie .ie-jitsu img{flex:0 0 52px;width:52px;height:auto;border-radius:8px;border:2px solid var(--navy-900)}
  body.office .hero-ie .ie-jitsu span{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--ink-700)}
}
/* 大島紬＝人事問題が生じない理由（役割型の節の下・4列／携帯は縦） */
body.office[data-page="index"] .tk-riyu{margin:clamp(30px,3.6vw,48px) 0 0}
body.office[data-page="index"] .tk-riyu-mi{margin:0 0 12px;font-family:var(--font-sans);font-weight:700;font-size:17px;letter-spacing:.1em;color:var(--navy-900)}
body.office[data-page="index"] .tk-riyu ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px);counter-reset:riyu}
body.office[data-page="index"] .tk-riyu li{counter-increment:riyu;padding:12px 0 0;border-top:3px solid var(--gold-500);display:grid;gap:6px;align-content:start}
body.office[data-page="index"] .tk-riyu li b{font-family:var(--font-sans);font-weight:700;font-size:clamp(17px,1.4vw,19px);color:var(--navy-900)}
body.office[data-page="index"] .tk-riyu li b::before{content:counter(riyu,decimal-leading-zero) "　";font-size:14px;letter-spacing:.1em;color:var(--ink-500)}
body.office[data-page="index"] .tk-riyu li span{font-family:var(--font-mincho);font-size:16px;line-height:1.8;color:var(--ink-900)}
@media (max-width:960px){body.office[data-page="index"] .tk-riyu ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){body.office[data-page="index"] .tk-riyu ol{grid-template-columns:1fr}}
/* 大島紬＝料金の仕組み（左に計算の方法・右に人数別の表） */
body.office[data-page="index"] .nz-lead b{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:5px}
body.office[data-page="index"] .nz-futa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(18px,2.2vw,28px)}
body.office[data-page="index"] .nz-shiki{border-top:2px solid var(--navy-900);padding-top:14px}
body.office[data-page="index"] .nz-mi{margin:0 0 10px;font-family:var(--font-sans);font-weight:700;font-size:16px;letter-spacing:.1em;color:var(--navy-900)}
body.office[data-page="index"] .nz-k{margin:0;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid rgba(10,25,47,.14);font-family:var(--font-sans)}
body.office[data-page="index"] .nz-k > span{font-size:16px;color:var(--ink-700)}
body.office[data-page="index"] .nz-k b{font-family:var(--font-mincho);font-weight:600;font-size:clamp(21px,1.9vw,26px);color:var(--navy-900);font-variant-numeric:tabular-nums}
body.office[data-page="index"] .nz-chu{margin:10px 0 0;font-family:var(--font-mincho);font-size:15.5px;line-height:1.85;color:var(--ink-700)}
body.office[data-page="index"] .nz-hyo{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-variant-numeric:tabular-nums}
body.office[data-page="index"] .nz-hyo caption{caption-side:top;text-align:left;margin:0 0 10px;font-weight:700;font-size:16px;letter-spacing:.1em;color:var(--navy-900)}
body.office[data-page="index"] .nz-hyo th,body.office[data-page="index"] .nz-hyo td{padding:11px 12px;border-bottom:1px solid rgba(10,25,47,.14);text-align:right;font-size:16px;color:var(--ink-900)}
body.office[data-page="index"] .nz-hyo thead th{border-top:2px solid var(--navy-900);border-bottom:1px solid rgba(10,25,47,.3);font-size:14px;font-weight:700;color:var(--ink-700);letter-spacing:.04em}
body.office[data-page="index"] .nz-hyo tbody th{text-align:left;font-weight:700;color:var(--navy-900)}
body.office[data-page="index"] .nz-hyo th:first-child{text-align:left}
body.office[data-page="index"] .nz-de{margin:clamp(16px,2vw,24px) 0 0;font-family:var(--font-sans);font-size:15px;line-height:1.85;color:var(--ink-700)}
body.office[data-page="index"] .nz-de a,body.office[data-page="index"] .js-ryokin li a{color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px}
@media (max-width:860px){body.office[data-page="index"] .nz-futa{grid-template-columns:1fr}body.office[data-page="index"] .nz-hyo th,body.office[data-page="index"] .nz-hyo td{padding:10px 6px;font-size:15px}body.office[data-page="index"] .nz-hyo thead th{font-size:13px}}
/* 大島紬＝業務内容と料金の導入（ご依頼の安さ） */
body.office[data-page="index"] :is(.sg-lead,.nz-lead,.js-lead){word-break:auto-phrase;text-wrap:pretty}
body.office[data-page="index"] .sg-lead{font-size:clamp(16.5px,1.3vw,18px) !important;margin:0 0 clamp(14px,1.8vw,22px) !important}
body.office[data-page="index"] .sg-lead .nw{display:inline-block}
/* 大島紬（審査の指摘）＝行末に1語だけ残る行を避ける（本文の段落・札・理由） */
body.office[data-page="index"] :is(.js-fuda p,.js-1 p,.tk-retsu p,.tk-riyu li > span,.js-michi-1 p,.nz-dl dd,.ap-bu > p,.tk-te),body.office .hero-ie .ie-ten li > span{text-wrap:pretty}
body.office[data-page="index"] :is(.nz-chu,.nz-dl dd,.nz-de){word-break:auto-phrase;text-wrap:pretty;text-align:left;text-justify:auto}
body.office .kp,body.office :is(p,dd,span) > .kp{white-space:nowrap;text-wrap-mode:nowrap}
/* 第一画面の要点と、品書きの注＝短い札の字は語の切れ目で折る（「労務／相談顧問」「ス／ポット」の折れを止める） */
body.office .hero-ie .ie-ten li > span,body.office[data-page="index"] .ie-shinagaki-mi > span{word-break:auto-phrase}
body.office[data-page="index"] .nz-migi{display:grid;gap:clamp(14px,1.8vw,22px);align-content:start}
body.office[data-page="index"] .nz-migi .nz-de{margin:0}
@media (max-width:560px){body.office[data-page="index"] .jj-obi .maku{flex-direction:column;align-items:flex-start}body.office[data-page="index"] .jj-obi a{margin-left:0}}
/* 料金の注＝3つの小見出し */
body.office[data-page="index"] .nz-dl{margin:12px 0 0;display:grid;gap:10px}
body.office[data-page="index"] .nz-dl dt{font-family:var(--font-sans);font-weight:700;font-size:14.5px;color:var(--navy-900)}
body.office[data-page="index"] .nz-dl dd{margin:2px 0 0;font-family:var(--font-mincho);font-size:15.5px;line-height:1.8;color:var(--ink-700)}
/* 実績の帯（料金の節の直前・一行） */
body.office[data-page="index"] .jj-obi{border-top:1px solid rgba(10,25,47,.14);border-bottom:1px solid rgba(10,25,47,.14);background:var(--paper-50)}
body.office[data-page="index"] .jj-obi .maku{display:flex;flex-wrap:wrap;align-items:center;gap:10px clamp(18px,3vw,40px);padding-top:18px;padding-bottom:18px}
body.office[data-page="index"] .jj-mi{margin:0;font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.12em;color:var(--gold-600)}
body.office[data-page="index"] .jj-obi ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px clamp(18px,3vw,40px)}
body.office[data-page="index"] .jj-obi li{display:flex;align-items:baseline;gap:8px}
body.office[data-page="index"] .jj-obi li span{font-family:var(--font-sans);font-size:14px;color:var(--ink-700)}
body.office[data-page="index"] .jj-obi li b{font-family:var(--font-mincho);font-weight:600;font-size:clamp(20px,1.8vw,24px);color:var(--navy-900)}
body.office[data-page="index"] .jj-obi a{margin-left:auto;font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px}
body.office[data-page="index"] .jj-obi a::after{content:" \203A";color:var(--gold-500)}
@media (max-width:560px){body.office[data-page="index"] .jj-obi ul{flex-direction:column}body.office[data-page="index"] .jj-obi a{margin-left:0}}
/* 携帯の02＝手順書の絵を「指令書の配信」の直後へ（文と絵を対応させる） */
@media (max-width:860px){
  body.office[data-page="index"] .js-migi{display:contents}
  body.office[data-page="index"] .js-futa{display:flex;flex-direction:column}
  body.office[data-page="index"] .js-mittsu{order:1}body.office[data-page="index"] .js-sp{order:2}body.office[data-page="index"] .js-ryokin{order:3}
}
/* 大島紬（審査の指摘）＝料金の行が携帯で字間の開いた割付けになり「月／500円」で折れた＝左右の両端揃えをやめ、携帯は名と額を縦に積む */
body.office[data-page="index"] .nz-k,body.office[data-page="index"] .nz-k *{text-align:left;text-justify:auto}
body.office[data-page="index"] .nz-k b{white-space:nowrap}
body.office[data-page="index"] .nz-hyo thead th{white-space:nowrap}
body.office[data-page="index"] .nz-btns{margin-top:clamp(20px,2.4vw,30px)}
@media (max-width:560px){body.office[data-page="index"] .nz-k{flex-direction:column;align-items:flex-start;gap:2px}body.office[data-page="index"] .nz-hyo thead th{font-size:12.5px}}
/* 大島紬＝構築の方法＝2つの選択肢を左右に（携帯は縦） */
body.office[data-page="index"] .js-michi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin-top:4px}
body.office[data-page="index"] .js-michi-1{padding:12px 0 0;border-top:3px solid var(--gold-500)}
body.office[data-page="index"] .js-michi-1 p{margin:0;font-family:var(--font-mincho);font-size:15.5px;line-height:1.8;color:var(--ink-900)}
body.office[data-page="index"] .js-michi-1 p.js-michi-mi{font-family:var(--font-sans);font-weight:700;font-size:17px;color:var(--navy-900)}
body.office[data-page="index"] .js-michi-1 p.js-michi-ne{margin:2px 0 6px;font-family:var(--font-sans);font-weight:700;font-size:15px;color:var(--gold-600)}
body.office[data-page="index"] .js-michi a{color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px}
@media (max-width:560px){body.office[data-page="index"] .js-michi{grid-template-columns:1fr}}
/* 大島紬＝人事問題が生じない理由＝5つ（パソコンは5列） */
@media (min-width:1180px){body.office[data-page="index"] .tk-riyu ol{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:961px) and (max-width:1179px){body.office[data-page="index"] .tk-riyu ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 大島紬＝円環型組織図の写しに、左のメニューと右の端が写り込んでいた＝枠で切り、図の部分だけを見せる */
body.office[data-page="index"] .tk-rsc-waku{overflow:hidden;border:1px solid rgba(10,25,47,.12);border-radius:4px;background:#0b1830;aspect-ratio:1568/907}
body.office[data-page="index"] .tk-rsc .tk-rsc-waku img{width:128.9%;max-width:none;margin-left:-24%;border:0;border-radius:0}
/* 大島紬＝体系の柱の札は押せない＝ボタンに見えない形に（枠を外し、金の細い罫の印） */
body.office[data-page="index"] .tk-in{border:0 !important;background:none !important;padding:0 0 0 10px !important;border-left:3px solid var(--gold-500) !important;border-radius:0 !important;font-size:13.5px}
body.office[data-page="index"] .sg-lead b{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:5px}
/*[見せ場:jikki]*/
body.office .gm-ba{background:var(--paper-100);border-top:1px solid rgba(10,25,47,.12);border-bottom:1px solid rgba(10,25,47,.12);padding:clamp(56px,7vw,104px) 0}
body.office .gm-ba .maku{max-width:var(--w-base,1134px);margin:0 auto;padding-left:clamp(16px,4vw,72px);padding-right:clamp(16px,4vw,72px);box-sizing:content-box}
@media (max-width:860px){body.office .gm-ba .maku{padding-left:16px;padding-right:16px;box-sizing:border-box}}
body.office .gm-kumi{display:grid;gap:clamp(28px,4vw,56px);align-items:center}
body.office .gm-yoko .gm-kumi{grid-template-columns:minmax(0,1fr)}
body.office .gm-yoko .gm-yomi{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:clamp(28px,4vw,64px);align-items:end}
body.office .gm-yoko .gm-yomi .gm-ko,body.office .gm-yoko .gm-yomi .gm-mi{grid-column:1}
body.office .gm-yoko .gm-yomi .gm-te{grid-column:2;grid-row:1 / span 2;align-self:end}
body.office .gm-yoko .gm-yomi .gm-ike{grid-column:2}
body.office .gm-tate .gm-kumi{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}
body.office .gm-ko{margin:0 0 12px;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--navy-800);display:flex;align-items:center;gap:12px}
body.office .gm-ko::before{content:"";width:28px;height:1px;background:var(--gold-500)}
body.office .gm-mi{margin:0;font-family:var(--font-mincho);font-weight:600;font-size:clamp(26px,2.6vw,36px);line-height:1.5;color:var(--ink-900);word-break:auto-phrase}
body.office .gm-te{margin:16px 0 0;font-family:var(--font-mincho);font-size:clamp(16px,1.25vw,17px);line-height:2;color:var(--ink-700);max-width:34em}
body.office .gm-ike{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-family:var(--font-sans);font-weight:700;font-size:15px;color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:6px;justify-self:start}
body.office .gm-ike::after{content:"→"}
body.office .gm-ike:focus-visible{outline:2px solid var(--navy-700);outline-offset:4px}
body.office .gm-e{margin:0}
body.office .gm-yoko .gm-e{margin-top:clamp(8px,1.6vw,20px)}
body.office .gm-e img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 24px 56px rgba(10,25,47,.20),0 2px 0 rgba(10,25,47,.06)}
body.office .gm-tate .gm-e img{max-width:320px;margin:0 auto;border-radius:26px;border:8px solid var(--navy-900)}
body.office .gm-e figcaption{margin-top:12px;font-family:var(--font-sans);font-size:14px;line-height:1.7;color:var(--ink-500)}
body.office .gm-tate .gm-e figcaption{max-width:320px;margin-left:auto;margin-right:auto}
@media (max-width:860px){
  body.office .gm-yoko .gm-yomi{display:block}
  body.office .gm-tate .gm-kumi{grid-template-columns:1fr}
  body.office .gm-tate .gm-e img{max-width:260px}
  body.office .gm-yoko .gm-e img{aspect-ratio:4/3;object-fit:cover;object-position:28% 0}
}
/*[見せ場:jimusho]*/
body.office[data-page="jimusho"] .hero .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;column-gap:clamp(32px,5vw,72px) !important;align-items:center !important}
body.office[data-page="jimusho"] .hero .hero-text h1{font-family:var(--font-sans) !important;font-weight:700 !important;font-size:clamp(19px,1.7vw,23px) !important;line-height:1.5 !important;letter-spacing:.08em !important;color:var(--navy-900) !important;display:inline-block;margin:6px 0 0 !important;padding:0 0 12px;border-bottom:1px solid var(--gold-500)}
body.office[data-page="jimusho"] .jm-yakusoku{font-family:var(--font-mincho);font-weight:600;font-size:clamp(36px,4.4vw,58px);line-height:1.3;letter-spacing:.04em;color:var(--ink-900);margin:clamp(16px,2.2vw,26px) 0 clamp(16px,2vw,22px);font-feature-settings:"palt"}
body.office[data-page="jimusho"] .jm-yakusoku .nw{display:inline-block}
body.office[data-page="jimusho"] .hero .hero-text .lead{font-family:var(--font-mincho);font-size:clamp(16px,1.25vw,17.5px);line-height:2;color:var(--ink-900)}
body.office[data-page="jimusho"] .jm-mail{margin:0}
body.office[data-page="jimusho"] .jm-mail-ba{border-top:2px solid var(--navy-900);border-bottom:1px solid var(--line);font-family:var(--font-sans)}
body.office[data-page="jimusho"] .jm-mail-gyo{display:grid;grid-template-columns:4.5em minmax(0,1fr);margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.6;color:var(--ink-900);overflow-wrap:anywhere}
body.office[data-page="jimusho"] .jm-mail-gyo span{font-weight:700;letter-spacing:.1em;color:var(--ink-500);font-size:14px}
body.office[data-page="jimusho"] .jm-mail-gyo b{color:var(--navy-900)}
body.office[data-page="jimusho"] .jm-mail-hon{padding:16px 0 18px;font-family:var(--font-mincho);font-size:16.5px;line-height:2.1;color:var(--ink-900)}
body.office[data-page="jimusho"] .jm-mail-hon p{margin:0;display:flex;gap:.5em}
body.office[data-page="jimusho"] .jm-mail-hon i{flex:1;font-style:normal;border-bottom:1px dashed rgba(10,25,47,.28);margin-bottom:.55em}
body.office[data-page="jimusho"] .jm-mail-hon em{font-style:normal;font-weight:700;color:var(--navy-900)}
body.office[data-page="jimusho"] .jm-mail figcaption{margin-top:14px;font-family:var(--font-sans);font-size:14px !important;line-height:1.75;color:var(--ink-700)}
body.office[data-page="jimusho"] .jm-hyo{grid-column:1 / -1}
body.office[data-page="jimusho"] .jm-hyo table.renraku{max-width:none !important}
@media (min-width:961px){
body.office[data-page="jimusho"] .jm-hyo table.renraku,body.office[data-page="jimusho"] .jm-hyo table.renraku tbody{display:block;width:100%}
body.office[data-page="jimusho"] .jm-hyo table.renraku{margin-top:clamp(28px,3vw,40px)}
body.office[data-page="jimusho"] .jm-hyo table.renraku tbody{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr) minmax(0,1.3fr) minmax(0,1.2fr) minmax(0,1.6fr)}
body.office[data-page="jimusho"] .jm-hyo table.renraku tr{display:block;padding:16px clamp(12px,1.4vw,20px) 18px;border-left:1px solid var(--line)}
body.office[data-page="jimusho"] .jm-hyo table.renraku tr:first-child{border-left:0;padding-left:0}
body.office[data-page="jimusho"] .jm-hyo table.renraku th,body.office[data-page="jimusho"] .jm-hyo table.renraku td{display:block;width:auto !important;min-width:0 !important;border:0 !important;padding:0 !important}
body.office[data-page="jimusho"] .jm-hyo table.renraku th{font-size:14.5px !important;margin-bottom:6px}
body.office[data-page="jimusho"] .jm-hyo table.renraku td{font-size:15px !important;line-height:1.8}
}

/* 01 用件別のメール＝四つの列 */
body.office[data-page="jimusho"] #mail .toi{grid-template-columns:repeat(4,minmax(0,1fr)) !important;border-top:2px solid var(--navy-900)}
body.office[data-page="jimusho"] #mail .yomi{max-width:none}
@media (min-width:961px){
body.office[data-page="jimusho"] #mail .yomi + .yomi{margin-top:0}
body.office[data-page="jimusho"] #mail .toi ~ .yomi{display:inline-block;vertical-align:top;width:calc(50% - 28px)}
body.office[data-page="jimusho"] #mail .toi ~ .yomi + .yomi{margin-left:52px}
}

/* 02 返信と電話＝右に三つの図 */
body.office[data-page="jimusho"] .jm-futa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:clamp(32px,5vw,72px);align-items:start}
body.office[data-page="jimusho"] .jm-zu{margin:6px 0 0;border-top:2px solid var(--navy-900)}
body.office[data-page="jimusho"] .jm-zu ol{list-style:none;margin:0;padding:0}
body.office[data-page="jimusho"] .jm-zu li{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
body.office[data-page="jimusho"] .jm-zu svg{width:52px;height:52px;fill:none;stroke:var(--navy-900);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.office[data-page="jimusho"] .jm-zu .batsu{stroke:var(--ink-500)}
body.office[data-page="jimusho"] .jm-zu b{display:block;font-family:var(--font-sans);font-size:17px;letter-spacing:.04em;color:var(--navy-900)}
body.office[data-page="jimusho"] .jm-zu span{display:block;margin-top:2px;font-family:var(--font-mincho);font-size:15.5px;line-height:1.75;color:var(--ink-700)}

/* 03 ご覧いただきたいもの＝三つの列 */
body.office[data-page="jimusho"] #mae .yomi{max-width:none}
@media (min-width:761px){
body.office[data-page="jimusho"] #mae ul.kajo.kou{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;column-gap:clamp(24px,3vw,44px) !important;border-top:2px solid var(--navy-900) !important}
body.office[data-page="jimusho"] #mae ul.kajo.kou li{grid-column:auto !important;display:block !important;padding:20px 0 22px !important}
body.office[data-page="jimusho"] #mae ul.kajo.kou .k-mi{display:block;margin-bottom:8px;font-size:18px}
body.office[data-page="jimusho"] #mae ul.kajo.kou li > span:last-child{font-family:var(--font-mincho);font-size:16px;line-height:1.9}
}

@media (max-width:960px){
body.office[data-page="jimusho"] .hero .hero-grid{grid-template-columns:1fr !important}
body.office[data-page="jimusho"] #mail .toi{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
body.office[data-page="jimusho"] .jm-futa{grid-template-columns:1fr}
}
@media (max-width:640px){
body.office[data-page="jimusho"] .jm-yakusoku{font-size:clamp(30px,8.4vw,36px) !important;letter-spacing:.02em}
body.office[data-page="jimusho"] #mail .toi{grid-template-columns:1fr !important}
}

body.office[data-page="jimusho"] section.yama .yama-mi .nw{display:inline-block}

body.office[data-page="jimusho"] .jm-mail-ba{border-top:3px solid var(--navy-900) !important;border-bottom:2px solid var(--navy-900) !important;padding:0 0 4px}
body.office[data-page="jimusho"] .jm-mail-ba::before{content:"メールの見本";display:block;padding:12px 0 10px;border-bottom:1px solid var(--gold-500);font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--navy-900)}
body.office[data-page="jimusho"] .jm-mail-gyo{font-size:16.5px !important;padding:14px 0 !important;grid-template-columns:4.8em minmax(0,1fr) !important}
body.office[data-page="jimusho"] .jm-mail-gyo span{font-size:15px !important}
body.office[data-page="jimusho"] .jm-mail-gyo b{font-size:17.5px}
body.office[data-page="jimusho"] .jm-mail-hon{font-size:clamp(17px,1.5vw,19.5px) !important;line-height:2.2 !important}
body.office[data-page="jimusho"] .jm-mail-hon i{border-bottom:1.5px dashed rgba(10,25,47,.4) !important}
body.office[data-page="jimusho"] .jm-mail figcaption{font-size:15px !important}

body.office[data-page="jimusho"] .jm-hyo table.renraku td a[href^="mailto:"]{white-space:nowrap;overflow-wrap:normal;word-break:keep-all;letter-spacing:0}
@media (min-width:961px){
body.office[data-page="jimusho"] .jm-hyo table.renraku tbody{grid-template-columns:minmax(0,.85fr) minmax(0,1.9fr) minmax(0,1.15fr) minmax(0,1.05fr) minmax(0,2.05fr) !important}
body.office[data-page="jimusho"] .jm-hyo table.renraku tr:last-child td{font-size:14.5px !important;overflow-wrap:normal !important}
}
@media (max-width:960px){
body.office[data-page="jimusho"] .jm-hyo table.renraku td a[href^="mailto:"]{font-size:clamp(14px,4.2vw,17px)}
}

@media (max-width:640px){
body.office[data-page="jimusho"] .jm-mail-gyo{font-size:15px !important;overflow-wrap:normal !important;grid-template-columns:3.6em minmax(0,1fr) !important}
body.office[data-page="jimusho"] .jm-mail-gyo:first-child{white-space:nowrap;font-size:14px !important;letter-spacing:0}
}

body.office[data-page="jimusho"] .toi-ken{color:var(--navy-900) !important;font-size:15px !important}
body.office[data-page="jimusho"] .jm-nw{display:inline-block;white-space:nowrap}
@media (min-width:961px){
body.office[data-page="jimusho"] .jm-hyo table.renraku tbody{grid-template-columns:minmax(0,1.05fr) minmax(0,1.85fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,2.05fr) !important}
}

body.office[data-page="jimusho"] #mae .yomi{max-width:none}
body.office[data-page="jimusho"] .jm-fuda-retsu{list-style:none;margin:clamp(20px,2.4vw,28px) 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
body.office[data-page="jimusho"] .jm-fuda{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mi ya" "te ya";align-items:start;gap:6px 14px;height:100%;box-sizing:border-box;padding:20px 22px 22px;border-top:3px solid var(--navy-900);background:var(--paper-50,#fbf8f1);box-shadow:0 1px 0 rgba(10,25,47,.12);color:var(--ink-900);text-decoration:none;transition:background .2s}
body.office[data-page="jimusho"] .jm-fuda b{grid-area:mi;background:none !important;padding:0 !important;box-shadow:none !important;text-decoration:none !important;font-family:var(--font-sans);font-weight:700;font-size:18px;color:var(--navy-900);letter-spacing:.04em}
body.office[data-page="jimusho"] .jm-fuda span{grid-area:te;font-family:var(--font-mincho);font-size:15px;line-height:1.85;color:var(--ink-700)}
body.office[data-page="jimusho"] .jm-fuda i{grid-area:ya;align-self:center;font-style:normal;font-size:22px;color:var(--navy-900);transition:transform .2s}
body.office[data-page="jimusho"] .jm-fuda:hover{background:#fff}
body.office[data-page="jimusho"] .jm-fuda:hover i{transform:translateX(4px)}
body.office[data-page="jimusho"] .jm-fuda:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}
@media (max-width:860px){body.office[data-page="jimusho"] .jm-fuda-retsu{grid-template-columns:1fr}}
/*[見せ場:joseikin]*/
body[data-page="joseikin"] .js-nen svg .js-nen-kin{fill:var(--gold-500)}
body.office[data-page="joseikin"] section.band .maku > :is(.hyo-ba,.tokuten,.nagare,.nagare-ku,.hayami){max-width:none !important}
body.office[data-page="joseikin"] .hyo-ba .kt-h4{display:flex;align-items:baseline;gap:14px;margin-top:40px !important;padding-bottom:10px !important;border-bottom:0 !important;font-size:22px !important;color:var(--navy-900)}
body.office[data-page="joseikin"] .hyo-ba .kt-kumi:first-child .kt-h4{margin-top:8px !important}
body.office[data-page="joseikin"] .hyo-ba .kt-hyo thead th{border-bottom:1px solid var(--ink-400)}
@media (min-width:721px){body.office[data-page="joseikin"] .hyo-ba .kt-hyo tbody tr > *{border-bottom:1px solid var(--line);padding-top:14px !important;padding-bottom:14px !important}}
body.office[data-page="joseikin"] .hyo-ba .kt-hyo .kt-nuki{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:19px !important;color:var(--navy-900) !important}
body.office[data-page="joseikin"] .hyo-ba .kt-hyo .kt-namae{font-size:16px !important}
body.office[data-page="joseikin"] .hyo-ba .kt-hyo .kt-no{color:var(--ink-500)}
body.office[data-page="joseikin"] .kt-dl{display:grid !important;grid-template-columns:11em repeat(3,minmax(0,1fr));column-gap:28px;row-gap:0}
body.office[data-page="joseikin"] .kt-dl dt{grid-column:1;padding:16px 0;border-top:1px solid var(--line);font-family:var(--font-sans);font-size:16px !important;color:var(--navy-900)}
body.office[data-page="joseikin"] .kt-dl dd{display:block !important;margin:0 !important;padding:16px 0;border-top:1px solid var(--line);font-family:var(--font-mincho);font-size:15px !important;line-height:1.85;color:var(--ink-700)}
body.office[data-page="joseikin"] .kt-dl-mi{display:block;margin-bottom:4px;font-size:14px !important;letter-spacing:.12em;color:var(--ink-500) !important}
@media (max-width:960px){
  body.office[data-page="joseikin"] .kt-dl{grid-template-columns:1fr}
  body.office[data-page="joseikin"] .kt-dl dd{border-top:0;padding:4px 0 10px}
}
body.office[data-page="joseikin"] #nagare .yomi{max-width:none}
body.office[data-page="joseikin"] .kt-chu-ku{display:block;max-width:34em;padding:6px 0;border-top:1px solid var(--line)}
body.office[data-page="joseikin"] .kt-chu-ku:first-child{border-top:0;padding-top:0}
body.office[data-page="joseikin"] .js-hayami-e{margin:18px 0 0}
body.office[data-page="joseikin"] .js-hayami-e a{display:inline-flex;align-items:center;gap:14px;padding:12px 0;border-bottom:2px solid var(--gold-500);font-family:var(--font-sans);font-weight:700;font-size:16px;color:var(--navy-900);text-decoration:none}
body.office[data-page="joseikin"] .js-hayami-e a span{font-weight:500;font-size:14px;color:var(--ink-700)}
body.office[data-page="joseikin"] .hayami{max-width:none !important;margin-left:0 !important;margin-right:0 !important;margin-top:28px !important;padding:8px 0 16px !important;border-top:3px solid var(--navy-900)}
body.office[data-page="joseikin"] .hayami-mi{border-bottom:1px solid var(--ink-400) !important}
body.office[data-page="joseikin"] .hayami-mi b{font-size:22px !important;letter-spacing:.08em !important}
body.office[data-page="joseikin"] .hayami-mi span{font-size:14px !important}
body.office[data-page="joseikin"] .hayami-kata span,body.office[data-page="joseikin"] .hayami-gaku label{font-size:14px !important}
body.office[data-page="joseikin"] .hayami-g-ne{font-size:clamp(28px,3vw,40px) !important}

@media (min-width:961px){
  body.office[data-page="joseikin"] .hero h1{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:clamp(34px,3.5vw,48px) !important;line-height:1.45 !important;letter-spacing:.04em !important}
}
@media (max-width:960px){
  body.office[data-page="joseikin"] .hero h1{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:30px !important;line-height:1.5 !important;letter-spacing:.02em !important}
}
body.office[data-page="joseikin"] .js-shita > .yomi{margin-left:0;margin-right:0;max-width:none}
body.office[data-page="joseikin"] .js-shita .kusari-in{position:static}
body.office[data-page="joseikin"] .js-nen{margin:6px 0 0;padding:4px 0 4px clamp(18px,2vw,28px);border-left:2px solid var(--navy-900)}
body.office[data-page="joseikin"] .js-nen-mi{margin:0;font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.14em;color:var(--ink-500)}
body.office[data-page="joseikin"] .js-nen-su{margin:6px 0 0;font-family:var(--font-mincho);font-weight:600;font-size:clamp(56px,6vw,84px);line-height:1.1;color:var(--navy-900)}
body.office[data-page="joseikin"] .js-nen-su small{font-size:.38em;margin-left:4px}
body.office[data-page="joseikin"] .js-nen svg{display:block;width:100%;max-width:300px;height:auto;margin-top:14px;color:var(--navy-900)}
body.office[data-page="joseikin"] .js-nen-te{margin:10px 0 0;font-family:var(--font-mincho);font-size:16px;line-height:1.8;color:var(--ink-700)}
@media (min-width:961px){
  body.office[data-page="joseikin"] .hero-kao .hero-grid{grid-template-columns:1fr 1fr !important;column-gap:64px}
  body.office[data-page="joseikin"] .kao-joseikin .kao-ba{max-width:none}
  body.office[data-page="joseikin"] .kao-joseikin .jk-dan{padding:22px 0 24px}
  body.office[data-page="joseikin"] .kao-joseikin .jk-mi{font-size:15px !important;margin-bottom:18px}
  body.office[data-page="joseikin"] .kao .kao-ba .jk-sen li i{width:44px;height:44px;font-size:20px}
  body.office[data-page="joseikin"] .jk-sen li::after{left:44px;top:21px}
  body.office[data-page="joseikin"] .jk-go .jk-sen li::after{top:21px}
  body.office[data-page="joseikin"] .kao .kao-ba .jk-go .jk-sen li.jk-batsu i{background-size:30px 30px,30px 30px}
  body.office[data-page="joseikin"] .jk-sen li span{font-size:16px !important;margin-top:12px}
  body.office[data-page="joseikin"] .kao-joseikin figcaption{font-size:15px !important}
}
/* 六つの段を一本の線に */
body.office[data-page="joseikin"] #nagare .nagare-ku{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(28px,3vw,40px)}
body.office[data-page="joseikin"] #nagare .ku{position:relative;padding:0;border:0;margin:0}
body.office[data-page="joseikin"] #nagare .ku-na{margin:0 0 18px;padding:0 0 10px;border-bottom:1px solid var(--gold-500);margin-right:24px;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--ink-500)}
body.office[data-page="joseikin"] #nagare .ku-na::before,body.office[data-page="joseikin"] #nagare .ku-na::after{content:none !important}
body.office[data-page="joseikin"] #nagare .nagare{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;counter-reset:none}
body.office[data-page="joseikin"] #nagare .nagare li{position:relative;display:block;margin:0;padding:0 24px 0 0;border:0}
body.office[data-page="joseikin"] #nagare .nagare li::before{content:"";position:absolute;left:0;right:0;top:21px;height:2px;background:var(--navy-900)}
body.office[data-page="joseikin"] #nagare .ku:last-child .nagare li:last-child::before{right:auto;width:44px}
body.office[data-page="joseikin"] #nagare .nagare-no{position:relative;z-index:1;display:flex !important;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;margin:0 0 16px;border-radius:50%;background:var(--navy-900);color:var(--paper-50) !important;font-family:var(--font-mincho);font-weight:600;font-size:20px !important;line-height:1;font-variant-numeric:lining-nums}
body.office[data-page="joseikin"] #nagare .nagare li:has(.kisha) .nagare-no{background:var(--paper-50);border:2px solid var(--navy-900);color:var(--navy-900) !important}
body.office[data-page="joseikin"] #nagare .ku:last-child .nagare li:last-child .nagare-no{background:var(--gold-500);border:0;color:var(--navy-900) !important;box-shadow:0 0 0 6px rgba(197,168,128,.26)}
body.office[data-page="joseikin"] #nagare .nagare-na{display:block;font-family:var(--font-sans);font-weight:700;font-size:18px;line-height:1.5;color:var(--navy-900)}
body.office[data-page="joseikin"] #nagare .nagare-dare{display:block;margin:4px 0 0;padding:0;font-weight:500;letter-spacing:.08em;color:var(--ink-500)}
body.office[data-page="joseikin"] #nagare .nagare-dare::before{content:none !important}
body.office[data-page="joseikin"] #nagare .nagare-dare.kisha{color:var(--navy-900);font-weight:700}
body.office[data-page="joseikin"] #nagare .nagare-te{display:block;margin-top:8px;font-family:var(--font-mincho);font-size:16px;line-height:1.8;color:var(--ink-700);word-break:auto-phrase}
body.office[data-page="joseikin"] #nagare .jk-wakare{display:inline-block;margin:10px 0 0;padding:2px 0 2px 10px;border-left:2px solid var(--navy-900);font-family:var(--font-sans);font-weight:700;font-size:14px;line-height:1.6;color:var(--navy-900)}
body.office[data-page="joseikin"] #nagare .nagare-hanrei{display:flex;flex-wrap:wrap;gap:8px 28px;margin:22px 0 0;padding:14px 0 0;border-top:1px solid var(--line);font-family:var(--font-sans);font-size:14px;color:var(--ink-700)}
body.office[data-page="joseikin"] #nagare .nagare-hanrei span{display:inline-flex;align-items:center;gap:10px}
body.office[data-page="joseikin"] #nagare .nagare-hanrei i{display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--navy-900)}
body.office[data-page="joseikin"] #nagare .nagare-hanrei i.k{background:var(--paper-50);border:2px solid var(--navy-900);box-sizing:border-box}
body.office[data-page="joseikin"] .yama-joseikin .yama-e img{object-position:50% 60% !important}
body.office[data-page="joseikin"] #nagare .nagare li::after,body.office[data-page="joseikin"] #nagare .ku::before,body.office[data-page="joseikin"] #nagare .ku::after,body.office[data-page="joseikin"] #nagare .ku + .ku::before{content:none !important;display:none !important}
body.office[data-page="joseikin"] #nagare .ku,body.office[data-page="joseikin"] #nagare .ku-na{border-left:0 !important;padding-left:0 !important;background:none !important}
body.office[data-page="joseikin"] #nagare .ku:last-child .nagare li:last-child::before{display:none}
body.office[data-page="joseikin"] #nagare .nagare-hanrei{margin-bottom:28px}
@media (max-width:960px){
  body.office[data-page="joseikin"] #nagare .nagare-ku{grid-template-columns:1fr}
  body.office[data-page="joseikin"] #nagare .ku{padding-bottom:8px}
  body.office[data-page="joseikin"] #nagare .ku-na{margin-right:0}
  body.office[data-page="joseikin"] #nagare .nagare{grid-template-columns:1fr}
  body.office[data-page="joseikin"] #nagare .nagare li{padding:0 0 22px 62px;min-height:44px}
  body.office[data-page="joseikin"] #nagare .nagare li::before{left:21px;right:auto;top:0;bottom:0;width:2px;height:auto}
  body.office[data-page="joseikin"] #nagare .ku:last-child .nagare li:last-child::before{width:2px;height:22px;bottom:auto}
  body.office[data-page="joseikin"] #nagare .nagare-no{position:absolute;left:0;top:0;margin:0}
}
@media (max-width:720px){
  /* 早見の表＝選んだ行の帯を、額にかけない */
  body.office[data-page="joseikin"] .hyo-waku.joseikin tbody tr{position:relative;padding-left:14px !important;box-shadow:none !important}
  body.office[data-page="joseikin"] .hyo-waku.joseikin tbody tr th,body.office[data-page="joseikin"] .hyo-waku.joseikin tbody tr td{border-left:0 !important;box-shadow:none !important}
  body.office[data-page="joseikin"] .hyo-waku.joseikin tbody tr:has(input:checked){background:var(--gold-050);outline:0}
  body.office[data-page="joseikin"] .hyo-waku.joseikin tbody tr:has(input:checked)::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--gold-500)}
  /* 式の「＋」を、二つ目の塊の頭に添える */
  body.office[data-page="joseikin"] #ryokin .shiki{display:grid !important;grid-template-columns:28px minmax(0,1fr);column-gap:6px;align-items:start}
  body.office[data-page="joseikin"] #ryokin .shiki > .shiki-1:first-child{grid-column:1 / -1}
  body.office[data-page="joseikin"] #ryokin .shiki .shiki-en{grid-column:1;margin:0 !important;padding-top:2px;font-size:24px !important;line-height:1.2;text-align:center}
  body.office[data-page="joseikin"] #ryokin .shiki .shiki-en + .shiki-1{grid-column:2;margin-top:0 !important}
  body.office[data-page="joseikin"] .yama-joseikin .yama-mi{font-size:27px !important}
  body.office[data-page="joseikin"] .hayami-mi{flex-direction:column !important;align-items:flex-start !important}
  body.office[data-page="joseikin"] .hayami-mi b{white-space:nowrap}
  body.office[data-page="joseikin"] #ryokin .shiki .shiki-1:last-child .shiki-ne{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
  body.office[data-page="joseikin"] #ryokin .shiki .shiki-1:last-child .shiki-ne > b:first-child{flex:0 0 auto}
  body.office[data-page="joseikin"] #ryokin .shiki .shiki-1:last-child .shiki-ne > small:first-of-type{flex:0 0 calc(100% - 13em)}
  body.office[data-page="joseikin"] #ryokin .shiki{row-gap:14px;padding-bottom:14px}
  body.office[data-page="joseikin"] #ryokin .shiki > .shiki-1:first-child{padding-bottom:12px;border-bottom:1px solid var(--line)}
  body.office[data-page="joseikin"] .js-hayami-e a{flex-direction:column;align-items:flex-start;gap:4px}
}
/*[見せ場:kaigyo]*/
body.office .ie-yakusoku .kg,
body.office .ap-yakusoku .kg,
body.office .hk-yaku .kg,
body.office .jm-yakusoku .kg,
body.office .kk-yaku .kg,
body.office .mk-yakusoku .kg,
body.office .sk-yakusoku .kg,
body.office .tg-yakusoku .kg,
body.office .uk-dai .kg,
body.office .yama-mi .kg,
body.office .kk-n .kg{display:inline-block;max-width:100%;word-break:auto-phrase}
body.office .ie-yakusoku .kg .nw,
body.office .ap-yakusoku .kg .nw,
body.office .hk-yaku .kg .nw,
body.office .jm-yakusoku .kg .nw,
body.office .kk-yaku .kg .nw,
body.office .mk-yakusoku .kg .nw,
body.office .sk-yakusoku .kg .nw,
body.office .tg-yakusoku .kg .nw,
body.office .uk-dai .kg .nw,
body.office .yama-mi .kg .nw,
body.office .kk-n .kg .nw{white-space:normal}
body.office[data-page="keika"] .yama-mi{font-size:clamp(30px,3.7vw,50px) !important}
@media (max-width:520px){body.office .mk-yakusoku{font-size:21px !important}}
@media (min-width:961px){
body.office:not([data-page="index"]) .ie-yakusoku,
body.office:not([data-page="index"]) .ap-yakusoku,
body.office:not([data-page="index"]) .hk-yaku,
body.office:not([data-page="index"]) .jm-yakusoku,
body.office:not([data-page="index"]) .kk-yaku,
body.office:not([data-page="index"]) .sk-yakusoku,
body.office:not([data-page="index"]) .tg-yakusoku,
body.office:not([data-page="index"]) .uk-dai{font-size:clamp(34px,3.6vw,46px) !important;line-height:1.45 !important}
}
/*[見せ場:karisuma]*/
body[data-page="karisuma"] .hero h1.kk-h1{font-size:clamp(18px,1.6vw,21px) !important;line-height:1.5 !important;margin:0 0 6px}
body[data-page="karisuma"] .hero h1.kk-h1 .h1-mei{margin:0 0 .2em}
body[data-page="karisuma"] .kk-yaku{display:block;font-family:var(--font-mincho);font-weight:600;font-size:clamp(40px,4.7vw,64px);line-height:1.28;letter-spacing:.04em;color:var(--ink-900);margin:.35em 0 0;font-feature-settings:"palt";word-break:keep-all}
body[data-page="karisuma"] .kk-fuku{margin:18px 0 18px;font-family:var(--font-mincho);font-weight:600;font-size:clamp(18px,1.55vw,22px);line-height:1.7;color:var(--ink-900);word-break:auto-phrase;text-wrap:pretty}
body[data-page="karisuma"] .kk-fuku b,body[data-page="karisuma"] .kk-go .kk-shi{color:var(--navy-900)}
body[data-page="karisuma"] .kk-fuku b{font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:6px}
body[data-page="karisuma"] .hero .note{font-size:14px;color:var(--ink-700)}
/* 五原則を写す図 */
body[data-page="karisuma"] figure.kk-go{margin:8px 0 clamp(36px,4vw,56px);padding:0}
body[data-page="karisuma"] .kk-go table.renraku{display:block;width:100%;max-width:none;border:0;margin:0}
body[data-page="karisuma"] .kk-go thead,body[data-page="karisuma"] .kk-go tbody{display:block}
body[data-page="karisuma"] .kk-go tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:120px;position:relative;padding:20px 0;border-bottom:1px solid rgba(10,25,47,.14)}
body[data-page="karisuma"] .kk-go thead tr{border-top:2px solid var(--navy-900);border-bottom:1px solid var(--navy-900);padding:22px 0 20px}
body[data-page="karisuma"] .kk-go th,body[data-page="karisuma"] .kk-go td{display:block;width:auto !important;padding:0 !important;border:0 !important;background:none !important;text-align:left;vertical-align:top}
body[data-page="karisuma"] .kk-go thead th{display:flex !important;align-items:center;gap:18px;font-family:var(--font-sans);font-weight:700;font-size:clamp(19px,1.7vw,23px);letter-spacing:.06em;color:var(--navy-900)}
body[data-page="karisuma"] .kk-go thead th svg{width:84px;height:84px;flex:none}
body[data-page="karisuma"] .kk-go thead th small{display:block;margin-top:4px;font-weight:500;font-size:14px;letter-spacing:.08em;color:var(--ink-500)}
body[data-page="karisuma"] .kk-go thead tr::after{content:"写す";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 10px;background:var(--paper-50);font-family:var(--font-mincho);font-weight:600;font-size:18px;letter-spacing:.2em;color:var(--navy-900)}
body[data-page="karisuma"] .kk-go thead tr::before{content:"";position:absolute;left:calc(50% - 52px);width:104px;top:50%;height:1px;background:var(--navy-900)}
body[data-page="karisuma"] .kk-go tbody tr::before{content:"";position:absolute;left:calc(50% - 44px);width:80px;top:38px;height:1px;background:var(--gold-500)}
body[data-page="karisuma"] .kk-go tbody tr::after{content:"";position:absolute;left:calc(50% + 28px);top:33px;width:9px;height:9px;border-top:1.5px solid var(--gold-500);border-right:1.5px solid var(--gold-500);transform:rotate(45deg)}
body[data-page="karisuma"] .kk-go .kk-no{font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.2em;color:var(--ink-500);margin-right:12px}
body[data-page="karisuma"] .kk-go .kk-mei{font-family:var(--font-mincho);font-weight:600;font-size:clamp(24px,2.2vw,30px);letter-spacing:.1em;color:var(--ink-900)}
body[data-page="karisuma"] .kk-go .kk-toi{margin-left:14px;font-family:var(--font-sans);font-size:14px;color:var(--ink-500)}
body[data-page="karisuma"] .kk-go .kk-gen{display:block;margin-top:6px;font-family:var(--font-mincho);font-weight:500;font-size:16px;line-height:1.8;color:var(--ink-900)}
body[data-page="karisuma"] .kk-go .kk-shi-mi{display:block;font-family:var(--font-sans);font-size:14px;letter-spacing:.08em;color:var(--ink-500);margin:4px 0 6px}
body[data-page="karisuma"] .kk-go .kk-shi{display:block;font-family:var(--font-sans);font-weight:700;font-size:clamp(18px,1.6vw,21px);line-height:1.6;letter-spacing:.04em;padding-left:14px;border-left:3px solid var(--navy-900);word-break:auto-phrase}
body[data-page="karisuma"] section.yama{margin:0}
body[data-page="karisuma"] .kk-kusari{margin-top:4px;max-width:none}
/* 三巡目：01 の五原則の図を主役に、02 の四つの図は小さく */
body[data-page="karisuma"] .kk-kusari .kusari-e svg{max-width:240px !important;margin-bottom:14px}
body[data-page="karisuma"] .kk-kusari .kusari-te{font-size:15px !important;line-height:1.75}
body[data-page="karisuma"] .kk-kusari li{padding-top:14px;padding-bottom:16px}
body[data-page="karisuma"] .kk-go thead th svg{width:112px;height:112px}
body[data-page="karisuma"] .kk-go thead th{font-size:clamp(22px,2vw,27px)}
body[data-page="karisuma"] .kk-go tbody tr{padding:26px 0}
body[data-page="karisuma"] .kk-go .kk-mei{font-size:clamp(28px,2.7vw,38px)}
body[data-page="karisuma"] .kk-go .kk-gen{font-size:17px}
body[data-page="karisuma"] .kk-go .kk-shi{font-size:clamp(19px,1.8vw,24px)}
/* 03 の比べを全幅に */
body[data-page="karisuma"] #s3 .bunki{max-width:none;margin-left:0;margin-right:0}
body[data-page="karisuma"] #s3 > .maku > .yomi > p{max-width:none}
/* 04 要る経営者／要らない経営者＝一枚の対比の図 */
body[data-page="karisuma"] .kk-tai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:18px 0 28px;border-top:2px solid var(--navy-900);border-bottom:1px solid rgba(10,25,47,.18)}
body[data-page="karisuma"] .kk-tai > div{padding:20px 28px 22px 0}
body[data-page="karisuma"] .kk-tai > div + div{padding:20px 0 22px 28px;border-left:1px solid rgba(10,25,47,.18)}
body[data-page="karisuma"] .kk-tai h3{margin:0 0 10px !important;padding:0 !important;border:0 !important;font-size:clamp(18px,1.6vw,21px) !important}
body[data-page="karisuma"] .kk-tai h3::before{display:none !important}
body[data-page="karisuma"] .kk-tai ul.kajo{display:block !important;columns:auto !important;grid-template-columns:none !important;margin:0 !important}
body[data-page="karisuma"] .kk-tai ul.kajo li{width:auto !important}
body[data-page="karisuma"] .kk-tai p{margin:12px 0 0;font-weight:700;color:var(--navy-900)}
body[data-page="karisuma"] .kk-tai > div + div h3{color:var(--ink-700) !important}
@media (max-width:720px){
  body[data-page="karisuma"] .kk-tai{grid-template-columns:1fr}
  body[data-page="karisuma"] .kk-tai > div,body[data-page="karisuma"] .kk-tai > div + div{padding:18px 0;border-left:0}
  body[data-page="karisuma"] .kk-tai > div + div{border-top:1px solid rgba(10,25,47,.18)}
}
@media (max-width:720px){
  body[data-page="karisuma"] .kk-yaku{font-size:clamp(32px,9vw,40px)}
  body[data-page="karisuma"] .kk-go tr{grid-template-columns:1fr;row-gap:10px;padding:18px 0}
  body[data-page="karisuma"] .kk-go thead tr{grid-template-columns:1fr 1fr;column-gap:16px}
  body[data-page="karisuma"] .kk-go thead th{flex-direction:column;align-items:flex-start;gap:8px;font-size:17px}
  body[data-page="karisuma"] .kk-go thead th svg{width:56px;height:56px}
  body[data-page="karisuma"] .kk-go thead tr::before,body[data-page="karisuma"] .kk-go thead tr::after,body[data-page="karisuma"] .kk-go tbody tr::before,body[data-page="karisuma"] .kk-go tbody tr::after{content:none}
  body[data-page="karisuma"] .kk-go td{padding-left:4px !important}
  body[data-page="karisuma"] .kk-go .kk-toi{display:block;margin:4px 0 0}
  body[data-page="karisuma"] .kk-go thead tr{display:grid !important;grid-template-columns:1fr 1fr !important;column-gap:16px}
  body[data-page="karisuma"] .kk-go thead th{display:flex !important}
}
/*[見せ場:keii]*/
body[data-page="keii"] .hero.hero-ie{padding-top:clamp(28px,3.4vw,48px);padding-bottom:clamp(40px,4.6vw,64px)}
body[data-page="keii"] .hero-ie .ie-grid{grid-template-columns:minmax(0,1fr) clamp(220px,24vw,320px) !important;align-items:center !important}
body[data-page="keii"] .hero-ie .crumb{margin-bottom:clamp(14px,1.6vw,20px)}
body[data-page="keii"] .hero-ie h1.kk-midashi{font-family:var(--font-sans);font-weight:700;font-size:clamp(17px,1.4vw,19px);letter-spacing:.14em;color:var(--navy-900);margin:0;padding:0 0 12px;border-bottom:1px solid var(--gold-500);display:inline-block;animation:none;clip-path:none;opacity:1;transform:none}
body[data-page="keii"] .hero-ie .kk-na{font-family:var(--font-mincho);font-weight:600;font-size:clamp(48px,6.4vw,84px);line-height:1.15;letter-spacing:.16em;color:var(--ink-900);margin:clamp(18px,2.4vw,30px) 0 clamp(14px,1.6vw,20px)}
body[data-page="keii"] .hero-ie .kk-lead{font-family:var(--font-mincho);font-weight:500;font-size:clamp(17px,1.45vw,20px);line-height:1.95;color:var(--ink-900);margin:0 0 26px;max-width:34em;word-break:auto-phrase}
body[data-page="keii"] .hero-ie .ie-kao img{aspect-ratio:3/4 !important;object-position:50% 12% !important}
body[data-page="keii"] .kk-nen{margin:clamp(10px,2vw,28px) 0 clamp(48px,5vw,72px);padding:0 0 clamp(28px,3vw,40px);border-bottom:1px solid rgba(10,25,47,.14)}
body[data-page="keii"] .kk-nen ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.9fr);position:relative}
body[data-page="keii"] .kk-nen ol::before{content:"";position:absolute;left:0;right:0;top:calc(clamp(56px,6.4vw,88px) + 24px);height:2px;background:var(--navy-900);opacity:.85}
body[data-page="keii"] .kk-nen li{position:relative;padding:0 clamp(12px,1.6vw,24px) 0 0}
body[data-page="keii"] .kk-nen .kk-suji{display:block;font-family:var(--font-mincho);font-weight:600;font-size:clamp(36px,4vw,54px);line-height:1;height:clamp(56px,6.4vw,88px);display:flex;align-items:flex-end;letter-spacing:0;color:var(--navy-900);white-space:nowrap}
body[data-page="keii"] .kk-nen .kk-suji small{font-size:.38em;letter-spacing:.06em;margin-left:4px;color:var(--ink-700);font-weight:600}
body[data-page="keii"] .kk-nen .kk-ten{display:block;width:18px;height:18px;border-radius:50%;background:var(--paper-50);border:2px solid var(--navy-900);margin:15px 0 20px;position:relative;z-index:1}
body[data-page="keii"] .kk-nen li:last-child .kk-ten{background:var(--navy-900)}
body[data-page="keii"] .kk-nen .kk-mi{display:block;font-family:var(--font-sans);font-weight:700;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--ink-900);margin:0 0 4px;word-break:keep-all;overflow-wrap:anywhere}
body[data-page="keii"] .kk-nen .kk-ko{display:block;font-family:var(--font-mincho);font-size:clamp(15px,1.25vw,17px);line-height:1.85;color:var(--ink-700);word-break:auto-phrase}
body[data-page="keii"] .kk-nen figcaption{margin-top:20px;font-family:var(--font-sans);font-size:14px;color:var(--ink-500);letter-spacing:.06em}
body[data-page="keii"] #s1 .kusari-shita .yomi.essay{max-width:760px;margin:0}
body[data-page="keii"] #s1 ul.kajo.kou{margin-top:0}
body[data-page="keii"] .kk-riyu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:clamp(32px,5vw,72px);align-items:start}
body[data-page="keii"] .kk-riyu .yomi{max-width:none;margin:0}
body[data-page="keii"] .kk-chou{margin:6px 0 0}
body[data-page="keii"] .kk-chou img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:38% 50%;border-radius:2px}
body[data-page="keii"] .kk-gaiyo table.renraku{width:100%;max-width:none}
body[data-page="keii"] section.yama .yama-mi{font-size:clamp(28px,3.6vw,48px) !important;line-height:1.55}
@media (max-width:960px){
  body[data-page="keii"] .kk-nen ol{grid-template-columns:1fr;gap:0}
  body[data-page="keii"] .kk-nen ol::before{left:6px;right:auto;top:8px;bottom:8px;width:1px;height:auto}
  body[data-page="keii"] .kk-nen li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;padding:0 0 22px}
  body[data-page="keii"] .kk-nen .kk-ten{grid-column:1;grid-row:1 / span 3;margin:12px 0 0}
  body[data-page="keii"] .kk-nen .kk-suji,body[data-page="keii"] .kk-nen .kk-mi,body[data-page="keii"] .kk-nen .kk-ko{grid-column:2}
  body[data-page="keii"] .kk-nen .kk-suji{height:auto;font-size:34px}
  body[data-page="keii"] .kk-riyu{grid-template-columns:1fr;gap:20px}
}
@media (max-width:720px){
  body[data-page="keii"] .hero-ie .ie-grid{display:flex !important;flex-direction:column;align-items:stretch !important}
  body[data-page="keii"] .hero-ie .ie-text{display:contents}
  body[data-page="keii"] .hero-ie .crumb{order:1}
  body[data-page="keii"] .hero-ie h1.kk-midashi{order:2;align-self:flex-start}
  body[data-page="keii"] .hero-ie .kk-na{order:3}
  body[data-page="keii"] .hero-ie .ie-kao{order:4;display:flex;align-items:center;gap:14px;margin:0 0 18px !important}
  body[data-page="keii"] .hero-ie .kk-lead{order:5}
  body[data-page="keii"] .hero-ie .btns{order:6}
  body[data-page="keii"] .hero-ie .ie-kao img{width:96px !important;flex:0 0 96px;aspect-ratio:1/1 !important;border-radius:999px !important}
  body[data-page="keii"] .hero-ie .ie-kao figcaption{margin:0;padding:0;border:0}
  body[data-page="keii"] .hero-ie .kk-na{font-size:48px;letter-spacing:.12em;margin-top:14px}
  body[data-page="keii"] .hero-ie .kk-lead{font-size:16px}
  body[data-page="keii"] section.yama .yama-mi{font-size:24px !important}
}
body[data-page="keii"] .hero-ie .ie-grid{grid-template-columns:minmax(0,600px) clamp(220px,24vw,300px) !important;justify-content:start;gap:clamp(40px,7vw,110px) !important}
body[data-page="keii"] ul.kajo.kou li{display:grid !important;grid-template-columns:6.5em minmax(0,1fr) !important;column-gap:20px !important;align-items:baseline}
body[data-page="keii"] ul.kajo.kou li > span{margin:0 !important;padding-left:0 !important}
body[data-page="keii"] ul.kajo.kou .k-mi{width:auto !important;min-width:0 !important}
@media (max-width:720px){body[data-page="keii"] ul.kajo.kou li{grid-template-columns:1fr !important;row-gap:4px}}
body[data-page="keii"] .kk-gaiyo table.renraku{max-width:calc(720px + 11em) !important}

@media (min-width:961px){
  body[data-page="keii"] .kk-gaiyo table.renraku{max-width:none !important;width:100%}
  body[data-page="keii"] .kk-gaiyo table.renraku tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,64px)}
  body[data-page="keii"] .kk-gaiyo table.renraku tr{display:grid;grid-template-columns:8.5em minmax(0,1fr);align-items:baseline;border-bottom:1px solid rgba(10,25,47,.14)}
  body[data-page="keii"] .kk-gaiyo table.renraku th,body[data-page="keii"] .kk-gaiyo table.renraku td{border:0 !important}
}
/*[見せ場:keika]*/
body[data-page="keika"] .hero.kk-kao{background:var(--paper-50);padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(40px,5vw,72px);border-bottom:1px solid rgba(10,25,47,.14)}
body[data-page="keika"] .kk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(32px,5vw,80px);align-items:center}
body[data-page="keika"] .kk-kao h1{font-family:var(--font-mincho);font-weight:600;font-size:clamp(34px,4vw,54px);line-height:1.38;letter-spacing:.04em;color:var(--ink-900);margin:clamp(14px,2vw,24px) 0 clamp(18px,2vw,26px);word-break:keep-all;overflow-wrap:anywhere;font-feature-settings:"palt"}
body[data-page="keika"] .kk-kao .btns{flex-direction:row !important}
body[data-page="keika"] .kk-kao .lead{font-family:var(--font-mincho);font-size:clamp(16px,1.2vw,17px);line-height:2;color:var(--ink-700);max-width:34em}
body[data-page="keika"] .kk-kao figure{margin:0}
body[data-page="keika"] .kk-kao figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
body[data-page="keika"] .kk-kao figcaption,body[data-page="keika"] .kk-e figcaption{margin-top:10px;font-family:var(--font-sans);font-size:14px;letter-spacing:.04em;color:var(--ink-500)}
@media (max-width:960px){body[data-page="keika"] .kk-grid{grid-template-columns:1fr;gap:24px}}
body[data-page="keika"] .kk-futa > .yomi{margin:0;max-width:none}
body[data-page="keika"] .kk-e{margin:6px 0 0}
body[data-page="keika"] .kk-chomen svg{display:block;width:100%;max-width:none;height:auto}
@media (min-width:961px){body[data-page="keika"] #s1 .kk-futa{grid-template-columns:minmax(0,600px) minmax(0,1fr) !important}}
body[data-page="keika"] .kk-shashin img{aspect-ratio:2/1;object-fit:cover;object-position:50% 30%}
body[data-page="keika"] .kk-shashin img{display:block;width:100%;height:auto;border-radius:4px}
body[data-page="keika"] .kk-sp img{display:block;width:100%;max-width:240px;height:auto;border-radius:18px;border:6px solid var(--navy-900)}
body[data-page="keika"] .kk-hashira .kk-n{font-family:var(--font-mincho);font-weight:700;font-size:clamp(24px,2.3vw,32px);line-height:1.35;color:var(--navy-900);word-break:auto-phrase}
body[data-page="keika"] .kk-hashira .kk-n.kk-suji{font-size:clamp(40px,3.6vw,54px);line-height:1.2}
body[data-page="keika"] .kk-hashira .kk-n.kk-suji small{font-size:.42em;font-weight:700;margin-left:4px;letter-spacing:.04em}
body[data-page="keika"] .kk-futatsu-hashira{display:grid;gap:clamp(22px,2.6vw,34px)}
@media (max-width:960px){body[data-page="keika"] .kk-futatsu-hashira{grid-template-columns:1fr 1fr;gap:16px}}
@media (max-width:960px){
 body[data-page="keika"] .kk-futa .kk-e{max-width:420px}
 body[data-page="keika"] .kk-sp img{max-width:200px}
}
body[data-page="keika"] .kk-yama .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.95) 0%,rgba(10,25,47,.8) 45%,rgba(10,25,47,.3) 100%)}
@media (max-width:720px){body[data-page="keika"] .kk-yama .yama-e::after{background:rgba(10,25,47,.8)}}
body[data-page="keika"] .kk-yama .yama-e img{transform:none;filter:none;object-position:50% 45%}
@media (min-width:600px){body.office[data-page="keika"] .kk-kao .btns a.btn{width:auto;flex:0 1 auto;min-width:15em}}
@media (min-width:600px){body.office[data-page="keika"] .kk-kao .btns{flex-direction:row !important;flex-wrap:wrap}
 body.office[data-page="keika"] .kk-kao .btns a.btn{min-width:0 !important;width:auto !important;flex:1 1 200px;max-width:280px}}
body[data-page="keika"] .kk-yama .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.9) 0%,rgba(10,25,47,.62) 50%,rgba(10,25,47,.18) 100%) !important}
@media (max-width:720px){body[data-page="keika"] .kk-yama .yama-e::after{background:linear-gradient(180deg,rgba(10,25,47,.55),rgba(10,25,47,.85)) !important}}
body[data-page="keika"] section.kk-nen{position:relative;overflow:hidden}
/* ★緞子＝隠すだけで中身が動かない形（hidden は頁の中の検索や飛び先で節の中が巻き上がり、見出しが隠れることがある） */
body[data-page="keika"] section.kk-nen{overflow:clip}
body[data-page="keika"] section.kk-nen .maku{position:relative;padding-left:clamp(52px,6vw,88px)}
body[data-page="keika"] section.kk-nen .maku::before{content:"";position:absolute;left:clamp(20px,2.4vw,36px);top:-400px;bottom:-400px;width:2px;background:var(--navy-900);opacity:.85}
body[data-page="keika"] .kk-toshi{position:relative;margin:0 0 10px;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.08em;color:var(--navy-900)}
body[data-page="keika"] .kk-toshi::before{content:"";position:absolute;left:calc(-1 * clamp(52px,6vw,88px) + clamp(20px,2.4vw,36px) - 8px);top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--paper-50);border:3px solid var(--navy-900);box-sizing:border-box}
body[data-page="keika"] section#s5 .kk-toshi::before{background:var(--navy-900)}
body[data-page="keika"] .kk-yama .maku{padding-left:clamp(52px,6vw,88px)}
body[data-page="keika"] .kk-yama .maku::before{content:"";position:absolute;left:clamp(20px,2.4vw,36px);top:-400px;bottom:-400px;border-left:2px dashed rgba(251,248,241,.55)}
body[data-page="keika"] section#s5.kk-nen .maku::after{content:"";position:absolute;left:calc(clamp(20px,2.4vw,36px) - 5px);top:-14px;width:12px;height:12px;border-right:2px solid var(--navy-900);border-bottom:2px solid var(--navy-900);transform:rotate(45deg)}
/*[見せ場:kin]*/
body.office :is(.futa-ku,.eda-sub,.bunki .ba,.gainen-mi,.ku,.sha){color:var(--navy-800) !important}
body.office :is(.nagare-no,.gainen-mokuji .no,.shiki-en){color:var(--navy-900) !important}
body.office :is(ul,ol).kajo.kazu li::before,body.office ul.kajo.maru li::before{color:var(--navy-900) !important}
body.office :is(.kt-dare,.nagare-dare,.su-men,.kajo-fuda)::before{color:var(--ink-500) !important}
/*[見せ場:kisoku]*/
@media (min-width:961px){
  body.office[data-page="kisoku"] .hero h1{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:clamp(34px,3.5vw,48px) !important;line-height:1.45 !important;letter-spacing:.04em !important}
}
@media (max-width:960px){
  body.office[data-page="kisoku"] .hero h1{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:30px !important;line-height:1.5 !important;letter-spacing:.02em !important}
}
@media (min-width:961px){
  body.office[data-page="kisoku"] .kao-kisoku .kao-ba{max-width:460px;transform:scale(1.22);transform-origin:50% 30%;margin-bottom:60px !important}
}
body.office[data-page="kisoku"] .band-mikurabe{padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,120px)}
body.office[data-page="kisoku"] .mk-atama{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:end;margin:8px 0 clamp(32px,4vw,48px)}
body.office[data-page="kisoku"] .mk-yakusoku{margin:0;font-family:var(--font-mincho);font-weight:600;font-size:clamp(26px,3vw,38px);line-height:1.5;letter-spacing:.04em;color:var(--navy-900);word-break:keep-all;overflow-wrap:anywhere}
body.office[data-page="kisoku"] .mk-setsu{margin:0;font-family:var(--font-mincho);font-size:16px;line-height:1.9;color:var(--ink-700);word-break:auto-phrase}
body.office[data-page="kisoku"] section.band .maku > :is(.hyo-ba,.tokuten,.nagare,.nagare-ku,.hayami){max-width:none !important}
body.office[data-page="kisoku"] .hyo-ba .kt-h4{display:flex;align-items:baseline;gap:14px;margin-top:40px !important;padding-bottom:10px !important;border-bottom:0 !important;font-size:22px !important;color:var(--navy-900)}
body.office[data-page="kisoku"] .hyo-ba .kt-kumi:first-child .kt-h4{margin-top:8px !important}
body.office[data-page="kisoku"] .hyo-ba .kt-hyo thead th{border-bottom:1px solid var(--ink-400)}
@media (min-width:721px){body.office[data-page="kisoku"] .hyo-ba .kt-hyo tbody tr > *{border-bottom:1px solid var(--line);padding-top:14px !important;padding-bottom:14px !important}}
body.office[data-page="kisoku"] .hyo-ba .kt-hyo .kt-nuki{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:19px !important;color:var(--navy-900) !important}
body.office[data-page="kisoku"] .hyo-ba .kt-hyo .kt-namae{font-size:16px !important}
body.office[data-page="kisoku"] .hyo-ba .kt-hyo .kt-no{color:var(--ink-500)}
body.office[data-page="kisoku"] .kt-dl{display:grid !important;grid-template-columns:11em repeat(3,minmax(0,1fr));column-gap:28px;row-gap:0}
body.office[data-page="kisoku"] .kt-dl dt{grid-column:1;padding:16px 0;border-top:1px solid var(--line);font-family:var(--font-sans);font-size:16px !important;color:var(--navy-900)}
body.office[data-page="kisoku"] .kt-dl dd{display:block !important;margin:0 !important;padding:16px 0;border-top:1px solid var(--line);font-family:var(--font-mincho);font-size:15px !important;line-height:1.85;color:var(--ink-700)}
body.office[data-page="kisoku"] .kt-dl-mi{display:block;margin-bottom:4px;font-size:14px !important;letter-spacing:.12em;color:var(--ink-500) !important}
@media (max-width:960px){
  body.office[data-page="kisoku"] .kt-dl{grid-template-columns:1fr}
  body.office[data-page="kisoku"] .kt-dl dd{border-top:0;padding:4px 0 10px}
}
body.office[data-page="kisoku"] .mk-hyo{border-top:2px solid var(--navy-900)}
body.office[data-page="kisoku"] .kt-hyo tr.mk-kugiri th{padding:22px 0 8px !important;border-bottom:1px solid var(--navy-900) !important;background:none !important;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.08em;color:var(--navy-900);text-align:left}
@media (max-width:720px){body.office[data-page="kisoku"] .kt-hyo tr.mk-kugiri{display:block}body.office[data-page="kisoku"] .kt-hyo tr.mk-kugiri th{display:block !important;width:auto !important;max-width:none !important;grid-column:1 / -1}body.office[data-page="kisoku"] .kt-hyo tr.mk-kugiri th::before{content:none !important}}
@media (min-width:961px){
  body.office[data-page="kisoku"] .kt-shiharai{display:grid !important;grid-template-columns:11em repeat(3,minmax(0,1fr));column-gap:28px;position:relative}
  body.office[data-page="kisoku"] .kt-shiharai > .kt-h4{grid-row:1;grid-column:1 / -1}
  body.office[data-page="kisoku"] .kt-shiharai > .kt-dl{display:contents !important}
  body.office[data-page="kisoku"] .kt-shiharai > .kt-dl:nth-of-type(1) > dt{grid-row:2;grid-column:1}
  body.office[data-page="kisoku"] .kt-shiharai > .kt-dl:nth-of-type(1) > dd:nth-of-type(1){grid-row:2;grid-column:2}
  body.office[data-page="kisoku"] .kt-shiharai > .kt-dl:nth-of-type(1) > dd:nth-of-type(2){grid-row:2 / span 2;grid-column:3}
  body.office[data-page="kisoku"] .kt-shiharai > .kt-dl:nth-of-type(1) > dd:nth-of-type(3){grid-row:2;grid-column:4}
  body.office[data-page="kisoku"] .kt-shiharai > .kt-dl:nth-of-type(2) > dt{grid-row:3;grid-column:1}
  body.office[data-page="kisoku"] .kt-shiharai > .kt-dl:nth-of-type(2) > dd:nth-of-type(1){grid-row:3;grid-column:2}
  body.office[data-page="kisoku"] .kt-shiharai > .kt-dl:nth-of-type(2) > dd:nth-of-type(2){position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;padding:0 !important;border:0 !important}
  body.office[data-page="kisoku"] .kt-shiharai > .kt-dl:nth-of-type(2) > dd:nth-of-type(3){grid-row:3;grid-column:4}
}
body.office[data-page="kisoku"] .mk-retsu .mk-r1::before,body.office[data-page="kisoku"] .mk-retsu .mk-r2::before{content:"";display:inline-block;vertical-align:-5px;width:16px;height:21px;margin-right:10px;box-sizing:border-box}
body.office[data-page="kisoku"] .mk-retsu .mk-r1::before{border:1px dashed var(--ink-400);transform:rotate(-5deg);background:repeating-linear-gradient(180deg,transparent 0 5px,var(--ink-400) 5px 6px) 3px 6px/9px 12px no-repeat}
body.office[data-page="kisoku"] .mk-retsu .mk-r2::before{border:1px solid var(--ink-400);border-top:2px solid var(--navy-900);background:repeating-linear-gradient(180deg,transparent 0 5px,var(--gold-500) 5px 6px) 3px 6px/9px 12px no-repeat}
body.office[data-page="kisoku"] .tokuten .mai i{background:repeating-linear-gradient(180deg,transparent 0 6px,rgba(10,25,47,.35) 6px 7px) 4px 8px/12px 18px no-repeat !important;border:1px solid var(--navy-900) !important;border-top-width:2px !important;box-shadow:none !important;width:24px !important;height:32px !important}
body.office[data-page="kisoku"] .tokuten .mai i.tsuika{border:1px dashed var(--navy-700) !important;border-top:2px solid var(--navy-700) !important;background:repeating-linear-gradient(180deg,transparent 0 6px,rgba(10,25,47,.22) 6px 7px) 4px 8px/12px 18px no-repeat !important}
body.office[data-page="kisoku"] .tokuten .mai b{color:var(--navy-900) !important}
body.office[data-page="kisoku"] .mk-zu{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;gap:0;margin:28px 0 0;padding:18px 0;border-top:1px solid var(--navy-900);border-bottom:1px solid var(--line)}
body.office[data-page="kisoku"] .mk-zu-ko{margin:0}
body.office[data-page="kisoku"] .mk-zu-mi{display:block;font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.14em;color:var(--ink-500)}
body.office[data-page="kisoku"] .mk-zu-na{display:block;margin-top:4px;font-family:var(--font-mincho);font-weight:600;font-size:18px;line-height:1.6;color:var(--navy-900)}
body.office[data-page="kisoku"] .mk-zu svg{width:72px;height:28px;color:var(--navy-900)}
@media (max-width:520px){body.office[data-page="kisoku"] .mk-zu{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}body.office[data-page="kisoku"] .mk-zu svg{width:44px}body.office[data-page="kisoku"] .mk-zu-na{font-size:16px}}
body.office[data-page="kisoku"] .mk-retsu,body.office[data-page="kisoku"] .mk-jo{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);column-gap:clamp(24px,3vw,48px)}
body.office[data-page="kisoku"] .mk-retsu{padding:14px 0;border-bottom:1px solid var(--ink-400);font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.12em;color:var(--navy-900)}
body.office[data-page="kisoku"] .mk-retsu .mk-r1{color:var(--ink-500)}
body.office[data-page="kisoku"] .mk-retsu small{display:inline-block;margin-left:12px;font-weight:500;font-size:14px;letter-spacing:.04em;color:var(--ink-500)}
body.office[data-page="kisoku"] .mk-jo{padding:clamp(24px,3vw,36px) 0;border-bottom:1px solid var(--line)}
body.office[data-page="kisoku"] .mk-na{margin:0;font-family:var(--font-sans);font-weight:700;font-size:18px;line-height:1.5;color:var(--navy-900);word-break:keep-all}
body.office[data-page="kisoku"] .mk-no{display:block;margin-bottom:6px;padding-bottom:6px;width:3.2em;border-bottom:1px solid var(--gold-500);font-weight:500;font-size:14px;letter-spacing:.12em;color:var(--ink-500);white-space:nowrap}
body.office[data-page="kisoku"] .mk-bun{margin:0;font-family:var(--font-mincho);font-size:17px;line-height:1.9;letter-spacing:.02em;word-break:auto-phrase}
body.office[data-page="kisoku"] .mk-hina .mk-bun{padding-left:16px;border-left:2px dashed var(--ink-400);color:var(--ink-500)}
body.office[data-page="kisoku"] .mk-kisha .mk-bun{padding-left:16px;border-left:2px solid var(--navy-900);color:var(--ink-900)}
body.office[data-page="kisoku"] .mk-kisha .mk-bun b{font-weight:700;color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:5px}
body.office[data-page="kisoku"] .mk-kiku{position:relative;margin:18px 0 0;padding:14px 0 0 40px;border-top:1px solid var(--line);font-family:var(--font-mincho);font-size:16px;line-height:1.85;color:var(--ink-700);word-break:auto-phrase}
body.office[data-page="kisoku"] .mk-toki{display:block;margin-bottom:2px;font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.12em;color:var(--ink-500)}
body.office[data-page="kisoku"] .mk-shirushi{position:absolute;left:0;top:14px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-family:var(--font-sans);font-weight:700;font-size:20px;line-height:1}
body.office[data-page="kisoku"] .mk-hina .mk-shirushi{color:var(--ink-500)}
body.office[data-page="kisoku"] .mk-kisha .mk-shirushi{color:var(--navy-900)}
body.office[data-page="kisoku"] .mk-kisha .mk-kiku{color:var(--ink-900)}
body.office[data-page="kisoku"] .mk-kisha .mk-toki{color:var(--navy-900)}
body.office[data-page="kisoku"] .mk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.office[data-page="kisoku"] .mk-chu{margin:18px 0 0;font-family:var(--font-sans);font-size:14px;line-height:1.8;color:var(--ink-500)}
body.office[data-page="kisoku"] .mk-br{display:none}
body.office[data-page="kisoku"] .yama-kisoku .yama-e img{object-position:50% 50% !important}
body.office[data-page="kisoku"] .mk-shita{margin-top:0}
body.office[data-page="kisoku"] .mk-shita > .yomi{margin-left:0;margin-right:0;max-width:none}
body.office[data-page="kisoku"] .kusari-in{position:static}
@media (max-width:960px){
  body.office[data-page="kisoku"] .mk-atama{grid-template-columns:1fr;gap:14px}
  body.office[data-page="kisoku"] .mk-retsu{display:none}
  body.office[data-page="kisoku"] .mk-jo{grid-template-columns:1fr;row-gap:18px}
  body.office[data-page="kisoku"] .mk-hina::before,body.office[data-page="kisoku"] .mk-kisha::before{display:block;margin-bottom:8px;font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.12em}
  body.office[data-page="kisoku"] .mk-hina::before{content:"ひな形";color:var(--ink-500)}
  body.office[data-page="kisoku"] .mk-kisha::before{content:"貴社の規程（例：神田フードサービス）";color:var(--navy-900)}
}
@media (max-width:520px){
  body.office[data-page="kisoku"] .mk-yakusoku{font-size:24px;letter-spacing:.02em}
  body.office[data-page="kisoku"] .mk-br{display:inline}
  body.office[data-page="kisoku"] .mk-bun{font-size:16px}
  body.office[data-page="kisoku"] .mk-kiku{font-size:15px;padding-left:34px}
  body.office[data-page="kisoku"] .yama-kisoku .yama-mi{font-size:27px !important}
  body.office[data-page="kisoku"] .kao-kisoku .kk-ato{white-space:normal !important;right:auto !important;width:7.2em;left:14px;bottom:8px;line-height:1.45;word-break:keep-all}
  body.office[data-page="kisoku"] .kao-kisoku .kk-hina{width:46%}
}

body.office[data-page="kisoku"] .kt-kurikaeshi{margin:0 0 8px;padding:10px 14px;border-left:3px solid var(--gold-500);background:rgba(197,168,128,.10);font-family:var(--font-mincho);font-size:14.5px;line-height:1.8;color:var(--ink-700)}
body.office[data-page="kisoku"] .kt-kurikaeshi p{margin:0}
body.office[data-page="kisoku"] .kt-kurikaeshi p+p{margin-top:4px}
body.office[data-page="kisoku"] .kt-shirushi{font-family:var(--font-sans);font-weight:700;color:var(--navy-800);margin:0 6px 0 2px}
body.office[data-page="kisoku"] .kt-na .kt-shirushi{margin-left:6px}
body.office[data-page="kisoku"] .kt-na:has(> .kt-shirushi) .kt-namae{display:inline}
body.office[data-page="kisoku"] .kt-na > .kt-shirushi{display:inline}

body.office[data-page="kisoku"] details.kt-hiraku{margin:0 0 8px;border-top:1px solid rgba(10,25,47,.14);border-bottom:1px solid rgba(10,25,47,.14)}
body.office[data-page="kisoku"] details.kt-hiraku > summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 4px;cursor:pointer;font-family:var(--font-sans);color:var(--navy-900)}
body.office[data-page="kisoku"] details.kt-hiraku > summary::-webkit-details-marker{display:none}
body.office[data-page="kisoku"] .kt-hiraku-na{font-weight:700;font-size:16.5px;letter-spacing:.08em}
body.office[data-page="kisoku"] .kt-hiraku-ya{margin-left:auto;position:relative;width:16px;height:16px;flex:0 0 16px}
body.office[data-page="kisoku"] .kt-hiraku-ya::before,body.office[data-page="kisoku"] .kt-hiraku-ya::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--gold-600);transition:transform .25s ease}
body.office[data-page="kisoku"] .kt-hiraku-ya::after{transform:rotate(90deg)}
body.office[data-page="kisoku"] details.kt-hiraku[open] .kt-hiraku-ya::after{transform:rotate(0)}
body.office[data-page="kisoku"] details.kt-hiraku > summary:hover .kt-hiraku-na{text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:5px}
body.office[data-page="kisoku"] details.kt-hiraku > summary:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}
body.office[data-page="kisoku"] .kt-hiraku-in{padding:4px 0 20px}
@media (prefers-reduced-motion:reduce){body.office[data-page="kisoku"] .kt-hiraku-ya::before,body.office[data-page="kisoku"] .kt-hiraku-ya::after{transition:none}}
/*[見せ場:komon]*/
body.office[data-page="komon"] .hero-kao .hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr) !important;column-gap:clamp(32px,5vw,76px) !important;align-items:start !important}
body.office[data-page="komon"] .hero .hero-text h1{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:clamp(36px,4.3vw,56px) !important;line-height:1.32 !important;letter-spacing:.04em !important;color:var(--ink-900) !important;font-feature-settings:"palt";margin:clamp(14px,2vw,24px) 0 clamp(18px,2.2vw,26px) !important}
body.office[data-page="komon"] .hero .hero-text h1 .gyo + .gyo{margin-top:.06em}
body.office[data-page="komon"] .hero .hero-text .lead{font-family:var(--font-mincho);font-size:clamp(16px,1.3vw,18px);line-height:2;color:var(--ink-900);max-width:34em}
body.office[data-page="komon"] .kao-komon{margin:clamp(8px,1.4vw,18px) 0 0}
body.office[data-page="komon"] .kao-komon .kao-ba{max-width:none !important;margin:0 !important;border-top:2px solid var(--navy-900)}
body.office[data-page="komon"] .km-atama{font-size:14px !important;padding:12px 0 11px !important}
body.office[data-page="komon"] .km-atama span:first-child{font-size:14px !important}
body.office[data-page="komon"] .km-rei{font-weight:500;letter-spacing:.04em;color:var(--ink-500);margin-left:.4em}
body.office[data-page="komon"] .km-retsu::before{left:5px;top:26px;bottom:30px}
body.office[data-page="komon"] .km-retsu li{padding:16px 0 18px 30px !important}
body.office[data-page="komon"] .km-retsu li::before{top:22px !important}
body.office[data-page="komon"] .km-dare{display:inline !important;margin:0 12px 0 0 !important;padding:0 !important;background:none !important;border:0 !important;border-radius:0 !important;font-family:var(--font-sans);font-weight:700;font-size:14px !important;letter-spacing:.12em;color:var(--navy-900) !important}
body.office[data-page="komon"] .km-jimu .km-dare{color:var(--ink-700) !important}
body.office[data-page="komon"] .km-ken{font-family:var(--font-sans) !important;font-weight:500 !important;font-size:14px !important;color:var(--ink-500) !important;letter-spacing:.04em}
body.office[data-page="komon"] .km-bun{display:block;margin-top:8px;font-family:var(--font-mincho);font-weight:500;font-size:clamp(16px,1.25vw,17.5px);line-height:1.95;letter-spacing:.02em;color:var(--ink-900);word-break:auto-phrase;text-wrap:pretty}
body.office[data-page="komon"] .km-jimu .km-bun{padding-left:16px;border-left:2px solid var(--gold-400)}
body.office[data-page="komon"] .km-bun b{font-weight:700;color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:5px}
body.office[data-page="komon"] .km-ato{font-size:14px !important;padding-top:14px !important}
body.office[data-page="komon"] .kao-komon figcaption{font-size:14px !important;text-align:left}

/* 01 含むもの＝四つの列（ホームの「考え方」の型） */
body.office[data-page="komon"] #naka .yomi{max-width:none}
body.office[data-page="komon"] #naka table.renraku,body.office[data-page="komon"] #naka table.renraku tbody{display:block;width:100%}
body.office[data-page="komon"] #naka table.renraku{border-top:0 !important;margin-top:28px}
body.office[data-page="komon"] #naka table.renraku tbody{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--navy-900);border-bottom:1px solid var(--line)}
body.office[data-page="komon"] #naka table.renraku tr{display:flex;flex-direction:column;padding:26px clamp(16px,1.8vw,26px) 28px;border-left:1px solid var(--line)}
body.office[data-page="komon"] #naka table.renraku tr:first-child{border-left:0;padding-left:0}
body.office[data-page="komon"] #naka table.renraku th,body.office[data-page="komon"] #naka table.renraku td{display:block;width:auto !important;min-width:0 !important;border:0 !important;padding:0 !important}
body.office[data-page="komon"] #naka table.renraku th{font-family:var(--font-sans);font-size:clamp(17px,1.4vw,19px) !important;line-height:1.5;letter-spacing:.04em;color:var(--navy-900)}
body.office[data-page="komon"] #naka table.renraku td{margin-top:10px;font-family:var(--font-mincho) !important;font-size:16px !important;line-height:1.95;color:var(--ink-700)}
body.office[data-page="komon"] .km-e{display:block;width:52px;height:52px;margin:0 0 18px}
body.office[data-page="komon"] .km-e svg{width:100%;height:100%;fill:none;stroke:var(--navy-900);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.office[data-page="komon"] .km-e svg .nuri{fill:var(--navy-900);stroke:none}
body.office[data-page="komon"] .km-e::after{content:"";display:block;width:24px;height:1px;margin-top:14px;background:var(--gold-500)}

/* 02・06 本文の右に、一次資料の柱 */
body.office[data-page="komon"] #houhou .kusari-shita,body.office[data-page="komon"] #jinji .kusari-shita{margin-top:6px}
body.office[data-page="komon"] #houhou .kusari-yomi,body.office[data-page="komon"] #jinji .kusari-yomi{max-width:none}

/* 03 主なご相談＝三つの列 */
body.office[data-page="komon"] #soudan .yomi{max-width:none}
body.office[data-page="komon"] #soudan ul.kajo.kumi{grid-template-columns:repeat(3,minmax(0,1fr)) !important;border-top:2px solid var(--navy-900) !important;margin-top:24px}
body.office[data-page="komon"] #soudan ul.kajo.kumi li{font-family:var(--font-mincho);font-size:17px;padding-top:16px;padding-bottom:16px}

/* 04 含まないもの＝二つの列 */
body.office[data-page="komon"] #hani .yomi{max-width:none}
@media (min-width:760px){
body.office[data-page="komon"] #hani ul.kajo.kou{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:clamp(28px,4vw,56px) !important;border-top:2px solid var(--navy-900) !important;margin-top:24px}
body.office[data-page="komon"] #hani ul.kajo.kou li{grid-column:auto !important;display:block !important;padding:20px 0 22px !important}
body.office[data-page="komon"] #hani ul.kajo.kou .k-mi{display:block;margin-bottom:8px;font-size:18px}
body.office[data-page="komon"] #hani ul.kajo.kou li > span:last-child{font-family:var(--font-mincho);font-size:16.5px;line-height:1.95}
}

/* 05 移り方＝二段二列 */
body.office[data-page="komon"] #kirikae .yomi{max-width:none}
@media (min-width:761px){
body.office[data-page="komon"] #kirikae table.renraku,body.office[data-page="komon"] #kirikae table.renraku tbody{display:block;width:100%}
body.office[data-page="komon"] #kirikae table.renraku{border-top:0 !important;margin-top:24px}
body.office[data-page="komon"] #kirikae table.renraku tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,4vw,56px);border-top:2px solid var(--navy-900)}
body.office[data-page="komon"] #kirikae table.renraku tr{display:block;padding:20px 0 22px;border-bottom:1px solid var(--line)}
body.office[data-page="komon"] #kirikae table.renraku th,body.office[data-page="komon"] #kirikae table.renraku td{display:block;width:auto !important;min-width:0 !important;border:0 !important;padding:0 !important}
body.office[data-page="komon"] #kirikae table.renraku th{font-size:17px !important;margin-bottom:8px}
body.office[data-page="komon"] #kirikae table.renraku td{font-family:var(--font-mincho) !important;font-size:16.5px !important;line-height:1.95}
}

body.office[data-page="komon"] #naka table.renraku,body.office[data-page="komon"] #kirikae table.renraku{max-width:none !important}
/* 山＝頁の結論 */
body.office[data-page="komon"] section.yama .yama-mi .nw{display:inline-block}

@media (max-width:960px){
body.office[data-page="komon"] .hero-kao .hero-grid{grid-template-columns:1fr !important}
body.office[data-page="komon"] #naka table.renraku tbody{grid-template-columns:repeat(2,minmax(0,1fr))}
body.office[data-page="komon"] #naka table.renraku tr:nth-child(3){border-left:0;padding-left:0}
body.office[data-page="komon"] #naka table.renraku tr:nth-child(n+3){border-top:1px solid var(--line)}
body.office[data-page="komon"] #soudan ul.kajo.kumi{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:640px){
body.office[data-page="komon"] .hero .hero-text h1{font-size:clamp(28px,8.2vw,34px) !important;letter-spacing:.02em !important}
body.office[data-page="komon"] #naka table.renraku tbody{grid-template-columns:1fr}
body.office[data-page="komon"] #naka table.renraku tr{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:18px 0 !important;border-left:0 !important;border-top:1px solid var(--line)}
body.office[data-page="komon"] #naka table.renraku tr:first-child{border-top:0}
body.office[data-page="komon"] #naka table.renraku th{grid-column:2;grid-row:1;align-self:center;font-size:17px !important}
body.office[data-page="komon"] #naka table.renraku td{grid-column:2;margin-top:4px}
body.office[data-page="komon"] .km-e{grid-column:1;grid-row:1 / span 2;width:44px;height:44px;margin:0}
body.office[data-page="komon"] .km-e::after{display:none}
body.office[data-page="komon"] #soudan ul.kajo.kumi{grid-template-columns:1fr !important}
body.office[data-page="komon"] .km-jimu .km-bun{padding-left:12px}
}

body.office[data-page="komon"] #ryokin .uchi{max-width:none !important}
body.office[data-page="komon"] #ryokin .uchi .futa{gap:0 !important;border-top:2px solid var(--navy-900);border-bottom:1px solid var(--line)}
body.office[data-page="komon"] #ryokin .uchi .futa-1{border:0 !important;background:transparent !important;padding:28px 0 26px !important}
body.office[data-page="komon"] #ryokin .uchi .futa-1.komon{padding-right:clamp(24px,3.4vw,52px) !important}
body.office[data-page="komon"] #ryokin .uchi .futa-1.tanpin{padding-left:clamp(24px,3.4vw,52px) !important;border-left:1px solid var(--line) !important}
body.office[data-page="komon"] #ryokin .uchi .futa-1.komon .futa-ne .su{font-size:clamp(48px,5.6vw,76px) !important;letter-spacing:0}
body.office[data-page="komon"] #ryokin .uchi .futa-1.tanpin .futa-ne .su{font-size:clamp(38px,4vw,54px) !important}
body.office[data-page="komon"] #ryokin .uchi .futa-1 h3{font-size:clamp(22px,2vw,27px) !important}
body.office[data-page="komon"] #ryokin .uchi .futa-rei{border-left:2px solid var(--gold-500) !important;background:transparent !important}
@media (min-width:961px){
body.office[data-page="komon"] #ryokin .uchi{display:grid !important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:clamp(32px,4.6vw,64px);align-items:start}
body.office[data-page="komon"] #ryokin .uchi > *{grid-column:1 / -1}
body.office[data-page="komon"] #ryokin .uchi .futa{display:grid !important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) !important}
body.office[data-page="komon"] #ryokin .uchi > .uchi-mi{grid-column:1;grid-row:2}
body.office[data-page="komon"] #ryokin .uchi > .uchi-hyo{grid-column:1;grid-row:3}
body.office[data-page="komon"] #ryokin .uchi > .uchi-keisan{grid-column:2;grid-row:2 / span 2;align-self:stretch}
body.office[data-page="komon"] #ryokin .uchi > .uchi-kimari{grid-column:1 / -1;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4.6vw,64px)}
body.office[data-page="komon"] #ryokin .uchi > .uchi-kimari > div{border-bottom:1px solid var(--line)}
}
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan{display:block !important;margin:14px 0 0 !important;padding:22px 0 0 !important;border:0 !important;border-top:2px solid var(--navy-900) !important}
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan[hidden]{display:none !important}
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan label{display:inline-block;font-family:var(--font-sans);font-size:17px !important;margin-right:12px}
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan input{font-size:24px !important;width:4.6em !important;padding:8px 10px !important;border-radius:4px !important}
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan dl{display:block !important;margin:18px 0 0 !important}
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan dl > div{display:flex !important;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:14px 0 !important;border-bottom:1px solid var(--line)}
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan dt{font-size:15px !important}
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan dd{font-size:clamp(22px,2vw,28px) !important;text-align:right}
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan dl > div:last-child dd{font-size:clamp(24px,2.3vw,32px) !important;color:var(--navy-900)}
body.office[data-page="komon"] #ryokin .uchi .uchi-mi{font-size:clamp(19px,1.6vw,22px) !important}
body.office[data-page="komon"] #ryokin .uchi .uchi-ik{font-size:14px !important}
body.office[data-page="komon"] #ryokin .uchi .kinen-hyo,body.office[data-page="komon"] #ryokin .uchi > .uchi-kimari,body.office[data-page="komon"] #ryokin .uchi > .uchi-kinen,body.office[data-page="komon"] #ryokin .uchi > .uchi-kinen > *{max-width:none !important}

body.office[data-page="komon"] .km-e2{display:inline-block;width:38px;height:38px;margin:0 12px 0 0;vertical-align:middle}
body.office[data-page="komon"] .km-e2 svg{width:100%;height:100%;fill:none;stroke:var(--navy-900);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.office[data-page="komon"] .km-e2 svg .usu{stroke:var(--gold-500)}
body.office[data-page="komon"] #hani .k-mi,body.office[data-page="komon"] #kirikae th{display:flex !important;align-items:center}
@media (max-width:640px){body.office[data-page="komon"] #kirikae th{padding-top:16px !important}}

@media (min-width:961px){body.office[data-page="komon"] #ryokin .uchi{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) !important}}
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan dd{white-space:nowrap;font-feature-settings:"palt";letter-spacing:0 !important}
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan dl > div:last-child{flex-direction:column;align-items:flex-start !important}
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan dl > div:last-child dd{align-self:flex-end;font-size:clamp(17px,1.75vw,23px) !important}
@media (max-width:640px){
body.office[data-page="komon"] #ryokin .uchi .uchi-keisan dl > div:last-child dd{font-size:clamp(15px,4.3vw,18px) !important}
body.office[data-page="komon"] #ryokin .uchi table.hyo.san{border-top:2px solid var(--navy-900) !important}
body.office[data-page="komon"] #ryokin .uchi table.hyo.san tr{display:grid !important;grid-template-columns:3.4em minmax(0,1fr);column-gap:12px;align-items:start;border:0 !important;border-bottom:1px solid var(--line) !important;background:transparent !important;margin:0 !important;padding:12px 0 !important}
body.office[data-page="komon"] #ryokin .uchi table.hyo.san tbody th{grid-column:1;grid-row:1 / span 4;border:0 !important;padding:4px 0 0 !important;font-family:var(--font-mincho);font-size:19px !important;color:var(--navy-900);white-space:nowrap}
body.office[data-page="komon"] #ryokin .uchi table.hyo.san td{grid-column:2;display:grid !important;grid-template-columns:minmax(0,1fr);justify-content:start;align-items:baseline;gap:2px;flex-wrap:nowrap !important;padding:3px 0 !important;border:0 !important;font-size:16px !important}
body.office[data-page="komon"] #ryokin .uchi table.hyo.san td::before{flex:0 1 auto !important;color:var(--ink-500);font-size:14px !important;font-weight:500 !important;font-family:var(--font-sans)}
body.office[data-page="komon"] #ryokin .uchi table.hyo.san td > *{text-align:left}
body.office[data-page="komon"] #ryokin .uchi table.hyo.san td .uchi-ik{font-size:14px !important;white-space:normal !important;display:block;overflow-wrap:anywhere;color:var(--ink-700)}
body.office[data-page="komon"] #ryokin .uchi table.hyo.san td .uchi-ko{display:block;min-width:0;white-space:normal !important}
}

body.office[data-page="komon"] .km-dai{display:flex;align-items:center;gap:14px;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--ink-500)}
body.office[data-page="komon"] .km-dai img{flex:0 0 64px;width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 18%;background:var(--paper-100)}
body.office[data-page="komon"] .km-dai b{display:block;font-size:15.5px;color:var(--navy-900);letter-spacing:.02em}

body.office[data-page="komon"] #ryokin .uchi .futa{border-top:3px solid var(--navy-900) !important;border-bottom:2px solid var(--navy-900) !important;margin-bottom:clamp(36px,4vw,56px)}
body.office[data-page="komon"] #ryokin .uchi .futa-1{padding-top:clamp(30px,3vw,44px) !important;padding-bottom:clamp(30px,3vw,40px) !important}
body.office[data-page="komon"] #ryokin .uchi .futa-1.komon{background:rgba(10,25,47,.035) !important;padding-left:clamp(20px,2.4vw,36px) !important}
body.office[data-page="komon"] #ryokin .uchi .futa-1 h3{font-size:clamp(25px,2.4vw,32px) !important}
body.office[data-page="komon"] #ryokin .uchi .futa-1.komon .futa-ne .su{font-size:clamp(54px,6.4vw,88px) !important}
body.office[data-page="komon"] #ryokin .uchi .futa-1.tanpin .futa-ne .su{font-size:clamp(42px,4.6vw,62px) !important}
body.office[data-page="komon"] #ryokin .uchi .futa-naka li{font-size:16.5px !important;line-height:1.9}
body.office[data-page="komon"] #ryokin .uchi .futa-ikkatsu{font-size:16px !important}
body.office[data-page="komon"] #ryokin .uchi .futa-ikkatsu b{font-size:clamp(18px,1.6vw,21px)}
body.office[data-page="komon"] #ryokin .uchi .uchi-mi{font-size:17px !important;color:var(--ink-700) !important}
body.office[data-page="komon"] #ryokin .uchi .uchi-hyo td,body.office[data-page="komon"] #ryokin .uchi .uchi-kinen td{font-size:15px !important}
body.office[data-page="komon"] #ryokin .uchi .uchi-kimari dt,body.office[data-page="komon"] #ryokin .uchi .uchi-kimari dd,body.office[data-page="komon"] #ryokin .uchi .uchi-kinen p{font-size:14.5px !important;color:var(--ink-700)}
body.office[data-page="komon"] #ryokin .uchi .uchi-kinen{opacity:1;margin-top:28px}

@media (min-width:961px){
body.office[data-page="komon"] .km-soudan-ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:clamp(32px,4.6vw,64px);align-items:start}
body.office[data-page="komon"] #soudan .km-soudan-ba ul.kajo.kumi{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
body.office[data-page="komon"] .km-rei2{margin:24px 0 0;border-top:2px solid var(--navy-900)}
body.office[data-page="komon"] .km-rei2 .km-retsu li{padding:14px 0 16px 30px !important}
body.office[data-page="komon"] .km-nagare{margin:26px 0 8px}
body.office[data-page="komon"] .km-nagare ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 44px;counter-reset:n}
body.office[data-page="komon"] .km-nagare li{position:relative;padding:18px 0 18px;border-top:2px solid var(--ink-400)}
body.office[data-page="komon"] .km-nagare li.km-naka{border-top:3px solid var(--navy-900)}
body.office[data-page="komon"] .km-nagare li + li::before{content:"";position:absolute;left:-34px;top:26px;width:22px;height:2px;background:var(--navy-900)}
body.office[data-page="komon"] .km-nagare li + li::after{content:"";position:absolute;left:-20px;top:21px;width:10px;height:10px;border-top:2px solid var(--navy-900);border-right:2px solid var(--navy-900);transform:rotate(45deg)}
body.office[data-page="komon"] .km-nagare b{display:block;font-family:var(--font-mincho);font-weight:600;font-size:clamp(22px,2.2vw,28px);color:var(--navy-900);letter-spacing:.04em}
body.office[data-page="komon"] .km-nagare span{display:block;margin-top:6px;font-family:var(--font-sans);font-size:15px;line-height:1.7;color:var(--ink-700);word-break:auto-phrase}
@media (max-width:640px){
body.office[data-page="komon"] .km-nagare ol{grid-template-columns:1fr;gap:28px}
body.office[data-page="komon"] .km-nagare li + li::before{left:12px;top:-22px;width:2px;height:16px}
body.office[data-page="komon"] .km-nagare li + li::after{left:7px;top:-14px;transform:rotate(135deg)}
}

body.office[data-page="komon"] .km-nagare b{background:none !important;box-shadow:none !important;text-decoration:none !important;padding:0 !important}

body.office .uchi .uchi-kimari-1{display:block !important;margin-top:20px !important;grid-column:1/-1 !important}
body.office .uchi .uchi-saki{grid-column:1/-1;margin:14px 0 0;font-size:15.5px;line-height:1.85;color:var(--ink-700)}

@media (min-width:961px){
  body.office[data-page="komon"] .uchi > .uchi-kimari-1{grid-column:1 !important;grid-row:2 !important;display:block !important;margin-top:14px !important;align-self:start;width:100% !important;max-width:none !important}
  body.office[data-page="komon"] .uchi > .uchi-saki{max-width:none !important}
  body.office[data-page="komon"] .uchi > .uchi-saki{grid-column:1 !important;grid-row:3 !important;align-self:start}
  body.office[data-page="komon"] .uchi > .uchi-keisan{grid-column:2 !important;grid-row:2 / span 2 !important}
}

body.office[data-page="komon"] .uchi .uchi-kimari-1 > div{display:block !important;padding:14px 0 !important;border-top:2px solid var(--navy-900) !important;border-bottom:1px solid var(--line) !important}
body.office[data-page="komon"] .uchi .uchi-kimari-1 dt{display:block !important;width:auto !important;margin:0 0 6px !important;font-size:15px !important;font-weight:700;color:var(--navy-900)}
body.office[data-page="komon"] .uchi .uchi-kimari-1 dd{display:block !important;width:auto !important;margin:0 !important;font-size:15.5px !important;line-height:1.85 !important;color:var(--ink-900)}

body.office[data-page="komon"] .uchi > dl.uchi-kimari.uchi-kimari-1{display:block !important;grid-template-columns:none !important}

@media (min-width:961px){
  body.office[data-page="komon"] .uchi > .uchi-saki{grid-row:2 !important;align-self:end !important;margin:0 !important}
  body.office[data-page="komon"] .uchi > .uchi-keisan{grid-row:2 !important}
}

@media (min-width:961px){body.office[data-page="komon"] .uchi > .uchi-hidari{grid-column:1 !important;grid-row:2 !important;align-self:start}}
body.office[data-page="komon"] .uchi-hidari .uchi-saki{margin:16px 0 0 !important}
/*[見せ場:kumi]*/
@media (max-width:720px){
  body.office main :is(p,li,td,dd,.chakuchi-lead):not(.ie-yakusoku,.yama-mi,.chakuchi-yakusoku,.chakuchi-oshi,.ie-na,.kai,.n,.stat-ko,.kj-ichi-no,.rn-kazu,.yama-ko,.kusari-mi,.km-dare,.ie-ne,.ie-mei,.ie-no):not(figure *):not(aside *):not(blockquote *):not(.kao *),
  body.office section.chakuchi .chakuchi-lead,
  body.office footer .foot-te{
    word-break:normal !important;
    overflow-wrap:anywhere;
    line-break:strict !important;
    text-wrap:wrap !important;
    text-align:justify;
    text-justify:inter-character;
  }
  body.office main :is(li,td,dd,th){text-align:start !important}
  body.office section.chakuchi .chakuchi-lead{line-height:1.95 !important}
  body.office main :is(td,th) :is(b,strong){white-space:nowrap}
}
/*[見せ場:kyotsu]*/
@media (min-width:861px){
  body.office[data-page]:not([data-page="index"]) main section.hero .btns{flex-wrap:wrap}
  body.office[data-page]:not([data-page="index"]) main section.hero .btns a.btn{min-width:0 !important;flex:0 0 auto;white-space:nowrap;padding:19px 24px 19px 26px !important;gap:1em !important}
  body.office[data-page]:not([data-page="index"]) main section.hero .btns{column-gap:14px !important}
}
/*[見せ場:rensai-kiji]*/
body[data-page="rensai-kiji"] .kj-zu{margin:30px 0 34px;padding:20px 0 16px;border-top:2px solid var(--navy-900);border-bottom:1px solid var(--rule)}
body[data-page="rensai-kiji"] .kj-zu svg{display:block;width:100%;max-width:640px;height:auto;margin:0 auto}
body[data-page="rensai-kiji"] .kj-zu .z-ko,body[data-page="rensai-kiji"] .kj-zu .z-hoka rect{fill:none;stroke:var(--navy-800);stroke-width:1.6}
body[data-page="rensai-kiji"] .kj-zu .z-hoka rect{stroke-dasharray:4 4}
body[data-page="rensai-kiji"] .kj-zu .z-kon{fill:var(--navy-900)}
body[data-page="rensai-kiji"] .kj-zu .z-ji{fill:var(--navy-900);font-weight:700}
body[data-page="rensai-kiji"] .kj-zu .z-usu{fill:var(--ink-700)}
body[data-page="rensai-kiji"] .kj-zu .z-shiro{fill:var(--paper-50);font-weight:700}
body[data-page="rensai-kiji"] .kj-zu .z-chiisa{font-size:13px;font-weight:500}
body[data-page="rensai-kiji"] .kj-zu .z-sen path,body[data-page="rensai-kiji"] .kj-zu .z-ya,body[data-page="rensai-kiji"] .kj-zu .z-ya path,body[data-page="rensai-kiji"] .kj-zu .z-hiku path{fill:none;stroke:var(--navy-800);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-page="rensai-kiji"] .kj-zu .z-hiku path{stroke-dasharray:5 4}
body[data-page="rensai-kiji"] .kj-zu .z-kabe path{fill:var(--paper-100);stroke:var(--navy-800);stroke-width:1.4}
body[data-page="rensai-kiji"] .kj-zu .z-ana ellipse{fill:var(--paper-50);stroke:var(--navy-800);stroke-width:1.2}
body[data-page="rensai-kiji"] .kj-zu .z-kido{fill:none;stroke:var(--navy-800);stroke-width:1.4;stroke-dasharray:6 5}
body[data-page="rensai-kiji"] .kj-zu .z-hito circle{fill:var(--paper-50);stroke:var(--navy-900);stroke-width:2}
@media (max-width:720px){body[data-page="rensai-kiji"] .kj-zu svg text{font-size:26px}body[data-page="rensai-kiji"] .kj-zu svg text.z-shiro{font-size:20px}body[data-page="rensai-kiji"] .kj-zu svg text.z-chiisa{font-size:17px}}
body[data-page="rensai-kiji"] .kj-zu figcaption{margin-top:12px !important;font-family:var(--font-mincho) !important;font-size:16.5px !important;line-height:1.85 !important;color:var(--ink-900) !important;font-weight:600}

body[data-page="rensai-kiji"] .rensai .hero .maku-kj{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:end;max-width:min(1140px,calc(100% - 140px));margin-inline:auto}
body[data-page="rensai-kiji"] .rensai .hero .maku-kj > .yomi{max-width:none;margin:0;padding:0}
body[data-page="rensai-kiji"] .rensai .hero h1{font-size:clamp(30px,2.9vw,44px) !important;line-height:1.45 !important;word-break:auto-phrase}
body[data-page="rensai-kiji"] .rensai .hero .date{display:flex;flex-wrap:wrap;column-gap:1.2em;row-gap:4px}
body[data-page="rensai-kiji"] .rensai .hero .date time,body[data-page="rensai-kiji"] .rensai .hero .date .chosha{white-space:nowrap;margin-left:0 !important}
body[data-page="rensai-kiji"] .kj-hon .body p{word-break:normal !important;text-align:justify;text-justify:inter-character;text-wrap:pretty !important;line-break:strict}
body[data-page="rensai-kiji"] .kj-hon .body h2,body[data-page="rensai-kiji"] .kj-hon .pn a{word-break:auto-phrase}
body[data-page="rensai-kiji"] .kj-hon .pn{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
body[data-page="rensai-kiji"] .kj-hon .pn a{display:flex !important;align-items:center;min-height:5.2em;padding:16px 20px !important;border:0 !important;border-top:2px solid var(--navy-900) !important;border-bottom:1px solid var(--rule) !important;color:var(--navy-900) !important;font-size:15.5px !important;line-height:1.65}
body[data-page="rensai-kiji"] .kj-hon .pn a.prev:only-of-type,body[data-page="rensai-kiji"] .kj-hon .pn a.next:first-child{grid-column:1/-1}
body[data-page="rensai-kiji"] .kj-hon .pn a.up{grid-column:1/-1;justify-content:center;min-height:0;font-weight:700;color:var(--navy-900) !important}
@media (max-width:960px){body[data-page="rensai-kiji"] .kj-hon .pn{grid-template-columns:1fr}}
body[data-page="rensai-kiji"] .kj-ichi{margin:0;padding:6px 0 6px 26px;border-left:2px solid var(--gold-400)}
body[data-page="rensai-kiji"] .kj-ichi-no{display:block;font-family:var(--font-mincho);font-weight:600;font-size:clamp(64px,6vw,96px);line-height:1;color:var(--navy-900);letter-spacing:-.01em}
body[data-page="rensai-kiji"] .kj-ichi-no small{font-family:var(--font-sans);font-size:15px;color:var(--ink-500);letter-spacing:.1em;margin-left:8px;font-weight:500}
body[data-page="rensai-kiji"] .kj-ichi blockquote{margin:18px 0 0;font-family:var(--font-mincho);font-weight:600;font-size:clamp(20px,1.75vw,25px);line-height:1.75;color:var(--navy-900);word-break:auto-phrase}
body[data-page="rensai-kiji"] .kj-ichi figcaption{margin-top:10px;font-size:14px;color:var(--ink-500)}
body[data-page="rensai-kiji"] .rensai .honbun > .yomi.kj-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:start;max-width:min(1140px,calc(100% - 140px));margin-inline:auto}
body[data-page="rensai-kiji"] .kj-hon{min-width:0;max-width:44em}
body[data-page="rensai-kiji"] .kj-hashira{position:sticky;top:96px;display:flex;flex-direction:column;gap:30px}
body[data-page="rensai-kiji"] .kj-hashira .mokuji{margin:0 !important;padding:18px 0 0 !important;border:0 !important;border-top:2px solid var(--navy-900) !important;background:none !important}
body[data-page="rensai-kiji"] .kj-hashira .mokuji::before{content:"この回の目次";display:block;font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--ink-700);margin-bottom:10px}
body[data-page="rensai-kiji"] .kj-hashira .mokuji ol{padding:0;list-style:none;counter-reset:kj}
body[data-page="rensai-kiji"] .kj-hashira .mokuji li{counter-increment:kj;display:grid;grid-template-columns:1.8em minmax(0,1fr);padding:9px 0;border-bottom:1px solid var(--rule);font-size:15px !important;line-height:1.65}
body[data-page="rensai-kiji"] .kj-hashira .mokuji li::before{content:counter(kj);font-family:var(--font-mincho);font-weight:600;color:var(--navy-800)}
body[data-page="rensai-kiji"] .kj-hashira .mokuji a{border-bottom:0 !important;color:var(--ink-900);word-break:auto-phrase}
body[data-page="rensai-kiji"] .kj-hashira .mokuji a:hover{color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-500);text-underline-offset:4px}
body[data-page="rensai-kiji"] .kj-kaku{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding-top:18px;border-top:1px solid var(--rule)}
body[data-page="rensai-kiji"] .kj-kaku img{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--paper-100)}
body[data-page="rensai-kiji"] .kj-kaku p{margin:0;font-size:14px;line-height:1.7;color:var(--ink-700)}
body[data-page="rensai-kiji"] .kj-kaku b{display:block;font-size:16px;color:var(--navy-900)}
body[data-page="rensai-kiji"] .kj-suji{--n:3;margin:30px 0 34px;padding:22px 0 18px;border-top:2px solid var(--navy-900);border-bottom:1px solid var(--rule)}
body[data-page="rensai-kiji"] .kj-suji ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:0}
body[data-page="rensai-kiji"] .kj-suji li{padding:0 20px;border-left:1px solid var(--rule)}
body[data-page="rensai-kiji"] .kj-suji li:first-child{padding-left:0;border-left:0}
body[data-page="rensai-kiji"] .kj-suji b{display:block;font-family:var(--font-mincho);font-weight:600;font-size:clamp(44px,4.2vw,60px);line-height:1.05;color:var(--navy-900);letter-spacing:-.01em}
body[data-page="rensai-kiji"] .kj-suji span{display:block;margin-top:8px;font-size:15px;line-height:1.65;color:var(--ink-900);word-break:auto-phrase}
body[data-page="rensai-kiji"] :is(.kj-suji,.kj-kaku,.kj-ichi) b{background:none !important;box-shadow:none !important;padding:0 !important;text-decoration:none !important}
body[data-page="rensai-kiji"] .kj-suji figcaption{margin-top:14px;font-size:14px;color:var(--ink-500)}
@media (max-width:960px){
  body[data-page="rensai-kiji"] .rensai .hero .maku-kj{grid-template-columns:1fr;gap:26px;max-width:none;padding-inline:16px}
  body[data-page="rensai-kiji"] .kj-hashira{position:static;display:contents}
  body[data-page="rensai-kiji"] .kj-hon{max-width:none}
}
@media (max-width:960px){
  body[data-page="rensai-kiji"] .rensai .honbun > .yomi.kj-grid{display:flex;flex-direction:column;max-width:none;margin-inline:0;padding-inline:16px}
  body[data-page="rensai-kiji"] .kj-hashira .mokuji{order:0}
  body[data-page="rensai-kiji"] .kj-hon{order:1}
  body[data-page="rensai-kiji"] .kj-kaku{order:2;margin-top:28px}
  body[data-page="rensai-kiji"] .kj-ichi-no{font-size:56px}
  body[data-page="rensai-kiji"] .rensai .hero h1{font-size:26px !important;line-height:1.55 !important}
  body[data-page="rensai-kiji"] .kj-ichi{padding-left:18px}
  body[data-page="rensai-kiji"] .kj-suji ul{grid-template-columns:1fr}
  body[data-page="rensai-kiji"] .kj-suji li{padding:12px 0;border-left:0;border-top:1px solid var(--rule)}
  body[data-page="rensai-kiji"] .kj-suji li:first-child{border-top:0;padding-top:0}
  body[data-page="rensai-kiji"] .kj-suji b{font-size:44px}
}
/*[見せ場:rensai]*/
body[data-page="rensai"] .hero-ie .ie-kao img{object-fit:cover}
body[data-page="rensai"] .hero-ie .ie-text .crumb{margin:0 0 10px;font-size:14px;letter-spacing:.12em;color:var(--ink-500)}
body[data-page="rensai"] .hero-ie .ie-text h1.ie-na{margin:0 0 18px}
body[data-page="rensai"] .rn-kazu{display:flex;gap:28px;margin:26px 0 0;padding:16px 0 0;border-top:1px solid var(--rule)}
body[data-page="rensai"] .rn-kazu div{display:flex;flex-direction:column;gap:2px}
body[data-page="rensai"] .rn-kazu b{background:none !important;box-shadow:none !important;padding:0 !important;white-space:nowrap;font-family:var(--font-mincho);font-weight:600;font-size:clamp(30px,2.6vw,38px);line-height:1.1;color:var(--navy-900)}
body[data-page="rensai"] .rn-kazu span{font-size:14px;color:var(--ink-500);letter-spacing:.06em}
body[data-page="rensai"] .rensai-toc .yomi{max-width:none;width:auto}
body[data-page="rensai"] .rensai-toc ol.rensai-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;border-top:2px solid var(--navy-900)}
body[data-page="rensai"] .rensai-toc ol.rensai-list li{min-width:0}
body[data-page="rensai"] .rensai-toc ol.rensai-list li:first-child{grid-column:1/-1}
body[data-page="rensai"] .rensai-toc ol.rensai-list a{display:grid !important;grid-template-columns:4.6em minmax(0,1fr) !important;grid-template-areas:"no ttl" "no ichi" "no time";column-gap:20px;row-gap:8px;align-content:start;height:100%;padding:28px 0 26px !important;background:none !important;border:0 !important;border-bottom:1px solid var(--rule) !important;border-radius:0 !important;box-shadow:none !important;transform:none !important;color:var(--fg);text-decoration:none}
body[data-page="rensai"] .rensai-toc ol.rensai-list a:hover .ttl{text-decoration:underline;text-decoration-color:var(--gold-500);text-underline-offset:5px}
body[data-page="rensai"] .rensai-toc ol.rensai-list a::after{content:"読む →";grid-column:2;justify-self:end;margin-top:-1.6em;font-family:var(--font-sans);font-size:14px;font-weight:700;color:var(--navy-800);letter-spacing:.06em}
body[data-page="rensai"] .rensai-toc li:first-child a::after{grid-column:3}
body[data-page="rensai"] .rensai-toc ol.rensai-list a:hover{background:var(--paper-100) !important}
body[data-page="rensai"] .rensai-toc .kai{grid-area:no;font-family:var(--font-mincho);font-weight:600;font-size:0 !important;color:var(--navy-900) !important;letter-spacing:0 !important;line-height:1}
body[data-page="rensai"] .rensai-toc .kai::before{content:attr(data-no);font-size:clamp(40px,3.4vw,52px);line-height:1;display:block}
body[data-page="rensai"] .rensai-toc .kai::after{content:"回";font-family:var(--font-sans);font-size:14px;color:var(--ink-500);display:block;margin-top:6px;letter-spacing:.1em}
body[data-page="rensai"] .rensai-toc .ttl{grid-area:ttl;font-family:var(--font-sans) !important;font-weight:700 !important;font-size:clamp(18px,1.45vw,20px) !important;line-height:1.6;word-break:auto-phrase;color:var(--navy-900)}
body[data-page="rensai"] .rensai-toc .ttl-fuku{display:block;font-weight:500;font-size:15px;color:var(--ink-700);margin-top:4px}
body[data-page="rensai"] .rensai-toc .rn-ichi{grid-area:ichi;margin:2px 0 0;padding-left:14px;border-left:2px solid var(--gold-400);font-family:var(--font-mincho);font-size:16.5px;line-height:1.85;color:var(--ink-900);word-break:auto-phrase}
body[data-page="rensai"] .rensai-toc time{grid-area:time;font-size:14px !important;color:var(--ink-500)}
body[data-page="rensai"] .rensai-toc li:first-child .ttl{font-size:clamp(20px,1.8vw,24px) !important}
body[data-page="rensai"] .rensai-toc li:first-child .rn-ichi{font-size:clamp(18px,1.5vw,21px)}
body[data-page="rensai"] .rensai-toc li:first-child .kai::before{font-size:clamp(56px,4.6vw,72px)}
body[data-page="rensai"] .rensai-toc li:first-child a{grid-template-columns:5.6em minmax(0,1fr) !important}
body[data-page="rensai"] .rensai-toc li:first-child a{grid-template-areas:"no ttl ichi" "no time ichi" !important;grid-template-columns:5.6em minmax(0,1.1fr) minmax(0,1fr) !important;column-gap:40px}
body[data-page="rensai"] .rensai-toc li:first-child .rn-ichi{align-self:center}
@media (max-width:860px){
  body[data-page="rensai"] .hero-ie .ie-lead{word-break:normal !important;line-break:strict}
  body[data-page="rensai"] .rensai-toc li:first-child a{grid-template-areas:"no ttl" "no ichi" "no time" !important}
  body[data-page="rensai"] .rensai-toc .yomi{max-width:none;padding-inline:16px}
  body[data-page="rensai"] .rensai-toc ol.rensai-list{grid-template-columns:1fr}
  body[data-page="rensai"] .rensai-toc ol.rensai-list a,body[data-page="rensai"] .rensai-toc li:first-child a{grid-template-columns:3.4em minmax(0,1fr) !important;column-gap:14px;padding:22px 0 20px !important}
  body[data-page="rensai"] .rensai-toc .kai::before,body[data-page="rensai"] .rensai-toc li:first-child .kai::before{font-size:38px}
  body[data-page="rensai"] .rn-kazu{gap:18px;flex-wrap:wrap}
  body[data-page="rensai"] .rn-kazu b{font-size:24px;white-space:nowrap}
}
/*[見せ場:ryokin]*/
body.office[data-page="ryokin"] .hero.hero-ie{padding-bottom:clamp(32px,4vw,52px) !important}
body.office[data-page="ryokin"] .hero-ie .ie-grid.ms-grid{grid-template-columns:minmax(0,1fr) minmax(340px,400px) !important;align-items:center !important;gap:clamp(28px,5vw,80px) !important}
body.office[data-page="ryokin"] .hero-ie .ie-yakusoku{margin-top:clamp(18px,2.4vw,30px)}
body.office[data-page="ryokin"] .hero-ie .ie-lead b{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:5px}
body.office[data-page="ryokin"] .ms-hakari{margin:0;padding:clamp(20px,2.2vw,28px) 0 0;border-top:3px solid var(--navy-900)}
body.office[data-page="ryokin"] .ms-hakari-mi{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px;font-family:var(--font-sans);font-weight:700;font-size:17px;letter-spacing:.08em;color:var(--navy-900)}
body.office[data-page="ryokin"] .ms-hakari-mi span{font-weight:500;font-size:14px;letter-spacing:.04em;color:var(--ink-500)}
body.office[data-page="ryokin"] .ms-hakari .uchi-keisan{display:block;margin:0;padding:0;border:0}
body.office[data-page="ryokin"] .ms-hakari .uchi-keisan label{display:inline-block;margin:0 12px 0 0;font-family:var(--font-sans);font-size:15px}
body.office[data-page="ryokin"] .ms-hakari .uchi-keisan input{width:4.6em;font-family:var(--font-mincho);font-weight:700;font-size:28px;line-height:1.2;padding:4px 10px;border:0;border-bottom:2px solid var(--gold-500);border-radius:0;background:none;color:var(--navy-900);text-align:right}
body.office[data-page="ryokin"] .ms-hakari .uchi-keisan input:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}
body.office[data-page="ryokin"] .ms-hakari .ms-nin{font-family:var(--font-sans);font-weight:700;font-size:16px;color:var(--navy-900);margin-left:6px}
body.office[data-page="ryokin"] .ms-hakari .uchi-keisan dl{display:block;margin:18px 0 0}
body.office[data-page="ryokin"] .ms-hakari .uchi-keisan dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;padding:12px 0 14px;border-top:1px solid rgba(10,25,47,.14);position:relative}
body.office[data-page="ryokin"] .ms-hakari .uchi-keisan dt{font-family:var(--font-sans);font-size:14.5px;font-weight:700;color:var(--ink-700)}
body.office[data-page="ryokin"] .ms-hakari .uchi-keisan dd{font-size:clamp(20px,1.8vw,24px);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
body.office[data-page="ryokin"] .ms-hakari .uchi-keisan dl>div:last-child dd{grid-column:1/-1;text-align:left;font-size:clamp(19px,1.6vw,22px)}
body.office[data-page="ryokin"] .ms-hakari-chu{margin:8px 0 0;font-family:var(--font-sans);font-size:14px;line-height:1.7;color:var(--ink-500)}
body.office[data-page="ryokin"] .ms-hakari .ms-hakari-nashi{margin:0;font-family:var(--font-mincho);font-size:16px;line-height:1.9}
body.office[data-page="ryokin"] .ms-michi{margin-top:clamp(36px,4.4vw,56px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid rgba(10,25,47,.14)}
body.office[data-page="ryokin"] .ms-michi-mi{margin:0;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--navy-900);display:flex;align-items:center;gap:12px}
body.office[data-page="ryokin"] .ms-michi-mi::before{content:"";width:28px;height:1px;background:var(--gold-500)}
body.office[data-page="ryokin"] .ms-michi .kakaku-mokuji{margin-top:14px !important}
/* 頭の大字とボタン */
body.office[data-page="ryokin"] .hero-ie .ie-yakusoku{font-size:clamp(36px,4.1vw,54px) !important}
body.office[data-page="ryokin"] .hero-ie .btns{display:flex !important;flex-direction:row !important;flex-wrap:nowrap;gap:14px}
body.office[data-page="ryokin"] .hero-ie .btns .btn{flex:1 1 0;min-width:0}
/* ご契約は二つ＝右の空きを埋める（決まりと公開記念を左右に） */
body.office[data-page="ryokin"] #futatsu .uchi{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,4vw,64px)}
body.office[data-page="ryokin"] #futatsu .uchi>*{grid-column:1/-1}
body.office[data-page="ryokin"] #futatsu .uchi>.uchi-kimari{grid-column:1;max-width:none}
body.office[data-page="ryokin"] #futatsu .uchi>.uchi-kinen{grid-column:2;max-width:none;align-self:start}
/* 品目の目次を、読む間ずっと上に */
body.office[data-page="ryokin"] .kt-mokuji{position:sticky;top:0;z-index:5;background:var(--paper-100);padding:10px 0;border-bottom:1px solid rgba(10,25,47,.14)}
/* 全幅の山（写真を明るく） */
body.office[data-page="ryokin"] section.yama.ms-yama .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.93) 0%,rgba(10,25,47,.8) 45%,rgba(10,25,47,.2) 100%) !important}
body.office[data-page="ryokin"] section.yama.ms-yama .yama-e img{filter:none !important;transform:none !important}
body.office[data-page="ryokin"] section.yama.ms-yama .yama-e img{object-position:50% 60% !important}
@media (max-width:960px){
  body.office[data-page="ryokin"] .hero-ie .ie-grid.ms-grid{display:block}
  body.office[data-page="ryokin"] .ms-hakari{margin-top:30px}
  body.office[data-page="ryokin"] #futatsu .uchi{display:block}
  body.office[data-page="ryokin"] section.yama.ms-yama .yama-e::after{background:rgba(10,25,47,.72) !important}
}
@media (max-width:520px){
  body.office[data-page="ryokin"] .ms-hakari .uchi-keisan dl>div:last-child dd{font-size:18px}
  body.office[data-page="ryokin"] .hero-ie .btns{flex-direction:column !important}
  body.office[data-page="ryokin"] .kt-mokuji{position:static}
}
/* 三巡目③：比べる表の「一括のお得」の列を目立たせる */
body.office[data-page="ryokin"] .kinen-hyo table th:last-child,body.office[data-page="ryokin"] .kinen-hyo table td:last-child{background:rgba(197,168,128,.16) !important;border-left:2px solid var(--navy-900) !important;padding-left:14px !important}
body.office[data-page="ryokin"] .kinen-hyo b.uchi-toku{font-family:var(--font-mincho);font-size:clamp(18px,1.5vw,21px);color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:5px}
/* 三巡目②：お支払いと返金を、いつ・どうやって・お返しする時の表に */
@media (min-width:961px){
  body.office[data-page="ryokin"] .kt-shiharai dl.kt-dl{display:grid !important;grid-template-columns:9em repeat(3,minmax(0,1fr));column-gap:22px;margin:0 !important}
  body.office[data-page="ryokin"] .kt-shiharai dl.kt-dl>dt{grid-column:1;padding:14px 0 !important;border-top:1px solid rgba(10,25,47,.16);font-family:var(--font-sans);font-weight:700;font-size:15px;color:var(--navy-900);margin:0 !important}
  body.office[data-page="ryokin"] .kt-shiharai dl.kt-dl>dd{margin:0 !important;padding:14px 0 !important;border-top:1px solid rgba(10,25,47,.16);font-size:14.5px;line-height:1.85;display:block !important}
  body.office[data-page="ryokin"] .kt-shiharai dl.kt-dl>dd .kt-dl-mi{display:block !important;margin:0 0 4px !important;font-family:var(--font-sans);font-weight:700;font-size:14px !important;color:var(--navy-800);width:auto !important}
}
/* 三巡目①：携帯の品目の行＝番号・品目名・会員の額・スポットの額を一段に。列の名は表の頭に一度だけ */
@media (max-width:720px){
  body.office[data-page="ryokin"] .kt .kt-hyo thead{display:block !important;position:static !important;clip:auto !important;width:auto !important;height:auto !important}
  body.office[data-page="ryokin"] .kt .kt-hyo thead tr{display:grid !important;grid-template-columns:2.4em minmax(0,1fr) 5.6em 5.6em !important;column-gap:8px !important;border-top:2px solid var(--navy-900) !important;border-bottom:1px solid rgba(10,25,47,.2)}
  body.office[data-page="ryokin"] .kt .kt-hyo thead th{display:block !important;padding:8px 0 6px !important;font-size:14px !important;border:0 !important}
  body.office[data-page="ryokin"] .kt .kt-hyo thead th.kt-no{display:block !important}
  body.office[data-page="ryokin"] .kt .kt-hyo thead th .kt-th-ko{display:none !important}
  body.office[data-page="ryokin"] .kt .kt-hyo tbody tr,body.office[data-page="ryokin"] .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)){display:grid !important;grid-template-columns:2.4em minmax(0,1fr) 5.6em 5.6em !important;grid-template-areas:"no na kai spot" !important;column-gap:8px !important;padding:12px 0 !important;align-items:start}
  body.office[data-page="ryokin"] .kt .kt-hyo tbody tr:has(.kt-kasan){grid-template-columns:2.4em minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"no na na" "no kai spot" !important;row-gap:6px}
  body.office[data-page="ryokin"] .kt .kt-hyo td.kt-no{grid-area:no !important;display:block !important;padding:2px 0 0 !important;font-size:14px !important}
  body.office[data-page="ryokin"] .kt .kt-hyo th.kt-na{grid-area:na !important;padding:0 !important}
  body.office[data-page="ryokin"] .kt .kt-hyo td.kt-kaiin{grid-area:kai !important}
  body.office[data-page="ryokin"] .kt .kt-hyo td.kt-spot{grid-area:spot !important}
  body.office[data-page="ryokin"] .kt .kt-hyo td.kt-kaiin,body.office[data-page="ryokin"] .kt .kt-hyo td.kt-spot{font-size:15px !important;text-align:left;word-break:auto-phrase}
  body.office[data-page="ryokin"] .kt .kt-hyo td.kt-no::before,body.office[data-page="ryokin"] .kt .kt-hyo td.kt-kaiin::before,body.office[data-page="ryokin"] .kt .kt-hyo td.kt-spot::before,body.office[data-page="ryokin"] .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) td.kt-kaiin::before,body.office[data-page="ryokin"] .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) td.kt-spot::before{content:none !important;display:none !important}
  body.office[data-page="ryokin"] .kt .kt-hyo tbody tr:has(.kt-kasan) td.kt-kaiin::before{content:"年間会員" !important;display:block !important;font-size:14px !important;color:var(--ink-500)}
  body.office[data-page="ryokin"] .kt .kt-hyo tbody tr:has(.kt-kasan) td.kt-spot::before{content:"スポット価格" !important;display:block !important;font-size:14px !important;color:var(--ink-500)}
  body.office[data-page="ryokin"] .kinen-hyo table td:last-child{border-left:0 !important}
}
/* ★竜胆（10/16）＝携帯の品目の表を、どの行も「番号と品目の名・注（全幅）」→「年間会員｜スポット価格（横並び）」の2段に。
   4列のままでは品目の欄が細く、注が1行6〜7字・名が4〜5行に折れ、頁が約44,700pxまで伸びていた（拾い読みできない）。
   額・文言・番号は変えない（組みだけ）。列の名は行ごとに小さく添え、表の頭は外す。 */
@media (max-width:720px){
  body.office[data-page="ryokin"] .kt .kt-hyo thead{display:none !important}
  body.office[data-page="ryokin"] .kt .kt-hyo{border-top:2px solid var(--navy-900) !important}
  body.office[data-page="ryokin"] .kt .kt-hyo tbody tr,
  body.office[data-page="ryokin"] .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)),
  body.office[data-page="ryokin"] .kt .kt-hyo tbody tr:has(.kt-kasan){display:grid !important;grid-template-columns:2.6em minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"no na na" "no kai spot" !important;column-gap:12px !important;row-gap:8px !important;padding:14px 0 !important;align-items:start}
  body.office[data-page="ryokin"] .kt .kt-hyo th.kt-na .kt-namae{font-size:16px !important;line-height:1.6}
  body.office[data-page="ryokin"] .kt .kt-hyo th.kt-na .kt-chu{display:block;margin-top:6px;font-size:14px !important;line-height:1.75;color:var(--ink-700)}
  body.office[data-page="ryokin"] .kt .kt-hyo td.kt-kaiin::before,
  body.office[data-page="ryokin"] .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) td.kt-kaiin::before{content:"年間会員" !important;display:block !important;font-family:var(--font-sans);font-size:14px !important;font-weight:500;color:var(--ink-500);margin-bottom:2px}
  body.office[data-page="ryokin"] .kt .kt-hyo td.kt-spot::before,
  body.office[data-page="ryokin"] .kt .kt-hyo tbody tr:not(:has(.kt-kasan)):not(:has(.kt-chu)) td.kt-spot::before{content:"スポット価格" !important;display:block !important;font-family:var(--font-sans);font-size:14px !important;font-weight:500;color:var(--ink-500);margin-bottom:2px}
  body.office[data-page="ryokin"] .kt .kt-hyo td.kt-kaiin,body.office[data-page="ryokin"] .kt .kt-hyo td.kt-spot{font-size:16px !important;word-break:normal !important;line-break:strict}
  body.office[data-page="ryokin"] .kt .kt-hyo td.kt-spot{padding-left:12px !important;border-left:1px solid rgba(10,25,47,.14) !important}
}

/* 黄八丈（11/01）＝用件別の料金を「ご契約（労務相談顧問）1枚＋ご依頼4枚」に＝ご契約の札は横いっぱい、ご依頼はその下に並べる（アプリの札は外した＝別の商品に見えていた） */
body.office[data-page="ryokin"] .kakaku-mokuji.bu-mokuji{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
body.office[data-page="ryokin"] .kakaku-mokuji.bu-mokuji a.hon{grid-column:1/-1}
@media (min-width:961px){body.office[data-page="ryokin"] .kakaku-mokuji.bu-mokuji{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
body.office[data-page="ryokin"] .bu-mokuji a.hon{display:grid !important;grid-template-columns:minmax(0,1fr);gap:12px}
body.office[data-page="ryokin"] .bu-mokuji .hon-hidari{display:flex;flex-direction:column;gap:6px}
body.office[data-page="ryokin"] .bu-mokuji .hon-ku{display:block;margin-top:2px;font-weight:500;font-size:12.5px;letter-spacing:.06em;color:var(--gold-600)}
body.office[data-page="ryokin"] .bu-mokuji .hon-naka{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;font-family:var(--font-mincho);font-size:14.5px;line-height:1.6;color:var(--ink-900)}
body.office[data-page="ryokin"] .bu-mokuji .hon-naka-mi{flex-basis:100%;font-family:var(--font-sans);font-weight:700;font-size:12.5px;letter-spacing:.12em;color:var(--ink-500)}
body.office[data-page="ryokin"] .bu-mokuji .hon-naka > span:not(.hon-naka-mi):not(.hon-app)::before{content:"○";margin-right:6px;font-family:var(--font-sans);font-weight:700;color:var(--navy-900)}
body.office[data-page="ryokin"] .bu-mokuji .hon-naka b{color:var(--navy-900)}
body.office[data-page="ryokin"] .bu-mokuji .hon-app{flex-basis:100%;font-family:var(--font-sans);font-weight:700;font-size:13px;color:var(--navy-900)}
@media (min-width:961px){
  body.office[data-page="ryokin"] .bu-mokuji a.hon{grid-template-columns:minmax(0,.9fr) minmax(0,2fr);align-items:center;column-gap:clamp(24px,3vw,48px)}
  body.office[data-page="ryokin"] .bu-mokuji .hon-naka{padding-left:clamp(24px,3vw,48px);border-left:1px solid var(--line)}
}

body.office[data-page="ryokin"] .kt-yoyaku{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;margin:-4px 0 clamp(22px,2.6vw,32px);padding:14px 0 16px;border-bottom:1px solid rgba(10,25,47,.14)}
body.office[data-page="ryokin"] .kt-yoyaku-su{margin:0;font-family:var(--font-sans);font-size:15px;font-weight:700;color:var(--ink-700)}
body.office[data-page="ryokin"] .kt-yoyaku-su b{font-family:var(--font-mincho);font-size:clamp(26px,2.4vw,32px);color:var(--navy-900);margin-right:3px;font-variant-numeric:tabular-nums}
body.office[data-page="ryokin"] .kt-yoyaku-ne{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-family:var(--font-mincho);font-size:clamp(19px,1.7vw,22px);font-weight:700;color:var(--navy-900)}
body.office[data-page="ryokin"] .kt-yoyaku-ne small{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--ink-500);margin:0 4px}
body.office[data-page="ryokin"] .kt-yoyaku-ne .ne-kai{text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:5px}
body.office[data-page="ryokin"] .kt-yoyaku-ne .ne-spot{font-family:var(--font-sans);font-size:14.5px;font-weight:500;color:var(--ink-700)}
body.office[data-page="ryokin"] .kt-yoyaku-ko{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px 10px;margin:4px 0 0;padding:0;list-style:none}
body.office[data-page="ryokin"] .kt-yoyaku-ko a{display:inline-block;padding:6px 14px;border:1px solid rgba(10,25,47,.28);border-radius:999px;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--navy-900);text-decoration:none;background:var(--paper-50,#fbf8f1)}
body.office[data-page="ryokin"] .kt-yoyaku-ko a:hover{border-color:var(--navy-900)}
body.office[data-page="ryokin"] .kt-yoyaku-ko a:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}
body.office[data-page="ryokin"] .kt-h4[id]{scroll-margin-top:84px}

body.office[data-page="ryokin"] .kt-kurikaeshi{margin:0 0 8px;padding:10px 14px;border-left:3px solid var(--gold-500);background:rgba(197,168,128,.10);font-family:var(--font-mincho);font-size:14.5px;line-height:1.8;color:var(--ink-700)}
body.office[data-page="ryokin"] .kt-kurikaeshi p{margin:0}
body.office[data-page="ryokin"] .kt-kurikaeshi p+p{margin-top:4px}
body.office[data-page="ryokin"] .kt-shirushi{font-family:var(--font-sans);font-weight:700;color:var(--navy-800);margin:0 6px 0 2px}
body.office[data-page="ryokin"] .kt-na .kt-shirushi{margin-left:6px}
body.office[data-page="ryokin"] .kt-na:has(> .kt-shirushi) .kt-namae{display:inline}
body.office[data-page="ryokin"] .kt-na > .kt-shirushi{display:inline}

@media (max-width:720px){
  body.office[data-page="ryokin"] .kt-yoyaku{gap:6px 18px}
  body.office[data-page="ryokin"] .kt-yoyaku-ko a{padding:7px 12px}
}

body.office[data-page="ryokin"] details.kt-hiraku{margin:0 0 8px;border-top:1px solid rgba(10,25,47,.14);border-bottom:1px solid rgba(10,25,47,.14)}
body.office[data-page="ryokin"] details.kt-hiraku > summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 4px;cursor:pointer;font-family:var(--font-sans);color:var(--navy-900)}
body.office[data-page="ryokin"] details.kt-hiraku > summary::-webkit-details-marker{display:none}
body.office[data-page="ryokin"] .kt-hiraku-na{font-weight:700;font-size:16.5px;letter-spacing:.08em}
body.office[data-page="ryokin"] .kt-hiraku-ya{margin-left:auto;position:relative;width:16px;height:16px;flex:0 0 16px}
body.office[data-page="ryokin"] .kt-hiraku-ya::before,body.office[data-page="ryokin"] .kt-hiraku-ya::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--gold-600);transition:transform .25s ease}
body.office[data-page="ryokin"] .kt-hiraku-ya::after{transform:rotate(90deg)}
body.office[data-page="ryokin"] details.kt-hiraku[open] .kt-hiraku-ya::after{transform:rotate(0)}
body.office[data-page="ryokin"] details.kt-hiraku > summary:hover .kt-hiraku-na{text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:5px}
body.office[data-page="ryokin"] details.kt-hiraku > summary:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}
body.office[data-page="ryokin"] .kt-hiraku-in{padding:4px 0 20px}
@media (prefers-reduced-motion:reduce){body.office[data-page="ryokin"] .kt-hiraku-ya::before,body.office[data-page="ryokin"] .kt-hiraku-ya::after{transition:none}}

body.office[data-page="ryokin"] .kt-yoyaku{border-bottom:0 !important;margin-bottom:0 !important}
/*[見せ場:seido]*/
body[data-page="seido"] .hero h1{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:clamp(36px,3.9vw,54px) !important;line-height:1.35 !important;letter-spacing:.04em;color:var(--ink-900) !important;font-feature-settings:"palt";word-break:keep-all}
body[data-page="seido"] .hero .shot{position:relative;margin:0}
body[data-page="seido"] .hero .shot img{display:block;width:100%;height:auto}
body[data-page="seido"] .hero .shot .sd-shot-mi{margin:0 0 10px;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.06em;color:var(--navy-900)}
body[data-page="seido"] .hero .shot .kome{display:block;margin:10px 0 0;font-size:14px;line-height:1.7;color:var(--ink-500)}
/* 塗り分けの図 */
body[data-page="seido"] .sd-zu{margin:8px 0 clamp(36px,4vw,52px);padding:22px 0 0;border-top:2px solid var(--navy-900)}
body[data-page="seido"] .sd-mi{margin:0 0 12px;font-family:var(--font-mincho);font-weight:600;font-size:clamp(20px,1.9vw,26px);line-height:1.6;color:var(--ink-900);word-break:auto-phrase;text-wrap:pretty}
body[data-page="seido"] .sd-mi b{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:6px}
body[data-page="seido"] .sd-hanrei{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0 0 18px;font-family:var(--font-sans);font-size:15px;color:var(--ink-700)}
body[data-page="seido"] .sd-hanrei > span{display:inline-flex;align-items:center;gap:10px}
body[data-page="seido"] .sd-hanrei .sd-k,body[data-page="seido"] .sd-hanrei .sd-h{width:22px;height:22px}
body[data-page="seido"] .sd-k,body[data-page="seido"] .sd-h{display:inline-block;width:100%;height:30px;vertical-align:middle;border-radius:2px}
body[data-page="seido"] .sd-k{background:var(--navy-900)}
body[data-page="seido"] .sd-h{border:1.5px solid rgba(10,25,47,.35);background:repeating-linear-gradient(135deg,rgba(10,25,47,.16) 0 1.5px,transparent 1.5px 7px)}
body[data-page="seido"] .sd-yomi{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body[data-page="seido"] table.sd-nuri{width:100%;border-collapse:separate;border-spacing:3px 0;table-layout:fixed;font-family:var(--font-sans)}
body[data-page="seido"] table.sd-nuri th,body[data-page="seido"] table.sd-nuri td{padding:5px 0;border:0;background:none;text-align:center;vertical-align:middle}
body[data-page="seido"] .sd-yoko .sd-kado{width:15em;text-align:left;vertical-align:bottom;font-size:14px;color:var(--ink-500);font-weight:500}
body[data-page="seido"] .sd-yoko .sd-men-h{width:5.5em;vertical-align:bottom;font-size:14px;color:var(--ink-500);font-weight:500}
body[data-page="seido"] .sd-yoko .sd-ku{padding:0 0 8px;border-bottom:2px solid var(--navy-900);font-size:16px;font-weight:700;letter-spacing:.06em;color:var(--navy-900);text-align:left}
body[data-page="seido"] .sd-yoko .sd-ku small{margin-left:8px;font-size:14px;font-weight:500;color:var(--ink-500)}
body[data-page="seido"] .sd-yoko .sd-gamen{height:190px;vertical-align:bottom;padding:0;position:relative}
body[data-page="seido"] .sd-yoko .sd-gamen span{position:absolute;left:50%;bottom:10px;transform-origin:0 100%;transform:rotate(-55deg);font-size:14px;font-weight:500;letter-spacing:.02em;color:var(--ink-900);white-space:nowrap}
body[data-page="seido"] .sd-sakai{border-left:12px solid transparent !important;background-clip:padding-box}
body[data-page="seido"] .sd-yoko tbody th{text-align:left;font-size:16px;font-weight:700;color:var(--navy-900);padding:9px 8px 9px 0;border-top:1px solid rgba(10,25,47,.14)}
body[data-page="seido"] .sd-yoko tbody td{border-top:1px solid rgba(10,25,47,.14);padding:9px 0}
body[data-page="seido"] .sd-no{display:block;font-size:14px;font-weight:500;color:var(--ink-500)}
body[data-page="seido"] .sd-men{font-size:15px;color:var(--ink-900)}
body[data-page="seido"] .sd-tate{display:none}
/* 料金の額を大きく・お支払いの段を罫で組み直す（額と文言はそのまま） */
body.office[data-page="seido"] .kt .kt-hyo .kt-kaiin .kt-nuki{font-size:19px !important;font-weight:700 !important;line-height:1.5 !important;letter-spacing:.02em;font-variant-numeric:tabular-nums}
body.office[data-page="seido"] .kt .kt-hyo .kt-kaiin .kt-kasan{display:block;margin-top:4px;font-family:var(--font-sans);font-size:14px !important;font-weight:400 !important;line-height:1.6;color:var(--ink-500) !important}
/* 料金の表・流れの罫の右端を、見出しの罫（全幅）に揃える */
body[data-page="seido"] .hyo-ba{max-width:none !important;margin-left:0;margin-right:0}
body[data-page="seido"] .nagare{max-width:none !important;margin-left:0;margin-right:0}
@media (min-width:961px){
  body[data-page="seido"] .nagare{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
  body[data-page="seido"] .nagare li{display:block !important;padding:22px 20px 24px 22px !important}
  body[data-page="seido"] .nagare li:first-child{padding-left:0 !important}
  body[data-page="seido"] .nagare-no{display:block;margin-bottom:8px}
  body[data-page="seido"] .nagare-dare{display:table;margin:6px 0 0 !important}
  body[data-page="seido"] .nagare-na{display:block}
  body[data-page="seido"] .nagare li:nth-child(4)::before{content:"";position:absolute;left:-1px;top:36px;width:9px;height:9px;border-top:2px solid var(--gold-500);border-right:2px solid var(--gold-500);transform:translateX(-50%) rotate(45deg)}
}
body[data-page="seido"] .kt-shiharai{margin-top:40px}
body[data-page="seido"] .kt-shiharai .kt-h4{margin:0 0 4px;padding:14px 0 10px;font-family:var(--font-sans);font-weight:700;font-size:clamp(19px,1.7vw,22px);letter-spacing:.06em;color:var(--navy-900)}
body[data-page="seido"] .kt-shiharai dl.kt-dl{display:grid !important;grid-template-columns:13em minmax(0,1fr);column-gap:32px;margin:0 !important;padding:18px 0 !important;border-bottom:1px solid rgba(10,25,47,.14) !important}
body[data-page="seido"] .kt-shiharai dl.kt-dl dt{grid-column:1;grid-row:1 / span 3;margin:0;font-family:var(--font-sans);font-weight:700;font-size:17px;letter-spacing:.04em;color:var(--navy-900)}
body[data-page="seido"] .kt-shiharai dl.kt-dl dt::after{content:"";display:block;width:22px;height:1px;margin-top:10px;background:var(--gold-500)}
body[data-page="seido"] .kt-shiharai dl.kt-dl dd{grid-column:2;display:grid !important;grid-template-columns:8em minmax(0,1fr) !important;gap:16px !important;margin:0;padding:10px 0;border-top:1px dotted rgba(10,25,47,.22);font-family:var(--font-mincho);font-size:15.5px;line-height:1.85;color:var(--ink-900)}
body[data-page="seido"] .kt-shiharai dl.kt-dl dd:first-of-type{border-top:0;padding-top:0}
body[data-page="seido"] .kt-shiharai .kt-dl-mi{font-family:var(--font-sans);font-weight:700;color:var(--navy-900) !important;letter-spacing:.06em}
@media (max-width:720px){
  body[data-page="seido"] .kt-shiharai dl.kt-dl{grid-template-columns:1fr}
  body[data-page="seido"] .kt-shiharai dl.kt-dl dt{grid-row:auto;margin-bottom:8px}
  body[data-page="seido"] .kt-shiharai dl.kt-dl dd{grid-column:1;grid-template-columns:1fr !important;gap:2px !important}
}
@media (max-width:860px){
  body[data-page="seido"] .sd-yoko{display:none}
  body[data-page="seido"] table.sd-tate{display:table;border-spacing:4px 0}
  body[data-page="seido"] .sd-tate thead th{font-size:14px;font-weight:700;color:var(--navy-900);vertical-align:bottom;padding-bottom:8px;border-bottom:2px solid var(--navy-900)}
  body[data-page="seido"] .sd-tate thead th:first-child{width:46%;text-align:left;color:var(--ink-500);font-weight:500}
  body[data-page="seido"] .sd-tate thead th span{display:inline-block;writing-mode:vertical-rl;white-space:nowrap;letter-spacing:.04em;line-height:1.2}
  body[data-page="seido"] .sd-tate tbody th{text-align:left;font-size:14.5px;font-weight:500;color:var(--ink-900);padding:6px 4px 6px 0;line-height:1.4;border-top:1px solid rgba(10,25,47,.12)}
  body[data-page="seido"] .sd-tate tbody td{border-top:1px solid rgba(10,25,47,.12)}
  body[data-page="seido"] .sd-tate .sd-k,body[data-page="seido"] .sd-tate .sd-h{height:24px}
  body[data-page="seido"] .sd-tate .sd-ku-gyo th{padding:16px 0 6px;font-size:15px;font-weight:700;color:var(--navy-900);border-top:0}
  body[data-page="seido"] .sd-tate .sd-men-gyo th,body[data-page="seido"] .sd-tate .sd-men-gyo td{font-size:14px;font-weight:700;color:var(--navy-900);padding-top:12px;border-top:2px solid var(--navy-900)}
  body[data-page="seido"] .hero h1{font-size:clamp(28px,8vw,36px) !important}
}
/* 頭の右の実機の画面を大きく */
@media (min-width:961px){
  body[data-page="seido"] .sd-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;column-gap:48px;align-items:center !important}
  body[data-page="seido"] .sd-hero .shot{margin-top:8px}
}
/* お支払いと返金＝3段×3列 */
body[data-page="seido"] table.sd-shiharai{width:100%;border-collapse:collapse;table-layout:fixed;margin:0;border-top:2px solid var(--navy-900)}
body[data-page="seido"] .sd-shiharai thead th{padding:12px 16px 10px 0;text-align:left;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.06em;color:var(--navy-900);border-bottom:1px solid var(--navy-900)}
body[data-page="seido"] .sd-shiharai thead th:first-child{width:11em}
body[data-page="seido"] .sd-shiharai thead th:nth-child(2){width:24%}
body[data-page="seido"] .sd-shiharai thead th:nth-child(4){width:30%}
body[data-page="seido"] .sd-shiharai tbody th{padding:16px 16px 16px 0;text-align:left;vertical-align:top;font-family:var(--font-sans);font-weight:700;font-size:16.5px;color:var(--navy-900);border-bottom:1px solid rgba(10,25,47,.14)}
body[data-page="seido"] .sd-shiharai tbody td{padding:16px 20px 16px 0;vertical-align:top;font-family:var(--font-mincho);font-size:15px;line-height:1.85;color:var(--ink-900);border-bottom:1px solid rgba(10,25,47,.14);border-left:1px solid rgba(10,25,47,.08);padding-left:16px}
/* もたらすもの＝上位3つを大字の札 */
body[data-page="seido"] ol.sd-fuda3{list-style:none;margin:8px 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--navy-900);border-bottom:1px solid rgba(10,25,47,.18)}
body[data-page="seido"] .sd-fuda3 li{padding:18px 18px 20px 0}
body[data-page="seido"] .sd-fuda3 li + li{padding-left:18px;border-left:1px solid rgba(10,25,47,.14)}
body[data-page="seido"] .sd-fuda-na{display:block;margin-bottom:8px;font-family:var(--font-mincho);font-weight:600;font-size:clamp(22px,2vw,27px);letter-spacing:.06em;color:var(--navy-900)}
body[data-page="seido"] .sd-fuda-na::after{content:"";display:block;width:22px;height:1px;margin-top:10px;background:var(--gold-500)}
body[data-page="seido"] .sd-fuda-te{display:block;font-family:var(--font-mincho);font-size:15px;line-height:1.8;color:var(--ink-900)}
@media (max-width:720px){
  body[data-page="seido"] ol.sd-fuda3{grid-template-columns:1fr}
  body[data-page="seido"] .sd-fuda3 li + li{padding-left:0;border-left:0;border-top:1px solid rgba(10,25,47,.14)}
  body[data-page="seido"] table.sd-shiharai,body[data-page="seido"] .sd-shiharai tbody,body[data-page="seido"] .sd-shiharai tr,body[data-page="seido"] .sd-shiharai th,body[data-page="seido"] .sd-shiharai td{display:block;width:auto !important}
  body[data-page="seido"] .sd-shiharai thead{display:none}
  body[data-page="seido"] .sd-shiharai tbody th{border-bottom:0;padding:16px 0 4px}
  body[data-page="seido"] .sd-shiharai tbody td{border-left:0;padding:6px 0 8px;border-bottom:1px dotted rgba(10,25,47,.2)}
  body[data-page="seido"] .sd-shiharai tbody td::before{content:attr(data-label);display:block;font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--navy-900)}
}
body[data-page="seido"] .sd-hiraki{margin-top:clamp(28px,3vw,40px);border-top:2px solid var(--navy-900);border-bottom:1px solid rgba(10,25,47,.16)}
body[data-page="seido"] .sd-hiraki summary{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding:18px 44px 18px 0;cursor:pointer;list-style:none;position:relative}
body[data-page="seido"] .sd-hiraki summary::-webkit-details-marker{display:none}
body[data-page="seido"] .sd-hiraki summary::after{content:"＋";position:absolute;right:4px;top:16px;font-family:var(--font-sans);font-weight:700;font-size:20px;color:var(--navy-900)}
body[data-page="seido"] .sd-hiraki[open] summary::after{content:"－"}
body[data-page="seido"] .sd-hiraki summary:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}
body[data-page="seido"] .sd-hiraki-mi{font-family:var(--font-sans);font-weight:700;font-size:18px;color:var(--navy-900)}
body[data-page="seido"] .sd-hiraki-ko{font-family:var(--font-sans);font-size:14px;color:var(--ink-500)}
body[data-page="seido"] .sd-hiraki table{margin-bottom:12px}
body[data-page="seido"] .sd-hiraki-ato{margin:0 0 18px;font-family:var(--font-mincho);font-size:15px;color:var(--ink-700)}
body[data-page="seido"] #ryokin .kt-hyo td.kt-kaiin,body[data-page="seido"] #ryokin .kt-hyo td.kt-spot,body[data-page="seido"] #ryokin .kt-hyo td.kt-kaiin *{word-break:auto-phrase !important;line-break:strict !important}
body[data-page="seido"] .sd-hiraki-ato a{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px}

body[data-page="seido"] section.sd-futamichi{padding-top:clamp(32px,4vw,56px) !important;padding-bottom:clamp(24px,3vw,40px) !important;border-bottom:1px solid rgba(10,25,47,.10)}
body[data-page="seido"] .sd-fm-mi{margin:0 0 clamp(16px,2vw,24px) !important;font-family:var(--font-sans);font-weight:700;font-size:clamp(22px,2vw,28px) !important;color:var(--navy-900)}
body[data-page="seido"] .sd-fm-mi::before{content:none !important}
body[data-page="seido"] .sd-fm-retsu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,32px)}
body[data-page="seido"] .sd-fm-1{border-top:2px solid var(--navy-900);padding:16px 0 0}
body[data-page="seido"] .sd-fm-ko{margin:0;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.1em;color:var(--gold-600)}
body[data-page="seido"] .sd-fm-1 h3{margin:4px 0 8px;font-family:var(--font-sans);font-weight:700;font-size:clamp(19px,1.6vw,22px);color:var(--navy-900)}
body[data-page="seido"] .sd-fm-1 p:not(.sd-fm-ko){margin:0;font-family:var(--font-mincho);font-size:16px;line-height:1.85;color:var(--ink-900)}
body[data-page="seido"] .sd-fm-1 b{color:var(--navy-900)}
body[data-page="seido"] .sd-fm-saki{margin-top:8px !important;font-family:var(--font-sans) !important;font-size:15px !important}
body[data-page="seido"] .sd-fm-saki a{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px}
body[data-page="seido"] .sd-fm-tsuki{margin:clamp(16px,2vw,24px) 0 0;font-family:var(--font-sans);font-size:15px;line-height:1.8;color:var(--ink-700)}
@media (max-width:760px){body[data-page="seido"] .sd-fm-retsu{grid-template-columns:1fr}}
/*[見せ場:service]*/
body.office[data-page="service"] .hero-ie .ie-grid.ms-grid{grid-template-columns:minmax(0,1fr) minmax(380px,460px) !important;align-items:center !important;gap:clamp(28px,5vw,80px) !important}
body.office[data-page="service"] .hero.hero-ie{padding-bottom:clamp(36px,4.4vw,60px) !important}
body.office[data-page="service"] .ms-hashigo{margin:0;padding:0}
body.office[data-page="service"] .ms-hashigo ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
body.office[data-page="service"] .ms-hashigo li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"dan na dare" "dan te te";gap:2px 12px;padding:14px 16px 14px 0;border-top:2px solid var(--navy-900);background:linear-gradient(90deg,rgba(197,168,128,.10),rgba(197,168,128,0))}
body.office[data-page="service"] .ms-hashigo li.d3{margin-left:0;border-top-color:var(--navy-900);background:linear-gradient(90deg,rgba(10,25,47,.08),rgba(10,25,47,0))}
body.office[data-page="service"] .ms-hashigo li.d2{margin-left:clamp(20px,2.4vw,36px)}
body.office[data-page="service"] .ms-hashigo li.d1{margin-left:clamp(40px,4.8vw,72px);border-top-color:var(--ink-400)}
body.office[data-page="service"] .ms-dan{grid-area:dan;align-self:start;font-family:var(--font-mincho);font-weight:700;font-size:30px;line-height:1;color:var(--navy-900);text-align:center;padding-top:2px}
body.office[data-page="service"] .ms-na{grid-area:na;font-family:var(--font-sans);font-weight:700;font-size:17px;color:var(--navy-900);word-break:auto-phrase}
body.office[data-page="service"] .ms-te{grid-area:te;font-family:var(--font-mincho);font-size:15px;line-height:1.75;color:var(--ink-700);word-break:auto-phrase}
body.office[data-page="service"] .ms-dare{grid-area:dare;font-family:var(--font-sans);font-size:14px;color:var(--ink-500);white-space:nowrap}
body.office[data-page="service"] .ms-waki{margin:14px 0 0;padding:10px 0 0 14px;border-left:3px solid var(--gold-500);font-family:var(--font-sans);font-size:15px;line-height:1.7;color:var(--ink-900)}
body.office[data-page="service"] .ms-waki b{color:var(--navy-900)}
body.office[data-page="service"] .ms-hashigo figcaption{margin-top:12px;font-family:var(--font-sans);font-size:14px;color:var(--ink-500)}
body.office[data-page="service"] .ms-riyu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:clamp(32px,5vw,72px);align-items:start}
body.office[data-page="service"] .ms-riyu .yomi{max-width:none !important}

/* 当事務所の仕事＝ホームの品書きの型（番号・名・一行・行き先を一行に） */
body.office[data-page="service"] .cards.c3{display:block !important;counter-reset:sg;border-top:2px solid var(--navy-900);margin-top:clamp(20px,2.4vw,32px)}
body.office[data-page="service"] .cards.c3>.card{counter-increment:sg;display:grid !important;grid-template-columns:52px 44px minmax(0,15em) minmax(0,1fr) auto;align-items:center;gap:0 clamp(14px,1.8vw,26px);padding:22px 0 !important;margin:0 !important;border:0 !important;border-bottom:1px solid rgba(10,25,47,.16) !important;background:none !important;box-shadow:none !important;border-radius:0 !important;transition:background .18s ease}
body.office[data-page="service"] .cards.c3>.card:hover{background:rgba(197,168,128,.08) !important}
body.office[data-page="service"] .cards.c3>.card::before{content:counter(sg,decimal-leading-zero);font-family:var(--font-sans);font-size:14px;letter-spacing:.08em;color:var(--ink-500);padding-left:4px}
body.office[data-page="service"] .cards.c3>.card>svg{width:40px !important;height:40px !important;margin:0 !important}
body.office[data-page="service"] .cards.c3>.card>h3{margin:0 !important;padding:0 !important;border:0 !important;font-size:clamp(18px,1.55vw,21px) !important;color:var(--navy-900)}
body.office[data-page="service"] .cards.c3>.card>h3::before,body.office[data-page="service"] .cards.c3>.card>h3::after{display:none !important}
body.office[data-page="service"] .cards.c3>.card>p{margin:0 !important;font-family:var(--font-mincho);font-size:16px !important;line-height:1.85;color:var(--ink-700);word-break:auto-phrase}
body.office[data-page="service"] .cards.c3>.card>.btns{margin:0 !important}
body.office[data-page="service"] .cards.c3>.card>.btns .btn{min-width:0 !important;width:auto !important;white-space:nowrap}
body.office[data-page="service"] .cards.c3>.card:first-child{padding:30px 0 !important}
body.office[data-page="service"] .cards.c3>.card:first-child>h3{font-size:clamp(22px,2vw,26px) !important}
body.office[data-page="service"] section.yama.ms-yama .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.93) 0%,rgba(10,25,47,.8) 45%,rgba(10,25,47,.2) 100%) !important}
body.office[data-page="service"] section.yama.ms-yama .yama-e img{filter:none !important;transform:none !important}
@media (max-width:960px){
  body.office[data-page="service"] .cards.c3>.card{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"e h" "e p" "e b";gap:6px 14px;padding:20px 0 !important}
  body.office[data-page="service"] .cards.c3>.card::before{display:none}
  body.office[data-page="service"] .cards.c3>.card>svg{grid-area:e;align-self:start}
  body.office[data-page="service"] .cards.c3>.card>h3{grid-area:h}
  body.office[data-page="service"] .cards.c3>.card>p{grid-area:p;font-size:15.5px !important}
  body.office[data-page="service"] .cards.c3>.card>.btns{grid-area:b;margin-top:6px !important}
  body.office[data-page="service"] section.yama.ms-yama .yama-e::after{background:rgba(10,25,47,.72) !important}
}
body.office[data-page="service"] .hero-ie .ie-yakusoku{font-size:clamp(36px,4.1vw,54px) !important}
body.office[data-page="service"] .hero-ie .btns{display:flex !important;flex-direction:row !important;flex-wrap:nowrap;gap:14px}
body.office[data-page="service"] .hero-ie .btns .btn{flex:1 1 0;min-width:0}
@media (max-width:520px){body.office[data-page="service"] .hero-ie .btns{flex-direction:column !important}}
@media (max-width:960px){
  body.office[data-page="service"] .hero-ie .ie-grid.ms-grid{display:block}
  body.office[data-page="service"] .ms-hashigo{margin-top:30px}
  body.office[data-page="service"] .ms-riyu{grid-template-columns:1fr;gap:20px}
}
@media (max-width:520px){
  body.office[data-page="service"] .ms-hashigo li.d2{margin-left:14px}
  body.office[data-page="service"] .ms-hashigo li.d1{margin-left:28px}
  body.office[data-page="service"] .ms-hashigo li{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"dan na" "dan te" "dan dare"}
  body.office[data-page="service"] .ms-dan{font-size:26px}
}
/* 三巡目：梯子は罫だけ・一から四へ下る段 */
body.office[data-page="service"] .ms-hashigo li,body.office[data-page="service"] .ms-hashigo li.d3{background:none !important;border-top:1px solid rgba(10,25,47,.22) !important;margin-left:0 !important}
body.office[data-page="service"] .ms-hashigo li.d1{border-top:2px solid var(--navy-900) !important}
body.office[data-page="service"] .ms-hashigo li.d2{margin-left:clamp(18px,2vw,30px) !important}
body.office[data-page="service"] .ms-hashigo li.d3{margin-left:clamp(36px,4vw,60px) !important}
body.office[data-page="service"] .ms-hashigo li.d4{margin-left:clamp(54px,6vw,90px) !important;border-top-style:dashed !important}
body.office[data-page="service"] .ms-hashigo ol{gap:4px !important}
/* 01 当事務所の仕事＝右に実機の画面 */
body.office[data-page="service"] .ms-shigoto{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:clamp(28px,4vw,56px);align-items:start}
body.office[data-page="service"] .ms-shigoto .cards.c3>.card{grid-template-columns:44px 40px minmax(0,11em) minmax(0,1fr) auto !important}
body.office[data-page="service"] .ms-gamen{margin:clamp(20px,2.4vw,32px) 0 0;position:sticky;top:110px}
body.office[data-page="service"] .ms-gamen img{display:block;width:100%;height:auto;border:6px solid var(--navy-900);border-radius:22px}
body.office[data-page="service"] .ms-gamen figcaption{margin-top:10px;font-family:var(--font-sans);font-size:14px;line-height:1.7;color:var(--ink-500)}
/* 02 選ばれる理由＝数字つきの大字の三枚 */
body.office[data-page="service"] .ms-riyu{grid-template-columns:1fr !important}
body.office[data-page="service"] .ms-riyu ul.kajo{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);counter-reset:ry;margin:clamp(16px,2vw,28px) 0 0 !important;padding:0 !important;border:0 !important}
body.office[data-page="service"] .ms-riyu ul.kajo>li{counter-increment:ry;display:flex !important;flex-direction:column;gap:12px;padding:20px 0 0 !important;border:0 !important;border-top:2px solid var(--navy-900) !important;background:none !important}
body.office[data-page="service"] .ms-riyu ul.kajo>li::before{content:counter(ry,decimal-leading-zero);font-family:var(--font-mincho);font-weight:600;font-size:clamp(40px,4vw,56px);line-height:1;color:var(--navy-900);position:static !important;width:auto !important;height:auto !important;background:none !important;border:0 !important}
body.office[data-page="service"] .ms-riyu ul.kajo>li .k-mi{width:auto !important;flex:none !important}
body.office[data-page="service"] .ms-riyu ul.kajo>li .k-mi strong{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:clamp(21px,1.9vw,26px) !important;line-height:1.5 !important;color:var(--ink-900) !important;text-decoration:none !important;border:0 !important;word-break:auto-phrase}
body.office[data-page="service"] .ms-riyu ul.kajo>li>span:last-child{font-family:var(--font-mincho);font-size:16px;line-height:1.9;color:var(--ink-700)}
body.office[data-page="service"] .ms-riyu .kusari-in{margin-top:clamp(28px,3vw,44px) !important;max-width:40em}
@media (max-width:960px){
  body.office[data-page="service"] .ms-shigoto{grid-template-columns:1fr}
  body.office[data-page="service"] .ms-gamen{position:static;max-width:220px}
  body.office[data-page="service"] .ms-riyu ul.kajo{grid-template-columns:1fr}
  body.office[data-page="service"] .ms-hashigo li.d2{margin-left:12px !important}
  body.office[data-page="service"] .ms-hashigo li.d3{margin-left:24px !important}
  body.office[data-page="service"] .ms-hashigo li.d4{margin-left:36px !important}
}
/* 三巡目の詰め：品書きの行＝名と一行を重ね、行き先は右に */
body.office[data-page="service"][data-page] .ms-shigoto .cards.c3>.card.card{grid-template-columns:40px 40px minmax(0,1fr) auto !important;grid-template-areas:"no e h b" "no e p b" !important;row-gap:4px !important}
body.office[data-page="service"][data-page] .ms-shigoto .cards.c3>.card.card::before{grid-area:no}
body.office[data-page="service"][data-page] .ms-shigoto .cards.c3>.card.card>svg{grid-area:e;align-self:start}
body.office[data-page="service"][data-page] .ms-shigoto .cards.c3>.card.card>h3{grid-area:h}
body.office[data-page="service"][data-page] .ms-shigoto .cards.c3>.card.card>p{grid-area:p}
body.office[data-page="service"][data-page] .ms-shigoto .cards.c3>.card.card>.btns{grid-area:b}
body.office[data-page="service"] .ms-shigoto{grid-template-columns:minmax(0,1fr) 220px}
/* 選ばれる理由＝数字つきの大字の三枚（強く掛ける） */
body.office[data-page="service"][data-page] .ms-riyu .yomi ul.kajo.kou{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:clamp(20px,3vw,44px) !important;counter-reset:ry;max-width:none !important;margin:clamp(16px,2vw,28px) 0 0 !important;padding:0 !important;border:0 !important}
body.office[data-page="service"][data-page] .ms-riyu .yomi ul.kajo.kou>li{counter-increment:ry;grid-column:auto !important;display:flex !important;flex-direction:column !important;gap:12px !important;padding:20px 0 0 !important;margin:0 !important;border:0 !important;border-top:2px solid var(--navy-900) !important;background:none !important;grid-template-columns:none !important}
body.office[data-page="service"][data-page] .ms-riyu .yomi ul.kajo.kou>li::before{content:counter(ry,decimal-leading-zero) !important;display:block !important;font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:clamp(40px,4vw,56px) !important;line-height:1 !important;color:var(--navy-900) !important;position:static !important;width:auto !important;height:auto !important;background:none !important;border:0 !important;margin:0 !important;transform:none !important}
body.office[data-page="service"][data-page] .ms-riyu .yomi ul.kajo.kou>li .k-mi{width:auto !important;flex:none !important;margin:0 !important}
body.office[data-page="service"][data-page] .ms-riyu .yomi ul.kajo.kou>li .k-mi strong{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:clamp(21px,1.9vw,26px) !important;line-height:1.5 !important;color:var(--ink-900) !important;text-decoration:none !important;border:0 !important;background:none !important;word-break:auto-phrase}
@media (max-width:960px){
  body.office[data-page="service"][data-page] .ms-riyu .yomi ul.kajo.kou{grid-template-columns:1fr !important}
  body.office[data-page="service"][data-page] .ms-shigoto .cards.c3>.card.card{grid-template-columns:40px minmax(0,1fr) !important;grid-template-areas:"e h" "e p" "e b" !important}
  body.office[data-page="service"] .ms-shigoto{grid-template-columns:1fr}
}


body.office[data-page="service"] .sv-ne{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:6px 0 0 !important}
body.office[data-page="service"] .sv-ne b{font-family:var(--font-mincho);font-weight:600;font-size:clamp(22px,1.9vw,26px);color:var(--navy-900);line-height:1.2}
body.office[data-page="service"] .sv-ku,body.office[data-page="service"] .sv-kara{font-size:14px;color:var(--ink-500)}
body.office[data-page="service"] .sv-ho{flex-basis:100%;font-size:14px;color:var(--ink-700)}

body.office[data-page="service"][data-page] .ms-shigoto .cards.c3>.card.card{grid-template-areas:"no e h b" "no e p b" "no e ne b" !important}
body.office[data-page="service"][data-page] .ms-shigoto .cards.c3>.card.card > .sv-ne{grid-area:ne}
@media (max-width:860px){
  body.office[data-page="service"][data-page] .ms-shigoto .cards.c3>.card.card{grid-template-areas:"e h" "e p" "e ne" "e b" !important}
}
/*[見せ場:shoukei]*/
body[data-page="shoukei"] .hero.sk-kao{background:var(--paper-50);padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(40px,5vw,72px);border-bottom:1px solid rgba(10,25,47,.14)}
body[data-page="shoukei"] .sk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:clamp(32px,5vw,80px);align-items:start}
body[data-page="shoukei"] .sk-kao h1{display:inline-block;margin:clamp(14px,2vw,22px) 0 0;padding:0 0 12px;border-bottom:1px solid var(--gold-500);font-family:var(--font-sans);font-weight:700;font-size:clamp(20px,1.9vw,24px);line-height:1.5;letter-spacing:.08em;color:var(--navy-900);word-break:keep-all;animation:none;clip-path:none}
body[data-page="shoukei"] .sk-yakusoku{font-family:var(--font-mincho);font-weight:600;font-size:clamp(36px,4.4vw,60px);line-height:1.3;letter-spacing:.04em;color:var(--ink-900) !important;margin:clamp(18px,2.4vw,30px) 0 clamp(18px,2vw,26px);font-feature-settings:"palt"}
@media (max-width:960px){body[data-page="shoukei"] .sk-yakusoku{font-size:clamp(34px,10vw,44px)}}
@media (min-width:721px){body[data-page="shoukei"] #s4 .taihi-row .mae,body[data-page="shoukei"] #s4 .taihi-row .ato{font-family:var(--font-mincho) !important;font-size:15.5px !important;line-height:1.85 !important}}
body[data-page="shoukei"] .sk-kao .lead{font-family:var(--font-mincho);font-size:clamp(16px,1.2vw,17px);line-height:2;color:var(--ink-700);max-width:36em}
body[data-page="shoukei"] .sk-kao .btns{margin-top:26px}
@media (min-width:600px){body[data-page="shoukei"] .sk-kao .btns{flex-direction:row !important}}
body[data-page="shoukei"] .sk-zu{margin:clamp(8px,1.4vw,20px) 0 0}
body[data-page="shoukei"] .sk-zu-mi{margin:0 0 6px;padding-bottom:12px;border-bottom:2px solid var(--navy-900);font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.08em;color:var(--navy-900)}
body[data-page="shoukei"] .sk-zu ol{list-style:none;margin:0;padding:0}
body[data-page="shoukei"] .sk-zu li{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:20px;align-items:center;padding:16px 0 26px;border-bottom:1px solid var(--line)}
body[data-page="shoukei"] .sk-zu li:not(:last-child)::after{content:"";position:absolute;left:54px;bottom:-8px;width:12px;height:12px;background:var(--paper-50);border-right:2px solid var(--navy-900);border-bottom:2px solid var(--navy-900);transform:rotate(45deg);z-index:1}
body[data-page="shoukei"] .sk-zu-e svg{display:block;width:120px;height:auto}
body[data-page="shoukei"] .sk-zu li b{display:block;font-family:var(--font-mincho);font-weight:700;font-size:clamp(18px,1.5vw,20px);color:var(--navy-900);line-height:1.5}
body[data-page="shoukei"] .sk-zu li div span{display:block;margin-top:4px;font-family:var(--font-mincho);font-size:14.5px;line-height:1.85;color:var(--ink-700);text-wrap:pretty}
body[data-page="shoukei"] .sk-zu figcaption{margin-top:12px;font-family:var(--font-sans);font-size:14px;color:var(--ink-500)}
@media (max-width:960px){body[data-page="shoukei"] .sk-grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:520px){body[data-page="shoukei"] .sk-zu li{grid-template-columns:84px minmax(0,1fr);column-gap:14px}
 body[data-page="shoukei"] .sk-zu-e svg{width:84px}
 body[data-page="shoukei"] .sk-zu li:not(:last-child)::after{left:36px}}
body[data-page="shoukei"] .sk-yama .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.95) 0%,rgba(10,25,47,.8) 45%,rgba(10,25,47,.3) 100%)}
@media (max-width:720px){body[data-page="shoukei"] .sk-yama .yama-e::after{background:rgba(10,25,47,.8)}}
body[data-page="shoukei"] .sk-yama .yama-e img{transform:none;filter:none;object-position:50% 40%}
body[data-page="shoukei"] .sk-futa > .yomi{margin:0;max-width:none}
body[data-page="shoukei"] .sk-kazu .sk-n{display:block;font-family:var(--font-mincho);font-weight:700;font-size:clamp(40px,4vw,54px);line-height:1.1;color:var(--navy-900);font-variant-numeric:tabular-nums}
body[data-page="shoukei"] .sk-kazu .sk-n small{font-size:.5em;margin-left:2px}
body[data-page="shoukei"] .sk-kazu p.sk-kazu-te{font-family:var(--font-sans);font-weight:500;font-size:14.5px;line-height:1.75;color:var(--ink-700);margin:6px 0 22px}
body[data-page="shoukei"] .zukai .z-tate{max-width:420px;margin:0 auto}
@media (min-width:600px){body.office[data-page="shoukei"] .sk-kao .btns a.btn{width:auto;flex:0 1 auto;min-width:15em}}
@media (min-width:600px){body.office[data-page="shoukei"] .sk-kao .btns{flex-direction:row !important;flex-wrap:wrap}
 body.office[data-page="shoukei"] .sk-kao .btns a.btn{min-width:0 !important;width:auto !important;flex:1 1 200px;max-width:280px}}
body[data-page="shoukei"] .sk-yama .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.9) 0%,rgba(10,25,47,.62) 50%,rgba(10,25,47,.18) 100%) !important}
@media (max-width:720px){body[data-page="shoukei"] .sk-yama .yama-e::after{background:linear-gradient(180deg,rgba(10,25,47,.55),rgba(10,25,47,.85)) !important}}
@media (min-width:721px){
 body[data-page="shoukei"] #s4 .taihi-row{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;column-gap:40px;padding:0 0 14px;border-bottom:1px solid var(--line)}
 body[data-page="shoukei"] #s4 .taihi-row .jiku{grid-column:1/-1;margin:0;padding:16px 0 6px;font-family:var(--font-sans);font-weight:700;font-size:16px;color:var(--navy-900);border:0}
 body[data-page="shoukei"] #s4 .taihi-head .jiku{display:none}
 body[data-page="shoukei"] #s4 .taihi-head{padding:12px 0;border-bottom:2px solid var(--navy-900)}
 body[data-page="shoukei"] #s4 .taihi-head p{margin:0;font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--ink-500)}
 body[data-page="shoukei"] #s4 .taihi-head p.ato{color:var(--navy-900)}
 body[data-page="shoukei"] #s4 .taihi-row .mae,body[data-page="shoukei"] #s4 .taihi-row .ato{margin:0;padding:0;border:0;font-size:15px;line-height:1.85;background:none}
 body[data-page="shoukei"] #s4 .taihi-row .mae{color:var(--ink-700)}
 body[data-page="shoukei"] #s4 .taihi-row .ato{color:var(--navy-900);font-weight:700;padding-left:20px;border-left:2px solid var(--navy-900)}
 body[data-page="shoukei"] #s4 .taihi-row .fuda{display:none}
}
body[data-page="shoukei"] .sk-soudan .btns{flex-direction:column !important;margin-top:26px}
body.office[data-page="shoukei"] .sk-soudan .btns a.btn{min-width:0 !important;width:100% !important}
body[data-page="shoukei"] .sk-futa > div:first-child .yomi{max-width:none;margin-left:0}
@media (max-width:720px){
 body[data-page="shoukei"] #s4 .taihi-head{display:none !important}
 body[data-page="shoukei"] #s4 .taihi-row{padding:12px 0 !important;margin:0 !important;border:0 !important;border-bottom:1px solid var(--line) !important;background:none !important;box-shadow:none !important}
 body[data-page="shoukei"] #s4 .taihi-row .jiku{margin:0 0 6px !important;padding:0 !important;font-family:var(--font-sans);font-weight:700;font-size:16px;color:var(--navy-900);border:0 !important;background:none !important}
 body[data-page="shoukei"] #s4 .taihi-row .mae,body[data-page="shoukei"] #s4 .taihi-row .ato{margin:6px 0 0 !important;padding:0 0 0 12px !important;background:none !important;border:0 !important;border-left:2px solid var(--line) !important;font-size:15px;line-height:1.75}
 body[data-page="shoukei"] #s4 .taihi-row .ato{border-left-color:var(--navy-900) !important;color:var(--navy-900);font-weight:700}
 body[data-page="shoukei"] #s4 .taihi-row .fuda{display:block;margin:0 0 2px;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--ink-500);background:none !important;padding:0 !important;border:0 !important}
}
/*[見せ場:tetsugaku]*/
body[data-page="tetsugaku"] details.tg-demo{margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body[data-page="tetsugaku"] details.tg-demo > summary{list-style:none;cursor:pointer;padding:12px 0;font-family:var(--font-sans);font-weight:700;font-size:14.5px;color:var(--navy-900);display:flex;justify-content:space-between}
body[data-page="tetsugaku"] details.tg-demo > summary::-webkit-details-marker{display:none}
body[data-page="tetsugaku"] details.tg-demo > summary::after{content:"＋";font-weight:400}
body[data-page="tetsugaku"] details.tg-demo[open] > summary::after{content:"－"}
body[data-page="tetsugaku"] details.tg-demo[open]{padding-bottom:12px}

@media (min-width:961px){body[data-page="tetsugaku"] .tg-futa{align-items:start !important}body[data-page="tetsugaku"] .tg-futa .tg-migi{position:sticky;top:112px;align-self:start !important}}

body[data-page="tetsugaku"] details.tg-kenkyu{margin:34px 0 0;border-top:2px solid var(--navy-900);border-bottom:1px solid var(--line)}
body[data-page="tetsugaku"] details.tg-kenkyu > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;font-family:var(--font-sans)}
body[data-page="tetsugaku"] details.tg-kenkyu > summary::-webkit-details-marker{display:none}
body[data-page="tetsugaku"] .tg-kenkyu-mi{font-weight:700;font-size:18px;color:var(--navy-900);padding-left:12px;border-left:3px solid var(--gold-500)}
body[data-page="tetsugaku"] .tg-kenkyu-te{font-size:14px;font-weight:600;color:var(--navy-800);white-space:nowrap}
body[data-page="tetsugaku"] .tg-kenkyu-te::after{content:" ＋";font-weight:400}
body[data-page="tetsugaku"] details.tg-kenkyu[open] .tg-kenkyu-te{font-size:0}
body[data-page="tetsugaku"] details.tg-kenkyu[open] .tg-kenkyu-te::after{content:"閉じる －";font-size:14px}
body[data-page="tetsugaku"] details.tg-kenkyu > summary:hover .tg-kenkyu-te{text-decoration:underline;text-decoration-color:var(--gold-500);text-underline-offset:4px}
body[data-page="tetsugaku"] details.tg-kenkyu > summary:focus-visible{outline:2px solid var(--navy-900);outline-offset:3px}
body[data-page="tetsugaku"] details.tg-kenkyu > :not(summary){margin-top:0}
body[data-page="tetsugaku"] details.tg-kenkyu[open]{padding-bottom:10px}

body[data-page="tetsugaku"] .hero.tg-kao{background:var(--paper-50);padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(40px,5vw,72px);border-bottom:1px solid rgba(10,25,47,.14)}
body[data-page="tetsugaku"] .tg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:clamp(32px,5vw,80px);align-items:start}
body[data-page="tetsugaku"] .tg-na{display:inline-block;margin:clamp(14px,2vw,22px) 0 0;padding:0 0 12px;border-bottom:1px solid var(--gold-500);font-family:var(--font-sans);font-weight:700;font-size:clamp(20px,1.9vw,24px);letter-spacing:.16em;color:var(--navy-900);animation:none;clip-path:none}
body[data-page="tetsugaku"] .tg-yakusoku{font-family:var(--font-mincho);font-weight:600;font-size:clamp(38px,4.6vw,62px);line-height:1.3;letter-spacing:.04em;color:var(--ink-900);margin:clamp(18px,2.4vw,30px) 0 clamp(18px,2vw,26px);font-feature-settings:"palt"}
body[data-page="tetsugaku"] .tg-lead{font-family:var(--font-mincho);font-size:clamp(16px,1.2vw,17px);line-height:2.05;letter-spacing:.03em;color:var(--ink-700);margin:0 0 16px;max-width:36em;text-wrap:pretty}
body[data-page="tetsugaku"] .tg-text .btns{margin-top:26px}
@media (min-width:600px){body[data-page="tetsugaku"] .tg-text .btns{flex-direction:row !important}}
body[data-page="tetsugaku"] .tg-kusari{margin:clamp(8px,1.4vw,20px) 0 0;padding:0}
body[data-page="tetsugaku"] .tg-kusari-mi{margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid var(--navy-900);font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.08em;color:var(--navy-900)}
body[data-page="tetsugaku"] .tg-kusari ol{list-style:none;margin:0;padding:0;counter-reset:none}
body[data-page="tetsugaku"] .tg-kusari li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;padding:0 0 22px}
body[data-page="tetsugaku"] .tg-kusari li::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--navy-900)}
body[data-page="tetsugaku"] .tg-kusari li::after{content:"";position:absolute;left:16px;bottom:2px;width:8px;height:8px;border-right:2px solid var(--navy-900);border-bottom:2px solid var(--navy-900);transform:rotate(45deg)}
body[data-page="tetsugaku"] .tg-no{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--navy-900);border-radius:50%;background:var(--paper-50);font-family:var(--font-mincho);font-weight:700;font-size:18px;color:var(--navy-900)}
body[data-page="tetsugaku"] .tg-kusari li b{display:block;padding-top:7px;font-family:var(--font-mincho);font-weight:700;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--navy-900);word-break:auto-phrase;text-wrap:pretty}
body[data-page="tetsugaku"] .tg-kusari li span.tg-te{display:block;margin-top:4px;font-family:var(--font-mincho);font-size:14.5px;line-height:1.85;color:var(--ink-700);text-wrap:pretty}
body[data-page="tetsugaku"] .tg-kusari-musubi{margin:2px 0 0;padding:18px 22px;background:var(--navy-900);color:var(--paper-50) !important;font-family:var(--font-mincho);font-size:16px;line-height:1.85}
body[data-page="tetsugaku"] .tg-kusari-musubi b{display:block;font-size:clamp(19px,1.6vw,22px);font-weight:700;color:var(--paper-50);margin-top:2px}
@media (max-width:960px){
 body[data-page="tetsugaku"] .tg-grid{grid-template-columns:1fr;gap:28px}
 body[data-page="tetsugaku"] .tg-yakusoku{font-size:clamp(34px,10vw,44px)}
}
/* 二　一覧の格子の空き枡をなくす */
@media (min-width:961px){
 body[data-page="tetsugaku"] .gainen-band .gainen-mokuji{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-page="tetsugaku"] .gainen-band .gainen-mokuji a:last-child{grid-column:span 2}
}
/* 三　ひとことで言うと＝右の柱 */
body[data-page="tetsugaku"] .tg-futa{margin-top:4px}
body[data-page="tetsugaku"] .tg-futa > .yomi{margin:0;max-width:none}
body[data-page="tetsugaku"] .tg-hito h3{margin:0 0 12px;padding:0;border:0;font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.16em;color:var(--navy-800)}
body[data-page="tetsugaku"] .tg-hito h3::before,body[data-page="tetsugaku"] .tg-hito h3::after{display:none}
body[data-page="tetsugaku"] .tg-hito p{font-size:clamp(18px,1.5vw,21px)}
body[data-page="tetsugaku"] .tg-hito.tg-hito-zu{position:static}
@media (max-width:960px){
 body[data-page="tetsugaku"] .tg-futa .tg-hito{order:-1;margin:0 0 20px}
}
/* 四　優先順位定義の図 */
body[data-page="tetsugaku"] .tg-jun{margin:32px 0 0;padding:18px 0 0;border-top:2px solid var(--navy-900)}
body[data-page="tetsugaku"] .tg-jun-mi{margin:0 0 12px;font-family:var(--font-sans);font-weight:700;font-size:14px;line-height:1.75;letter-spacing:.02em;color:var(--ink-900)}
body[data-page="tetsugaku"] .tg-jun ol{list-style:none;margin:0;padding:0}
body[data-page="tetsugaku"] .tg-jun li{display:grid;grid-template-columns:34px auto minmax(0,1fr);align-items:center;column-gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}
body[data-page="tetsugaku"] .tg-jun-no{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--navy-900);color:var(--paper-50);font-family:var(--font-sans);font-weight:700;font-size:15px}
body[data-page="tetsugaku"] .tg-jun-fu{font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--ink-500);padding:0 8px;border-left:2px solid var(--gold-500)}
body[data-page="tetsugaku"] .tg-jun li b{font-family:var(--font-sans);font-weight:700;font-size:15.5px;line-height:1.5;color:var(--navy-900);word-break:auto-phrase}
body[data-page="tetsugaku"] .tg-jun li.tg-jun-kesu .tg-jun-no{background:transparent;border:2px solid var(--ink-500);color:var(--ink-500)}
body[data-page="tetsugaku"] .tg-jun li.tg-jun-kesu b{color:var(--ink-500)}
body[data-page="tetsugaku"] .tg-jun li.tg-jun-kesu s{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--navy-900)}
body[data-page="tetsugaku"] .tg-jun figcaption{margin-top:12px;font-family:var(--font-sans);font-size:14px;line-height:1.75;color:var(--ink-500)}
/* 五　13の理論を二列に */
@media (min-width:961px){
 body[data-page="tetsugaku"] #s11 .yomi{max-width:none}
 body[data-page="tetsugaku"] #s11 .yomi > p,body[data-page="tetsugaku"] #s11 .yomi > ul.kumi{max-width:760px}
 body[data-page="tetsugaku"] #s11 ul.kou{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,64px)}
}
/* 六　結びの山 */
body[data-page="tetsugaku"] .tg-yama .yama-e img{transform:scaleX(-1);filter:none;object-position:50% 50%}
body[data-page="tetsugaku"] .tg-yama .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.96) 0%,rgba(10,25,47,.84) 45%,rgba(10,25,47,.3) 100%)}
@media (max-width:720px){body[data-page="tetsugaku"] .tg-yama .yama-e::after{background:rgba(10,25,47,.82)}}
body[data-page="tetsugaku"] .tg-yama .yama-ko{font-size:15px}
@media (min-width:600px){body.office[data-page="tetsugaku"] .tg-kao .btns a.btn{width:auto;flex:0 1 auto;min-width:15em}}
@media (min-width:600px){body.office[data-page="tetsugaku"] .tg-kao .btns{flex-direction:row !important;flex-wrap:wrap}
 body.office[data-page="tetsugaku"] .tg-kao .btns a.btn{min-width:0 !important;width:auto !important;flex:1 1 200px;max-width:280px}}
body[data-page="tetsugaku"] .tg-yama .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.9) 0%,rgba(10,25,47,.62) 50%,rgba(10,25,47,.18) 100%) !important}
@media (max-width:720px){body[data-page="tetsugaku"] .tg-yama .yama-e::after{background:linear-gradient(180deg,rgba(10,25,47,.55),rgba(10,25,47,.85)) !important}}
@media (min-width:961px){body[data-page="tetsugaku"] .tg-futa{grid-template-columns:minmax(0,1fr) minmax(0,400px) !important}}
@media (max-width:960px){body[data-page="tetsugaku"] .tg-futa .tg-migi{order:-1;margin-bottom:20px}}
body[data-page="tetsugaku"] .tg-migi .kusari-in{position:static}
body[data-page="tetsugaku"] .tg-hito p{word-break:normal;line-break:strict;text-wrap:pretty;font-size:clamp(17px,1.4vw,19px) !important}
body[data-page="tetsugaku"] .tg-shita{margin:26px 0 0;padding:16px 0 0;border-top:1px solid var(--line);font-family:var(--font-sans);font-size:14.5px;line-height:1.85;color:var(--ink-700)}
body[data-page="tetsugaku"] .tg-shita h3{margin:0 0 8px;padding:0;border:0;font-family:var(--font-sans);font-weight:700;font-size:15px;color:var(--navy-900)}
body[data-page="tetsugaku"] .tg-shita h3::before,body[data-page="tetsugaku"] .tg-shita h3::after{display:none}
body[data-page="tetsugaku"] .tg-shita p,body[data-page="tetsugaku"] .tg-shita li{font-size:14.5px;line-height:1.85;margin:0 0 8px}
body[data-page="tetsugaku"] .tg-shita ul{margin:0;padding:0}
body[data-page="tetsugaku"] main section.band-text[id^="s"]{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}
@media (min-width:961px){body[data-page="tetsugaku"] #s11 ul.kajo.kou{grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:clamp(32px,4vw,56px) !important}
 body[data-page="tetsugaku"] #s11 ul.kajo.kou li{grid-column:auto !important;grid-template-columns:minmax(0,1fr) !important;align-content:start}}
body[data-page="tetsugaku"] .tg-kusari ol.kajo li::before{display:none !important;content:none !important}
body[data-page="tetsugaku"] .tg-kusari ol.kajo{margin:0 !important;padding:0 !important;border:0 !important;counter-reset:none}
body[data-page="tetsugaku"] .tg-kusari ol.kajo li{margin:0 !important;padding:0 0 22px !important;padding-left:0 !important;border:0 !important;font-size:inherit}
@media (min-width:961px){body[data-page="tetsugaku"] .tg-futa > .yomi{max-width:40em !important}
 body[data-page="tetsugaku"] .tg-migi{display:flex;flex-direction:column;align-self:stretch}
 body[data-page="tetsugaku"] .tg-ken{margin-top:28px;position:static}}
body[data-page="tetsugaku"] .tg-iikiri{max-width:28em;margin:4px 0 clamp(24px,3vw,36px);font-family:var(--font-mincho);font-weight:600;font-size:clamp(22px,2.3vw,30px);line-height:1.6;letter-spacing:.03em;color:var(--navy-900);word-break:auto-phrase;text-wrap:balance}
body[data-page="tetsugaku"] .tg-ken{padding:16px 0 0 18px;border-left:2px solid var(--navy-900)}
body[data-page="tetsugaku"] .tg-ken-mi{margin:0 0 8px;font-family:var(--font-sans);font-weight:700;font-size:15px;color:var(--navy-900)}
body[data-page="tetsugaku"] .tg-ken ul{list-style:none;margin:0;padding:0}
body[data-page="tetsugaku"] .tg-ken li{padding:6px 0;border-bottom:1px solid var(--line);font-family:var(--font-mincho);font-weight:700;font-size:15px;color:var(--ink-900)}
@media (max-width:960px){body[data-page="tetsugaku"] .tg-ken{display:none}}

body[data-page="tetsugaku"] .tg-obi{position:fixed;left:0;right:0;top:0;z-index:30;background:color-mix(in srgb,var(--paper-50) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(10,25,47,.16);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
body[data-page="tetsugaku"] .tg-obi.mieru{opacity:1;transform:none;visibility:visible}
body[data-page="tetsugaku"] .tg-obi-in{max-width:min(var(--w-base,1134px),calc(100% - 64px));margin:0 auto;padding:8px 0;display:flex;align-items:center;gap:14px}
body[data-page="tetsugaku"] .tg-obi-mi{font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.12em;color:var(--navy-900);text-decoration:none;white-space:nowrap;padding-right:14px;border-right:1px solid rgba(10,25,47,.2)}
body[data-page="tetsugaku"] .tg-obi ol{list-style:none;margin:0;padding:0;display:flex;gap:4px}
body[data-page="tetsugaku"] .tg-obi ol a{display:grid;place-items:center;min-width:34px;height:30px;border-radius:2px;font-family:var(--font-sans);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;color:var(--ink-500);text-decoration:none}
body[data-page="tetsugaku"] .tg-obi ol a:hover{color:var(--navy-900);background:rgba(10,25,47,.06)}
body[data-page="tetsugaku"] .tg-obi ol a[aria-current]{background:var(--navy-900);color:var(--paper-50)}
body[data-page="tetsugaku"] .tg-obi a:focus-visible{outline:2px solid var(--navy-700);outline-offset:2px}
body[data-page="tetsugaku"] .tg-obi-na{margin:0 0 0 6px;font-family:var(--font-mincho);font-weight:700;font-size:16px;color:var(--navy-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
body[data-page="tetsugaku"] section[id^="s"]{scroll-margin-top:150px}
@media (min-width:961px){body[data-page="tetsugaku"] .tg-futa .tg-migi{top:164px !important}}
@media (max-width:960px){body[data-page="tetsugaku"] .tg-obi{display:none !important}}
@media (prefers-reduced-motion:reduce){body[data-page="tetsugaku"] .tg-obi{transition:none}}
/*[見せ場:tetsuzuki]*/
body.office[data-page="tetsuzuki"] .hero-ie .ie-grid.ms-grid{grid-template-columns:minmax(0,1fr) minmax(360px,430px) !important;align-items:center !important;gap:clamp(28px,5vw,80px) !important}
body.office[data-page="tetsuzuki"] .hero.hero-ie{padding-bottom:clamp(32px,4vw,52px) !important}
body.office[data-page="tetsuzuki"] .ms-dan2{margin:0;display:grid;gap:0}
body.office[data-page="tetsuzuki"] .ms-dan2 a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:18px 18px 20px;text-decoration:none;color:var(--ink-900);border-top:3px solid var(--navy-900);background:rgba(197,168,128,.10);transition:background .18s ease}
body.office[data-page="tetsuzuki"] .ms-dan2 a.ms-dan-2{background:var(--navy-900);color:var(--paper-50);border-top-color:var(--navy-900)}
body.office[data-page="tetsuzuki"] .ms-dan2 a:hover{background:rgba(197,168,128,.2)}
body.office[data-page="tetsuzuki"] .ms-dan2 a.ms-dan-2:hover{background:var(--navy-800)}
body.office[data-page="tetsuzuki"] .ms-dan2 a:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}
body.office[data-page="tetsuzuki"] .ms-dan-no{font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.16em;color:var(--navy-800)}
body.office[data-page="tetsuzuki"] .ms-dan-2 .ms-dan-no{color:var(--paper-50);opacity:.8}
body.office[data-page="tetsuzuki"] .ms-dan-dare{font-family:var(--font-sans);font-size:14px;color:var(--ink-500);text-align:right}
body.office[data-page="tetsuzuki"] .ms-dan-2 .ms-dan-dare{color:rgba(251,248,241,.8)}
body.office[data-page="tetsuzuki"] .ms-dan-na{grid-column:1/-1;font-family:var(--font-sans);font-weight:700;font-size:clamp(18px,1.6vw,21px);color:var(--navy-900);word-break:auto-phrase}
body.office[data-page="tetsuzuki"] .ms-dan-2 .ms-dan-na{color:var(--paper-50)}
body.office[data-page="tetsuzuki"] .ms-dan-te{grid-column:1/-1;font-family:var(--font-mincho);font-size:15.5px;line-height:1.75}
body.office[data-page="tetsuzuki"] .ms-dan-ya{display:block;height:26px;width:2px;margin-left:34px;background:var(--navy-900);position:relative}
body.office[data-page="tetsuzuki"] .ms-dan-ya::after{content:"";position:absolute;left:-5px;bottom:0;width:10px;height:10px;border-right:2px solid var(--navy-900);border-bottom:2px solid var(--navy-900);transform:rotate(45deg)}
body.office[data-page="tetsuzuki"] .ms-dan2 figcaption{margin-top:12px;font-family:var(--font-sans);font-size:14px;line-height:1.7;color:var(--ink-500)}
body.office[data-page="tetsuzuki"] .ms-sen{margin-top:clamp(36px,4.4vw,56px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid rgba(10,25,47,.14)}
body.office[data-page="tetsuzuki"] .ms-sen-mi{margin:0 0 18px;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--navy-900);display:flex;align-items:center;gap:12px}
body.office[data-page="tetsuzuki"] .ms-sen-mi::before{content:"";width:28px;height:1px;background:var(--gold-500)}
body.office[data-page="tetsuzuki"] .ms-sen ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative}
body.office[data-page="tetsuzuki"] .ms-sen ol::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:linear-gradient(90deg,var(--ink-400) 0 50%,var(--navy-900) 50% 100%)}
body.office[data-page="tetsuzuki"] .ms-sen a{position:relative;display:flex;flex-direction:column;gap:4px;padding:0 8px 6px 0;text-decoration:none;color:var(--ink-900)}
body.office[data-page="tetsuzuki"] .ms-sen a:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}
body.office[data-page="tetsuzuki"] .ms-sen-no{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--paper-50);border:2px solid var(--ink-400);font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--ink-700);margin-bottom:8px}
body.office[data-page="tetsuzuki"] .ms-sen li.ni .ms-sen-no{background:var(--navy-900);border-color:var(--navy-900);color:var(--paper-50)}
body.office[data-page="tetsuzuki"] .ms-sen a:hover .ms-sen-na{text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px}
body.office[data-page="tetsuzuki"] .ms-sen-na{font-family:var(--font-sans);font-weight:700;font-size:15px;color:var(--navy-900);word-break:keep-all}
body.office[data-page="tetsuzuki"] .ms-sen-te{font-family:var(--font-mincho);font-size:14px;line-height:1.6;color:var(--ink-700);word-break:auto-phrase}
body.office[data-page="tetsuzuki"] .ms-ap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:clamp(32px,5vw,72px);align-items:start}
body.office[data-page="tetsuzuki"] .ms-ap .yomi{max-width:none !important}
body.office[data-page="tetsuzuki"] .ms-sp{margin:0;position:sticky;top:110px}
body.office[data-page="tetsuzuki"] .ms-sp img{display:block;width:100%;height:auto;border:6px solid var(--navy-900);border-radius:22px}
body.office[data-page="tetsuzuki"] .ms-sp figcaption{margin-top:10px;font-family:var(--font-sans);font-size:14px;line-height:1.7;color:var(--ink-500)}
body.office[data-page="tetsuzuki"] section.yama.ms-yama .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.93) 0%,rgba(10,25,47,.8) 45%,rgba(10,25,47,.2) 100%) !important}
body.office[data-page="tetsuzuki"] section.yama.ms-yama .yama-e img{filter:none !important;transform:none !important}
body.office[data-page="tetsuzuki"] .ms-sp-in{margin:22px 0 0;padding:4px 0 4px 18px;border-left:2px solid var(--gold-500);font-family:var(--font-mincho);font-weight:600;font-size:clamp(18px,1.5vw,21px);line-height:1.75;color:var(--ink-900);word-break:auto-phrase}
body.office[data-page="tetsuzuki"] .ms-sp-in b{color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:5px}
body.office[data-page="tetsuzuki"] .hero-ie .ie-yakusoku{font-size:clamp(36px,4.1vw,54px) !important}
body.office[data-page="tetsuzuki"] .hero-ie .btns{display:flex !important;flex-direction:row !important;flex-wrap:nowrap;gap:14px}
body.office[data-page="tetsuzuki"] .hero-ie .btns .btn{flex:1 1 0;min-width:0}
@media (max-width:520px){body.office[data-page="tetsuzuki"] .hero-ie .btns{flex-direction:column !important}}
@media (max-width:960px){
  body.office[data-page="tetsuzuki"] section.yama.ms-yama .yama-e::after{background:rgba(10,25,47,.72) !important}
  body.office[data-page="tetsuzuki"] .hero-ie .ie-grid.ms-grid{display:block}
  body.office[data-page="tetsuzuki"] .ms-dan2{margin-top:30px}
  body.office[data-page="tetsuzuki"] .ms-sen ol{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
  body.office[data-page="tetsuzuki"] .ms-sen ol::before{display:none}
  body.office[data-page="tetsuzuki"] .ms-ap{grid-template-columns:1fr}
  body.office[data-page="tetsuzuki"] .ms-sp{position:static;max-width:240px}
}
@media (max-width:520px){
  body.office[data-page="tetsuzuki"] .ms-sen ol{grid-template-columns:1fr;row-gap:0}
  body.office[data-page="tetsuzuki"] .ms-sen li{border-left:2px solid var(--ink-400);margin-left:15px}
  body.office[data-page="tetsuzuki"] .ms-sen li.ni{border-left-color:var(--navy-900)}
  body.office[data-page="tetsuzuki"] .ms-sen li:last-child{border-left-color:transparent}
  body.office[data-page="tetsuzuki"] .ms-sen a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 12px;padding:0 0 16px;margin-left:-17px}
  body.office[data-page="tetsuzuki"] .ms-sen-no{grid-row:span 2;margin:0}
}
@media (prefers-reduced-motion:reduce){body.office[data-page="tetsuzuki"] .ms-dan2 a{transition:none}}

/* ★桔梗（本体）＝最終審査の直し：01に実機の画面とボタン／03の手順の列を揃える／04・05の右の空きに柱 */
body[data-page="tetsuzuki"] .tz-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:56px;align-items:start}
body[data-page="tetsuzuki"] .tz-2col > .yomi{max-width:none;margin:0}
body[data-page="tetsuzuki"] .tz-e{margin:0}
body[data-page="tetsuzuki"] .tz-e img{display:block;width:100%;height:auto;border:1px solid var(--rule);border-radius:4px}
body[data-page="tetsuzuki"] .tz-e figcaption{margin-top:10px;font-size:14px;line-height:1.7;color:var(--ink-500)}
body[data-page="tetsuzuki"] .tz-e .btns{margin-top:18px}
body[data-page="tetsuzuki"] .tz-hashira{margin:0;padding:4px 0 4px 26px;border-left:2px solid var(--gold-400)}
body[data-page="tetsuzuki"] .tz-hashira p{margin:0;font-family:var(--font-mincho);font-weight:600;font-size:clamp(19px,1.6vw,23px);line-height:1.8;color:var(--navy-900);word-break:auto-phrase}
body[data-page="tetsuzuki"] .tz-hashira small{display:block;margin-top:10px;font-family:var(--font-sans);font-weight:500;font-size:14px;color:var(--ink-500)}
body[data-page="tetsuzuki"] .tz-kiroku{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy-900)}
body[data-page="tetsuzuki"] .tz-kiroku li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--rule);font-size:18px;font-weight:700;color:var(--navy-900)}
body[data-page="tetsuzuki"] .tz-kiroku li svg{width:40px;height:40px}
body[data-page="tetsuzuki"] .tz-kiroku-mi{margin:0 0 10px;font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--ink-700)}
body[data-page="tetsuzuki"] :is(#s2,#s3) ul.kajo.kou li{display:grid !important;grid-template-columns:13em minmax(0,1fr) !important;column-gap:28px;align-items:baseline}
body[data-page="tetsuzuki"] :is(#s2,#s3) ul.kajo.kou li .k-mi{grid-column:1}
@media (max-width:960px){
  body[data-page="tetsuzuki"] .tz-2col{grid-template-columns:1fr;gap:28px}
  body[data-page="tetsuzuki"] :is(#s2,#s3) ul.kajo.kou li{grid-template-columns:1fr !important}
}

body.office[data-page="tetsuzuki"] .ms-dan-ne{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;margin-top:4px;font-family:var(--font-sans);font-size:14px;color:var(--ink-700)}
body.office[data-page="tetsuzuki"] .ms-dan-ne b{font-family:var(--font-mincho);font-weight:600;font-size:clamp(22px,1.9vw,26px);color:var(--navy-900)}
body.office[data-page="tetsuzuki"] .ms-dan-ne small{flex-basis:100%;font-size:14px}
body.office[data-page="tetsuzuki"] .ms-dan-2 .ms-dan-ne,body.office[data-page="tetsuzuki"] .ms-dan-2 .ms-dan-ne b{color:var(--paper-50)}
/* 綸子＝入口3（スポット）は入口1・2の流れと別の道＝矢印でつながず、間を空けて金の罫で始める。スポットの仕事の札は押せる。 */
body.office[data-page="tetsuzuki"] .ms-dan2 a.ms-dan-spot{margin-top:18px;border-top-color:var(--gold-500)}
body.office[data-page="tetsuzuki"] .tz-spot .tz-kiroku li{display:block;padding:0}
body.office[data-page="tetsuzuki"] .tz-spot .tz-kiroku a{display:block;padding:16px 0;color:var(--navy-900);text-decoration:none}
body.office[data-page="tetsuzuki"] .tz-spot .tz-kiroku a::after{content:"\203A";margin-left:8px;color:var(--gold-500)}
body.office[data-page="tetsuzuki"] .tz-spot .tz-kiroku a:hover{text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:5px}
body.office[data-page="tetsuzuki"] .tz-spot .btns{margin-top:20px}
/*[見せ場:todokede]*/
/* ★竜胆＝お支払いと返金の字が小さく淡かった（14px・灰）＝本文と同じ濃さと大きさに。お支払いの見出しは品目の群の見出しより一段小さく */
body[data-page="todokede"] .kt-shiharai .kt-h4{font-size:17px !important;border-top:2px solid var(--navy-900) !important;margin-top:28px !important}
body[data-page="todokede"] .kt-shiharai dl.kt-dl > dd{font-size:15.5px !important;line-height:1.85 !important;color:var(--ink-900) !important}
body[data-page="todokede"] .kt-shiharai dl.kt-dl > dt{font-size:16px !important;color:var(--navy-900) !important}
body[data-page="todokede"] .kt-shiharai .kt-dl-mi{color:var(--ink-500) !important}

/* ★竜胆（10/16）＝01の右の空きに引用の柱／品目の群の見出しを一段大きく、紺の太い罫で群の切れ目を見せる */
body[data-page="todokede"] #riyu .kusari-shita{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:56px;align-items:start}
body[data-page="todokede"] #riyu .kusari-shita > .yomi{max-width:none;margin:0}
@media (max-width:960px){body[data-page="todokede"] #riyu .kusari-shita{grid-template-columns:1fr;gap:24px}}
body[data-page="todokede"] .kt-h4{font-size:clamp(20px,1.7vw,23px) !important;padding:14px 0 10px !important;margin-top:44px !important;border-top:3px solid var(--navy-900) !important;color:var(--navy-900) !important}
body[data-page="todokede"] .kt-setsu:first-child .kt-h4{margin-top:8px !important}
body[data-page="todokede"] .td-h4-kazu{font-size:14px !important;font-weight:500;color:var(--ink-500);margin-left:12px}

body.office[data-page="todokede"] section.band .maku > :is(.hyo-ba){max-width:none !important}
body.office[data-page="todokede"] .kt-hyo .td-th-ko2{display:block;font-weight:500;font-size:14px;letter-spacing:0;color:var(--ink-500)}
body.office[data-page="todokede"] .td-h4-kazu{margin-left:14px;font-weight:500;font-size:14px !important;color:var(--ink-500)}
body.office[data-page="todokede"] .kt-dl{display:grid !important;grid-template-columns:11em repeat(3,minmax(0,1fr));column-gap:28px;row-gap:0}
body.office[data-page="todokede"] .kt-dl dt{grid-column:1;padding:16px 0;border-top:1px solid var(--line);font-family:var(--font-sans);font-size:16px !important;color:var(--navy-900)}
body.office[data-page="todokede"] .kt-dl dd{display:block !important;margin:0 !important;padding:16px 0;border-top:1px solid var(--line);font-family:var(--font-mincho);font-size:15px !important;line-height:1.85;color:var(--ink-700)}
body.office[data-page="todokede"] .kt-dl-mi{display:block;margin-bottom:4px;font-size:14px !important;letter-spacing:.12em;color:var(--ink-500) !important}
@media (max-width:960px){
  body.office[data-page="todokede"] .kt-dl{grid-template-columns:1fr}
  body.office[data-page="todokede"] .kt-dl dd{border-top:0;padding:4px 0 10px}
}
body.office[data-page="todokede"] .td-tobi{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0 0 10px;font-family:var(--font-sans);font-size:14px}
body.office[data-page="todokede"] .td-tobi a{color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:1px;text-underline-offset:4px}
body.office[data-page="todokede"] .td-tobi a[aria-current]{text-decoration:none;font-weight:700;color:var(--ink-500)}
@media (min-width:721px){
  body.office[data-page="todokede"] .kt-hyo thead th{position:sticky;top:66px;z-index:3;background:var(--paper-100) !important;box-shadow:0 1px 0 rgba(10,25,47,.18)}
}
body.office[data-page="todokede"] #kimari ul.kajo.kou{display:block !important}
body.office[data-page="todokede"] #kimari ul.kajo.kou li{display:grid !important;grid-template-columns:7.5em minmax(0,1fr) !important;column-gap:20px !important;align-items:baseline}
body.office[data-page="todokede"] #kimari ul.kajo.kou li > span{display:block !important}
body.office[data-page="todokede"] #kimari ul.kajo.kou .k-mi{white-space:nowrap}
body.office[data-page="todokede"] #kimari .kajo.kou li .k-mi{width:auto !important;min-width:0 !important}
/* ★緞子＝この2列は囲いの外に在り、携帯でも2列のまま本文の列が幅0になっていた（受任の条件が1字ずつ縦に積まれ、節の高さが約1万）。パソコンの幅だけに掛ける。 */
@media (min-width:961px){body.office[data-page="todokede"] .td-shita{grid-template-columns:minmax(0,1fr) minmax(0,360px) !important;align-items:center !important}}
body.office[data-page="todokede"] section.yama-todokede .yama-e img{filter:none !important;transform:none !important;object-position:50% 50% !important}
body.office[data-page="todokede"] section.yama-todokede .yama-e::after{background:linear-gradient(90deg,rgba(10,25,47,.96) 0%,rgba(10,25,47,.9) 42%,rgba(10,25,47,.35) 72%,rgba(10,25,47,.12) 100%) !important}
@media (max-width:720px){
  body.office[data-page="todokede"] section.yama-todokede .yama-e::after{background:linear-gradient(180deg,rgba(10,25,47,.88),rgba(10,25,47,.7)) !important}
  body.office[data-page="todokede"] .td-tobi{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;font-family:var(--font-sans);font-size:14px}
  body.office[data-page="todokede"] .td-tobi a{color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px}
  body.office[data-page="todokede"] .td-tobi a[aria-current]{text-decoration:none;font-weight:700}
  body.office[data-page="todokede"] #kimari ul.kajo.kou li{grid-template-columns:1fr !important}
}

@media (min-width:961px){
  body.office[data-page="todokede"] .hero h1{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:clamp(34px,3.5vw,48px) !important;line-height:1.45 !important;letter-spacing:.04em !important}
}
@media (max-width:960px){
  body.office[data-page="todokede"] .hero h1{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:30px !important;line-height:1.5 !important;letter-spacing:.02em !important}
}
body.office[data-page="todokede"] .kt-hyo .kt-nuki{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:18px !important;color:var(--navy-900) !important}
body.office[data-page="todokede"] .kt-hyo .kt-namae{font-size:16px}
body.office[data-page="todokede"] .kt-hyo tbody tr{border-bottom:1px solid var(--line)}
body.office[data-page="todokede"] .kt-h4{font-size:20px !important;padding-bottom:10px}
body.office[data-page="todokede"] .hero .hero-grid{grid-template-columns:1fr}
@media (min-width:961px){
  body.office[data-page="todokede"] .hero .hero-grid{grid-template-columns:1.1fr .9fr;column-gap:56px;align-items:center}
}
body.office[data-page="todokede"] .dekigoto-fuda.td-iriguchi{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;border-top:2px solid var(--navy-900)}
body.office[data-page="todokede"] .td-iriguchi a{display:grid !important;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-items:center;margin:0 !important;padding:26px 16px 26px 0 !important;border:0 !important;border-bottom:1px solid var(--line) !important;background:none !important;border-radius:0 !important;text-decoration:none !important;color:var(--navy-900) !important}
body.office[data-page="todokede"] .td-iriguchi a:nth-child(odd){padding-right:20px !important;border-right:1px solid var(--line) !important}
body.office[data-page="todokede"] .td-iriguchi a:nth-child(even){padding-left:20px !important}
body.office[data-page="todokede"] .td-iriguchi svg{grid-row:1;grid-column:1 / -1;width:72px;height:56px;margin-bottom:10px;color:var(--navy-900)}
body.office[data-page="todokede"] .td-iriguchi .td-na,body.office[data-page="todokede"] .td-iriguchi .td-kazu{grid-column:1 / -1}
body.office[data-page="todokede"] .td-iriguchi .td-na{font-family:var(--font-sans);font-weight:700;font-size:18px;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}
body.office[data-page="todokede"] .td-iriguchi .td-kazu{font-family:var(--font-sans);font-weight:500;font-size:14px;line-height:1.5;color:var(--ink-500)}
body.office[data-page="todokede"] .td-iriguchi .td-kazu::after{content:" →";color:var(--navy-800)}
body.office[data-page="todokede"] .td-iriguchi a:hover .td-na,body.office[data-page="todokede"] .td-iriguchi a:focus-visible .td-na{text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:5px}
body.office[data-page="todokede"] .td-mi{margin:0 0 12px;font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.16em;color:var(--ink-500)}
body.office[data-page="todokede"] .kt-h4{scroll-margin-top:110px}
body.office[data-page="todokede"] .kt-h4:target{text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:6px}
body.office[data-page="todokede"] .td-shita > .yomi{margin-left:0;margin-right:0;max-width:none}
body.office[data-page="todokede"] .kusari-in{position:static}
body.office[data-page="todokede"] .yama-todokede .yama-e img{object-position:50% 50% !important}
@media (max-width:520px){
  body.office[data-page="todokede"] .td-iriguchi a{grid-template-columns:40px minmax(0,1fr);column-gap:10px;padding:14px 10px 14px 0 !important}
  body.office[data-page="todokede"] .td-iriguchi a:nth-child(even){padding-left:12px !important}
  body.office[data-page="todokede"] .td-iriguchi a:nth-child(odd){padding-right:10px !important}
  body.office[data-page="todokede"] .td-iriguchi svg{width:52px;height:40px;grid-row:1}
  body.office[data-page="todokede"] .td-iriguchi .td-na{grid-column:1 / -1;margin-top:6px;font-size:15px}
  body.office[data-page="todokede"] .td-iriguchi .td-kazu{grid-column:1 / -1}
  body.office[data-page="todokede"] .yama-todokede .yama-mi{font-size:27px !important}
}

body.office[data-page="todokede"] .td-ne{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:18px 0 0;padding:12px 0 0;border-top:1px solid var(--line);font-family:var(--font-sans);font-size:14px;color:var(--ink-500)}
body.office[data-page="todokede"] .td-ne b{font-family:var(--font-mincho);font-weight:600;font-size:clamp(26px,2.3vw,32px);color:var(--navy-900)}
body.office[data-page="todokede"] .td-ne small{font-size:14px;color:var(--ink-700);margin-left:6px}

body.office[data-page="todokede"] .kt-kurikaeshi{margin:0 0 8px;padding:10px 14px;border-left:3px solid var(--gold-500);background:rgba(197,168,128,.10);font-family:var(--font-mincho);font-size:14.5px;line-height:1.8;color:var(--ink-700)}
body.office[data-page="todokede"] .kt-kurikaeshi p{margin:0}
body.office[data-page="todokede"] .kt-kurikaeshi p+p{margin-top:4px}
body.office[data-page="todokede"] .kt-shirushi{font-family:var(--font-sans);font-weight:700;color:var(--navy-800);margin:0 6px 0 2px}
body.office[data-page="todokede"] .kt-na .kt-shirushi{margin-left:6px}
body.office[data-page="todokede"] .kt-na:has(> .kt-shirushi) .kt-namae{display:inline}
body.office[data-page="todokede"] .kt-na > .kt-shirushi{display:inline}

body.office[data-page="todokede"] details.kt-hiraku{margin:0 0 8px;border-top:1px solid rgba(10,25,47,.14);border-bottom:1px solid rgba(10,25,47,.14)}
body.office[data-page="todokede"] details.kt-hiraku > summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 4px;cursor:pointer;font-family:var(--font-sans);color:var(--navy-900)}
body.office[data-page="todokede"] details.kt-hiraku > summary::-webkit-details-marker{display:none}
body.office[data-page="todokede"] .kt-hiraku-na{font-weight:700;font-size:16.5px;letter-spacing:.08em}
body.office[data-page="todokede"] .kt-hiraku-ya{margin-left:auto;position:relative;width:16px;height:16px;flex:0 0 16px}
body.office[data-page="todokede"] .kt-hiraku-ya::before,body.office[data-page="todokede"] .kt-hiraku-ya::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--gold-600);transition:transform .25s ease}
body.office[data-page="todokede"] .kt-hiraku-ya::after{transform:rotate(90deg)}
body.office[data-page="todokede"] details.kt-hiraku[open] .kt-hiraku-ya::after{transform:rotate(0)}
body.office[data-page="todokede"] details.kt-hiraku > summary:hover .kt-hiraku-na{text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:5px}
body.office[data-page="todokede"] details.kt-hiraku > summary:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}
body.office[data-page="todokede"] .kt-hiraku-in{padding:4px 0 20px}
@media (prefers-reduced-motion:reduce){body.office[data-page="todokede"] .kt-hiraku-ya::before,body.office[data-page="todokede"] .kt-hiraku-ya::after{transition:none}}
/*[見せ場:ukenai]*/
body[data-page="ukenai"] .hero.hero-ie{padding-top:clamp(28px,3.4vw,48px);padding-bottom:clamp(40px,4.6vw,64px)}
body[data-page="ukenai"] .hero-ie .ie-grid{grid-template-columns:minmax(0,1fr) minmax(320px,440px) !important;align-items:center !important}
body[data-page="ukenai"] .hero-ie h1.uk-dai{font-family:var(--font-mincho);font-weight:600;font-size:clamp(34px,4.4vw,58px);line-height:1.3;letter-spacing:.04em;color:var(--ink-900);margin:clamp(14px,2vw,24px) 0 clamp(16px,2vw,22px);animation:none;clip-path:none;opacity:1;transform:none}
body[data-page="ukenai"] .hero-ie p.lead{font-family:var(--font-mincho);font-size:clamp(16px,1.3vw,18px);line-height:1.95;color:var(--ink-900);max-width:36em;margin:0 0 24px}
body[data-page="ukenai"] .uk-zu{margin:0}
body[data-page="ukenai"] .uk-zu svg{display:block;width:100%;height:auto}
body[data-page="ukenai"] .uk-zu figcaption{margin-top:10px;font-family:var(--font-sans);font-size:14px;color:var(--ink-500)}
body[data-page="ukenai"] .uk-maru{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);margin-top:8px}
body[data-page="ukenai"] .uk-ran{border-top:2px solid var(--navy-900);padding-top:4px}
body[data-page="ukenai"] .uk-ran-mi{display:flex;align-items:center;gap:12px;margin:12px 0 6px;font-family:var(--font-sans);font-weight:700;font-size:18px;color:var(--navy-900)}
body[data-page="ukenai"] .uk-ran-mi .uk-shirushi{display:inline-grid;place-items:center;width:34px;height:34px;font-size:22px;line-height:1}
body[data-page="ukenai"] .uk-ran.uk-batsu .uk-ran-mi{color:var(--ink-700)}
body[data-page="ukenai"] .uk-ran ul{list-style:none;margin:0;padding:0}
body[data-page="ukenai"] .uk-ran li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:baseline;padding:14px 0;border-bottom:1px solid rgba(10,25,47,.14);font-family:var(--font-mincho);font-size:17px;line-height:1.7;color:var(--ink-900)}
body[data-page="ukenai"] .uk-ran li::before{font-family:var(--font-sans);font-weight:700;font-size:18px}
body[data-page="ukenai"] .uk-batsu li::before{content:"×";color:var(--ink-500)}
body[data-page="ukenai"] .uk-batsu li{color:var(--ink-700)}
body[data-page="ukenai"] .uk-ukeru li::before{content:"○";color:var(--navy-900)}
body[data-page="ukenai"] .uk-ukeru a{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:5px}
body[data-page="ukenai"] .uk-ran-chu{margin:12px 0 0;font-family:var(--font-mincho);font-size:15px;line-height:1.8;color:var(--ink-700)}
body[data-page="ukenai"] #s1 .yomi > p:first-child{margin-bottom:10px}
body[data-page="ukenai"] .uk-futatsu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:var(--paper-100)}
body[data-page="ukenai"] .uk-futatsu > section.band{background:none}
body[data-page="ukenai"] .uk-futatsu > section.band .maku{padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px);max-width:none}
body[data-page="ukenai"] .uk-futatsu > section.band + section.band{border-left:1px solid rgba(10,25,47,.14)}
body[data-page="ukenai"] .uk-futatsu .yomi{max-width:none}
body[data-page="ukenai"] h2 .uk-fuda{display:block;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.16em;color:var(--navy-800);margin:0 0 6px}
body[data-page="ukenai"] #s1 .yomi{max-width:none}
body[data-page="ukenai"] #s1 .uk-maru{gap:0;margin-top:22px}
body[data-page="ukenai"] #s1 .uk-ran{padding:6px clamp(20px,3.4vw,48px) 26px}
body[data-page="ukenai"] #s1 .uk-ran.uk-batsu{padding-left:0;border-right:1px solid rgba(10,25,47,.14)}
body[data-page="ukenai"] #s1 .uk-ran.uk-ukeru{background:var(--paper-100)}
body[data-page="ukenai"] #s1 .uk-ran-mi{font-size:clamp(22px,2.2vw,28px);margin:18px 0 10px}
body[data-page="ukenai"] #s1 .uk-ran-mi .uk-shirushi{width:52px;height:52px;font-size:40px}
body[data-page="ukenai"] #s1 .uk-ran li{grid-template-columns:40px minmax(0,1fr);font-size:clamp(18px,1.6vw,21px);padding:20px 0}
body[data-page="ukenai"] #s1 .uk-ran li::before{font-size:26px}
body[data-page="ukenai"] #s1 .uk-ran-chu{font-size:16px}
body[data-page="ukenai"] .uk-kazu p{display:grid;grid-template-columns:minmax(9.5em,auto) minmax(0,1fr);gap:16px;align-items:baseline;margin:0}
body[data-page="ukenai"] .uk-kazu span{margin-top:0 !important}
body[data-page="ukenai"] .uk-kazu{display:grid;grid-template-columns:1fr;gap:12px;margin:20px 0 24px;padding:16px 0;border-top:1px solid rgba(10,25,47,.18);border-bottom:1px solid rgba(10,25,47,.18)}
body[data-page="ukenai"] .uk-kazu b{display:block;font-family:var(--font-mincho);font-weight:600;font-size:clamp(24px,2.4vw,32px);line-height:1.2;color:var(--navy-900);white-space:nowrap}
body[data-page="ukenai"] .uk-kazu span{display:block;margin-top:6px;font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--ink-700)}
body[data-page="ukenai"] .uk-yotsu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:var(--w-base);margin:0 auto;column-gap:clamp(32px,5vw,72px)}
body[data-page="ukenai"] .uk-yotsu > section.band{background:none;border-top:1px solid rgba(10,25,47,.14)}
body[data-page="ukenai"] .uk-yotsu > section.band .maku{max-width:none;padding-left:0;padding-right:0}
body[data-page="ukenai"] .uk-yotsu-waku{padding:clamp(20px,3vw,40px) clamp(20px,5vw,70px)}
body[data-page="ukenai"] .uk-yotsu .yomi{max-width:none}
body[data-page="ukenai"] section.yama .yama-mi{font-size:clamp(30px,4.2vw,56px) !important}
@media (max-width:960px){
  body[data-page="ukenai"] .uk-futatsu,body[data-page="ukenai"] .uk-yotsu,body[data-page="ukenai"] .uk-maru{grid-template-columns:1fr}
  body[data-page="ukenai"] #s1 .uk-ran.uk-batsu{border-right:0;padding-right:0}
  body[data-page="ukenai"] #s1 .uk-ran.uk-ukeru{padding-left:16px;padding-right:16px;margin:0 -16px}
  body[data-page="ukenai"] .uk-futatsu > section.band + section.band{border-left:0;border-top:1px solid rgba(10,25,47,.14)}
}
@media (max-width:720px){
  body[data-page="ukenai"] .hero-ie .ie-grid{display:block !important}
  body[data-page="ukenai"] .uk-zu{margin-top:28px}
  body[data-page="ukenai"] .hero-ie h1.uk-dai{font-size:clamp(28px,8vw,34px)}
  body[data-page="ukenai"] .uk-futatsu > section.band .maku{padding-left:16px;padding-right:16px}
  body[data-page="ukenai"] .uk-kazu{grid-template-columns:1fr;gap:12px}
  body[data-page="ukenai"] .uk-yotsu-waku{padding:8px 16px}
  body[data-page="ukenai"] section.yama .yama-mi{font-size:26px !important}
}
body[data-page="ukenai"] .uk-futatsu{grid-template-columns:1fr !important}
body[data-page="ukenai"] .uk-futatsu > section.band + section.band{border-left:0 !important;border-top:1px solid rgba(10,25,47,.14)}
body[data-page="ukenai"] .uk-futatsu > section.band .maku{max-width:var(--w-base) !important;margin:0 auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(32px,5vw,72px);align-items:start;padding-left:0 !important;padding-right:0 !important}
body[data-page="ukenai"] .uk-kazu b{background:none !important;box-shadow:none !important;text-decoration:none !important}
body[data-page="ukenai"] .uk-kazu p{padding-bottom:12px;border-bottom:1px solid rgba(10,25,47,.12)}
body[data-page="ukenai"] .uk-kazu p:last-child{border-bottom:0;padding-bottom:0}
body[data-page="ukenai"] .uk-yotsu > section.band{padding-top:26px !important;padding-bottom:40px !important}
body[data-page="ukenai"] .uk-yotsu > section.band h2[data-n]{margin-bottom:14px !important}
body[data-page="ukenai"] .uk-yotsu .yomi > p{font-size:17px;line-height:1.95}
@media (max-width:960px){body[data-page="ukenai"] .uk-futatsu > section.band .maku{grid-template-columns:1fr;gap:0;padding-left:16px !important;padding-right:16px !important}}
body[data-page="ukenai"] h2 .uk-fuda{color:var(--navy-800) !important}
body[data-page="ukenai"] .uk-e{margin:0 0 14px}
body[data-page="ukenai"] .uk-e svg{display:block;width:96px;height:64px}
body[data-page="ukenai"] .uk-kazu{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important}
body[data-page="ukenai"] .uk-kazu p{display:block !important;border-bottom:0 !important;padding:0 !important}
body[data-page="ukenai"] .uk-kazu p + p{border-left:1px solid rgba(10,25,47,.12) !important;padding-left:18px !important}
body[data-page="ukenai"] .uk-kazu span{margin-top:8px !important}
@media (max-width:720px){body[data-page="ukenai"] .uk-kazu{grid-template-columns:1fr !important}
body[data-page="ukenai"] .uk-kazu p + p{border-left:0 !important;padding-left:0 !important;border-top:1px solid rgba(10,25,47,.12) !important;padding-top:12px !important}}
/*[見せ場:yakuwari]*/
/* 01 明言の帯 */
body[data-page="yakuwari"] #s1 .yomi{max-width:none !important}
body[data-page="yakuwari"] #s1 .yomi > p:first-child{font-family:var(--font-mincho) !important;font-weight:600 !important;font-size:clamp(21px,2vw,27px) !important;line-height:1.8 !important;color:var(--navy-900) !important;margin:8px 0 28px !important;padding:26px 0 26px 30px !important;border-left:4px solid var(--navy-900);max-width:none !important;background:rgba(197,168,128,.10)}
body[data-page="yakuwari"] #s1 .yomi > p:first-child b{font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:7px}
body[data-page="yakuwari"] #s1 .yomi > p + p{max-width:none !important;font-size:clamp(16px,1.3vw,18px) !important}
body[data-page="yakuwari"] #s1 .yomi > p.yk-mei{font-weight:700;color:var(--navy-900)}
/* 02 構成要素＝表を全幅に（右半分が空いていた） */
body[data-page="yakuwari"] #s2 .yomi,body[data-page="yakuwari"] #s2 table.renraku{max-width:none !important;width:100%}
body[data-page="yakuwari"] #s2 .yomi > p{max-width:none !important}
/* 03 4段の組み（撫子の型をそのまま） */
body[data-page="yakuwari"] .kk-dan-retsu{list-style:none;margin:clamp(20px,2.6vw,36px) 0 0;padding:0;border-top:2px solid var(--navy-900)}
body[data-page="yakuwari"] .kk-dan{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(28px,4.6vw,72px);padding:clamp(30px,3.6vw,48px) 0;border-bottom:1px solid rgba(10,25,47,.16)}
body[data-page="yakuwari"] .kk-dan-no{display:block;font-family:var(--font-mincho);font-weight:600;font-size:clamp(34px,3vw,44px);line-height:1;color:var(--navy-900);font-variant-numeric:tabular-nums;letter-spacing:.02em}
body[data-page="yakuwari"] .kk-dan-e{margin:18px 0 10px}
body[data-page="yakuwari"] .kk-dan-e svg{display:block;width:100%;max-width:240px;height:auto;font-family:var(--font-sans)}
body[data-page="yakuwari"] .kk-dan-na{margin:0;font-family:var(--font-sans);font-weight:700;font-size:16px;letter-spacing:.1em;color:var(--ink-700)}
body[data-page="yakuwari"] .kk-dan-mi{margin:0 0 16px;padding:0;border:0;font-family:var(--font-mincho);font-weight:600;font-size:clamp(22px,2vw,28px);line-height:1.5;letter-spacing:.02em;color:var(--navy-900)}
body[data-page="yakuwari"] .kk-dan-mi::before,body[data-page="yakuwari"] .kk-dan-mi::after{content:none !important}
body[data-page="yakuwari"] .kk-dan-migi p{margin:0 0 14px;font-family:var(--font-mincho);font-size:clamp(16px,1.25vw,17px);line-height:2;color:var(--ink-900);max-width:40em}
body[data-page="yakuwari"] .kk-dan-migi p:last-child{margin-bottom:0}
body[data-page="yakuwari"] .kk-musubi{margin-top:clamp(32px,4vw,56px)}
body[data-page="yakuwari"] .kk-musubi-mi{margin:0;word-break:auto-phrase;text-wrap:balance;max-width:30em;font-family:var(--font-mincho);font-weight:600;font-size:clamp(24px,2.4vw,34px);line-height:1.6;color:var(--navy-900)}
@media (max-width:860px){
  body[data-page="yakuwari"] .kk-dan{grid-template-columns:1fr;gap:18px}
  body[data-page="yakuwari"] .kk-dan-e svg{max-width:220px}
}
/* 頭の右の実機の画面 */
@media (min-width:961px){
  body[data-page="yakuwari"] .hero-shot .hero-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr) !important;align-items:center !important;column-gap:52px}
  body[data-page="yakuwari"] .hero .shot{margin-top:0;transform:scale(1.04);transform-origin:left center}
}
body[data-page="yakuwari"] .hero .shot{position:relative;margin:0;padding:0 0 18px;border-bottom:1px solid rgba(10,25,47,.18)}
body[data-page="yakuwari"] .hero .shot::after{content:"経営者の画面と、社員のスマートフォン（実機）";display:block;margin-top:14px;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:.06em;color:var(--navy-900)}
body[data-page="yakuwari"] .hero .shot img{display:block;width:100%;height:auto}
body[data-page="yakuwari"] .hero .shot img.sp{width:30%;right:-2%;bottom:56px}

/* 銘仙＝等級の無い役割型人事制度 */
body[data-page="yakuwari"] section.band-tokyu{background:linear-gradient(180deg,var(--paper-50),var(--paper-100));border-top:1px solid rgba(10,25,47,.10);border-bottom:1px solid rgba(10,25,47,.10)}
body[data-page="yakuwari"] #tokyu .yomi,body[data-page="yakuwari"] #tokyu .yomi > p{max-width:none !important}
body[data-page="yakuwari"] .tk-lead{font-size:clamp(17px,1.4vw,19px) !important}
body[data-page="yakuwari"] .tk-lead b{color:var(--navy-900);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-400);text-decoration-thickness:2px;text-underline-offset:5px}
body[data-page="yakuwari"] .tk-zu{display:block !important;margin:clamp(22px,2.8vw,36px) 0 0}
body[data-page="yakuwari"] .tk-zu img{display:block;width:100%;height:auto;border:1px solid rgba(10,25,47,.12);border-radius:4px}
body[data-page="yakuwari"] .tk-zu figcaption{display:block !important;width:auto !important;margin-top:8px;font-family:var(--font-sans);font-size:14.5px;color:var(--ink-700)}
body[data-page="yakuwari"] .tk-mittsu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,36px);margin:clamp(24px,3vw,40px) 0 0}
body[data-page="yakuwari"] .tk-1{border-top:2px solid var(--navy-900);padding:16px 0 0}
body[data-page="yakuwari"] .tk-no{margin:0;font-family:var(--font-mincho);font-weight:600;font-size:15px;letter-spacing:.12em;color:var(--gold-600)}
body[data-page="yakuwari"] .tk-1 h3{margin:6px 0 10px;font-family:var(--font-sans);font-weight:700;font-size:clamp(20px,1.7vw,23px);color:var(--navy-900)}
body[data-page="yakuwari"] .tk-1 p:not(.tk-no){margin:0;font-family:var(--font-mincho);font-size:16px;line-height:1.9;color:var(--ink-900)}
body[data-page="yakuwari"] .tk-kagaku{margin:clamp(28px,3.2vw,44px) 0 0;padding:18px 0 4px;border-top:1px solid rgba(10,25,47,.18)}
body[data-page="yakuwari"] .tk-mi{margin:0 0 8px;font-family:var(--font-sans);font-weight:700;font-size:16px;letter-spacing:.1em;color:var(--navy-900)}
body[data-page="yakuwari"] .tk-kagaku p:not(.tk-mi){margin:0;font-family:var(--font-mincho);font-size:16.5px;line-height:1.95;color:var(--ink-900)}
body[data-page="yakuwari"] .tk-kagaku a{color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-400);text-underline-offset:4px}
@media (max-width:860px){body[data-page="yakuwari"] .tk-mittsu{grid-template-columns:1fr;gap:22px}}
/*[事務所HPの意匠:ここまで]*/