/* ════════════════════════════════════════════════════════════════════
   ウルスタくんの基調（2026-11-12 FN1112AQ）

   社長「LPだけじゃなくて、サイト全体、他の画面もこのデザイン基調にしたい」。
   見本（トップ見本 2・3、管理画面の見本）で決めた見た目を、ページをまたいで同じに効かせる1枚。

   決めたこと:
     色   … ウルスタくん本人から取る。からだの白 #fbfaf5・線の墨 #262420・葉の緑 #10b981（濃い緑 #0d7a56）・
            ほほの色 #f5b7a0・うすい緑 #eef3ee。ぼかした影やグラデーションの光は使わない（AIっぽく見える）。
     書体 … 見出しと数字は丸ゴシック（Zen Maru Gothic 900）。本文は Zen Kaku Gothic New のまま。
            契約書・重説などの書類本体と PDF は対象外（明朝のまま）。
     形   … 墨の線 2px・角丸・ずらした墨の影（にじませない）。押せるものは丸い。
     動き … ばねで戻る短い動き。位置と大きさだけを動かす（透明にして消さない）。動きを減らす設定の人には動かさない。

   効かせ方:
     <html class="kun"> を付けたページにだけ効く（1ページずつ切り替えられる）。
     ページごとの <style> より後ろで読むこと（/assets/css/site-polish.css の次）。
     動きの相手は /assets/js/kun.js。

   ここに書くのは見た目だけ。保存・連携・表示の中身（どのボタンがあるか）は変えない。
   ════════════════════════════════════════════════════════════════════ */
.kun{
  --k-body:#fbfaf5; --k-line:#262420; --k-leaf:#10b981; --k-deep:#0d7a56; --k-cheek:#f5b7a0; --k-mist:#eef3ee; --k-soft:#6f6857;
  --k-head:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;
  --k-spring:cubic-bezier(.3,1.6,.5,1);
  /* ページ側の変数を、同じ名前のまま新しい色へ */
  --bg:#fbfaf5; --card:#ffffff; --band:#eef3ee; --band2:#eef3ee; --terra:#0d7a56;
}
.kun body{background:var(--k-body)}

/* ── 書体 ── */
.kun h1,.kun h2,.kun h3,.kun .serif,.kun h2.h,.kun .mod-copy h3{font-family:var(--k-head)!important;font-weight:900!important;letter-spacing:.01em}
.kun .news,.kun .grotesk,.kun .mini-kpi .v{font-family:var(--k-head)!important;font-weight:900}
.kun .news{font-weight:900!important;letter-spacing:-.01em}
.kun .grotesk{font-weight:700}
.kun .eyebrow{font-family:var(--k-head);font-weight:700;letter-spacing:.08em;color:var(--k-deep)}
.kun .navlinks{font-family:var(--k-head);font-weight:700}
.kun .navlinks a:hover,.kun .navlinks span:hover{color:var(--k-deep)}

/* ── 押せるもの ── */
.kun .btn-primary{font-family:var(--k-head);font-weight:700;border-radius:999px!important;border:2px solid var(--k-line);box-shadow:3px 4px 0 0 var(--k-line)!important;transition:transform .16s var(--k-spring),box-shadow .16s ease}
.kun .btn-primary:hover{transform:translate(-1px,-2px);box-shadow:5px 7px 0 0 var(--k-line)!important}
.kun .btn-primary:active{transform:translate(2px,3px);box-shadow:1px 1px 0 0 var(--k-line)!important}
.kun .btn-ghost{font-family:var(--k-head);font-weight:700;border-radius:999px;border:2px solid var(--k-line);background:#ffffff;transition:transform .16s var(--k-spring),background .16s}
.kun .btn-ghost:hover{background:var(--k-mist);border-color:var(--k-line);transform:translateY(-2px)}
.kun .mod-tab{border:2px solid var(--k-line);background:#ffffff;color:var(--k-line);font-family:var(--k-head);font-weight:700;transition:transform .16s var(--k-spring),background .15s,color .15s}
.kun .mod-tab:hover{transform:translateY(-2px);border-color:var(--k-line)}
.kun .mod-tab .n{font-family:var(--k-head);font-weight:900;color:var(--k-deep)}
.kun .mod-tab.is-on{background:var(--k-line);border-color:var(--k-line);color:var(--k-body)}
.kun .mod-tab.is-on .n{color:#6ee7b7}
.kun .mod-tab:focus-visible{outline:3px solid var(--k-leaf);outline-offset:2px}

/* ── 箱 ── */
.kun .card{border:2px solid var(--k-line);border-radius:20px;box-shadow:4px 5px 0 0 var(--k-line)}
.kun .lift{transition:transform .18s var(--k-spring),box-shadow .18s ease}
.kun .lift:hover{transform:translate(-2px,-3px);box-shadow:7px 9px 0 0 var(--k-line)}
.kun .mini-kpi{border:2px solid var(--k-line);border-radius:14px}
.kun .band{border:2px solid var(--k-line);border-radius:28px}
.kun .dark{border-radius:28px}
.kun .mod-when{background:var(--k-mist);border:0;border-radius:14px}
.kun .mod-when span::before{background:var(--k-leaf)}
.kun .mod-more a{color:var(--k-deep)}

/* 実画面の枠 */
.kun .frame{border:2px solid var(--k-line)!important;border-radius:14px!important;box-shadow:8px 10px 0 0 var(--k-line)!important;background:#ffffff}
.kun .frame-bar{background:var(--k-mist)!important;border-bottom:2px solid var(--k-line)!important}
.kun .frame-bar .dot{background:#ffffff!important;border:2px solid var(--k-line);width:11px;height:11px;box-sizing:border-box}
.kun .frame-tab{font-family:var(--k-head);font-weight:700;color:var(--k-line)}
@media (max-width:860px){.kun .frame{box-shadow:5px 6px 0 0 var(--k-line)!important}.kun .card{box-shadow:3px 4px 0 0 var(--k-line)}}

/* ── 最初の画面 ── */
.kun .hero-glow{display:none!important}
.kun .heroFloat{border:2px solid var(--k-line)!important;border-radius:16px!important;box-shadow:4px 5px 0 0 var(--k-line)!important;animation:kun-bob 4.4s ease-in-out infinite;z-index:3}
.kun .heroFloat + .heroFloat{animation-delay:-2s}
.kun .hero .frame{transform:perspective(1400px) rotateY(var(--k-ry,-5deg)) rotateX(var(--k-rx,2deg));transition:transform .5s cubic-bezier(.2,1,.3,1);transform-origin:50% 60%;animation:kun-frame-in .9s cubic-bezier(.2,1,.3,1) both}
.kun .hero-checks li::marker{color:var(--k-leaf)}
/* 製品名は緑。ウルスタくんは実画面の枠の上に立ち、左に吹き出し */
.kun .kun-name{color:var(--k-deep);white-space:nowrap}
.kun .hero .masc-wrap{bottom:auto!important;top:-112px;right:7%!important;width:132px!important;animation:none!important}
.kun .hero .masc-wrap > div:first-child{position:absolute!important;right:118px;top:26px;margin:0!important;white-space:nowrap;border-radius:16px!important;padding:6px 14px!important;font-family:var(--k-head);font-size:14px!important;box-shadow:3px 4px 0 0 var(--k-line)!important}
.kun .hero .masc-wrap > div:first-child > span{left:auto!important;right:18px;transform:rotate(45deg)!important}
.kun .hero .masc-wrap > div:last-child{animation:kun-in .8s var(--k-spring) .25s both}
@keyframes kun-in{from{transform:translateY(-120px) rotate(-16deg)}}
/* 枠に掛かる札: 査定は左上、反響は左下 */
.kun .hero .frame + .heroFloat{top:-40px!important;right:auto!important;left:-34px}
@media (max-width:900px){.kun .hero .masc-wrap{top:auto;right:auto!important}.kun .hero .masc-wrap > div:first-child{position:relative!important;right:auto;top:auto;margin-bottom:14px!important}.kun .hero .masc-wrap > div:last-child{animation:none}}
@keyframes kun-bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes kun-frame-in{from{transform:perspective(1400px) translateY(50px) rotateY(-20deg) rotateX(14deg) scale(.95)}}
@media (max-width:900px){.kun .hero .frame{transform:none;animation:none}}

/* ウルスタくん（目が指を追う・手を振る・はねる）。絵は kun.js が差し込む */
.kun-masc{display:block;width:100%;height:100%;overflow:visible}
.kun-masc .kun-hand{transform-box:fill-box;transform-origin:20% 90%;animation:kun-wave 2.6s ease-in-out infinite}
.kun-hop{animation:kun-hop .55s var(--k-spring)}
@keyframes kun-wave{0%,60%,100%{transform:rotate(-20deg)}70%,90%{transform:rotate(8deg)}80%{transform:rotate(-34deg)}}
@keyframes kun-hop{0%{transform:translateY(0) scale(1,1)}30%{transform:translateY(-22px) scale(.95,1.07)}60%{transform:translateY(0) scale(1.07,.93)}100%{transform:none}}
.kun-bubble{position:absolute;z-index:6;background:#ffffff;border:2px solid var(--k-line);border-radius:16px;padding:6px 14px;font-family:var(--k-head);font-weight:700;font-size:14px;line-height:1.5;color:var(--k-line);white-space:nowrap;box-shadow:3px 4px 0 0 var(--k-line);transform-origin:20% 100%;transition:transform .2s var(--k-spring)}
.kun-bubble::after{content:"";position:absolute;left:22px;bottom:-9px;width:14px;height:14px;background:#ffffff;border-right:2px solid var(--k-line);border-bottom:2px solid var(--k-line);transform:rotate(45deg)}
.kun-bubble.is-pop{transform:scale(.6)}

/* ── 暗い帯: 光のぼかしは使わない。ずらした影は緑 ── */
.kun .dark > div[style*="radial-gradient"]{display:none}
.kun .dark{box-shadow:8px 10px 0 0 var(--k-leaf)}
@media (max-width:860px){.kun .dark{box-shadow:5px 6px 0 0 var(--k-leaf)}}
/* オーナーの画面（スマホの絵）はゆっくり浮く。横からウルスタくんがのぞく（kun.js） */
.kun .dark.two > div:last-child > div:first-child{animation:kun-bob 5s ease-in-out infinite;box-shadow:8px 10px 0 0 var(--k-leaf)!important}
.kun-peek{position:absolute;right:-6px;bottom:44px;width:78px;height:84px;rotate:8deg;pointer-events:none;z-index:2}
@media (max-width:900px){.kun-peek{right:8px;width:60px;height:65px}}

/* ── 募集図面と間取り図: 2枚を少し傾けて置く。指を乗せるとまっすぐ ── */
.kun .band .grid2 > .frame{transition:rotate .25s var(--k-spring),translate .25s var(--k-spring)}
.kun .band .grid2 > .frame:nth-child(odd){rotate:-1.2deg}
.kun .band .grid2 > .frame:nth-child(even){rotate:1deg;translate:0 10px}
.kun .band .grid2 > .frame:hover{rotate:0deg;translate:0 -4px}
@media (max-width:860px){.kun .band .grid2 > .frame:nth-child(n){rotate:0deg;translate:0 0}}

/* ── 料金: 大きい数字・つまみ・プランの刻み ── */
.kun .kun-sim{max-width:860px!important;border:2px solid var(--k-line)!important;border-radius:24px!important;box-shadow:6px 8px 0 0 var(--k-line)!important;padding:30px 34px!important;gap:28px 36px!important;align-items:flex-end!important}
.kun .kun-sim > div:nth-child(2){display:none}
.kun .kun-sim > div:first-child{flex:1 1 320px!important}
.kun .kun-sim > div:last-child{flex:1 1 300px!important;position:relative}
.kun .kun-sim > div:first-child > div:nth-child(3){border:2px solid var(--k-line)!important}
.kun .kun-sim #simUnits{font-family:var(--k-head)!important;font-weight:900}
.kun .kun-sim #simPlan{font-size:18px!important}
.kun .kun-sim .news{font-size:clamp(46px,6vw,80px)!important;line-height:1!important;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.kun .kun-sim .news > span:last-child{font-size:.2em!important;letter-spacing:0}
.kun-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:12px;margin:22px 0 14px;border-radius:999px;border:2px solid var(--k-line);background:linear-gradient(var(--k-leaf),var(--k-leaf)) 0 0/var(--k-fill,10%) 100% no-repeat #ffffff;cursor:pointer}
.kun-range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#ffffff;border:3px solid var(--k-line);box-shadow:2px 3px 0 0 var(--k-line);transition:transform .15s var(--k-spring)}
.kun-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#ffffff;border:3px solid var(--k-line);box-shadow:2px 3px 0 0 var(--k-line)}
.kun-range:active::-webkit-slider-thumb{transform:scale(1.15)}
.kun-stops{display:flex;flex-wrap:wrap;gap:6px}
.kun-stops button{font:inherit;font-family:var(--k-head);font-weight:700;font-size:13px;padding:0 14px;border-radius:999px;border:2px solid #d6cdb9;background:#ffffff;color:var(--k-soft);cursor:pointer;transition:transform .18s var(--k-spring),background .15s,color .15s,border-color .15s}
.kun-stops button.is-on{border-color:var(--k-line);background:var(--k-leaf);color:var(--k-line);transform:scale(1.05)}
.kun-simkun{position:absolute;right:4px;bottom:calc(100% + 26px);width:64px;height:70px;pointer-events:none}
.kun-simkun + .kun-bubble{right:70px;bottom:calc(100% + 62px);transform-origin:100% 100%}
.kun-simkun + .kun-bubble::after{left:auto;right:16px}
@media (max-width:640px){.kun .kun-sim{padding:22px 20px!important}.kun .kun-sim > div:last-child{text-align:left!important}.kun-simkun,.kun-simkun + .kun-bubble{display:none}}

/* ── 機能の名前が流れる帯 ── */
.kun-belt{overflow:hidden;background:var(--k-line);color:var(--k-body);padding:13px 0;white-space:nowrap}
.kun-belt > div{display:inline-flex;gap:46px;padding-left:46px;font-family:var(--k-head);font-weight:700;font-size:15px;animation:kun-belt 42s linear infinite}
.kun-belt span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--k-leaf);margin-right:14px;vertical-align:1px}
@keyframes kun-belt{to{transform:translateX(-50%)}}

/* ── 上の端の進み具合の線 ── */
.kun-prog{position:fixed;left:0;top:0;height:4px;width:0;background:var(--k-leaf);z-index:70;pointer-events:none}

/* ── 機能の案内（送ると画面が切り替わる。kun.js が .kun-pin を付けたときだけ） ── */
.kun-pinbox{position:relative}
.kun-pin .kun-pinbox{position:sticky;top:var(--k-pin-top,16px)}
.kun-meter{display:none;height:8px;border-radius:999px;border:2px solid var(--k-line);background:#ffffff;margin-top:22px;overflow:hidden}
.kun-pin .kun-meter{display:block}
.kun-meter i{display:block;height:100%;width:0;background:var(--k-leaf)}
/* 画面の中の「ここ」の枠と、動く矢印 */
.kun-ring{position:absolute;z-index:3;border:3px solid var(--k-leaf);border-radius:10px;box-shadow:0 0 0 4px rgba(16,185,129,.2);pointer-events:none;transition:left .5s cubic-bezier(.2,1,.3,1),top .5s cubic-bezier(.2,1,.3,1),width .5s cubic-bezier(.2,1,.3,1),height .5s cubic-bezier(.2,1,.3,1);animation:kun-ring 1.8s ease-in-out infinite}
@keyframes kun-ring{0%,100%{box-shadow:0 0 0 4px rgba(16,185,129,.2)}50%{box-shadow:0 0 0 9px rgba(16,185,129,.08)}}
.kun-cur{position:absolute;z-index:4;width:22px;height:22px;pointer-events:none;transition:left .55s cubic-bezier(.2,1,.3,1),top .55s cubic-bezier(.2,1,.3,1)}
.kun-cur svg{display:block;width:100%;height:100%}
.kun-cur::after{content:"";position:absolute;left:-12px;top:-12px;width:28px;height:28px;border-radius:50%;border:3px solid var(--k-leaf);transform:scale(0)}
.kun-cur.is-click::after{animation:kun-click .6s ease-out}
@keyframes kun-click{0%{transform:scale(.3)}100%{transform:scale(1.9);border-color:transparent}}
/* 説明の下で一言いうウルスタくん */
.kun-guide-row{display:flex;align-items:flex-end;gap:2px;margin-top:20px}
.kun-guide{position:relative;flex:0 0 auto;width:70px;height:76px;pointer-events:none}
.kun-guide-row .kun-bubble{position:relative;margin:0 0 30px 4px;transform-origin:0 100%}
.kun-guide-row .kun-bubble::after{left:-9px;bottom:9px;transform:rotate(135deg)}
/* 送って切り替えるときは、見出しを詰めて1画面に収める */
.kun-pin .kun-pinbox > div:first-child{margin-bottom:14px!important}
.kun-pin .kun-pinbox > div:first-child .lead{display:none}
.kun-pin .mod-tabs{margin-bottom:16px}
@media (max-width:900px){.kun-ring,.kun-cur{display:none}.kun-guide{width:56px;height:61px}}

/* ── 入ってくる動き（kun.js が付ける。位置だけ動かす） ── */
.kun-rise{transform:translateY(26px);transition:transform .7s cubic-bezier(.2,1,.3,1)}
.kun-rise.is-in{transform:none}

@media (prefers-reduced-motion:reduce){
  .kun .heroFloat,.kun .hero .frame,.kun-belt > div,.kun-masc .kun-hand,.kun-hop,.kun-ring{animation:none!important}
  .kun .hero .frame{transform:none}
  .kun-rise{transform:none;transition:none}
}

/* ════════════════════════════════════════════════════════════════════
   コラム（記事・一覧・分類）— 2026-11-13 FN1113A
   社長「ログイン前のサイト全体の方進めて」「コラムもね」。
   記事の中身（本文・表・図・出典・導線の言葉と行き先）は変えない。形だけを基調に合わせる:
   見出しは丸ゴシック（前は明朝）・地はからだの白・箱は墨の2px線と角丸・押せるものは丸くてずらした影。
   アイキャッチの絵（淡いアイボリー・明朝）は対象外（CLAUDE.md「アイキャッチの決まり」）。
   ════════════════════════════════════════════════════════════════════ */
.kun .page,.kun body.column-reading{background:var(--k-body)}
/* 読みものの色は column-reading.css の変数で配られている。値だけを基調の色に差し替える（直値を撒かない） */
.kun body.column-reading{--reading-ink:#262420;--reading-muted:#57513f;--reading-green:#0d7a56;--reading-rule:rgba(38,36,32,.14);--reading-paper:#fbfaf5;--reading-tint:#eef3ee}

/* ── 上の帯（3つの雛形で同じ形に） ── */
.kun .nav-word,.kun .header .logo{font-family:var(--k-head);font-weight:900;letter-spacing:.01em;color:var(--k-line)}
.kun .nav-links,.kun .header .nav{font-family:var(--k-head);font-weight:700;color:var(--k-soft)}
.kun .nav-links a:hover,.kun .header .nav a:hover{color:var(--k-line)}
.kun .nav-links a[aria-current="page"],.kun .header .nav a.on,.kun .header .nav a[aria-current="page"]{color:var(--k-deep);font-weight:700}
.kun .nav-login{font-family:var(--k-head);font-weight:700;color:var(--k-line)}
.kun .nav-primary,.kun .header .cta{font-family:var(--k-head);font-weight:700;font-size:14.5px;color:#ffffff;background:var(--k-deep);border:2px solid var(--k-line);border-radius:999px;box-shadow:3px 4px 0 0 var(--k-line);padding:8px 20px;transition:transform .16s var(--k-spring),box-shadow .16s ease}
.kun .nav-primary:hover,.kun .header .cta:hover{background:var(--k-deep);transform:translate(-1px,-2px);box-shadow:5px 7px 0 0 var(--k-line)}
.kun .nav-primary:active,.kun .header .cta:active{transform:translate(2px,3px);box-shadow:1px 1px 0 0 var(--k-line)}

/* ── 記事の頭 ── */
.kun .crumbs .cur{color:var(--k-deep);font-weight:700}
.kun .art-cat,.kun .badge{font-family:var(--k-head);font-weight:700;color:var(--k-line);background:var(--k-mist);border:2px solid var(--k-line);border-radius:999px;padding:2px 12px}
.kun .art-date,.kun .art-read,.kun .badge-date{font-family:var(--k-head);font-weight:700;color:var(--k-soft)}
.kun .column-article .art-title{font-family:var(--k-head);font-weight:900;letter-spacing:.01em;line-height:1.5;color:var(--k-line)}
.kun .art-avatar{border:2px solid var(--k-line)}
.kun .art-author-name{font-family:var(--k-head);font-weight:700}

/* ── 本文 ── */
.kun .column-reading .body h2{font-family:var(--k-head);font-weight:900;letter-spacing:.01em;color:var(--k-line);padding-bottom:10px;border-bottom:2px solid var(--k-line)}
.kun .column-reading .body h3{font-family:var(--k-head);font-weight:900;color:var(--k-line)}
.kun .column-reading .body h4{font-family:var(--k-head);font-weight:700;color:var(--k-line)}
.kun .body a{color:var(--k-deep);border-bottom:2px solid rgba(13,122,86,.28);font-weight:500}
.kun .body a:hover{border-bottom-color:var(--k-deep)}
.kun .body img{border-radius:16px}
.kun .column-reading .body blockquote{background:var(--k-mist);border:0;border-radius:16px}
.kun .column-reading .body blockquote,.kun .column-reading .body blockquote p{font-family:inherit;font-weight:500;color:var(--k-line)}
.kun .column-reading .body .mini-card{background:#ffffff;border:2px solid var(--k-line);border-radius:16px}
.kun .column-reading .body ul li::before{background:var(--k-leaf);width:7px;height:7px}
.kun .column-reading .body ol li::before{font-family:var(--k-head);font-weight:900;background:var(--k-mist);color:var(--k-line)}
.kun .column-reading .body table,.kun .column-reading .body table.tbl-cards{border:2px solid var(--k-line);border-radius:16px;background:#ffffff;overflow:hidden}
.kun .column-reading .body table th{background:var(--k-mist);color:var(--k-line);font-family:var(--k-head);font-weight:700}
.kun .column-reading .body table thead th{border-bottom:2px solid var(--k-line)}
.kun .column-reading .body table tbody th[scope='row']{background:var(--k-body)}
.kun .body hr{border-top:2px dashed rgba(38,36,32,.16)}

/* ── 目次（横・スマホの折りたたみ・本文の中） ── */
.kun .toc-label,.kun .toc-m-t,.kun .body .toc-title{font-family:var(--k-head);font-weight:900;color:var(--k-line)}
.kun .toc-list a.active{color:var(--k-line);font-weight:700;background:var(--k-mist);border-radius:10px}
.kun .toc-m{background:#ffffff;border:2px solid var(--k-line);border-radius:16px}

/* ── 記事の中の箱（道具の案内・注記・資料・メール） ── */
.kun .ctx-cta{background:#ffffff;border:2px solid var(--k-line);border-radius:18px;box-shadow:4px 5px 0 0 var(--k-line)}
.kun .ctx-cta-k{font-family:var(--k-head);color:var(--k-deep)}
.kun .ctx-cta-t{font-family:var(--k-head);font-weight:900;color:var(--k-line)}
.kun .body .ctx-cta-btn,.kun .ctx-cta-btn{font-family:var(--k-head);background:var(--k-deep);border:2px solid var(--k-line);border-radius:999px;box-shadow:3px 4px 0 0 var(--k-line);transition:transform .16s var(--k-spring),box-shadow .16s ease}
.kun .ctx-cta-btn:hover{background:var(--k-deep);transform:translate(-1px,-2px);box-shadow:5px 7px 0 0 var(--k-line)}
.kun .evidence-note{background:var(--k-body);border:2px solid rgba(38,36,32,.14);border-radius:16px}
.kun .evidence-note-h{font-family:var(--k-head);font-weight:700}
.kun .evidence-note a{color:var(--k-deep)}
.kun .art-tag{font-family:var(--k-head);font-weight:700;border:2px solid rgba(38,36,32,.18);border-radius:999px;background:#ffffff;color:var(--k-soft)}
.kun .art-tag:hover{border-color:var(--k-line);color:var(--k-line)}
.kun .column-article .product-cta,.kun .column-article .end-cta{background:#ffffff;border:2px solid var(--k-line);border-radius:20px;box-shadow:4px 5px 0 0 var(--k-line);padding:26px 28px;text-align:left}
.kun .column-article .end-cta{margin-top:32px}
.kun .column-article .product-cta-eyebrow{font-family:var(--k-head);color:var(--k-deep)}
.kun .column-article .product-cta-title,.kun .column-article .end-cta-title{font-family:var(--k-head);font-weight:900;color:var(--k-line)}
.kun .column-article .product-cta-btn,.kun .column-article .end-cta-btn{font-family:var(--k-head);font-weight:700;color:#ffffff;background:var(--k-deep);border:2px solid var(--k-line);border-radius:999px;box-shadow:3px 4px 0 0 var(--k-line);padding:9px 22px;transition:transform .16s var(--k-spring),box-shadow .16s ease}
.kun .column-article .product-cta-btn:hover,.kun .column-article .end-cta-btn:hover{background:var(--k-deep);transform:translate(-1px,-2px);box-shadow:5px 7px 0 0 var(--k-line)}
/* 資料の箱の中のメール欄: 暗い箱の色（明るい字・暗い欄）のままで、明るい箱の上では読めなかった */
.kun .column-article .lm-drip{border-top:2px dashed rgba(38,36,32,.14)}
.kun .column-article .lm-drip-l{color:var(--k-line)}
.kun .column-article .lm-drip-l span{color:var(--k-soft)}
.kun .column-article .lm-drip-in,.kun .column-article .reading-newsletter .nl-input{color:var(--k-line);background:#ffffff;border:2px solid rgba(38,36,32,.22);border-radius:999px;padding-left:18px}
.kun .column-article .lm-drip-in::placeholder{color:#8a8271}
.kun .column-article .lm-drip-in:focus,.kun .column-article .reading-newsletter .nl-input:focus{border-color:var(--k-line)}
.kun .column-article .lm-drip-btn{font-family:var(--k-head);font-weight:700;color:var(--k-line);background:#ffffff;border:2px solid var(--k-line);border-radius:999px}
.kun .column-article .lm-drip-btn:hover{background:var(--k-mist)}
.kun .column-article .reading-newsletter{border-top:2px dashed rgba(38,36,32,.14);border-bottom:2px dashed rgba(38,36,32,.14)}
.kun .column-article .reading-newsletter summary{font-family:var(--k-head);font-weight:900;color:var(--k-line)}
.kun .column-article .reading-newsletter .nl-btn{font-family:var(--k-head);font-weight:700;background:var(--k-deep);color:#ffffff;border:2px solid var(--k-line);border-radius:999px;flex:0 0 auto;width:auto;padding:0 20px}
.kun .column-article .reading-newsletter .nl-input{flex:1 1 220px}

/* ── ほかの記事（同じ分類・あわせて読みたい・一覧の札） ── */
.kun .rel-h2,.kun .col-title,.kun .col-news-h,.kun .hero h1,.kun .mascot-h{font-family:var(--k-head);font-weight:900;letter-spacing:.01em;color:var(--k-line)}
.kun .rel-card,.kun .grid .card,.kun .feat{background:#ffffff;border:2px solid var(--k-line);border-radius:18px;box-shadow:4px 5px 0 0 var(--k-line);transition:transform .18s var(--k-spring),box-shadow .18s ease}
.kun .rel-card:hover,.kun .grid .card:hover,.kun .feat:hover{transform:translate(-2px,-3px);box-shadow:7px 9px 0 0 var(--k-line)}
.kun .rel-title,.kun .card-title,.kun .feat-title{font-family:var(--k-head);font-weight:900;color:var(--k-line)}
.kun .rel-meta,.kun .card-meta,.kun .feat-meta{font-family:var(--k-head);font-weight:700;color:var(--k-deep)}
.kun .nb-list a{background:#ffffff;border:2px solid rgba(38,36,32,.16);border-radius:14px;font-weight:700;transition:border-color .15s}
.kun .nb-list a:hover{border-color:var(--k-line)}

/* ── 一覧・分類の上（見出し・探す欄・分類の札） ── */
.kun .col-eyebrow,.kun .hero .eyebrow{font-family:var(--k-head);font-weight:700;color:var(--k-deep)}
.kun .column-finder,.kun .col-deadlines,.kun .col-news-in{background:#ffffff;border:2px solid var(--k-line);border-radius:18px;box-shadow:none}
.kun .col-deadlines h2{font-family:var(--k-head);font-weight:900}
.kun .col-news-list li{border-top:2px dashed rgba(38,36,32,.12)}
.kun .col-news-list time{font-family:var(--k-head);font-weight:700;color:var(--k-deep)}
.kun .column-search-row input{border:2px solid rgba(38,36,32,.22);border-radius:999px;padding-left:18px}
.kun .column-search-row input:focus{border-color:var(--k-line)}
.kun .column-search-row button{font-family:var(--k-head);font-weight:700;background:var(--k-deep);color:#ffffff;border:2px solid var(--k-line);border-radius:999px;box-shadow:3px 4px 0 0 var(--k-line)}
.kun .more{font-family:var(--k-head);font-weight:700;border:2px solid var(--k-line);border-radius:999px;background:#ffffff;color:var(--k-line)}
.kun .more:hover{background:var(--k-mist);border-color:var(--k-line)}
.kun .chip,.kun .other-cats a{font-family:var(--k-head);font-weight:700;border:2px solid rgba(38,36,32,.18);border-radius:999px;background:#ffffff;color:var(--k-line);transition:border-color .15s,background .15s}
.kun .chip:hover,.kun .other-cats a:hover{border-color:var(--k-line)}
.kun .chip.active,.kun .other-cats a.active{background:var(--k-line);border-color:var(--k-line);color:var(--k-body)}
.kun .feat-badge{font-family:var(--k-head);font-weight:700;border:2px solid var(--k-line);border-radius:999px;background:var(--k-cheek);color:var(--k-line)}
.kun .feat-link,.kun .col-news-more{font-family:var(--k-head);font-weight:700;color:var(--k-deep)}

/* ── 下の帯 ── */
.kun .foot-word{font-family:var(--k-head);font-weight:900}
.kun .foot-head{font-family:var(--k-head);font-weight:700;color:var(--k-line)}

/* ════════════════════════════════════════════════════════════════════
   下層ページ（会社・料金・問い合わせ・採用・機能の案内・BB の案内・規約・お知らせ・計算ツール・地域・申込みの画面）
   — 2026-11-13 FN1113C

   見た目は「役目」で決める。屋号・メニュー・押すもの・箱・暗い帯の5つ。
   ページごとの class をここへ並べる。インラインの style で見た目を決めていた所は、HTML 側に ku-* を付けた
   （company / pricing / ai-consulting / bb-lp / news）。色・線・影・角はこの1か所で決まる。
   ════════════════════════════════════════════════════════════════════ */

/* ── 屋号 ── */
.kun .ku-h{font-family:var(--k-head)}
.kun .k-brand-name,.kun .sp-logo,.kun header.site .brand,.kun .ep-brand-name,.kun .tn-brand,.kun .na-logo-text,.kun .su-name,.kun .ci-brand,.kun .brand-name,.kun .ulf-brand b,.kun .auth-brand-name{font-family:var(--k-head)!important;font-weight:900!important;letter-spacing:.01em}

/* ── 上のメニュー ── */
.kun #corp-root .corp-navlinks,.kun header.site nav,.kun .ep-nav,.kun .tn-links,.kun .news-navlinks,.kun .na-navlinks{font-family:var(--k-head);font-weight:700}
.kun #corp-root .corp-navlinks a:hover,.kun header.site nav a:hover,.kun .ep-nav a:hover,.kun .tn-links a:hover,.kun .news-navlinks a:hover,.kun .na-navlinks a:hover{color:var(--k-deep)}
.kun #corp-root .corp-navcta > a:not(.ku-btn),.kun .navcta > a:not(.ku-btn):not(.sp-btn):not(.btn-primary),.kun .na-navcta .login,.kun .k-nav-hours{font-family:var(--k-head);font-weight:700;color:var(--k-line)}
.kun header.site,.kun .sp-head,.kun .tn{background:var(--k-body)}

/* ── 押すもの（主）: 濃い緑・丸・墨の線・ずらした墨の影 ── */
.kun .ku-btn,
.kun .k-nav-cta,.kun .k-btn-primary,
.kun .sp-btn,.kun header.site .cta,.kun .ep-btn-p,.kun .tn-cta,.kun .na-navcta .start,
.kun .su-cta,.kun .ci-submit,.kun .submit-btn{
  font-family:var(--k-head);font-weight:700;color:#ffffff;background:var(--k-deep);
  border:2px solid var(--k-line);border-radius:999px;box-shadow:3px 4px 0 0 var(--k-line);
  text-decoration:none;transition:transform .16s var(--k-spring),box-shadow .16s ease}
.kun .ku-btn:hover,
.kun .k-nav-cta:hover,.kun .k-btn-primary:hover,
.kun .sp-btn:hover,.kun header.site .cta:hover,.kun .ep-btn-p:hover,.kun .tn-cta:hover,.kun .na-navcta .start:hover,
.kun .su-cta:hover,.kun .ci-submit:hover,.kun .submit-btn:hover{
  background:var(--k-deep);color:#ffffff;transform:translate(-1px,-2px);box-shadow:5px 7px 0 0 var(--k-line)}
.kun .ku-btn:active,
.kun .k-nav-cta:active,.kun .k-btn-primary:active,
.kun .sp-btn:active,.kun header.site .cta:active,.kun .ep-btn-p:active,.kun .tn-cta:active,.kun .na-navcta .start:active,
.kun .su-cta:active,.kun .ci-submit:active,.kun .submit-btn:active{
  transform:translate(2px,3px);box-shadow:1px 1px 0 0 var(--k-line)}
.kun .ku-btn:focus-visible,.kun .ku-btn--ghost:focus-visible{outline:3px solid var(--k-leaf);outline-offset:3px}
.kun .submit-btn:disabled,.kun .ci-submit:disabled{background:#c0b8a6;box-shadow:none;transform:none;cursor:not-allowed}

/* ── 押すもの（副）: 白・丸・墨の線 ── */
.kun .ku-btn--ghost,.kun .sp-btn.sp-btn-ghost,.kun .ep-btn-s{
  font-family:var(--k-head);font-weight:700;color:var(--k-line);background:#ffffff;
  border:2px solid var(--k-line);border-radius:999px;box-shadow:none;text-decoration:none;
  transition:transform .16s var(--k-spring),background .16s}
.kun .ku-btn--ghost:hover,.kun .sp-btn.sp-btn-ghost:hover,.kun .ep-btn-s:hover{
  background:var(--k-mist);color:var(--k-line);transform:translateY(-2px);box-shadow:none}
.kun .ku-btn--ghost:active,.kun .sp-btn.sp-btn-ghost:active,.kun .ep-btn-s:active{transform:translateY(1px);box-shadow:none}

/* ── 暗い所で押すもの: 葉の緑に墨の字 / 線だけ ── */
.kun .ku-btn--leaf,.kun .k-bb-btn,.kun .k-cta-btn,.kun .sp-cta .sp-btn{
  background:var(--k-leaf);color:var(--k-line);border-color:var(--k-line);box-shadow:3px 4px 0 0 rgba(251,250,245,.28)}
.kun .ku-btn--leaf:hover,.kun .k-bb-btn:hover,.kun .k-cta-btn:hover,.kun .sp-cta .sp-btn:hover{
  background:#6ee7b7;color:var(--k-line);transform:translate(-1px,-2px);box-shadow:5px 7px 0 0 rgba(251,250,245,.28)}
.kun .ku-btn--line{background:transparent;color:var(--k-body);border-color:var(--k-body);box-shadow:none}
.kun .ku-btn--line:hover{background:rgba(251,250,245,.12);color:var(--k-body);transform:translateY(-2px);box-shadow:none}

/* ── 箱: 白・墨の線・ずらした墨の影 ── */
.kun .ku-card,
.kun .k-feature,.kun .k-price,.kun .k-mock-frame,
.kun .tc{
  background:#ffffff;border:2px solid var(--k-line);border-radius:20px;box-shadow:4px 5px 0 0 var(--k-line)}
/* 小さめの箱・たくさん並ぶ箱: 線だけ（影を重ねない） */
.kun .k-faq-item,.kun .lg-box,.kun .lg-toc,.kun .sp-table,.kun .area-link{
  background:#ffffff;border:2px solid var(--k-line);border-radius:16px;box-shadow:none}
.kun .ku-band{background:var(--k-mist);border:2px solid var(--k-line);box-shadow:none}
/* 指を乗せたとき: にじむ影で浮かせない。ずらした影を伸ばす */
.kun #corp-root .corp-hover,.kun .tc.live{transition:transform .18s var(--k-spring),box-shadow .18s ease}
.kun #corp-root .corp-hover:hover,.kun .corp-hover:hover,.kun .tc.live:hover{transform:translate(-2px,-3px);box-shadow:7px 9px 0 0 var(--k-line)}
.kun #corp-root .ku-dark.corp-hover:hover{box-shadow:10px 13px 0 0 var(--k-leaf)}
@media (max-width:860px){
  .kun .ku-card,.kun .k-feature,.kun .k-price,.kun .k-mock-frame,.kun .tc{box-shadow:3px 4px 0 0 var(--k-line)}
}

/* ── 暗い帯: 墨。光のぼかしは使わない。箱のときは、ずらした影を緑に ── */
.kun .ku-dark,.kun .k-bb,.kun .sp-cta,.kun section.contact{
  background:var(--k-line);border:0;border-radius:28px;box-shadow:8px 10px 0 0 var(--k-leaf)}
.kun .ku-darkband,.kun .k-pain,.kun .th,.kun section.cover,.kun .su-brand,.kun .ci-rail,.kun aside.rail{background:var(--k-line)}
.kun .ku-dark-in,.kun .rail-card,.kun .ci-quote,.kun a.way{background:#33302a;border:1px solid #4a463d}
.kun .ku-dark .ku-dark{box-shadow:none;background:#33302a;border:1px solid #4a463d;border-radius:18px}
.kun .su-glow{display:none}
@media (max-width:860px){
  .kun .ku-dark,.kun .k-bb,.kun .sp-cta,.kun section.contact{box-shadow:5px 6px 0 0 var(--k-leaf);border-radius:22px}
}

/* ── 数字・小さな見出し: 丸ゴシック ── */


.kun .k-feature-t,.kun .k-price-name,.kun .k-price-amount,.kun .k-faq-q-mark,.kun .k-stat-num,.kun .k-pc,.kun .k-bb-badge,
.kun .su-h1,.kun .su-dot,.kun .su-copy,.kun .ep-code,.kun .ep-errid,.kun .ci-eyebrow,
.kun .step-dot,.kun .fn,.kun .fsec-n,.kun .rail-eyebrow,.kun .tc-t,.kun .te-k,
.kun .na-date,.kun .na-crumb,.kun .lg-crumb,.kun .crumb,.kun nav.rb{font-family:var(--k-head)}
.kun .k-price-amount,.kun .k-stat-num,.kun .ep-code,.kun .te-k,.kun .su-h1,.kun .k-feature-t,.kun .tc-t{font-weight:900}

/* ── 入力欄 ── */
/* 地は background-color だけを変える（background と書くと、選ぶ欄の右の矢印＝background-image が消える） */
.kun input[type=checkbox],.kun input[type=radio],.kun input[type=range]{accent-color:var(--k-deep)}

/* ── 下の帯（公開ページ共通） ── */
.kun .ulf{border-top:2px solid var(--k-line);background:var(--k-body)}
.kun .ulf-h{font-family:var(--k-head);font-weight:900;color:var(--k-line)}
.kun .ulf-links a:hover,.kun .ulf-links a[aria-current="page"],.kun .ulf-bottom a{color:var(--k-deep)}
.kun .ulf-bottom{border-top-color:rgba(38,36,32,.14)}
.kun .ulf-bottom a{font-family:var(--k-head);font-weight:700}

/* ── 地の色・光のぼかし（ページごとの入れ物） ── */
.kun .na-root,.kun .su-form,.kun .ci-form,.kun .formcol,.kun .intake,.kun .thanks{background:var(--k-body)}
.kun .k-hero-glow,.kun .ci-glow,.kun .rail-glow,.kun .th-glow,.kun .pg-calc .glow{display:none}
/* 変数で色を配っているページ（seo-pages.css）: 変数の実値を差し替える */
.kun{--deep:#262420}

/* ── 押すもの: 役目の class が無い所 ── */
.kun .ku-btn--leaf,.kun .k-bb-btn,.kun .k-cta-btn,.kun .pg-doc .cta-box a,.kun .pg-calc :is(.rcta,.lcta,.ycta),.kun .pg-area .btn.pri{
  font-family:var(--k-head);font-weight:700;border:2px solid var(--k-line);border-radius:999px;text-decoration:none;
  background:var(--k-leaf);color:var(--k-line);box-shadow:3px 4px 0 0 rgba(251,250,245,.28);transition:transform .16s var(--k-spring),box-shadow .16s ease}
.kun .pg-doc .cta-box a:hover,.kun .pg-calc :is(.rcta,.lcta,.ycta):hover,.kun .pg-area .btn.pri:hover{background:#6ee7b7;color:var(--k-line);transform:translate(-1px,-2px);box-shadow:5px 7px 0 0 rgba(251,250,245,.28)}
.kun .na-listcta a,.kun .pg-area .btn.sec,.kun .pg-area .btn.line,.kun .dr-add,.kun .ep-search button,.kun .na-foot a.back{
  font-family:var(--k-head);font-weight:700;color:var(--k-line);background:#ffffff;border:2px solid var(--k-line);border-radius:999px;box-shadow:none;text-decoration:none;transition:transform .16s var(--k-spring),background .16s}
.kun .na-listcta a:hover,.kun .pg-area .btn.sec:hover,.kun .pg-area .btn.line:hover,.kun .dr-add:hover{background:var(--k-mist);transform:translateY(-2px)}
.kun .pg-area header.site .cta{padding:9px 18px}

/* ── 機能の案内（/kanri/・/shoshiki/） ── */
.kun .k-cta{background:var(--k-line)}
.kun .k-cta h2{color:var(--k-body)}
.kun .k-cta p{color:#c9c2b2}
.kun .k-bb{margin-right:calc(var(--gut) + 10px)}
.kun .k-price.pop{border-color:var(--k-line);box-shadow:4px 5px 0 0 var(--k-leaf)}
.kun .k-nav{border-bottom-color:rgba(38,36,32,.14)}

/* ── 目的別のページ・計算ツール（seo-pages.css） ── */
.kun .sp-rel a,.kun .sp-box,.kun .tool-in,.kun .tool-out,.kun .sp-shot .frame{background:#ffffff;border:2px solid var(--k-line);border-radius:16px;box-shadow:none}
.kun .tool-out{box-shadow:4px 5px 0 0 var(--k-line)}
.kun .sp-rel a{transition:transform .18s var(--k-spring),box-shadow .18s ease}
.kun .sp-rel a:hover{border-color:var(--k-line);transform:translate(-2px,-3px);box-shadow:4px 5px 0 0 var(--k-line)}
.kun .sp-hero h1,.kun .sp-sec h2,.kun .sp-cta h2{font-family:var(--k-head)}
.kun .sp-cta{color:var(--k-body)}
.kun .sp-cta .sp-btn{color:var(--k-line)}
.kun .sp-table th{background:var(--k-mist)}
.kun .sp-steps li::before{font-family:var(--k-head);font-weight:900}
.kun .tool input[type=number],.kun .tool input[type=date],.kun .tool select,.kun .tool .seg label{border:2px solid rgba(38,36,32,.2);border-radius:12px}
.kun .tool input[type=number]:focus,.kun .tool input[type=date]:focus,.kun .tool select:focus{border-color:var(--k-line);box-shadow:0 0 0 3px rgba(16,185,129,.28);outline:0}
.kun .tool .seg label:has(input:checked){border-color:var(--k-line);background:var(--k-mist)}
.kun .tool-out .big{font-family:var(--k-head);font-weight:900}
.kun .tool .seg input,.kun .tool .chk input{accent-color:var(--k-deep)}

/* ── 計算機（家賃・ローン・利回り。class の頭文字だけが違う同じ作り） ── */
.kun .pg-calc :is(.rin,.lin,.yin){background:#ffffff;border:2px solid var(--k-line);border-radius:20px;box-shadow:4px 5px 0 0 var(--k-line)}
.kun .pg-calc :is(.rres,.lres,.yres){background:var(--k-line);border-radius:20px;box-shadow:6px 8px 0 0 var(--k-leaf)}
.kun .pg-calc :is(.rcmp,.rkpi,.lk,.lratio,.yk,.ybreak,.ycf){background:#33302a;border:1px solid #4a463d}
.kun .pg-calc .rctrack{background:#4a463d}
.kun .pg-calc :is(.rmb,.lmethod){border:2px solid rgba(38,36,32,.2);border-radius:999px;background:#ffffff}
.kun .pg-calc :is(.rmb,.lmethod).on{background:var(--k-line);border-color:var(--k-line);color:var(--k-body)}
.kun .pg-calc :is(.rsel,.lsel,.ysel){border:2px solid rgba(38,36,32,.2);border-radius:12px;background-color:#ffffff}
.kun .pg-calc :is(.rsel,.lsel,.ysel):focus{border-color:var(--k-line);box-shadow:0 0 0 3px rgba(16,185,129,.28)}
.kun .pg-calc :is(.rauthor,.lauthor,.yauthor,.rexp,.lexp,.yexp),.kun .pg-calc :is(.rrel-g,.lrel-g,.yrel-g) a{background:#ffffff;border:2px solid var(--k-line);border-radius:16px;box-shadow:none}
.kun .pg-calc :is(.rrel-g,.lrel-g,.yrel-g) a:hover{border-color:var(--k-line);background:var(--k-mist)}
.kun .pg-calc :is(.rdis,.ldis,.ydis){background:var(--k-mist)}
.kun .pg-calc :is(.rav,.lav,.yav){background:var(--k-line);font-family:var(--k-head)}
.kun .pg-calc :is(.rb,.lb,.yb){font-family:var(--k-head);font-weight:700;background:var(--k-body);border-bottom-color:rgba(38,36,32,.14)}
.kun .pg-calc :is(.rr-v,.lr-v,.yr-v,.rres-n,.lmo-n,.rkpi-n,.lk-n,.yk-n,.lamt,.yamt,.yen,.v),.kun .pg-calc :is(.rh-h1,.lh-h1,.yh-h1),.kun .pg-calc span[style*="Newsreader"]{font-family:var(--k-head)!important;font-weight:900}

/* ── 規約（プライバシー・利用規約・特商法・オーナー向け） ── */
.kun .lg-toc-list a .n,.kun .lg-h2 .n,.kun .lg-li .m.num,.kun .lg-eyebrow,.kun .lg-toc-h{font-family:var(--k-head);font-weight:700}
.kun .lg-notice{background:#f7eae3;border:2px solid var(--k-line);border-radius:16px;color:#8a3126}
.kun .lg-notice strong{color:#8a3126}
.kun .foot,.kun .na-footer,.kun .sp-foot,.kun footer.site,.kun .rfoot{border-top:2px solid var(--k-line)}
.kun .foot-brand,.kun .na-foot-brand .n,.kun .na-foot-h,.kun .foot-h{font-family:var(--k-head);font-weight:900}

/* ── 編集方針・著者のページ ── */
.kun .pg-doc header.site{border-bottom:2px solid var(--k-line)}
.kun .pg-doc .hero,.kun .pg-doc .section{background:#ffffff;border:2px solid var(--k-line);border-radius:20px;box-shadow:4px 5px 0 0 var(--k-line)}
.kun .pg-doc .rule,.kun .pg-doc .exp-card{background:var(--k-mist);border:0;border-radius:14px}
.kun .pg-doc .note{background:var(--k-mist);border-left-color:var(--k-leaf)}
.kun .pg-doc .rule b,.kun .pg-doc .exp-card h3,.kun .pg-doc .yr,.kun .pg-doc .meta,.kun .pg-doc .crumb,.kun .pg-doc a[style*="Space Grotesk"]{font-family:var(--k-head)!important;font-weight:700}
.kun .pg-doc .cta-box{background:var(--k-line);border-radius:28px;box-shadow:8px 10px 0 0 var(--k-leaf)}
.kun .pg-doc .cta-box p{color:#c9c2b2}
.kun .pg-doc .hero-img{background:var(--k-line);border:2px solid var(--k-line);font-family:var(--k-head)}
@media (max-width:860px){.kun .pg-doc .hero,.kun .pg-doc .section{box-shadow:3px 4px 0 0 var(--k-line)}.kun .pg-doc .cta-box{box-shadow:5px 6px 0 0 var(--k-leaf);border-radius:22px}}

/* ── お知らせ（一覧・記事・共創） ── */
.kun .na-hero{background:var(--k-mist);border:2px solid var(--k-line);border-radius:20px;box-shadow:6px 8px 0 0 var(--k-line)}
.kun .na-body .na-info,.kun .na-body .na-contact,.kun .cc-tbl{background:#ffffff;border:2px solid var(--k-line);border-radius:16px;box-shadow:none}
.kun .na-body h2,.kun .na-title,.kun .na-foot-brand .n,.kun .na-nav .cur,.kun .cc-hero h1,.kun .na-root .n{font-family:var(--k-head)}
.kun .na-nav{border-bottom-color:rgba(38,36,32,.14)}
.kun .cc-hero{background:var(--k-line)}
@media (max-width:860px){.kun .na-hero{box-shadow:4px 5px 0 0 var(--k-line);border-radius:16px}}

/* ── 世田谷の相談（地域の入口・町ごとのページ） ── */
.kun .pg-area header.site{border-bottom:2px solid var(--k-line)}
.kun .pg-area .door,.kun .pg-area .who{background:#ffffff;border:2px solid var(--k-line);border-radius:20px;box-shadow:4px 5px 0 0 var(--k-line)}
.kun .pg-area .door{transition:transform .18s var(--k-spring),box-shadow .18s ease}
.kun .pg-area .door:hover,.kun .pg-area a.card:hover{border-color:var(--k-line);transform:translate(-2px,-3px);box-shadow:7px 9px 0 0 var(--k-line)}
.kun .pg-area .faq,.kun .pg-area .author,.kun .pg-area .chart,.kun .pg-area .mk,.kun .pg-area .sources,.kun .pg-area .summary{background:#ffffff;border:2px solid var(--k-line);border-radius:16px;box-shadow:none}
.kun .pg-area .summary{background:var(--k-mist)}
.kun .pg-area nav.toc{background:var(--k-mist)}
.kun .pg-area b,.kun .pg-area .big,.kun .pg-area .door h3,.kun .pg-area .card h3,.kun .pg-area .who h3,.kun .pg-area .faq summary::before{font-family:var(--k-head)}
.kun .pg-area .faq summary::before{background:var(--k-deep);font-weight:900}
.kun .pg-area .door:hover{border-color:var(--k-line)}

/* ── 申込み・問い合わせの画面（左の帯＋入力） ── */
.kun .intake{border:2px solid var(--k-line);border-radius:22px;box-shadow:6px 8px 0 0 var(--k-line)}
.kun .ci-quote p{font-family:var(--k-head)}
.kun .su-tab.on{box-shadow:none;border:2px solid var(--k-line)}

/* ── BB の案内 ── */
.kun .ku-card .screen{background:var(--k-mist)!important}
/* 暗い箱の中の主ボタンは葉の緑（濃い緑に墨の線だと沈む） */
.kun .ku-dark .ku-btn:not(.ku-btn--line):not(.ku-btn--ghost),.kun .ku-darkband .ku-btn:not(.ku-btn--line):not(.ku-btn--ghost){background:var(--k-leaf);color:var(--k-line);box-shadow:3px 4px 0 0 rgba(251,250,245,.28)}
.kun .ku-dark .ku-btn:not(.ku-btn--line):not(.ku-btn--ghost):hover,.kun .ku-darkband .ku-btn:not(.ku-btn--line):not(.ku-btn--ghost):hover{background:#6ee7b7;color:var(--k-line);box-shadow:5px 7px 0 0 rgba(251,250,245,.28)}
.kun .k-goals-grid a{background:#ffffff;border:2px solid var(--k-line);border-radius:16px;transition:transform .18s var(--k-spring),box-shadow .18s ease}
.kun .k-goals-grid a:hover{transform:translate(-2px,-3px);box-shadow:4px 5px 0 0 var(--k-line)}
.kun .ku-card--flat{box-shadow:none;border-radius:16px}
.kun #corp-root svg text{font-family:var(--k-head)}

/* ── 入力欄（登録・問い合わせ・お客様情報の入力）: 白・うすい墨の線2px・角丸。選ぶと墨の線＋緑の輪 ── */
.kun .su-input,.kun .su-url,.kun .ci-input,.kun .ci-select,.kun .finput,.kun .fselect,.kun .ftextarea{background-color:#ffffff;border:2px solid rgba(38,36,32,.2);border-radius:14px;box-shadow:none}
.kun .su-input:hover,.kun .su-url:hover,.kun .ci-input:hover,.kun .ci-select:hover,.kun .finput:hover,.kun .fselect:hover,.kun .ftextarea:hover{border-color:rgba(38,36,32,.45)}
.kun .su-input:focus,.kun .su-url:focus-within,.kun .ci-input:focus,.kun .ci-select:focus,.kun .finput:focus,.kun .fselect:focus,.kun .ftextarea:focus{border-color:var(--k-line);box-shadow:0 0 0 3px rgba(16,185,129,.28)}
/* 入力の誤りの印は、線の色を上書きしない */
.kun .ci-input[aria-invalid="true"]{border-color:#a03028}
.kun .su-tabs{background:var(--k-mist)}
.kun .su-dot{background:var(--k-mist);border:2px solid rgba(38,36,32,.2)}
.kun .su-dot.on{background:var(--k-line);border-color:var(--k-line);color:#6ee7b7}

/* ── スマホのメニュー（引き出し）の押すもの ── */
.kun .spnav-cta a{font-family:var(--k-head);font-weight:700;border-radius:999px}
.kun .spnav-cta a.primary{background:var(--k-deep);border:2px solid var(--k-line);box-shadow:3px 4px 0 0 var(--k-line)}
.kun .spnav-cta a.ghost{background:#ffffff;border:2px solid var(--k-line);color:var(--k-line)}
.kun .spnav-links a{font-family:var(--k-head);font-weight:700}

/* ── スマホ幅で、ページ側が !important で戻していた所 ── */
@media (max-width:900px){
  .kun .foot{background:var(--k-body)}
}
.kun .pg-area th{background:var(--k-mist)}

/* ── マニュアル（入口 /manual/ と記事 /manual/{topic}/） ── */
.kun .hc-root{background:var(--k-body)}
.kun .hc-hero,.kun .ma-supp{background:var(--k-line)}
.kun .hc-hero-glow{display:none}
.kun .hc-brand-name,.kun .hc-foot-name,.kun .ma-bname,.kun .hc-brand-sub,.kun .hc-eyebrow,.kun .hc-pop-num,.kun .hc-pop-h,.kun .hc-contact-h,.kun .hc-cat a[style*="Mincho"],.kun .hc-cat-h,.kun .hc-cat-h a,
.kun .ma-rel-h,.kun .ma-side-cat,.kun .ma-toc-h,.kun .ma-crumb,.kun .ma-badge,.kun .ma-top a{font-family:var(--k-head)!important}
.kun .hc-brand-name,.kun .hc-foot-name,.kun .ma-bname,.kun .hc-pop-num,.kun .hc-pop-h,.kun .hc-contact-h,.kun .hc-cat-h,.kun .ma-rel-h{font-weight:900}
.kun .hc-app,.kun .hc-search button,.kun .hc-contact-btn{font-family:var(--k-head);font-weight:700;color:#ffffff;background:var(--k-deep);border:2px solid var(--k-line);border-radius:999px;box-shadow:3px 4px 0 0 var(--k-line);transition:transform .16s var(--k-spring),box-shadow .16s ease}
.kun .hc-app:hover,.kun .hc-search button:hover,.kun .hc-contact-btn:hover{background:var(--k-deep);transform:translate(-1px,-2px);box-shadow:5px 7px 0 0 var(--k-line)}
.kun .hc-search{background:#ffffff;border:2px solid var(--k-body);border-radius:999px;box-shadow:6px 8px 0 0 var(--k-leaf)}
.kun .hc-cat{background:#ffffff;border:2px solid var(--k-line);border-radius:20px;box-shadow:4px 5px 0 0 var(--k-line)}
.kun .hc-pop-card,.kun .ma-faq,.kun .ma-toc{background:#ffffff;border:2px solid var(--k-line);border-radius:16px;box-shadow:none}
.kun .hc-pop-card{transition:transform .18s var(--k-spring),box-shadow .18s ease}
.kun .hc-pop-card:hover{transform:translate(-2px,-3px);box-shadow:4px 5px 0 0 var(--k-line)}
.kun .hc-contact-in{background:var(--k-mist);border:2px solid var(--k-line);border-radius:24px}
.kun .hc-foot{border-top:2px solid var(--k-line)}
.kun .ma-help{background:var(--k-mist)}
.kun .ma-help-b button{font-family:var(--k-head);font-weight:700;color:var(--k-line);background:#ffffff;border:2px solid var(--k-line);border-radius:999px}
.kun .ma-help-b button:hover{background:var(--k-mist)}
.kun .ma-supp-b{font-family:var(--k-head);font-weight:700;background:var(--k-leaf);color:var(--k-line);border-radius:999px}
.kun .ma-side-links a{border-radius:999px}
.kun .ma-side-links a.on{background:var(--k-mist);color:var(--k-line)}
.kun .ma-search input{background-color:#ffffff;border:2px solid rgba(38,36,32,.2);border-radius:999px}
.kun .ma-search input:focus{border-color:var(--k-line);box-shadow:0 0 0 3px rgba(16,185,129,.28)}
.kun .ma-note{background:#f7eae3;border-left-color:#8a3126}
.kun .ma-figure img{border:2px solid var(--k-line);border-radius:14px}
@media (max-width:860px){.kun .hc-cat{box-shadow:3px 4px 0 0 var(--k-line)}.kun .hc-search{border-radius:20px;box-shadow:4px 5px 0 0 var(--k-leaf)}}

/* ── 都道府県ごとの案内（/area/{pref}/） ── */
.kun .al-logo-t,.kun .al-crumb,.kun .al-stats .v,.kun .al-bene .t,.kun .al-faq .q,.kun .al-heroart .anm,.kun .al-foot a[style*="Grotesk"]{font-family:var(--k-head)!important}
.kun .al-stats .v,.kun .al-bene .t,.kun .al-faq .q,.kun .al-heroart .anm,.kun .al-logo-t{font-weight:900}
.kun .al-navcta,.kun .al-cta{font-family:var(--k-head);font-weight:700;color:#ffffff;background:var(--k-deep);border:2px solid var(--k-line);border-radius:999px;box-shadow:3px 4px 0 0 var(--k-line);transition:transform .16s var(--k-spring),box-shadow .16s ease}
.kun .al-navcta:hover,.kun .al-cta:hover{transform:translate(-1px,-2px);box-shadow:5px 7px 0 0 var(--k-line)}
.kun .al-cta2{font-family:var(--k-head);font-weight:700;color:var(--k-line);background:#ffffff;border:2px solid var(--k-line);border-radius:999px}
.kun .al-cta2:hover{background:var(--k-mist)}
.kun .al-heroart{background:var(--k-line);border-radius:28px;box-shadow:8px 10px 0 0 var(--k-leaf)}
.kun .al-stats{background:var(--k-line)}
.kun .al-bene{background:#ffffff;border:2px solid var(--k-line);border-radius:20px;box-shadow:4px 5px 0 0 var(--k-line)}
.kun .al-faq{background:#ffffff;border:2px solid var(--k-line);border-radius:16px}
.kun .al-ctacard{background:var(--k-line);border-radius:28px;box-shadow:8px 10px 0 0 var(--k-leaf)}
.kun .al-ctacard a{font-family:var(--k-head);font-weight:700;background:var(--k-leaf);color:var(--k-line);border:2px solid var(--k-line);border-radius:999px}
@media (max-width:860px){.kun .al-heroart,.kun .al-ctacard{box-shadow:5px 6px 0 0 var(--k-leaf);border-radius:22px}.kun .al-bene{box-shadow:3px 4px 0 0 var(--k-line)}}
.kun .hc-cat-title,.kun .hc-cat-title a{font-family:var(--k-head)!important;font-weight:900}
.kun .ma-meta{font-family:var(--k-head)}

/* ── お知らせの本文 ── */
.kun .na-h1,.kun .na-body blockquote p,.kun .na-np .t,.kun .na-rel-h2,.kun .na-rel-t,.kun .na-pr{font-family:var(--k-head)}
.kun .na-h1,.kun .na-rel-h2{font-weight:900}
.kun .na-body blockquote{background:var(--k-mist);border-left-color:var(--k-leaf)}
.kun .na-body table{background:#ffffff;border:2px solid var(--k-line);border-radius:16px}
/* 記事の下の「関連するお知らせ」の札（JS が /press_releases.php から差し込む。手元の検査には出ていなかった＝本番で見つけた） */
.kun .na-rel-card{background:#ffffff;border:2px solid var(--k-line);border-radius:18px;box-shadow:none;transition:transform .18s var(--k-spring),box-shadow .18s ease}
.kun .na-rel-card:hover{border-color:var(--k-line);transform:translate(-2px,-3px);box-shadow:4px 5px 0 0 var(--k-line)}
.kun .na-np{background:#ffffff;border:2px solid var(--k-line);border-radius:16px}
.kun .na-np:hover{background:var(--k-mist);border-color:var(--k-line)}
.kun .na-np .l,.kun .na-rel-meta{font-family:var(--k-head);font-weight:700}
.kun .na-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--k-mist)}
/* ── コラムの一覧の案内の箱・トップの比較表と図面の箱 ── */
.kun .mascot{background:var(--k-mist);border:2px solid var(--k-line)}
.kun .cmp{border:2px solid var(--k-line);border-radius:20px;box-shadow:4px 5px 0 0 var(--k-line)}
.kun .lp-maker{border:2px solid var(--k-line);border-radius:20px}
/* トップの料金のおすすめの札・画面の上に浮く小さな札・戸数の入力（インラインで決めていた線と影を class に寄せた） */
.kun .card--pop{box-shadow:4px 5px 0 0 var(--k-leaf)}
.kun .card--pop:hover{box-shadow:7px 9px 0 0 var(--k-leaf)}
.kun .ku-float{background:#ffffff;border:2px solid var(--k-line);border-radius:16px;box-shadow:3px 4px 0 0 var(--k-line)}
.kun .ku-field{background:#ffffff;border:2px solid rgba(38,36,32,.2);border-radius:14px}
.kun .ku-field:focus-within{border-color:var(--k-line);box-shadow:0 0 0 3px rgba(16,185,129,.28)}
/* コラムの分類のページ: パンくず・ほかの分類の札 */
.kun .column-reading .breadcrumb{font-family:var(--k-head)}
.kun .other-cats a,.kun .other-cats .active{font-family:var(--k-head);font-weight:700;border:2px solid var(--k-line)}
.kun .other-cats a{background:#ffffff;color:var(--k-line)}
.kun .other-cats a:hover{background:var(--k-mist);border-color:var(--k-line)}
.kun .other-cats .active{background:var(--k-line);color:var(--k-body)}