/* theme-corp.css 試作（2026-10-29）：「会社らしさ・信頼」の上書き層。全ページの最後に読む。
 * 変えるのは見た目だけ。文言・見出しの順・リンク・構造化データ・title/h1 は触らない。
 * 参考（スクショ ref/）：ベイジ・才流・ナイル・キーワードマーケティング・ギャプライズ ほか
 * 型：白地／左寄せの見出し＋番号つきの小さな英字／細い罫線／角の立ったボタン／本物の写真／動く飾りなし
 *
 * 目次
 *  0. 色・角・影のトークン（暖色の地をやめる）
 *  1. ヘッダー（上に紺の細い罫線・白い帯・角の立ったボタン）
 *  2. フッター（濃紺の会社情報の帯）
 *  3. 節の見出しの型（左寄せ・番号・小さな英字）
 *  4. 余白の段階
 *  5. ボタン・カード・表・FAQ（平らに）
 *  6. 紺の帯（単色・飾りの四角なし）
 *  7. 動く背景・グラデーション文字・飾りの輪や点をやめる
 *  8. 下層ページの頭（COMPANY 等の大きな英字 → 小さなラベル＋写真）
 *  9. トップ
 * 10. サービス・料金・業種・地域
 * 11. コラム
 * 12. スマホ
 */

/* ============ 0. トークン ============ */
:root{
  --bg:#ffffff; --bg-alt:#f4f5f7; --paper:#ffffff; --surface:#ffffff; --surface-soft:#f4f5f7;
  --ink:#16202e; --ink-2:#3a4453; --ink-muted:#5d6675; --ink-faint:#5d6675;
  --navy:#13213a; --navy-2:#0d182b; --brand:#1b3156; --brand-ink:#13213a; --brand-hover:#24395e;
  --brand-soft:rgba(19,33,58,.08); --brand-faint:rgba(19,33,58,.03);
  --cta:#13213a; --cta-hover:#24395e; --focus:#1b3156; --gold:#1b3156; --gold-ink:#1b3156;
  --line:#dfe2e7; --line-soft:#e8eaee;
  --radius:4px; --radius-sm:3px; --radius-pill:4px; --m-radius:4px; --r-lg:4px; --pill:4px;
  --shadow:none;
  --c-sec:112px; --c-sec-sm:72px; --c-head-gap:48px;
}
/* ページごとに上書きしている暖色の地（main.oz 等）も白・灰にそろえる */
body, main, .lp, .oz, .c26, .pg{
  --bg:#ffffff !important; --bg-alt:#f4f5f7 !important; --surface-soft:#f4f5f7 !important; --surface:#ffffff !important;
  --line:#dfe2e7 !important; --line-soft:#e8eaee !important; --ink-faint:#5d6675 !important;
  --brand-soft:rgba(19,33,58,.08) !important; --brand-faint:rgba(19,33,58,.03) !important;
  --cta-hover:#24395e !important; --focus:#1b3156 !important; --gold:#1b3156 !important; --gold-ink:#1b3156 !important;
  --radius:4px !important; --radius-sm:3px !important; --radius-pill:4px !important; --r-lg:4px !important; --pill:4px !important;
  --shadow:none !important;
}
body{background:#fff !important}

/* ============ 1. ヘッダー ============ */
.gh{border-top:3px solid var(--navy)}
.gh::before{background:#fff !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-bottom:1px solid var(--line) !important;box-shadow:none !important}
.gh.is-scrolled::before{box-shadow:none !important}
.gh .gh-link{border-radius:0 !important;font-weight:500}
.gh .gh-link::after{border-radius:0 !important;height:2px;bottom:4px;background:var(--navy) !important}
.gh .gh-link[aria-current="page"]{color:var(--navy)}
.gh a[class*="btn"], header a[class*="btn"], .gh-cta, .gh-ghost, .gh-actions a, .gh-m-cta a, .gh-panel-foot .gh-diag{border-radius:4px !important;box-shadow:none !important}
.gh-cta{background:var(--navy) !important}
.gh-panel, .gh-panel-in, .gh-sheet{border-radius:0 0 4px 4px !important;box-shadow:0 12px 24px -16px rgba(19,33,58,.25) !important}
.gh-item:hover{background:var(--bg-alt) !important}
.gh-th, .gh-th img{border-radius:3px !important}

/* ============ 2. フッター：濃紺の会社情報の帯 ============ */
.gf{
  --gf-ink:#ffffff; --gf-link:rgba(255,255,255,.74); --gf-rule:rgba(255,255,255,.14);
  background:var(--navy) !important; color:var(--gf-link) !important;
  border-top:0 !important; box-shadow:none !important; padding-top:72px !important;
}
.gf::before, .gf-deco{display:none !important}
.gf-top{background:transparent !important;border:0 !important;border-bottom:1px solid var(--gf-rule) !important;border-radius:0 !important;box-shadow:none !important;padding:0 0 48px !important}
.gf .gf-brand b, .gf-lead, .gf-name, .gf-h, .gf-reach a{color:#fff !important}
.gf-brand svg rect, .gf-brand svg path{opacity:1}
.gf-about, .gf-area, .gf-adr, .gf-sep{color:rgba(255,255,255,.66) !important}
.gf-en, .gf-k{color:rgba(255,255,255,.5) !important}
.gf-links a, .gf-legal a, .gf-line-link{color:rgba(255,255,255,.74) !important}
.gf-links a:hover, .gf-legal a:hover, .gf-line-link:hover{color:#fff !important}
.gf .gbtn, .gf .gf-btns .gbtn{border-radius:4px !important;box-shadow:none !important;transform:none !important}
.gf-btn-pri{background:#fff !important;color:var(--navy) !important}
.gf-btn-pri:hover{background:#e9ecf1 !important}
.gf-btn-ghost{background:transparent !important;color:#fff !important;border:1px solid rgba(255,255,255,.6) !important}
.gf-btn-ghost:hover{border-color:#fff !important}
.gf-area{border-top-color:var(--gf-rule) !important}
.gf-bottom{background:var(--navy-2);border-top:0 !important}
.gf-bottom small{color:rgba(255,255,255,.6)}
.gf :focus-visible{outline-color:#fff !important}
.gf-links a:active{background:rgba(255,255,255,.06) !important}

/* ============ 3. 節の見出しの型 ============
 * 「01 ― BUSINESS」の小さなラベル（英字）→ 日本語の見出し（左寄せ）→ 導入 → 細い罫線
 * 番号は main ごとに数える（CSS の counter。HTML は変えない） */
main{counter-reset:csec}
.sec .ttl .disp, .sec .head-c .disp, .sec .head-row .disp, .sec .wrap > .disp, .c26-sec .c26-ttl .c26-disp, .sh .en, .sec .eyebrow, .sec .head-c .eyebrow{counter-increment:csec}
.ttl, .head-c, .head-row, .c26-ttl, .sh, .v3 .head-c, .v3 .ttl, .v3 .sec .wrap > .disp, .v3 .sec .wrap > .h2, .v3 .sec .wrap > .lead{text-align:left !important;max-width:none}
.ttl, .head-c, .c26-ttl{display:flex;flex-direction:column;align-items:flex-start;margin-left:0 !important;margin-right:0 !important}
/* 英字：大見出し → 12px のラベル（番号＋短い線つき） */
.disp, .c26-disp, .sh .en, .sec .eyebrow, .v3 .disp, .v3p .disp{
  display:flex !important;align-items:center;gap:12px;
  font-family:var(--font-en) !important;font-size:12px !important;font-weight:600 !important;line-height:1.4 !important;
  letter-spacing:.18em !important;text-transform:uppercase;white-space:nowrap;
  background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;
  -webkit-text-fill-color:var(--ink-muted) !important;color:var(--ink-muted) !important;
  margin:0 0 14px !important;padding:0 !important;order:0 !important
}
.sec .ttl .disp::before, .sec .head-c .disp::before, .sec .head-row .disp::before, .sec .wrap > .disp::before, .c26-sec .c26-ttl .c26-disp::before, .sh .en::before, .sec .eyebrow::before{
  content:counter(csec, decimal-leading-zero);font-weight:700;letter-spacing:.08em;color:var(--navy);-webkit-text-fill-color:var(--navy)
}
.sec .ttl .disp::after, .sec .head-c .disp::after, .sec .head-row .disp::after, .sec .wrap > .disp::after, .c26-sec .c26-ttl .c26-disp::after, .sh .en::after, .sec .eyebrow::after{
  content:"";order:-1;display:none
}
.sec .ttl .disp::before, .sec .head-c .disp::before, .sec .head-row .disp::before, .sec .wrap > .disp::before, .c26-ttl .c26-disp::before, .sh .en::before, .sec .eyebrow::before{padding-right:12px;border-right:1px solid var(--line)}
/* 日本語の見出し */
.ttl .h2-s, .ttl h2, .head-c .h2, .head-c h2, .head-row .h2, .sec .wrap > .h2, .sh h2, .c26-ttl .c26-h2s, .sec .eyebrow + .h2{
  order:1;margin:0 !important;text-align:left !important;
  font-family:var(--font-sans) !important;font-size:clamp(1.4rem,2.2vw,1.75rem) !important;font-weight:700 !important;
  letter-spacing:.03em !important;line-height:1.5 !important;color:var(--ink) !important;
  background:none !important;-webkit-text-fill-color:currentColor !important
}
.ttl .lead, .head-c .lead, .head-row .lead, .c26-ttl .c26-sec-note, .sec .wrap > .lead{order:2;margin:20px 0 0 !important;text-align:left !important;max-width:46em;color:var(--ink-2)}
.ttl::after, .head-c::after, .c26-ttl::after{content:"";order:9;display:block;align-self:stretch;margin-top:32px;height:1px;background:var(--line)}
.head-row{border-bottom:1px solid var(--line);padding-bottom:32px}
.sh{display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:40px}
.ttl .h2-s.vh + *, .ttl .vh{order:1}
.sh > p{order:2;margin:16px 0 0 !important;text-align:left !important;color:var(--ink-2)}
/* 紺の帯の中の見出しは白 */
.solve-band .sh h2, .solve-band h2, .solve-band .sh > p, .band h2, .c26-band h2, .mid-cta.navy h2, .mid-cta.navy .q{color:#fff !important;-webkit-text-fill-color:#fff !important}
.solve-band .sh .en, .solve-band .sh .en::before, .solve-band .sh > p{color:rgba(255,255,255,.75) !important;-webkit-text-fill-color:rgba(255,255,255,.75) !important}
.solve-band .sh, .solve-band .sh .en::before{border-color:rgba(255,255,255,.2) !important}

/* ============ 4. 余白の段階（112 / 72 / 48 / 32 / 16） ============ */
.sec{padding:var(--c-sec) 0}
.c26-sec{padding-top:var(--c-sec) !important;padding-bottom:var(--c-sec) !important}
.sec:nth-of-type(even){background:var(--bg-alt)}
.bg-alt, .sec.alt, .sec.tint, .c26-alt, .faq{background:var(--bg-alt) !important}
.bg-surface, .bg-soft{background:#fff !important}
.bg-soft{background:var(--bg-alt) !important}

/* ============ 5. ボタン・カード・表・FAQ：平らに ============ */
.btn, .gbtn, .btn-pri, .btn-sec, .gbtn-pri, .gbtn-sec, .cvr-btn, a[class*="btn"], button[class*="btn"], .ic-submit, .cf-form button{border-radius:4px !important;box-shadow:none !important;transform:none !important}
.btn-pri, .gbtn-pri{background:var(--cta) !important}
.btn-pri:hover, .gbtn-pri:hover{background:var(--cta-hover) !important}
.btn-sec, .gbtn-sec{border:1px solid var(--navy) !important;color:var(--navy) !important;background:#fff !important}
.bz, .card, .svc-card, [class*="-card"], .faq details, .tbl, table, .ps, .pr-card, .ent-facts, .cmp-card, .iss-panel, .do, .pain, .sit, .fact, .node, .wk, .numrow, .scope3 li, .fit-why, .form-card, .ic, .acc-box, .shared-box, .prod, .msg-list .mem, .str-art, .fl-art, .cx-card, .c26-lpcard, .col-consult, .col-summary, .col-toc, .col-table, .col-early, .c26-author, .answer, .hero-scope, .hero-facts, .cvr-next, .svc-g, .la-flow-w, .cf-assure{
  border-radius:4px !important;box-shadow:none !important
}
.bz, [class*="-card"]:not(.cx-card-visual):not(.cx-card-text):not(.cx-card-title):not(.cx-card-desc):not(.cx-card-meta), .ps, .pr-card, .ent-facts, .iss-panel, .do, .pain, .sit, .svc-g, .form-card, .acc-box, .cx-card, .c26-lpcard, .col-summary, .col-toc, .c26-author{border:1px solid var(--line) !important}
/* 表：罫線の表。見出しの列は薄い灰 */
table{border-collapse:collapse}
.tbl th, .tbl td, table th, table td{border-color:var(--line) !important}
.tbl thead th:not(.us), table thead th:not(.us){background:var(--bg-alt) !important;color:var(--ink) !important}
.co-table > div, .co-row{border-bottom:1px solid var(--line) !important}
/* FAQ：上下の罫線だけの一覧 */
.faq details, .faq-main details, .col-faq details{background:#fff !important;border:0 !important;border-bottom:1px solid var(--line) !important;border-radius:0 !important;margin:0 !important}
.faq details:first-of-type, .faq-main details:first-of-type, .col-faq details:first-of-type{border-top:1px solid var(--line) !important}
.faq .q, .faq-main .q{border-radius:2px !important}
/* 札（チップ）：角を立てる */
.chips li, .chips a, .chips span, .chips-a a, .tags li, .rt-badge, .cx-chip, .c26-tabs a, .c26-tabs li > *, .svc, .kick, .chip{border-radius:2px !important}
/* イラスト（立体のアイコン）の色を少し静かに */
.bz-art img, .str-art img, .fl-art img, .svc-ic img, .iss-art img, .cx-card-visual img{filter:saturate(.7)}
[class*="-art"]{background:#f4f5f7 !important}
[class*="-art"] img, .svc-ic img{mix-blend-mode:normal !important}

/* ============ 5b. 全体を平らに：影をなくし、角を 4px にそろえる（丸い札・数字の丸は span なので対象外） ============ */
main *, .fcta, .fcta *, .gh-panel, .gh-panel *, .gh-sheet *{box-shadow:none !important}
main :is(input,select,textarea,button):focus-visible{outline:2px solid var(--brand) !important;outline-offset:1px}
main :is(div,li,article,aside,figure,img,nav,ul,ol,dl,details,section,picture,a,table,p.prep,p.pr-note), .fcta, .gh-item, .gh-th, .svc-ic, span.th, span.ph, .step-ic, i.ozi, .c26-author img{border-radius:4px !important}
main :is(.cx-avatar, .c26-author > img){border-radius:3px !important}
/* グラデーション文字（英字・番号）を単色に */
.apply-v3 .points .n, .brand-mark, .fl-step h3, .hero .big em, .hero .kick .over, .mq-track span, .p-message .val .n, .pk-disp, .str-n,
.svc-hub .head-c .eyebrow, .svc-hub .ph h1 .main em, .svc-hub .ph-index .no, .svc-hub .pillar-key .kw, .svc-hub .step .no b,
.v3 .hero h1 em, .v3 .keep li::before, .v3 .step .no b, .c26-article .col-body > h2::before, .c26-article .col-faq > h2::before{
  background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;-webkit-text-fill-color:currentColor !important
}
.str-n, .p-message .val .n, .v3 .step .no b, .svc-hub .step .no b, .apply-v3 .points .n, .pk-disp{color:var(--navy) !important}
.fl-step h3, .hero .kick .over{color:var(--ink) !important}
.brand-mark{color:var(--navy) !important;-webkit-text-fill-color:var(--navy) !important}
.cx-card-visual svg{filter:grayscale(.85)}
.c26-article .col-body > h2::before, .c26-article .col-faq > h2::before{color:var(--navy) !important;-webkit-text-fill-color:var(--navy) !important}
/* 残っていた暖色の地 */
.gh-th, .gh-panel-foot, .svc-ic, span.th, span.ph, .col-cover, picture, .cx-avatar, .fcta-ph img, main img{background-color:#f4f5f7 !important}
.fcta-main{background:#fff !important;border-top:1px solid var(--line) !important}
.fcta-chk li{box-shadow:none !important;border:1px solid var(--line)}
.svc-groups a, .svc-diag{background:#fff !important}
.cmp-t td, .cmp td{background:#fff !important}
.cmp-t td.us, .cmp td.us{background:#f6f7f9 !important}
.oz em{background:linear-gradient(transparent 64%, rgba(27,49,86,.10) 64%) !important}
i.ozi{background:#eef1f5 !important}
.end::before, .end::after, .arrival-scrim::before, .arrival-scrim::after{display:none !important}
.arrival-scrim{background:none !important}

/* ============ 6. 紺の帯：単色・飾りなし ============ */
.band-bg, .c26-band-bg, .gcta{background:var(--navy) !important}
.band-bg > *, .c26-band-bg > *, img[src*="v3-cta-band-bg"]{display:none !important}
.c26-band, .solve-band, .mid-cta.navy, .band{background:var(--navy) !important}
.band-duo img, .c26-band-in img{border:0 !important;border-radius:4px !important}

/* ============ 7. 動く背景・グラデーション文字・飾りの輪や点をやめる ============
 * display:none にするのは aria-hidden の飾りの絵・動く背景だけ。本文・見出し・リンク・FAQ・表は隠さない（AI検索・SEOのため） */
.bg-scene, .hero-bg, [data-bg-scene], .hs-stage, .scene-scrim::before, .scene-scrim::after, .interlude-static, .arrival-bg, .gf-cube, .ribbon-scene{display:none !important}
.hero#top::before, .hero#top::after{display:none !important}
.big em, .hero#top .big em, h1 em, h1 span[class*="grad"], h2 em, [class*="hero"] h1 em, .lp-hero em, .hz-d em{background:none !important;-webkit-text-fill-color:currentColor !important;color:inherit !important}
[class*="hero"]::before, [class*="-fv"]::before, .c26-phead.c26-hz::before, .hz::before, .ar-hero::before{background-image:none !important}
[class*="hero"] img, [class*="-fv"] img{border-radius:4px !important;box-shadow:none !important}
[class*="hero"] [class*="card"], [class*="hero"] [class*="steps"], [class*="hero"] ol, [class*="hero"] ul{box-shadow:none !important}
.end{background:#fff !important}
.oz .hero, :where(main.oz) .hero, .ar-hero, .lp .hero{background:#fff !important}
.oz .form-sec{background:var(--bg-alt) !important}

/* ============ 8. 下層ページの頭（.hz：会社概要・メッセージ・料金・採用） ============
 * 大きな英字 COMPANY と飾りの格子 → 小さなラベル＋日本語の見出し、右にオフィスの写真（CSS の background） */
.v3p .hz{padding:0 0 72px !important;background:#fff !important;border-bottom:1px solid var(--line)}
.v3p .hz .crumb{padding-top:20px}
.v3p .hz-grid{margin-top:40px !important;grid-template-columns:minmax(0,1fr) minmax(0,460px) !important;gap:56px !important;align-items:stretch !important}
.v3p .hz-in{margin-top:40px}
.v3p .hz .disp{margin-bottom:18px !important}
.v3p .hz .disp::before{content:"";width:28px;height:1px;background:var(--navy);padding:0 !important;border:0 !important}
.v3p .hz h1{margin-top:0 !important}
.v3p .hz-t{font-size:15px !important;color:var(--ink-muted) !important;letter-spacing:.1em !important}
.v3p .hz-t::before{display:none !important}
.v3p .hz-d{font-size:clamp(1.4rem,2.2vw,1.75rem) !important;line-height:1.55 !important;margin-top:10px !important}
.v3p .hz-d .co{color:var(--ink) !important}
.v3p .hz-motif{-webkit-mask-image:none !important;mask-image:none !important;pointer-events:none;position:relative;min-height:340px;aspect-ratio:auto !important;max-width:none !important;margin:0 !important;border-radius:4px;overflow:hidden;background:#e9ecf0 center/cover no-repeat}
.v3p .hz-motif > *{display:none !important}
main:has(.co-table) .hz-motif{background-image:url(/assets/photos/office-city-1240.jpg)}
.p-message .hz-motif{background-image:url(/assets/photos/office-space-1240.jpg)}
.v3p .hz-motif:not(:has(.hero-poster)):not(.hz-ribbon){background-image:url(/assets/photos/office-space-1240.jpg)}
/* 会社概要の表 */
.co-table{border-top:2px solid var(--navy) !important}
.co-row{padding:22px 8px !important}
.tbl:has(.co-table){border:0 !important;padding:0 !important;background:transparent !important}
.acc-ph, .acc-ph img{border-radius:4px !important}

/* ============ 9. トップ ============ */
/* 最初の画面：左に文字、右にグラングリーン大阪の写真 */
.hero#top{padding:72px 0 88px !important;background:#fff !important}
.hero#top > .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start}
.hero#top > .wrap::after{content:"";grid-column:2;grid-row:1;align-self:start;margin-top:40px;aspect-ratio:4/5;border-radius:4px;
  background:url(/assets/photos/office-city-1240.jpg) center/cover no-repeat}
.hero-copy{grid-column:1;grid-row:1;max-width:none !important;margin:0 !important;text-align:left !important}
.hero#top .kick{justify-content:flex-start !important}
.hero#top .kick::before{display:none}
.hero#top .over{font-size:12px;letter-spacing:.18em;color:var(--ink-muted)}
.hero#top .big{font-size:clamp(2rem,3.4vw,3rem) !important;line-height:1.45 !important;letter-spacing:.02em;font-weight:700 !important;color:var(--ink)}
.hero#top .big em{color:var(--ink) !important}
.hero#top .sub{margin:24px 0 0 !important;text-align:left !important;max-width:36em;font-size:15.5px;color:var(--ink-2)}
.hero#top .br-pc{display:none}
.hero-cta{justify-content:flex-start !important;flex-wrap:wrap;gap:14px 24px}
.hero#top .hero-note{text-align:left !important}
.hero#top .routes{display:grid !important;grid-template-columns:1fr;gap:0 !important;margin:28px 0 0 !important;width:100% !important;border-top:1px solid var(--line)}
.hero#top .routes li{border-bottom:1px solid var(--line)}
.hero#top .routes a{display:block !important;border:0 !important;background:transparent !important;border-radius:0 !important;padding:14px 4px !important;min-height:0 !important}
.hero#top .routes .rt-ic{display:none !important}
.hero#top .routes .rt-body{display:grid !important;grid-template-columns:1fr auto !important;align-items:baseline;gap:2px 12px;width:100% !important;max-width:none !important;height:auto !important;text-align:left}
.hero#top .routes .rt-t{font-size:15px;font-weight:700;color:var(--ink)}
.hero#top .routes .rt-s{grid-column:1;font-size:13px;color:var(--ink-muted)}
.hero#top .routes .rt-go{grid-column:2;grid-row:2;margin-left:auto;font-size:13px;color:var(--brand);font-weight:700}
.hero#top .routes .rt-t, .hero#top .routes .rt-s, .hero#top .routes .rt-go{white-space:normal;width:auto !important}
.hero#top .routes .rt-badge{grid-column:1/-1;justify-self:start;border-radius:2px}
/* 支援先での実数：数字の帯（縦の罫線で区切る） */
.cvr-proof{background:#fff !important;border-top:1px solid var(--line) !important;border-bottom:1px solid var(--line) !important;padding:32px 0 !important}
.cvr-proof li{border-left:1px solid var(--line) !important;padding-left:20px !important}
.cvr-proof li:first-child{border-left:0 !important;padding-left:0 !important}
.cvr-proof b{font-family:var(--font-en);font-size:1.6rem !important;font-weight:700 !important;color:var(--navy) !important;letter-spacing:.01em}
/* 困りごとの札（軌道の飾りをやめ、札を罫線の一覧に並べる。札そのものは隠さない） */
.iss-stage{display:block !important;max-width:none !important}
.iss-orbit.hero-motif{display:block !important;position:static !important;width:100% !important;aspect-ratio:auto !important;margin:0 0 24px !important}
.iss-orbit .hs-list{position:static !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.iss-orbit .hs-list li{position:static !important;transform:none !important;left:auto !important;top:auto !important;margin:0 !important;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.iss-orbit .hs-list a{position:relative;display:grid !important;width:100% !important;height:100%;border:0 !important;border-radius:0 !important;background:transparent !important;padding:16px 40px 16px 18px !important;white-space:normal !important;transform:none !important}
.iss-orbit .hs-list .tg{border-radius:2px !important;background:var(--navy) !important}
.iss-orbit .hs-list a[data-biz="ai"] .tg{background:#4a5d80 !important}
.iss-orbit .hs-list .nm{font-size:15px !important;color:var(--ink) !important}
.iss-side{max-width:none !important}
/* 会社の基本情報：罫線の表 */
.entity{background:var(--bg-alt) !important;border-bottom:1px solid var(--line);padding:96px 0 !important}
/* 会社を言い切る一文（h1）：大きく静かに。節の h2 より小さくならないように */
.entity h1, #home-h1{font-size:clamp(1.6rem,2.6vw,2.1rem) !important;line-height:1.6 !important;letter-spacing:.03em !important;font-weight:700 !important;color:var(--ink) !important}
.ent-facts{background:#fff !important;border-top:2px solid var(--navy) !important;padding:24px 28px 18px !important}
.ent-facts dl > div{border-bottom-color:var(--line) !important}
/* 社名の由来（bundle×analyze）：輪の場面 → 白地に罫線で区切った静かな2段 */
.interlude, .itl{height:auto !important;min-height:0 !important;max-height:none !important;padding:96px 0 !important;background:#fff !important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.interlude-in, .itl-in{display:grid !important;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 64px;align-items:end;text-align:left !important;max-width:var(--max,1120px);margin:0 auto}
.interlude .brand-mark, .itl .brand-mark{grid-column:1;font-size:clamp(2.6rem,4.6vw,3.6rem) !important;line-height:1.05 !important;letter-spacing:-.03em !important;color:var(--navy) !important;background:none !important;-webkit-text-fill-color:var(--navy) !important;text-align:left !important;margin:0 !important}
.interlude .brand-tag, .itl .brand-tag{grid-column:1;grid-row:2;margin:10px 0 0 !important;font-size:15px !important;letter-spacing:.06em !important;text-align:left !important;color:var(--ink-muted) !important}
.interlude .brand-lede, .itl .brand-lede{grid-column:2;grid-row:1/3;margin:0 !important;max-width:none !important;text-align:left !important;font-size:clamp(1rem,1.5vw,1.2rem) !important;line-height:2.05 !important;letter-spacing:.04em;color:var(--ink) !important;padding-left:40px;border-left:1px solid var(--line)}
/* メンバー */
.msg .ttl::after{display:none}
.msg-list{max-width:none !important}
.msg-list .mem{border:0 !important;border-top:2px solid var(--navy) !important;padding-top:28px !important;background:transparent !important}
.mem img{border-radius:4px !important}
.mem .role{color:var(--ink-muted) !important}
.mem dl{border-top-color:var(--line) !important}
/* 3つの事業・特長・約束 */
.bz-n, .str-n, .fl-n{font-family:var(--font-en);letter-spacing:.1em;color:var(--ink-muted)}
.prm{background:#fff !important}
.prm [class*="col"], .prm [class*="box"]{background:#fff !important}
.prod{background:var(--navy) !important}
/* 新しいコラムの右の一覧：お知らせ一覧の型（ベイカレント・freee）。枠をやめ、上下の罫線と日付 */
.news .col-rows{border:0 !important;border-top:1px solid var(--line) !important;border-radius:0 !important;background:transparent !important}
.news .col-rows > li{border-bottom:1px solid var(--line) !important;background:transparent !important}
/* 料金の目安：罫線の表に */
.ps{border-top:2px solid var(--navy) !important}

/* ============ 10. サービス・料金・業種・地域 ============ */
.v3 .hero, .lp .hero{border-bottom:1px solid var(--line)}
.hero-fig img, .hero-person img, .hero-fig, .hero-person{border-radius:4px !important}
.hero-scope, .hero-facts{border:1px solid var(--line) !important;background:#fff !important}
.oz .hero .facts .fact, .oz .facts li{border-radius:4px !important;border:1px solid var(--line) !important;border-top:2px solid var(--navy) !important;background:#fff !important;box-shadow:none !important}
.oz .eyebrow .en{color:var(--ink-muted) !important}
.ind-ic{border-radius:4px !important;background:var(--bg-alt) !important}
.ar-hero{border-bottom:1px solid var(--line)}
.prp .ps, .prp table{border-top:2px solid var(--navy) !important}
.pains .pain, .do-grid .do{background:#fff !important}
.cta-end{background:var(--bg-alt) !important}
.cta-end .disp, .end .disp{justify-content:flex-start}
.end-col .disp, .end .disp{justify-content:center}
.answer{border-left:2px solid var(--navy) !important;background:var(--bg-alt) !important}

/* ============ 11. コラム ============ */
.c26-phead.c26-hz{background:#fff !important;border-bottom:1px solid var(--line) !important}
.c26-hz .c26-disp{margin-bottom:18px !important}
.c26-hz .c26-disp::before{content:"";width:28px;height:1px;background:var(--navy)}
.c26-hz-t, body.c26-page .c26 h1.c26-hz-t{font-size:clamp(1.6rem,2.8vw,2.3rem) !important;font-weight:700 !important;letter-spacing:.04em !important;margin-top:0 !important}
.c26-hz-t::before{display:none !important}
.c26-hz-t{padding-left:0 !important;gap:0 !important}
.c26-article, .c26-article .col-article, .c26-abody{background:#fff !important}
.c26-svc-visual{background:#eef0f3 !important;display:flex !important;align-items:center;justify-content:center}
.c26-svc-visual span{font:600 13px/1 var(--font-en);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted) !important;-webkit-text-fill-color:var(--ink-muted) !important;opacity:1 !important}
main.oz .no{color:var(--navy) !important;-webkit-text-fill-color:var(--navy) !important}
main.oz .solve-band .no{color:rgba(255,255,255,.8) !important;-webkit-text-fill-color:rgba(255,255,255,.8) !important}
.col-toc .n, .cx-rail-toc .n{color:var(--ink-muted) !important;-webkit-text-fill-color:var(--ink-muted) !important}
.c26-tabs a, .c26-tabs li > *{border-radius:2px !important}
.c26 .cx-card-visual{background:#f4f5f7 !important}
.cx-card{background:#fff !important}
.c26-ahz{background:#fff !important;border-bottom:1px solid var(--line)}
.col-summary{border-left:2px solid var(--navy) !important}
.cx-avatar{border-radius:3px !important}
.c26-band img{border-radius:4px !important;border:0 !important}

/* ============ 12. スマホ ============ */
@media (max-width:900px){
  :root{--c-sec:72px}
  .sec{padding:72px 0}
  .c26-sec{padding-top:72px !important;padding-bottom:72px !important}
  .ttl::after, .head-c::after, .c26-ttl::after{margin-top:24px}
  .entity{padding:64px 0 !important}
  .entity h1, #home-h1{font-size:clamp(1.35rem,5.8vw,1.6rem) !important}
  .ttl .h2-s, .ttl h2, .head-c .h2, .head-c h2, .head-row .h2, .sec .wrap > .h2, .sh h2, .c26-ttl .c26-h2s, .sec .eyebrow + .h2{font-size:clamp(1.25rem,5.4vw,1.45rem) !important}
  .hero#top > .wrap{grid-template-columns:1fr;gap:28px}
  .hero#top > .wrap::after{grid-column:1;grid-row:2;min-height:220px;aspect-ratio:16/10;margin-top:0}
  .hero#top{padding:32px 0 56px !important}
  .v3p .hz-grid{grid-template-columns:1fr !important;gap:28px !important;margin-top:28px !important}
  .v3p .hz-motif{min-height:0;aspect-ratio:16/10 !important}
  .v3p .hz{padding-bottom:48px !important}
  .v3p .hz-d{font-size:clamp(1.12rem,5.2vw,1.35rem) !important;line-height:1.65 !important}
  .interlude, .itl{padding:64px 0 !important}
  .interlude-in, .itl-in{grid-template-columns:1fr;padding:0 20px}
  .interlude .brand-lede, .itl .brand-lede{grid-column:1;grid-row:3;margin-top:24px !important;padding-left:0;border-left:0;padding-top:20px;border-top:1px solid var(--line)}
  .iss-orbit .hs-list{grid-template-columns:1fr}
  .cvr-proof li{border-left:0 !important;padding-left:0 !important;border-top:1px solid var(--line) !important;padding-top:12px !important}
  .cvr-proof li:first-child{border-top:0 !important;padding-top:0 !important}
  .gf{padding-top:48px !important}
  .gf-top{padding:0 0 32px !important}
  .gf-links a{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.16) !important;border-radius:4px !important;color:#fff !important}
}