/**
 * /brand/ ブランドガイドライン 専用CSS（post 24220）
 *
 * Phase 1: post 24220 本文の <style> から移設（2026-07-17）
 * ブロックエディタ互換化のため本文から除去し、ここへ集約した。
 * 計画書: docs/20260717_omotenashi_ブロックエディタ互換化計画_v1.md
 *
 * 【重要】内容は逐語的に維持している（見た目を 1px も変えないため）。
 *
 * 【ページ別ファイルに分けている理由】
 * /brand/ と /brand-omotehub/ はどちらも #om-brand スコープの自己完結した
 * ミニデザインシステムだが、#om-brand .cover / .wrap / .foot / .cover h1 など
 * 5 セレクタが「同名で中身が違う」。共通ファイルに統合すると相互に上書きし合って
 * 両ページとも壊れる。よって統合せず、ページ単位で enqueue する。
 *
 * 【変数について】このページの CSS は --navy / --dark / --gold 等を #om-brand
 * スコープ内で自己定義しており、サイト共通の --om-* には依存しない。
 * ※ 新規 CSS を書く場合はサイト共通の --om-* を使うこと
 *   （docs/design-system/01_design-tokens.md 参照）
 */

#om-brand h1,#om-brand h2,#om-brand h3,#om-brand h4,#om-brand h5{background:none!important;border:0;padding:0;text-indent:0;box-shadow:none!important;border-radius:0!important;}
#om-brand h1::before,#om-brand h1::after,#om-brand h2::before,#om-brand h2::after,#om-brand h3::before,#om-brand h3::after,#om-brand h4::before,#om-brand h4::after{content:none!important;display:none!important;}
#om-brand{--navy:#1A5276;--dark:#0E2F44;--gold:#B8860B}
#om-brand *{margin:0;padding:0;box-sizing:border-box}
#om-brand{font-family:'Noto Sans JP',sans-serif;color:#2C2C2A;background:#fff;line-height:1.9}
#om-brand .cover{background:var(--dark);color:#fff;padding:70px 40px 56px;border-bottom:3px solid var(--gold);text-align:center}
#om-brand .cover .kicker{font-size:12px;letter-spacing:.3em;color:var(--gold);margin-bottom:16px}
#om-brand .cover h1{font-family:'Shippori Mincho',serif;font-size:34px;font-weight:600}
#om-brand .cover p{font-size:14px;color:#B9C6D0;margin-top:12px}
#om-brand .wrap{max-width:920px;margin:0 auto;padding:48px 40px 80px}
#om-brand .lead{font-size:14px;color:#5A6270;margin-bottom:32px;line-height:2}
#om-brand .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
#om-brand .card{border:1px solid #DFE2E6;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s;display:block}
#om-brand .card:hover{box-shadow:0 8px 24px rgba(14,47,68,.12);transform:translateY(-2px)}
#om-brand .card .thumb{background:#F4F6F8;padding:34px 24px;display:flex;align-items:center;justify-content:center}
#om-brand .card .thumb svg{width:220px;height:auto}
#om-brand .card .body{padding:18px 20px}
#om-brand .card .body b{color:var(--navy);font-size:16px;font-family:'Shippori Mincho',serif}
#om-brand .card .body span{display:block;font-size:12.5px;color:#7a8693;margin-top:4px}
#om-brand .card .go{display:inline-block;margin-top:12px;font-size:12.5px;color:var(--gold);font-weight:700}
#om-brand .soon{border:1px dashed #cdd5dd;border-radius:12px;padding:34px 24px;display:flex;align-items:center;justify-content:center;color:#9aa3ad;font-size:13px;background:#fafbfc}
#om-brand .foot{background:var(--dark);color:#B9C6D0;padding:30px;font-size:12px;text-align:center}
#om-brand{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw}