/* ============================================================
   銘東 m5 · Part1 格式/布局调整 (社長フィードバック)
   仅版式 / 间距 / 字号 / 元素增减；文案・色は不变。
   可逆: 本ファイル参照を外せば完全に元へ戻る。
   ============================================================ */

/* ===== #4 Header: ロゴ拡大 + メニュー横満 + CTA 最右 ===== */
.l-header__logo img{ max-width:240px !important; }     /* 200 → 240 */
.l-header__subnav{ margin-left:auto; }                  /* 言語/検索/CTA を右端へ */
/* 2026-07-02晚 BUGFIX: 下面3条是"桌面横向导航"专用规则, 原来是全局(无媒体查询), 导致移动端
   (<1256px)打开汉堡菜单时, .l-gnav 被强制 display:flex 横向排列 → 7个菜单项挤成一行(每项30-70px、
   文字竖排折行)而不是纵向堆叠。base stylesheet3e6c.css 的 .l-gnav{display:flex} 本来就只在
   @media(min-width:1256px) 内, 这里必须同样限定到桌面, 否则覆盖移动端的纵向菜单。 */
@media (min-width:1256px){
  .l-header__mainnav{ flex:1 1 auto; }
  .l-gnav{ display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; }
  .l-gnav__item{ flex:0 1 auto; }
}

/* ===== #5 Breadcrumb: 浅暖灰底（banner 下方へはテンプレで移動） ===== */
.l-breadcrumb{ background:#F6F5F1; }

/* ===== #6 橙CTA: 実心橙ボタンのみ白字（白地/描边ボタンは元の橙字を維持） ===== */
.c-btn.-cv, .c-btn.-cv span,
.c-btn-red.-cv, .c-btn-red.-cv span{ color:#fff !important; }

/* ===== #1 セクション垂直リズム収紧 (≈64–80px / SP 48px) ===== */
.need-sec{ padding:64px 20px 40px !important; }
.mission-sec{ padding:64px 20px !important; }
.top-strengths{ padding-top:72px !important; padding-bottom:72px !important; }
@media (max-width:767px){
  .need-sec{ padding:48px 16px 28px !important; }
  .mission-sec{ padding:48px 16px !important; }
  .top-strengths{ padding-top:48px !important; padding-bottom:48px !important; }
}
/* 大きすぎる下マージン utility を圧縮（セクション間の隙間） */
.u-mb-xxxl{ margin-bottom:64px !important; }
@media (max-width:767px){ .u-mb-xxxl{ margin-bottom:40px !important; } }

/* ===== #3 「お悩み・目的から探す」カード 字号UP + 余白 ===== */
.need-sec__inner .c-box,
.need-sec__inner [class*="card"]{ padding:24px 22px !important; }
.need-sec__inner h3,
.need-sec__inner .c-heading{ font-size:18px !important; line-height:1.5 !important; }
.need-sec__inner p,
.need-sec__inner li{ font-size:14px !important; line-height:1.8 !important; }

/* ===== #7 Footer 高さ圧縮（長い列を詰める） ===== */
.l-footer__main{ padding-top:48px !important; padding-bottom:8px !important; }
.c-footer-menu ul li{ line-height:1.55 !important; margin-bottom:3px !important; font-size:13px !important; }
.c-footer-menu__btn{ margin-bottom:10px !important; }

/* ===== #8 News 一覧: サムネ廃止・「日付｜タグ｜タイトル｜›」1行 ===== */
.news-list__thumb{ display:none !important; }
.news-list__item{ border-bottom:1px solid #E5E7EB !important; }
.news-list__link.-with-thumb,
.news-list__link{
  display:flex !important; align-items:baseline !important; gap:14px !important;
  padding:15px 6px !important;
}
.news-list__main{
  flex:1 1 auto !important; min-width:0 !important;
  display:flex !important; align-items:baseline !important; flex-wrap:nowrap !important; gap:14px !important;
}
.news-list__meta{ flex:0 0 auto !important; display:flex !important; align-items:baseline !important; gap:10px !important; }
.news-list__date{ min-width:88px !important; color:#64748B !important; font-size:13px !important; }
.news-list__category{ flex:0 0 auto !important; font-size:11px !important; }
.news-list__title{
  flex:1 1 auto !important; min-width:0 !important; margin:0 !important;
  font-size:15px !important; font-weight:500 !important; line-height:1.55 !important;
}
/* タイトル直後の icomoon 矢印を抑制し、右端の › 1個に統一 */
.news-list__title::after{ content:none !important; }
.news-list__link::after{
  content:"›" !important; flex:0 0 auto !important; align-self:center !important;
  color:#E55A00 !important; font-size:18px !important; margin-left:8px !important;
}
@media (max-width:640px){
  .news-list__main{ flex-wrap:wrap !important; gap:6px 12px !important; }
  .news-list__title{ flex-basis:100% !important; }
}

/* ============================================================
   Part 2 · 样式改版（新版設計の見た目 / 配色は原站のまま）
   原色: 深蓝 #1A2744 / 橙 #E85D20 / 正文 #1A1A1A / 浅灰 #F5F5F5
   交互 transition は transform/box-shadow/opacity/color/background-color のみ
   ============================================================ */

/* ---- 白カード統一: 角丸 / 1px枠 / 淡影 / hover上浮 (ダーク案例卡は除外) ---- */
.c-card, .service-card, .tech-card,
.need-sec__inner .c-box{
  border-radius:10px !important;
  border:1px solid #eee !important;
  box-shadow:0 1px 4px rgba(0,0,0,.05) !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
}
.c-card:hover, .service-card:hover, .tech-card:hover,
.need-sec__inner .c-box:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 8px 22px rgba(26,39,68,.12) !important;
}
/* 服务卡 顶部 3px 橙边 + 线性图标橙 */
.service-card{ position:relative; border-top:3px solid #E85D20 !important; }
.service-card__icon{ color:#E85D20 !important; }

/* ---- ダーク案例卡 / c-card は hover上浮のみ ---- */
.case-card{ transition:transform .25s ease, box-shadow .25s ease !important; }
.case-card:hover{ transform:translateY(-4px) !important; box-shadow:0 10px 26px rgba(26,39,68,.16) !important; }

/* ---- KPI / 数字: 等宽体 (橙はKPI数字のみ) ---- */
.case-card__kpi-num, .count-up,
.dashboard-mock__metric-value{
  font-family:"Roboto Mono","DIN Alternate",ui-monospace,SFMono-Regular,monospace !important;
  font-feature-settings:"tnum" 1;
}
.case-card__kpi-num{ color:#E85D20 !important; }

/* ---- Header 底部 2px 橙线 ---- */
.l-header{ border-bottom:2px solid #E85D20 !important; }

/* ---- nav / 链接 hover → 橙 ---- */
.c-gnav-item__btn:hover,
.l-gnav__item a:hover{ color:#E85D20 !important; }

/* ---- 按钮 hover 微浮 / 描边按钮 hover 填充 (橙底白字) ---- */
.c-btn, .c-btn-red{ transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease !important; }
.c-btn:hover, .c-btn-red:hover{ transform:translateY(-2px) !important; box-shadow:0 6px 16px rgba(232,93,32,.26) !important; }
.c-btn.-line:hover, .c-btn.-outline:hover{ background:#E85D20 !important; }
.c-btn.-line:hover span, .c-btn.-outline:hover span{ color:#fff !important; }

/* ---- News 行 hover 浅底高亮 ---- */
.news-list__link{ transition:background-color .2s ease !important; border-radius:6px; }
.news-list__item:hover .news-list__link,
.news-list__link:hover{ background:#F6F5F1 !important; }

/* ---- section 间 1px #f0f0f0 细分隔线 ---- */
.mission-sec, .top-service, .top-location, .top-base,
.top-recruit, .top-news, .top-company{
  border-top:1px solid #f0f0f0;
}

/* ---- Footer 分组标题: 橙色下划线（見出しのみ・二重回避） ---- */
.c-footer-menu__btn{ display:inline-block !important; padding-bottom:6px !important; border-bottom:2px solid #E85D20 !important; }

/* ---- #7-V7 Footer 物流ソリューション 長列(13項)を2段組にして高さ圧縮 ---- */
/* 桌面: 5列を1行に保つ(nowrap)。1列目は2段組で約1.7倍幅、他は等分。 */
@media (min-width:768px){
  .l-footer__inner{ flex-wrap:nowrap !important; gap:24px !important; }
  .l-footer__inner > div{ min-width:0 !important; }
  .l-footer__inner > div:first-child{ flex:1.75 1 0 !important; }
  .l-footer__inner > div:not(:first-child){ flex:1 1 0 !important; }
}
.l-footer__inner > div:first-child .c-footer-menu > ul{
  column-count:2 !important; column-gap:28px !important;
}
.l-footer__inner > div:first-child .c-footer-menu > ul > li{
  break-inside:avoid; -webkit-column-break-inside:avoid;
}
/* 「物流ソリューション トップ」は最上段に全幅で */
.l-footer__inner > div:first-child .c-footer-menu > ul > li.c-footer-menu__top{
  column-span:all !important; -webkit-column-span:all !important; margin-bottom:6px;
}
@media (max-width:767px){
  .l-footer__inner > div:first-child .c-footer-menu > ul{ column-count:1 !important; }
}

/* ---- Hero: 导航に密着・上下余白(空隙/黑条)を除去, 轮播を标语带へ自然接続 ---- */
.top-hero{ padding:0 !important; }

/* ---- 中央寄せ見出しで左端に取り残される縦バー(橙)を除去（全站） ---- */
.c-heading.-large.-border-2color::before{ display:none !important; }
.c-heading.-large.-border-2color{ padding-left:0 !important; }

/* ---- Footer: 各列の「〜トップ」二级リンクを削除して更に短く ---- */
.l-footer__inner .c-footer-menu__top{ display:none !important; }

/* ---- Footer V8: 上方の大きな空白を除去 + 横幅拡大(左右余白活用)でタイトル1行化 ---- */
.l-footer__main{ padding-top:0 !important; padding-bottom:8px !important; }
.l-footer__inner{
  max-width:1500px !important;
  padding:30px 40px 20px !important;
}
.c-footer-menu ul li{ font-size:12.5px !important; }
@media (min-width:768px){
  .l-footer__inner > div:first-child{ flex:2 1 0 !important; }   /* 物流ソリューション列を更に広く(2段組用) */
}

/* ---- Footer V8b: 列幅をコンテンツ量で配分し、タイトルを1行に収める ---- */
@media (min-width:768px){
  .l-footer__inner{ gap:20px !important; }
  .l-footer__inner > div:nth-child(1){ flex:2.7 1 0 !important; }   /* 物流ソリューション(2段組) */
  .l-footer__inner > div:nth-child(2){ flex:1.5 1 0 !important; }   /* 倉庫・拠点 */
  .l-footer__inner > div:nth-child(3){ flex:1.1 1 0 !important; }   /* 企業情報 */
  .l-footer__inner > div:nth-child(4){ flex:0.8 1 0 !important; }   /* ニュース */
  .l-footer__inner > div:nth-child(5){ flex:0.9 1 0 !important; }   /* 採用情報 */
  .l-footer__inner > div:nth-child(1) .c-footer-menu > ul{ column-gap:22px !important; }
}

/* ---- Footer V8c: フォント微縮 + 物流列を更に拡幅し、2段組タイトルも1行に ---- */
@media (min-width:768px){
  .l-footer__inner .c-footer-menu ul li{ font-size:12px !important; }
  .l-footer__inner > div:nth-child(1){ flex:3 1 0 !important; }
  .l-footer__inner > div:nth-child(1) .c-footer-menu > ul{ column-gap:16px !important; }
}

/* ============================================================
   首页ダーク区画 統一 (2026-06-24 改): 全站で並存していた5種の深色
   (navy-A #26396a / navy-B #1c2c52 / slate-KPI #0f172a / 灰黑footer / 等)を
   唯一の海军蓝トークン --mt-deep に集約。「深色が突兀・不統一」の根因解消。
   --mt-deep 亮端#22345F(白12.18:1) → 暗端#16223D(白~15.8:1)。
   内容/構造/レイアウト不変。赤/teal/pink 不使用。覆盖層のみで可逆。
   ============================================================ */
:root{ --mt-deep:linear-gradient(160deg,#22345F 0%,#16223D 100%); }
.mission-sec,
.tagline-strip,
.top-strengths,   /* 旧teal */
.top-recruit{     /* 旧navy→pink */
  background:var(--mt-deep) !important;
}
.top-recruit::before{ display:none !important; }  /* pinkの放射グロー除去 */
/* グリッド模様を弱めて重さを軽減 */
.tagline-strip::before,
.l-pagetitle.-news::before{ opacity:.5 !important; }

/* ============================================================
   社長フィードバック4点 統一修正 (2026-06-23) — 首席UI設計師統合案
   ① biz-tiles:底を一段暗く + 6枠を「内嵌(暗)カード」化して底と明確に分離
   ② →矢印:独立行を廃し hover時のみ右下にオレンジ角標(死高約30px回収)
   ③ 余白収斂:biz-tiles / heading / need-sec
   ④ 紺→白の硬い段差:暖白(#FAF9F6)+ need-sec先頭に56pxの渡りグラデ
   ⑤ case-card__media:汚れたslate(#334155)を清潔な海軍蓝+微オレンジ光晕へ
   全て蓝橙体系のみ・赤/teal/pink不使用・WCAG AA達成・覆盖層のみで可逆
   ============================================================ */

/* ---- ① biz-tiles 底を暗く収窄(明端 #1c2c52 / 暗端 #18263f)
        暗端を #16233f→#18263f に1段持ち上げ、6枠が帯下部でも沈まないよう全幅で段差安定 ---- */
.biz-tiles{
  background:var(--mt-deep) !important;        /* 統一海军蓝(他の深色帯・KPI帯と同一支) */
  padding:56px 20px 60px !important;          /* 80→56/60 上を詰める */
  position:relative !important;               /* 矢印/過渡の基準 */
}
/* ↑ 帯が #1c2c52→#22345F に少し明るくなるが、内嵌暗カード rgba(5,10,22,.62) は
   逆に対比が上がり「6枠が沈む」事は起きない(枠=底より暗いまま) */
.biz-tiles__heading{ margin:0 0 32px !important; }   /* 48→32 見出し下の空白回収 */
.biz-tiles__grid{ gap:18px !important; }             /* 枠が暗くなる分やや広げ境界を明確に */

/* ---- ① 枠=内嵌(底より暗い)カード:明確な段差 + 上辺ハイライト
        surface を 0.62 に深め、明端 panel-contrast≈1.30 / 暗端≈1.21 と両端で安定凹陷
        (赤/teal/pink なし・無彩色 fill 主体・border 補助) ---- */
.biz-tile{
  position:relative !important;                       /* aria-hidden矢印を絶対配置 */
  background:rgba(5,10,22,0.62) !important;            /* 明端→約#0e172d / 暗端→約#0c1526:底より明確に暗い */
  border:1px solid rgba(255,255,255,0.16) !important;  /* 0.10→0.16:暗端でも枠沿いの視認性を底上げ(無彩色) */
  border-radius:14px !important;                       /* 12→14 精緻化 */
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),
             0 1px 2px rgba(0,0,0,0.35) !important;     /* 外影を0.28→0.35:下沈む内嵌質感を強化 */
  padding:24px 24px 22px !important;                    /* 30/26→24/22 内側の空白削減 */
}
.biz-tile__top{ margin-bottom:16px !important; }        /* 22→16 アイコン行を詰める */
.biz-tile__num{ color:rgba(255,156,74,0.38) !important; font-size:22px !important; } /* 26→22 / 橙連番=surface上2.2:1で読める下限(装飾的階層・name主標題を侵さず) */
.biz-tile__name{ font-size:21px !important; margin:0 0 10px !important; color:#fff !important; } /* 白≈17.8:1 */
.biz-tile__desc{ margin:0 !important; min-height:40px !important;
  color:rgba(255,255,255,0.66) !important; }            /* 66%白=desc≈8.2–8.3:1(AA余裕) / 48→40 */

/* ---- ② → 矢印:平時レイアウト高ゼロ、hover時のみオレンジ角標 ---- */
.biz-tile__arrow{
  position:absolute !important; right:22px !important; bottom:18px !important;
  margin:0 !important; font-size:16px !important;
  color:rgba(255,156,74,0) !important;                 /* 平時=透明(死高約30px回収) */
  transform:translateX(-4px) !important;
  transition:color .2s ease,transform .2s ease !important;
}
.biz-tile:hover .biz-tile__arrow{ color:#ff9c4a !important; transform:translateX(0) !important; }

/* ---- ① hover:橙強調を保ちつつ収斂(強調橙#ff9c4aで描線) ---- */
.biz-tile:hover{
  background:rgba(232,93,32,0.10) !important;
  border-color:rgba(255,156,74,0.55) !important;
  transform:translateY(-3px) !important;               /* -4→-3 */
}

/* ---- ②/③ 紺→白の段差解消(修正):実際に biz-tiles 直後で「刺さる」純白帯は
        class無し inline background:#fff の "3 selling points" DIV(20万人/優越選址/灵活)。
        ここを暖白化し、暗→暖の渡りグラデを「最初の白帯」の先頭に置く。
        併せて社長指摘「need-sec の上の部分の余白が大き過ぎ」= この帯の inline padding:48px を圧縮。
        need-sec も同じ暖白で連続させ段差ゼロに。全て覆盖層のみ・可逆。 ---- */
.biz-tiles + div{                                        /* = 3 selling points 帯(唯一,首页のみ) */
  background:#FAF9F6 !important;                          /* 純白#fff→暖白:刺さない */
  padding-top:36px !important; padding-bottom:36px !important; /* inline 48→36 余白圧縮 */
  position:relative !important;
}
.biz-tiles + div > div{ position:relative !important; z-index:1 !important; } /* 中身を渡りグラデの上へ */
.biz-tiles + div::before{
  content:"" !important;
  position:absolute !important; left:0 !important; right:0 !important; top:0 !important;
  height:56px !important; margin:0 !important;
  background:linear-gradient(180deg,
    rgba(22,35,63,0.16) 0%,                              /* 上=biz-tiles暗端の薄霧 */
    rgba(22,35,63,0.05) 45%,
    rgba(250,249,246,0) 100%) !important;                /* 暖白へ軟着陸 */
  pointer-events:none !important;
  box-shadow:inset 0 1px 0 rgba(232,93,32,0.25) !important; /* 折り目に橙のひと筋(全幅2px線より上品) */
}
/* need-sec:暖白で連続させ段差ゼロ + 上方余白収斂。渡りは上の白帯へ移したので before は不要 */
.need-sec{ background:#FAF9F6 !important; padding:40px 20px 36px !important; }
.need-sec::before{ display:none !important; }

/* ---- ⑤ case-card__media:汚れたslate(#2d3550)を捨て、全程ブランド蓝家族の三段グラデへ
        収尾をブランド主蓝 #1A2744 に固定し板岩灰の「テンプレ感」を一掃(白字≈14.8–15.6:1) ---- */
.case-card__media{
  background:linear-gradient(135deg,#16233f 0%,#22386a 55%,#1A2744 100%) !important; /* 深紺→提亮蓝→ブランド主蓝で締め:同一蓝家族 */
  position:relative !important;
}
.case-card__media::after{
  content:"" !important; position:absolute !important; inset:0 !important;
  background:radial-gradient(100% 80% at 100% 0%, rgba(232,93,32,0.10) 0%, transparent 55%) !important; /* 右上に10%(上限12%厳守)の橙光晕=赤化せず一筋の暖み・baked-in橙タグと重ねても過度に発橙しない */
  pointer-events:none !important;
}
.case-card{ border:1px solid #ECE7DE !important; }       /* 冷灰#E2E8F0→暖白に合う暖ヘアライン */

/* ============================================================
   深色统一·第2弾 (2026-06-24): KPI带収編 + 真·赤/緑除去 + 浅区暖化 + 淡紫/品红収口
   ※全て live DOM で命中確認済のセレクタのみ。hero照片層/serviceフォト/footer/
     ボタンは(写真消失・既往の白字ボタン事故回避のため)敢えて触れない。赤不使用。
   ============================================================ */
/* KPI dashboard 帯(class無し inline #0f172a slate) → 統一海军蓝に収編 */
[style*="0f172a"]{ background:var(--mt-deep) !important; }
/* KPI内部に実在した 真·赤/緑(「絶無赤」違反) を蓝橙へ収口 */
.dashboard-mock__dot.-red{    background:rgba(255,255,255,.28) !important; }  /* #ff5f57 赤点→無彩 */
.dashboard-mock__dot.-yellow{ background:rgba(255,255,255,.42) !important; }
.dashboard-mock__dot.-green{  background:#FF9C4A !important; }                /* #28c840 緑→強調橙で点睛 */
.dashboard-mock__metric-trend.-down{ color:#C7D0E0 !important; }             /* #f87171 赤跌色→中性 */
.dashboard-mock__metric-value{ color:#FF9C4A !important; }                   /* 主橙3.49:1不達→強調橙7.6:1 */

/* 浅区の純白を暖白/灰白へ(刺白回避・全体トーン統一) */
.trust-strip,.top-news{ background:#FAF9F6 !important; }
.top-base,.top-location{ background:#F8F8F6 !important; }

/* 旁支の離脱色を蓝橙へ収口:淡紫「公司信息」→暖象牙 / 品红「货物追踪」枠→品牌橙 */
.top-company{ background:#F4F2EC !important; }                               /* #e8eaf6→#7986cb 淡紫を除去 */
.top-tracking__box{ border:2px solid #E85D20 !important; background:#FFFFFF !important; }
.top-tracking__box:hover{ border-color:#FF9C4A !important; }

/* ============================================================
   深色统一·第3弾 (2026-06-24): 社長承認の B案 = 深色帯を減らす。
   tagline / 主要事业(biz-tiles) / 我们的优势(top-strengths) の3帯を浅色へ反転し、
   深色を hero / mission / KPI仪表盘 / service写真 / recruit / footer に集約。
   深↔浅の交替(斑马纹)を緩和。KPIとrecruitは深のまま(承認プレビュー通り)。
   赤不使用。覆盖層のみで可逆(このブロック削除で A案へ戻る)。
   ============================================================ */
/* ① tagline-strip(连接世界与日本…) → 浅 */
.tagline-strip{ background:#FAF9F6 !important; }
.tagline-strip *{ color:#1A2744 !important; }
.tagline-strip [class*="muted"]{ color:#5C6678 !important; }
.tagline-strip::before{ opacity:0 !important; }

/* ② 主要事业 biz-tiles → 浅底 + 白カード(既存の内嵌暗カードを反転) */
.biz-tiles{ background:#FAF9F6 !important; }
.biz-tiles__eyebrow{ color:#C2410C !important; }          /* 橙小ラベル=浅底AA対応の文字橙 */
.biz-tiles__heading{ color:#1A2744 !important; }
.biz-tile{
  background:#FFFFFF !important;
  border:1px solid #E7E3D9 !important;
  box-shadow:0 2px 8px rgba(26,39,68,.06) !important;
}
.biz-tile__icon{ color:#E85D20 !important; }              /* 白カード上で橙アイコンを明確に(図形3.49:1) */
.biz-tile__num{ color:#C2410C !important; opacity:1 !important; }
.biz-tile__name{ color:#1A2744 !important; }
.biz-tile__desc{ color:#5C6678 !important; }
.biz-tile:hover{ background:#FFFFFF !important; border-color:#E85D20 !important; }
.biz-tile:hover .biz-tile__arrow{ color:#E85D20 !important; }
.biz-tiles + div::before{ opacity:0 !important; }         /* 両側が浅=渡りグラデ不要 */

/* ③ 我们的优势 top-strengths → 浅 */
.top-strengths{ background:#F8F8F6 !important; }
.top-strengths *{ color:#1A2744 !important; }
.top-strengths [class*="muted"]{ color:#5C6678 !important; }
.top-strengths .c-card,
.top-strengths [class*="card"]{ background:#FFFFFF !important; border:1px solid #E7E3D9 !important; }

/* ============================================================
   ===== MODERN-LOOP START (2026-06-24) =====  ※revertable marker
   8時間 自律UI最適化ループ(现代化日本综合物流站)の変更はこのマーカー以降に置く。
   復元: この行以降を全削除、または m5-layout.css.snapshot-20260624t を復元 → ?v= を bump。
   現行(承認済)= 版 t / B案。内容は不変、設計のみ可変、いつでも t に戻せる。
   ============================================================ */

/* ============================================================
   iter1 = FOUNDATION (地基级全局精修 / visual-only / all !important / revertable / navy+orange only)
   範囲: ①字体scale ②区块頭(eyebrow+標題) ③卡片体系 ④按钮体系。
   方針(批判+実DOM検証で確定):
   - 区块の上下padding は既存の承認済(22-29行 / 299行)に委ねる → ここでは触れない(96/56への上書き禁止)。
   - 实在セレクタのみ(live DOM 照合済): c-heading.-large/-medium/-small, sec-eyebrow, biz-tiles__eyebrow,
     service-card/biz-tile/tech-card(=.c-box.-border)/case-card/c-card, mkpi__num/case-card__kpi-num/biz-tile__num,
     c-btn.-primary / c-btn-red(=主CTA実心), 裸 c-btn / c-btn.-pd-l(=次CTA描边)。
   - 死選択子(platform/solution/warehouse/-cv/-bg-orange/-line/-outline)は本ページ不在のため不採用。
   - 実心橙CTAの白字は #E85D20(3.49:1)では AA不達 → #C9491A(4.72:1)/hover #B23A0C(5.99:1)へ(橙家族・赤化せず)。
   - 着色ボックス(.c-box.-bg-green/-bg-orange/-bg-purple)は白カード化から除外(.c-box.-border のみ採用)。
   - case-card は浅区(top-location #F8F8F6)に在り=白カード扱い(暗カード rgba 処理は本ページ非該当)。既存313行の暖ヘアラインと整合。
   - CJK大見出しの負字距は -.005em に抑制(中文を傷めない)。本文/小見出しは 0。
   復元: この iter1 ブロックを削除すれば版 t に戻る。
   ============================================================ */

/* ---------- ① 字体 SCALE(現有字体栈・webfont無追加) ---------- */
/* eyebrow: 英大文字・大正字距・浅底#C2410C(AA) */
.sec-eyebrow,
.biz-tiles__eyebrow{
  font-size:13px !important; font-weight:700 !important; line-height:1.2 !important;
  letter-spacing:.14em !important; text-transform:uppercase !important;
  color:#C2410C !important; margin:0 0 12px !important;
}
/* H2 大(CJK section title): 負字距は最小限 -.005em */
.c-heading.-large{
  font-size:34px !important; font-weight:700 !important; line-height:1.32 !important; letter-spacing:-.005em !important;
}
/* H2 中 */
.c-heading.-medium{
  font-size:26px !important; font-weight:700 !important; line-height:1.4 !important; letter-spacing:0 !important;
}
/* H3 / card title / name: CJK安全のため字距0 */
.c-heading.-small,
.service-card__title,
.biz-tile__name,
.case-card__title{
  font-size:19px !important; font-weight:600 !important; line-height:1.5 !important; letter-spacing:0 !important;
}
/* Lead(導語) ※ .need-sec__inner .c-heading はセクション見出し(.c-heading.-large「从需求出发」)も
   拾って17pxに潰すため除外。need-sec の見出しは -large の34pxを維持する。 */
.mission-sec__lead{
  font-size:17px !important; font-weight:400 !important; line-height:1.85 !important; letter-spacing:0 !important;
}
/* Body / desc(段落): 全局 p ではなく内容領域に限定(footer/breadcrumb/news の微小コピー保護) */
.mission-sec__sub,
.service-card__desc,
.biz-tile__desc,
.need-sec__inner p,
.top-service p,
.top-strengths p,
.top-location p,
.top-base p,
.top-company p{
  font-size:15px !important; line-height:1.8 !important; letter-spacing:0 !important;
}
/* KPI 数字: 実在クラスへ(mkpi__num=mission / case-card__kpi-num=cases / biz-tile__num=biz)。Latin数字は負字距OK */
.mission-sec__kpis .mkpi__num,
.case-card__kpi-num,
.biz-tile__num{
  font-weight:700 !important; line-height:1.1 !important; letter-spacing:-.02em !important;
}

/* ---------- ② 区块頭(eyebrow→標題の三段式・間隔) ---------- */
.biz-tiles__heading,
.mission-sec__lead{ margin-top:0 !important; }
/* 暗底(mission-sec)では eyebrow=強調橙 / 標題=白 / lead=白82% */
.mission-sec .sec-eyebrow,
.mission-sec .biz-tiles__eyebrow{ color:#FF9C4A !important; }
.mission-sec .c-heading{ color:#fff !important; }
.mission-sec__lead{ color:rgba(255,255,255,.82) !important; }

/* ---------- ③ 卡片体系(浅卡 r12 暖边 双层淡影 hover橙) ---------- */
/* 浅カード: service / tech(=.c-box.-border) / c-card / biz-tile / case-card。着色ボックスは除外。 */
.service-card,
.c-box.-border,
.c-card,
.biz-tile,
.case-card{
  border-radius:12px !important;
  border:1px solid #E7E3D9 !important;
  box-shadow:0 1px 2px rgba(26,39,68,.04), 0 4px 12px rgba(26,39,68,.06) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.service-card:hover,
.c-box.-border:hover,
.c-card:hover,
.biz-tile:hover,
.case-card:hover{
  transform:translateY(-3px) !important;
  border-color:#E85D20 !important;
  box-shadow:0 2px 4px rgba(26,39,68,.06), 0 12px 26px rgba(26,39,68,.10) !important;
}
/* 着色ボックスは白カード化の影響を受けない(明示ガード・無影/原色維持) */
.c-box.-bg-green,
.c-box.-bg-orange,
.c-box.-bg-purple{ box-shadow:none !important; }
/* service カード顶に 3px 橙の識別ライン(図形コントラスト3.49:1>=3:1 AA) */
.service-card{ border-top:3px solid #E85D20 !important; }
.service-card__icon,
.biz-tile__icon{ color:#E85D20 !important; }
/* case-card の写真ヘッダは上角のみ丸める(下部白ボディと連続) */
.case-card__media{ border-radius:12px 12px 0 0 !important; }

/* ---------- ④ 按钮体系(主=実心橙 / 次=描边橙 / r8) ---------- */
.c-btn,
.c-btn-red{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  gap:8px !important; min-height:48px !important; padding:14px 28px !important;
  border-radius:8px !important; font-size:15px !important; font-weight:700 !important;
  line-height:1.2 !important; letter-spacing:.02em !important;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease !important;
}
/* 主CTA(実心橙): -primary / c-btn-red。白字AA=#C9491A 4.72:1 */
.c-btn.-primary,
.c-btn-red{
  background:#C9491A !important; border:1px solid #C9491A !important; color:#fff !important;
}
.c-btn.-primary span,
.c-btn-red span{ color:#fff !important; }
.c-btn.-primary:hover,
.c-btn-red:hover{
  background:#B23A0C !important; border-color:#B23A0C !important;
  transform:translateY(-2px) !important; box-shadow:0 6px 16px rgba(201,73,26,.28) !important;
}
/* 次CTA(描边橙): 裸 c-btn(-primary/-pd-l 以外) = 内容領域の「もっと見る」。文字は浅底AA #C2410C */
.c-btn:not(.-primary):not(.-pd-l){
  background:transparent !important; border:1.5px solid #E85D20 !important; color:#C2410C !important;
}
.c-btn:not(.-primary):not(.-pd-l):hover{
  background:#C9491A !important; border-color:#C9491A !important; color:#fff !important;
  transform:translateY(-2px) !important; box-shadow:0 6px 16px rgba(201,73,26,.24) !important;
}
/* 2026-07-03 全站生效: base .c-btn::before 是hover时才浮现的红橙渐变叠层(stylesheeta034.css:1670起,
   opacity 0→1, 比按钮本体大4px/四周溢出2px, border-radius:100px)，和上面 hover 的实色橙背景两层叠加，
   在圆角处两条弧线对不齐，露出一小段旧渐变色，看起来像"同一个按钮两种颜色"。之前只在 .top-hero 范围
   内禁用过(2100行)，本次发现新闻区"ニューストップ"按钮(不在.top-hero内)未覆盖到，同一bug复现。
   干脆全局禁用该伪元素，不再逐个场景打补丁。 */
.c-btn::before{ display:none !important; }
/* footer 連絡帯の c-btn.-pd-l(tel-link): レガシー赤を橙描边へ収口・幾何のみ統一 */
.c-btn.-pd-l{
  background:transparent !important; border:1.5px solid #E85D20 !important; color:#C2410C !important;
}
.c-btn.-pd-l:hover{
  background:#C9491A !important; border-color:#C9491A !important; color:#fff !important;
  transform:translateY(-2px) !important; box-shadow:0 6px 16px rgba(201,73,26,.24) !important;
}
.c-btn.-pd-l .tel-link,
.c-btn.-pd-l .u-font-mto-red{ color:inherit !important; }
/* 修正(規制チェック): 暗底(hero/recruit)の裸ボタンは描边橙#C2410Cだと暗底で読めない
   → 白ゴーストボタン(白枠+白字, hover白埋め+紺字)。白字は暗底で高対比・安全。 */
.top-hero .c-btn:not(.-primary):not(.-pd-l),
.top-recruit .c-btn:not(.-primary):not(.-pd-l){
  background:rgba(255,255,255,.08) !important;
  border:1.5px solid rgba(255,255,255,.6) !important;
  color:#fff !important;
}
.top-hero .c-btn:not(.-primary):not(.-pd-l) span,
.top-recruit .c-btn:not(.-primary):not(.-pd-l) span{ color:#fff !important; }
.top-hero .c-btn:not(.-primary):not(.-pd-l):hover,
.top-recruit .c-btn:not(.-primary):not(.-pd-l):hover{
  background:#fff !important; border-color:#fff !important; color:#1A2744 !important;
}
.top-hero .c-btn:not(.-primary):not(.-pd-l):hover span,
.top-recruit .c-btn:not(.-primary):not(.-pd-l):hover span{ color:#1A2744 !important; }

/* ---------- ⑤ レスポンシブ(字体scale移動端のみ。区块padding は既存承認済へ委譲) ---------- */
@media (max-width:768px){
  .c-heading.-large{ font-size:26px !important; }
  .c-heading.-medium{ font-size:22px !important; }
  .c-heading.-small,
  .service-card__title,
  .biz-tile__name,
  .case-card__title{ font-size:17px !important; }
  .mission-sec__lead{ font-size:15px !important; }
  .mission-sec__sub,
  .service-card__desc,
  .biz-tile__desc,
  .need-sec__inner p,
  .top-service p,
  .top-strengths p{ font-size:14px !important; }
  .sec-eyebrow,
  .biz-tiles__eyebrow{ font-size:12px !important; letter-spacing:.12em !important; margin-bottom:10px !important; }
  .c-btn,
  .c-btn-red{ min-height:46px !important; padding:12px 22px !important; font-size:14px !important; }
}
/* ===== iter1 FOUNDATION end ===== */

/* ============================================================
   ===== iter2 = 地基完善 (2026-06-24, 批判2吸収・確定版) start =====  ※revertable
   範囲(4項・克制): ①区块頭間距節奏 ②区块主標題字号統一 ③焦点環(WCAG2.4.7/2.4.11) ④case-card内部橙統一。
   方針(批判1+批判2+実DOM/全CSS背景照合で確定):
   - 全セレクタ live DOM(/tmp/fix/m5_index.html)で存在確認済。死選択子なし・全局*/全局p なし。
   - 全て visual-only / all !important / 蓝橙のみ(red/teal/pink/green不使用) / WCAG AA。
   - 内容/文案/構造/DOM不変。可逆: この iter2 ブロック削除で iter1(版t/B案)へ戻る。
   ── 背景照合(焦点環の地色)── ※対比率は実背景で再検証
   - header条 header.l-header = #ffffff(dynamic-effects.css:3812) → 検索/言語/gnav-line は「白底」。
     #FF9C4A on白 = 2.08:1 < 3:1 NG。よって白底群は #C9491A(on白 4.72:1≥3:1)へ移設(批判2 critical 修正)。
   - 右固定レール .l-rightmenu = #1d1d1d(stylesheet3e6c.css:1860) → 「暗底」。#FF9C4A on#1d1d1d = 8.1:1 OK。
   - hero/recruit ghost = 写真(banner jpg)上 → 単色保証なし。#FF9C4A単独は明frame で<3:1可能 →
     navy濃ハロ(box-shadow)を併用し全frameで≥3:1保証(批判2 修正)。
   ── 衝突解決(iter1との)──
   - ②: scoped `.top-X__inner > .c-heading.-medium`(特異性0,2,1)が iter1 `.c-heading.-medium`(0,2,0)を桌/移とも上書き → 4区块主標題のみ34/26へ。卡片の-small(19px)/他-medium不波及。
        ※`.top-company .c-heading.-medium`は後代だが top-company内 c-heading は1個(行1319)のみ=安全(DOM現状依拠)。
   - ①: iter1 は文脈内 u-mb-* 最終marginを未設定 → 後載 iter2 が勝つ。
   - ③: iter1 の hover既存・focus既存なし → :focus-visible は鼠標態に不干渉(:focus:not(:focus-visible)で旧browser双環回避)。
   - ④: iter1 は kpi-badge/tag の色未設定。kpi-num(#E85D20·110/440行)=20px/800=大文本(≥18.66px bold)3.49:1≥3:1 → 色不改、但しiter2でsize固定し移動端での縮小崩れを封じる。
   ============================================================ */

/* ---------- ① 区块頭 間距節奏 統一(eyebrow→主標題→副題/lead→grid) ---------- */
/* 令牌: eyebrow→主標題12 / 主標題→副題16 / 副題→grid 32(桌)・10/12/24(移)。実在区块頭のみ命中。 */

/* need-sec 標題ブロック(行601 inline margin-bottom:34px → 32) */
.need-sec__inner > div[style*="text-align:center"]{ margin-bottom:32px !important; }

/* mission-sec(暗底): eyebrow→lead→sub→kpis の三段 */
.mission-sec .sec-eyebrow{ margin:0 0 12px !important; }
.mission-sec__lead{ margin:0 0 16px !important; }
.mission-sec__sub{ margin:0 0 32px !important; }

/* top-service 区块頭(行772 主標題 + 773 lead): 主標題→lead16 / lead→grid32(u-mb-xxxs/u-mb-m混用を是正) */
.top-service__textbox > .c-heading{ margin-bottom:16px !important; }
.top-service__textbox{ margin-bottom:32px !important; }

/* 導入事例(行900 主標題-medium + 901 副題): 主標題→副題16 / 副題→case-grid32(u-mb-xxxs/u-mb-m是正) */
.top-location__inner > .c-heading.-medium{ margin-bottom:16px !important; }
.top-location__inner > .c-heading.-medium + p{ margin-bottom:32px !important; }
.top-location .case-grid{ margin-top:0 !important; }

/* 拠点(行1102 主標題-large + 1103 副題): 主標題→副題16 / 副題→grid32(u-mb-s/u-mb-m是正) */
.top-location__inner > .c-heading.-large{ margin-bottom:16px !important; }
.top-location__inner > .c-heading.-large + p{ margin-bottom:32px !important; }

/* 事業拠点(行1165 主標題-medium + 1166 副題): 主標題→副題16 / 副題→grid32(u-mb-xxxs/u-mb-s是正) */
.top-base__inner > .c-heading{ margin-bottom:16px !important; }
.top-base__inner > .c-heading + p{ margin-bottom:32px !important; }

/* news(行1234 主標題-large): 主標題→layout32(現 u-mb-xs 過小を是正) */
.top-news__inner > .c-heading{ margin-bottom:32px !important; }

/* ---------- ② 区块主標題 字号統一(誤用-mediumの4区块主標題 → -largeと拉平 34px) ---------- */
/* 命中: 導入事例(行900,.top-location__inner直子)・事業拠点(行1165,.top-base)・採用情報(行1208,.top-recruit)・企業情報(行1319,.top-company内 c-heading 唯一)。
   卡片/子標題の -small(19px)・他の-medium は不波及(scopedのみ)。 */
.top-location__inner > .c-heading.-medium,
.top-base__inner > .c-heading.-medium,
.top-recruit__inner > .c-heading.-medium,
.top-company .c-heading.-medium{
  font-size:34px !important;
  line-height:1.32 !important;
  letter-spacing:-.005em !important;
}

/* ---------- ③ 焦点環 :focus-visible(WCAG 2.4.7 / 1.4.11 非文字3:1) ---------- */
/* 仅键盘焦点で表示・鼠標クリックでは不表示。outline は布局不参与・overflow不裁切・offsetで不遮挡。 */
/* (a) 白底/浅底主体: 深橙 #C9491A(on白 4.72:1≥3:1。E85D20=3.49:1 min-pass より余裕)。
       gnav(白header)・header検索/言語(白header #fff確認済)も全て白底=ここに集約。 */
.c-btn:focus-visible,
.c-btn.-primary:focus-visible,
.c-btn.-pd-l:focus-visible,
.c-btn-red:focus-visible,
.l-gnav__link:focus-visible,
.c-gnav-item__btn:focus-visible,
.c-gnav-item__btn-line:focus-visible,
.c-gnav-item__btn-line-first:focus-visible,
.box-title-link:focus-visible,
.c-link.t-bottom-link:focus-visible,
.tel-link:focus-visible,
.c-header-search__open:focus-visible,
.c-header-search__main:focus-visible,
.c-header-search__submit:focus-visible,
.c-header-lang__btn:focus-visible,
.case-card:focus-visible{
  outline:2px solid #C9491A !important;
  outline-offset:2px !important;
  border-radius:4px !important;
}
/* (b) 写真上 hero/recruit ghostボタン: 浅橙#FF9C4A環 + navy濃ハロ(box-shadow)併用。
       明frame でも navy halo が地と分離=全frame≥3:1保証(写真依存解消)。 */
.top-hero .c-btn:not(.-primary):not(.-pd-l):focus-visible,
.top-recruit .c-btn:not(.-primary):not(.-pd-l):focus-visible{
  outline:2px solid #FF9C4A !important;
  outline-offset:2px !important;
  box-shadow:0 0 0 4px rgba(26,39,68,.85) !important;
  border-radius:4px !important;
}
/* (c) 暗底 右固定レール(.l-rightmenu = #1d1d1d): 浅橙 #FF9C4A(8.1:1≥3:1)。白底群とは別。 */
.l-rightmenu__base:focus-visible,
.l-rightmenu__contact:focus-visible,
.l-rightmenu__tracking:focus-visible{
  outline:2px solid #FF9C4A !important;
  outline-offset:2px !important;
  border-radius:4px !important;
}
/* (d) :focus-visible非対応の旧browser: 鼠標態は環不表示(双環/誤表示回避) */
.c-btn:focus:not(:focus-visible),
.c-btn-red:focus:not(:focus-visible),
.l-gnav__link:focus:not(:focus-visible),
.c-gnav-item__btn:focus:not(:focus-visible),
.c-gnav-item__btn-line:focus:not(:focus-visible),
.c-gnav-item__btn-line-first:focus:not(:focus-visible),
.box-title-link:focus:not(:focus-visible),
.c-link.t-bottom-link:focus:not(:focus-visible),
.tel-link:focus:not(:focus-visible),
.c-header-search__open:focus:not(:focus-visible),
.c-header-search__main:focus:not(:focus-visible),
.c-header-search__submit:focus:not(:focus-visible),
.c-header-lang__btn:focus:not(:focus-visible),
.l-rightmenu__base:focus:not(:focus-visible),
.l-rightmenu__contact:focus:not(:focus-visible),
.l-rightmenu__tracking:focus:not(:focus-visible){
  outline:none !important;
  box-shadow:none !important;
}

/* ---------- ④ case-card 内部橙 統一 ---------- */
/* navy写真頭の徽標(12px/700小字) = 強調橙 #FF9C4A + navy半透底。
   実測: #FF9C4A on 深navy SVG(case_201/205/206) ≈ 6.5–7.1:1 AA。
   + navy濃 text-shadow を兜底し、将来浅色SVGに差替えても可読性を維持(全て蓝橙)。 */
.case-card__kpi-badge{
  background:rgba(26,39,68,.72) !important;
  color:#FF9C4A !important;
  border:1px solid rgba(255,156,74,.45) !important;
  text-shadow:0 1px 3px rgba(26,39,68,.65) !important;
  box-shadow:0 2px 8px rgba(26,39,68,.35) !important;
}
/* 白底身の橙タグ(10px小字) = 深橙 #C2410C(on#FFF7ED 4.88:1 AA達成。原#E85D20=3.29:1不達のため必須)。
   ※4.5:1に対し余裕は +0.38 のみ → #FFF7ED 地色を暗化しない限り維持。 */
.case-card__tag.-primary{
  background:#FFF7ED !important;
  color:#C2410C !important;
}
/* kpi-num = #E85D20 維持(on白 3.49:1)。20px/800=大文本(≥18.66px bold)3:1達成のため合規。
   iter2でsize/weightを固定し、移動端等での縮小→4.5:1門檻落ちを封じる(批判2 mobile guard)。 */
.case-card__kpi-num{
  font-size:20px !important;
  font-weight:800 !important;
}
/* 普通タグ(灰#64748B)・client・kpi-label・title は非橙=不動。 */

/* ---------- ⑤ レスポンシブ(≤768: 間距節奏 移動端令牌 + ②主標題26px) ---------- */
@media (max-width:768px){
  /* ① 間距節奏(移): eyebrow→主標題10 / 主標題→副題12 / 副題→grid24 */
  .need-sec__inner > div[style*="text-align:center"]{ margin-bottom:24px !important; }
  .mission-sec .sec-eyebrow{ margin:0 0 10px !important; }
  .mission-sec__lead{ margin:0 0 12px !important; }
  .mission-sec__sub{ margin:0 0 24px !important; }
  .top-service__textbox > .c-heading{ margin-bottom:12px !important; }
  .top-service__textbox{ margin-bottom:24px !important; }
  .top-location__inner > .c-heading.-medium{ margin-bottom:12px !important; }
  .top-location__inner > .c-heading.-medium + p{ margin-bottom:24px !important; }
  .top-location__inner > .c-heading.-large{ margin-bottom:12px !important; }
  .top-location__inner > .c-heading.-large + p{ margin-bottom:24px !important; }
  .top-base__inner > .c-heading{ margin-bottom:12px !important; }
  .top-base__inner > .c-heading + p{ margin-bottom:24px !important; }
  .top-news__inner > .c-heading{ margin-bottom:24px !important; }
  /* ② 主標題 字号(移): -largeと同じ26pxへ(iter1 545行 22px を scoped で上書き) */
  .top-location__inner > .c-heading.-medium,
  .top-base__inner > .c-heading.-medium,
  .top-recruit__inner > .c-heading.-medium,
  .top-company .c-heading.-medium{
    font-size:26px !important;
    line-height:1.4 !important;
  }
  /* ④ kpi-num: 移動端でも 20px/800 を保持し大文本3:1合規を死守 */
  .case-card__kpi-num{ font-size:20px !important; font-weight:800 !important; }
}
/* ===== iter2 = 地基完善 (確定版) end ===== */

/* ============================================================
   ===== MODERN-LOOP / iter3 = hero 首屏精修 (2026-06-24, 確定版) start =====  ※revertable
   範囲(5項・克制・只視覚): ①標題/副題字体+写真上scrim ②ghost CTA+分页点 ③live-ops浮卡+去绿收口 ④tagline衔接+橙強調。
   方針(三提案統合・実DOM/base CSS照合で確定):
   - 全セレクタ live DOM(/tmp/fix/m5_index.html)+ base CSS で存在確認済。死選択子なし・全局*/全局p なし。
   - 全て visual-only / all !important / 蓝橙のみ(red/teal/pink/green 不使用・既存緑#34d399を収口) / WCAG AA。
   - 内容/文案/5屏/写真/指標 不変。可逆: この iter3 ブロック削除で iter2 状態へ戻る。
   ── 照合結論(base 値・緑の出所)──
   - 標題 .top-hero__heading = base 5.2rem/700/lh1.2(stylesheet3e6c.css:2773)。副題 .top-hero__inner p = 1.8rem/700/lh1.5(:2761)。
   - 分页点 .top-hero__dots button = base 12px円/#fff、.slick-active button = 24×24/transparent(:2805/2819)。slick JS 注入のため静的DOMには無いが live + base に存在。
   - ghost CTA = .top-hero .c-btn:not(.-primary):not(.-pd-l)(iter2 白枠白字を確立済、本輪は描边/底/dots/scrim のみ精修)。
   - live-ops 緑の出所 = dynamic-effects.css のみ: __pulse color #34d399(:149)・__pulse::before bg #34d399(:158)+脉冲rgba(52,211,153)(:159/163-165)・__delta #34d399(:194)。
     → 後載 !important で類選択子4箇所を収口。@keyframes pulseDot は !important 不可侵 → __pulse::before の animation を新規 liveOpsPulseOrange へ差替え、旧緑脈衝を停止。
   - scrim 専用要素なし → .top-hero__item::after に「中央寄り radial」navy 渐变を新建(host=__item: position:relative/overflow:hidden/transform無。__bg は scale(1.2)+Ken Burns で動く&static のため不可)。
   - ★批判2 CRITICAL: .top-hero__inner.center=text-align:center で全幅 → 左→右 scrim では中央text右半が無scrim明部に乗り AA FAIL(最悪1.0:1)。
     是正=(a)scrim を中央寄り対称 radial(芯42%/46%)へ、(b)標題+副題背後に限定 navy プレート(.top-hero__inner.center::before, z-index:-1, max-width560px)を敷き写真依存を断つ→5枚いずれの明部でも白字≥4.5:1 を layout 非依存で担保。プレートは __inner 内包・hard-cap で右浮卡(右74–84%)へ届かず。
   ── 衝突解決 ──
   - tagline 橙: iter2 `.tagline-strip *{color:#1A2744}`(0,1,1)を `.tagline-strip__main strong`(0,2,1)で上書き → strong のみ橙、本文 navy 維持。
   - CTA: iter2 白ghost(底rgba白.08/白枠/白字, hover白埋navy字)を維持。本輪は枠太/底/blur/dots のみ加算、hover ロジック不変。
   ============================================================ */

/* ---------- ① 標題 + 副題 字体精修 ---------- */
/* __inner を scrim/plate より前面へ(base に z 無し→明示) */
.top-hero__inner{ position:relative !important; z-index:2 !important; }
/* 標題: 5.2rem→4.6rem(克制・挺括)・字距-0.02em・lh1.14。
   ★shadow を「近接・高α・小blur」に変更=写真の明部でも文字辺縁に確実な暗縁を作る二次担保
   (旧 18px ぼけハロは AA 担保にならない→ 0 1px 2px .85 の準実体+ 0 0 14px .55 の補助に差替) */
.top-hero__heading{
  font-size:4.6rem !important;
  font-weight:700 !important;
  letter-spacing:-0.02em !important;
  line-height:1.14 !important;
  text-shadow:0 1px 2px rgba(15,23,42,.85), 0 0 14px rgba(15,23,42,.55) !important;
}
/* 副題: 1.8rem→1.5rem・700→500(標題と層級を分ける)・lh1.55・実白微降.94・shadow強化 */
.top-hero__inner p{
  font-size:1.5rem !important;
  font-weight:500 !important;
  letter-spacing:0.01em !important;
  line-height:1.55 !important;
  margin-bottom:30px !important;
  color:rgba(255,255,255,.94) !important;
  text-shadow:0 1px 2px rgba(15,23,42,.8), 0 0 12px rgba(15,23,42,.5) !important;
}
@media (max-width:767px){
  .top-hero__heading{ font-size:2.3rem !important; line-height:1.22 !important; letter-spacing:-0.01em !important; }
  .top-hero__inner p{ font-size:1.05rem !important; line-height:1.6 !important; }
}

/* ---------- ② 写真上易読性: scrim + 文字プレート(中央text対応・浮卡は無干渉) ---------- */
/* navy #1A2744 = rgb(26,39,68)。
   ★批判2 CRITICAL 是正: .top-hero__inner は「center」=text-align:center で全幅。
   旧 105deg 左→右 scrim は文字行の右半(xf≈0.30–0.70)が無scrim明部に乗り AA FAIL(最悪1.0:1)。
   → (a) scrim を「中央寄り対称(radial)」へ変更し中央の文字帯を確実に暗くする、
      (b) かつ写真依存を断つため 標題+副題 の背後に限定した navy プレートを敷く=
         どの5枚(明い空/海/雪)でも白字≥4.5:1 を layout 非依存で担保。
   host=__item(position:relative/overflow:hidden/transform無)。__bg は transform:scale(1.2)
   +Ken Burns 10s で動くため ::after を __bg に載せると拡大ドリフトし無効 → __item に固定。 */
.top-hero__item{ position:relative !important; }
/* (a) 全面 scrim: 中央 46% を芯にした radial。右端(xf≳0.78=浮卡区)は淡く保ち卡を遮らない */
.top-hero__item::after{
  content:'' !important;
  position:absolute !important; inset:0 !important;
  z-index:1 !important; pointer-events:none !important;
  background:radial-gradient(120% 92% at 42% 46%,
    rgba(26,39,68,.60) 0%, rgba(26,39,68,.40) 40%,
    rgba(26,39,68,.14) 70%, rgba(26,39,68,0) 100%) !important;
}
/* 底部の極淡 navy 収边(hero→浅底 tagline の衔接を柔らかく) */
.top-hero__item::before{
  content:'' !important;
  position:absolute !important; inset:auto 0 0 0 !important;
  height:18% !important; z-index:1 !important; pointer-events:none !important;
  background:linear-gradient(0deg, rgba(26,39,68,.20), rgba(26,39,68,0)) !important;
}
/* (b) 文字プレート: 標題+副題 の背後のみ。__inner 内に内包・幅は内容に追従し
   hard-cap 560px で右端を制限 → 浮卡(右 right:24px/width:320px=左縁≈74–84%)へ届かない。
   z-index:-1 で __inner の文字より背面・scrim(__item::after z:1)より前面。
   .50 navy を最明部空(255,253,244)に重ねて白字≈7:1=AA安定。 */
.top-hero__inner.center::before{
  content:'' !important;
  position:absolute !important;
  z-index:-1 !important; pointer-events:none !important;
  left:50% !important; top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:calc(100% + 64px) !important;
  max-width:560px !important;
  height:calc(100% + 40px) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(20,31,56,.55) 0%, rgba(20,31,56,.40) 100%) !important;
  -webkit-backdrop-filter:blur(2px) !important;
  backdrop-filter:blur(2px) !important;
}
@media (max-width:767px){
  /* 窄屏: 浮卡が下方へ積む → 縦 scrim の方が安定。上部のみ濃く・浮卡(下)を避ける */
  .top-hero__item::after{
    background:linear-gradient(180deg,
      rgba(26,39,68,.58) 0%, rgba(26,39,68,.16) 36%, rgba(26,39,68,0) 56%) !important;
  }
  /* 窄屏プレートは全幅追従(cap 解除)・薄め=文字帯のみ */
  .top-hero__inner.center::before{
    max-width:none !important;
    width:calc(100% + 32px) !important;
    background:linear-gradient(180deg, rgba(20,31,56,.50) 0%, rgba(20,31,56,.34) 100%) !important;
  }
}

/* ---------- ③a ghost CTA 精修(iter2 白ghost を維持・枠/底/blur のみ) ---------- */
.top-hero .c-btn:not(.-primary):not(.-pd-l){
  border:1.5px solid rgba(255,255,255,.85) !important;
  background:rgba(26,39,68,.18) !important;
  -webkit-backdrop-filter:blur(2px) !important;
  backdrop-filter:blur(2px) !important;
  border-radius:8px !important;
  letter-spacing:0.02em !important;
}
/* hover: 白埋め(navy字は iter2 :535-540 が担保)・橙底は導入しない(克制) */
.top-hero .c-btn:not(.-primary):not(.-pd-l):hover{
  background:#fff !important;
  border-color:#fff !important;
}

/* ---------- ③b 分页点 .top-hero__dots: 干净统一圆点 ----------
   ★修正(2026-06-24·用户反馈"换页符有问题"): base 每个 dot button 内含「数字 + SVG 进度环」
   (viewBox 0 0 100 100)。旧规则把 button 压成 9px/26×9 薬丸却【未隐藏 SVG 环】→ 进度环
   溢出在薬丸下方,形成断层/双层"豁口"(像素截图证实活动点=橙薬丸+下方悬挂橙圈)。
   本块: 隐藏 SVG 环 + 数字,统一为简洁圆点(未激活半透白 / 激活品牌橙),彻底消除冲突。 */
.top-hero__dots{ display:flex !important; justify-content:center !important; align-items:center !important; }
.top-hero__dots li{ width:auto !important; height:auto !important; margin:0 6px !important; padding:0 !important; }
.top-hero__dots button{
  position:relative !important;
  width:10px !important; height:10px !important; min-width:0 !important; min-height:0 !important;
  padding:0 !important; border:0 !important; border-radius:50% !important;
  background:rgba(255,255,255,.55) !important;
  box-shadow:0 1px 3px rgba(15,23,42,.4) !important;
  font-size:0 !important; line-height:0 !important; color:transparent !important;
  transition:background-color .2s ease, transform .2s ease !important;
}
.top-hero__dots button svg,
.top-hero__dots button svg path{ display:none !important; }   /* 隐藏冲突的 SVG 进度环 */
.top-hero__dots .slick-active button{
  width:11px !important; height:11px !important; border-radius:50% !important;
  background:#E85D20 !important;
  box-shadow:0 0 0 3px rgba(255,255,255,.22), 0 1px 4px rgba(0,0,0,.4) !important;
}
@media (max-width:767px){
  .top-hero__dots li{ margin:0 5px !important; }
  /* 移动端 40px 透明热区(可达·视觉点不变) */
  .top-hero__dots button::after{
    content:'' !important; position:absolute !important;
    top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important;
    width:40px !important; height:40px !important;
  }
}

/* ---------- ④ live-ops 浮卡 高級化 + 去绿収口(出所=dynamic-effects.css) ---------- */
/* 卡体: navy 寄り底・細枠+橙ハイライト・大投影+頂部内高光=高級玻璃 */
.live-ops-overlay{
  background:rgba(20,31,56,.82) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-top-color:rgba(255,156,74,.30) !important;
  border-radius:14px !important;
  padding:18px 20px !important;
  box-shadow:0 18px 50px rgba(10,18,38,.42), 0 2px 8px rgba(10,18,38,.30), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.live-ops-overlay__head{ letter-spacing:0.10em !important; color:rgba(255,255,255,.62) !important; }
.live-ops-overlay__row{ padding:5px 0 !important; border-bottom-color:rgba(255,255,255,.07) !important; }
.live-ops-overlay__value{ font-size:17px !important; letter-spacing:-0.015em !important; }
/* 緑収口①: LIVE 文字 #34d399 → 橙 #FF9C4A(深navy底でAA) */
.live-ops-overlay__pulse{ color:#FF9C4A !important; }
/* 緑収口②: ●LIVE 圆点 #34d399 → 橙 + 旧緑脈衝(pulseDot)を停止し新橙脈衝へ差替 */
.live-ops-overlay__pulse::before{
  background:#FF9C4A !important;
  box-shadow:0 0 0 0 rgba(255,156,74,.6) !important;
  animation:liveOpsPulseOrange 1.8s infinite !important;
}
/* 緑収口③: ↑ 正向トレンド箭頭 #34d399 → 橙(正向=橙) */
.live-ops-overlay__delta{ color:#FF9C4A !important; }
/* 新規 橙脈衝(旧 @keyframes pulseDot の緑rgba を回避。!important は keyframe 不可侵のため別名で立てる) */
@keyframes liveOpsPulseOrange{
  0%   { box-shadow:0 0 0 0 rgba(255,156,74,.6); }
  70%  { box-shadow:0 0 0 8px rgba(255,156,74,0); }
  100% { box-shadow:0 0 0 0 rgba(255,156,74,0); }
}
@media (prefers-reduced-motion:reduce){
  .live-ops-overlay__pulse::before{ animation:none !important; }
}

/* ---------- ⑤ tagline-strip 衔接 + 橙強調(浅底 #FAF9F6 に #C2410C で AA≥4.5:1) ---------- */
.tagline-strip{ margin-top:0 !important; padding:46px 20px 42px !important; }
.tagline-strip__vision{ color:#5C6678 !important; font-size:15px !important; letter-spacing:0.08em !important; }
.tagline-strip__main{ font-size:clamp(20px,2.4vw,30px) !important; line-height:1.5 !important; font-weight:500 !important; }
/* 通関/保税倉庫/トータルパートナー の橙: iter2 `.tagline-strip *`(navy) を (0,2,1) で上書き。#C2410C on #FAF9F6 ≈4.8:1 AA */
.tagline-strip__main strong{ color:#C2410C !important; font-weight:700 !important; }
@media (max-width:767px){
  .tagline-strip{ padding:36px 20px 34px !important; }
}
/* ===== MODERN-LOOP / iter3 = hero 首屏精修 end ===== */

/* ============================================================
   ===== MODERN-LOOP / iter4 = 中部2深色feature带 精修 (2026-06-24, 確定版) start =====  ※revertable
   範囲(3項・克制・只視覚): ①★最高優先 dashboard 去绿(残绿全収口) ②実時運営 dashboard-mock 面板精修 ③mission-sec 暗带 排版精修。
   方針: 後載 !important / 蓝橙のみ(red/teal/pink/green 絶無) / 内容・データ・構造 不変 / WCAG AA。可逆=本ブロック削除で iter3 状態へ戻る。
   ── 緑(#34d399 rgb52,211,153)の出所 全 grep 照合(/tmp/fix/m5_index.html + dynamic-effects.css)と収口 ──
     出所1 = DOM inline eyebrow `● リアルタイム運営 LIVE OPERATIONS`(m5_index.html:675, style="...color:#34d399...")。
             ★批判1+2 CRITICAL: 草案の `.dashboard-mock ~ [style*="#34d399"]` は無効(eyebrow は .dashboard-mock の*前*の兄弟、`~`は後続のみ命中→0件);
             `[style*="リアルタイム運営"]` も無効(該文字は*内容*でstyle属性に非ず→0件)。
             → 収口=`[style*="color:#34d399"]`(inline の literal `color:#34d399` 子串に命中。属性選択子+!important で inline 宣言を上書き)。
     出所2 = __status 文字(dynamic-effects.css:236 #34d399)・__status::before 圆点(:243 bg #34d399)+旧緑脈衝 pulseDot(:162-165 rgba52,211,153)。
             → 文字/圆点=橙 #FF9C4A、脈衝=新名 dmStatusPulseOrange へ差替(@keyframes は !important 不可侵のため別名で立てる)。
     出所3 = __metric-trend base 緑(:284 #34d399、-up/-down 無の `↑12.4% / ↑8.7% / ↓0.2秒` 全て該当)。→ 橙 #FF9C4A(正向=橙)。
             ＋潜在 red 収口: __metric-trend.-down(:287 #f87171)は現DOM未使用だが「red 絶無」担保のため中性灰 #C7D0E0 へ(将来 -down 追加時の誤橙も防止)。
     出所4 = SVG: __chart-line stroke(:725 #34d399)・<linearGradient> stop×2(:718/719 stop-color #34d399)・端点 circle fill(:727 #34d399)。
             → line stroke / circle fill=橙 #FF9C4A、gradient は stop の stop-color を橙へ(0.4→0 のフェード保持)。
             ★批判1+2 HIGH 是正: 草案の `__chart-area{fill:#FF9C4A}` は fill="url(#chartGrad)" を潰し面グラデを単色16%橙へ平坦化=破壊的→削除。stop 収口のみで色置換+フェード両立。
   ── 衝突/回帰 照合 ──
   - __chart-area の fill 上書きは行わない(stop で十分・グラデ保持)。__chart-line の drawLine アニメ(:316)は stroke 色のみ変更で不干渉。
   - __progress-bar base(:351)= `linear-gradient(90deg,#E85D20,#fbbf24)` は既に橙系。★批判2 MEDIUM(1.4.11)対応で
     start を track(rgba白.08/#0f172a≈)に対し ≥3:1 の橙へ統一(#E85D20≈3.6:1 / #FF9C4A≈5.9:1)→ #E85D20→#FF9C4A。草案の #C9491A(2.59:1<3)は不採用(回帰回避)。
   - mission-sec 三段(eyebrow橙/標題白/lead白.82/mkpi橙)は iter2 :449-452/:439 で確立済 → 本輪は字距/行間/留白の微調のみ加算、色は再宣言せず層級維持(lead を #fff へ上げず .82=10.39:1 を保持)。
   ── WCAG(深 navy #0f172a/#141F38 底)──
     #FF9C4A 文字 ≈6.6–8.6:1(≥4.5 AA)/ 図形線・端点 #FF9C4A ≈7.2:1(≥3)/ progress start #E85D20 vs track ≈3.6:1(≥3)/
     __metric-label .55→.58 ≈6:1 / __progress-label .65→.72 ≈9:1 / lead .82=10.4:1 / sub .72→.74≈8.7:1 / mkpi-lbl .72≈8:1。全達標。reduced-motion ガード有。
   ============================================================ */

/* ---------- ① ★最高優先 dashboard 去绿(残绿 全収口・出所1〜4) ---------- */
/* 出所1: DOM inline eyebrow `color:#34d399` を inline 子串で命中(属性選択子+!important が inline を上書き) */
[style*="color:#34d399"]{ color:#FF9C4A !important; }
/* 出所2: __status 文字(LIVE 稼働中)→ 橙 */
.dashboard-mock__status{ color:#FF9C4A !important; }
/* 出所2: __status::before 圆点 → 橙 + 旧緑脈衝(pulseDot)を停止し新橙脈衝へ差替 */
.dashboard-mock__status::before{
  background:#FF9C4A !important;
  box-shadow:0 0 0 0 rgba(255,156,74,.6) !important;
  animation:dmStatusPulseOrange 1.8s infinite !important;
}
@keyframes dmStatusPulseOrange{
  0%   { box-shadow:0 0 0 0 rgba(255,156,74,.6); }
  70%  { box-shadow:0 0 0 7px rgba(255,156,74,0); }
  100% { box-shadow:0 0 0 0 rgba(255,156,74,0); }
}
/* 出所3: __metric-trend base 緑 → 橙(正向=橙。↑12.4%/↑8.7%/↓0.2秒 全て該当) */
.dashboard-mock__metric-trend{ color:#FF9C4A !important; }
/* 出所3: 潜在 red 収口(現DOM未使用・将来防備)。.-down は中性灰=橙誤染防止・red 絶無担保 */
.dashboard-mock__metric-trend.-down{ color:#C7D0E0 !important; }
/* 出所4: SVG 折線 stroke / 端点 circle fill → 橙(presentation 属性を !important で上書き) */
.dashboard-mock__chart-line{ stroke:#FF9C4A !important; }
.dashboard-mock__chart svg circle{ fill:#FF9C4A !important; }
/* 出所4: 面グラデは stop の色のみ置換(fill は触らず=0.4→0 フェード保持。__chart-area への fill 上書きは破壊的のため不採用) */
.dashboard-mock__chart svg stop{ stop-color:#FF9C4A !important; }

/* ---------- ② 実時運営 dashboard-mock 面板精修(底/枠/圆角/影 + 3指標 + 折線 + 進捗) ---------- */
/* 卡体: 統一 navy 寄り底(外帯 #0f172a より僅か明 #141F38)・細枠+橙頂ハイライト・大投影+頂部内高光 */
.dashboard-mock{
  background:#141F38 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-top-color:rgba(255,156,74,.28) !important;
  border-radius:14px !important;
  box-shadow:0 22px 56px rgba(10,18,38,.34), 0 4px 14px rgba(10,18,38,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.dashboard-mock__titlebar{
  background:linear-gradient(to bottom, #1C2A4A, #141F38) !important;
  border-bottom-color:rgba(255,255,255,.07) !important;
}
/* 3指標カード: 底/枠/圆角/内余白 を統一 */
.dashboard-mock__metric{
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:10px !important;
  padding:13px 15px !important;
}
.dashboard-mock__metric-label{ letter-spacing:.07em !important; color:rgba(255,255,255,.58) !important; }
/* 数字: 22→23px・字距 / 単位は DOM inline(.5白)維持・色不変 */
.dashboard-mock__metric-value{ font-size:23px !important; letter-spacing:-.015em !important; line-height:1 !important; }
/* トレンド: 字号/字重/上余白(色は出所3で橙) */
.dashboard-mock__metric-trend{ margin-top:5px !important; font-size:11px !important; font-weight:700 !important; }
/* 折線図 枠: 指標カードと協調 */
.dashboard-mock__chart{
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:10px !important;
}
.dashboard-mock__chart-title{ color:rgba(255,255,255,.66) !important; }
.dashboard-mock__chart-value{ color:#FF9C4A !important; }
/* 吞吐量条形(橙渐变)+ track/百分比 の対齐・字号 */
.dashboard-mock__progress-track{ height:7px !important; border-radius:4px !important; background:rgba(255,255,255,.10) !important; }
/* 橙グラデ: start #E85D20(≥3:1 vs track)→ #FF9C4A(≥3:1)で全幅 1.4.11 達標(草案#C9491A=2.59:1 不採用) */
.dashboard-mock__progress-bar{ background:linear-gradient(90deg, #E85D20, #FF9C4A) !important; border-radius:4px !important; }
.dashboard-mock__progress-label{ color:rgba(255,255,255,.72) !important; font-size:12px !important; }
.dashboard-mock__progress-value{ font-size:12px !important; font-weight:700 !important; color:#fff !important; }

/* ---------- ③ mission-sec(OUR MISSION 暗带)排版精修(色は iter2 確立を維持・字距/行間/留白のみ) ---------- */
/* eyebrow: 字距(色=橙は :449-450 が担保) */
.mission-sec .sec-eyebrow{ letter-spacing:.2em !important; }
/* lead: 行間/字距精修(色は :452 の白.82=10.4:1 維持・#fff へ上げない=層級保持) */
.mission-sec__lead{ line-height:1.6 !important; letter-spacing:-.005em !important; }
/* 本文 sub: 暗底白字 .74・行間ゆとり */
.mission-sec__sub{ color:rgba(255,255,255,.74) !important; line-height:1.95 !important; font-size:14px !important; }
/* KPI: 数字/単位=橙(:439 確立を再担保)・ラベル白.70・余白 */
.mission-sec__kpis{ gap:30px 56px !important; }
.mission-sec__kpis .mkpi__num,
.mission-sec__kpis .mkpi__unit{ color:#FF9C4A !important; }
.mission-sec__kpis .mkpi__lbl{ color:rgba(255,255,255,.70) !important; letter-spacing:.02em !important; }

/* reduced-motion: 橙脈衝も停止 */
@media (prefers-reduced-motion:reduce){
  .dashboard-mock__status::before{ animation:none !important; }
}
/* ===== MODERN-LOOP / iter4 = 中部2深色feature带 精修 end ===== */

/* ============================================================
   ===== MODERN-LOOP / iter5 = 中下部3浅色区 精修 (2026-06-24) start =====  ※revertable
   範囲(克制·只视觉·内容不変): ①top-strengths(浅底·纯文本带) ②top-location 拠点紹介(6据点卡 .c-card×6) ③top-base(橙点阵地图+右3地区ul)。
   全セレクタ live DOM(/tmp/fix/m5_index.html 行1085/1100/1163)で存在確認済。全局*なし・死選択子なし。
   只蓝橙 = #1A2744 / #3A4254 / #5C6678 / #C2410C / #E85D20 / #E7E3D9 / #ECE9E1 / #F8F8F6 / #FFFFFF。red/teal/pink/green 一切不使用。
   WCAG AA(実測 sRGB): 浅底橙小字=文字橙 #C2410C(on白 5.18:1 / on#F8F8F6 4.87:1 ≥4.5:1 PASS)。行内 #E85D20(on白3.49:1 NG)を !important で上書。
   既存整合: 卡壳=iter1行454-474(r12/暖边#E7E3D9/双层淡影/hover-3px+橙#E85D20)を継承し内部排版のみ追補。区块頭間距=iter2/3は不触。
   復元: 本 iter5 ブロックを削除すれば iter4 状態へ戻る。
   ============================================================ */

/* ---------- ① 当社の強み top-strengths(浅底·无卡·纯排版) ---------- */
/* 区块頭(h4 .c-heading.-large.-border)→正文→CTA の三段節奏。下划线render源は基底CSS不明 → -border は不触(原状維持)。 */
/* 標題: navy 再担保(行370 .top-strengths *{#1A2744} 既存だが ::after等の波及を遮断)+ 標題→正文 間距。 */
.top-strengths__inner > .c-heading.-large{
  color:#1A2744 !important;
  margin-bottom:20px !important;
}
/* 正文: 行长制御(62字/行)+ 浅底本文を一段やわらかく(行370 navy を上書)。15px/1.8 は行432継承。 */
.top-strengths__inner > p{
  max-width:62ch !important;
  color:#3A4254 !important;                 /* #3A4254 on #F8F8F6 ≈ 8.9:1 AA+(実測) */
  margin:0 0 28px !important;
}
/* CTA: 正文との余白を確定(描边橙体系=iter1 が着色担保・ここは間距のみ) */
.top-strengths__btn.u-jc-fs{ margin-top:0 !important; }

/* ---------- ② 物流据点 top-location 拠点紹介(.c-card×6 / l-grid -col4) ---------- */
/* スコープ注意: .top-location は2箇所存在 — 導入事例(行898)と 拠点紹介(行1100)。
   導入事例は .case-card 使用のため本ルール(.c-card)非該当=安全。導入事例が .c-card 化したら波及注意。 */
/* 据点卡を白カード化: 行331で .top-location 底=#F8F8F6・iter1の白fillは .top-strengths .c-card のみ(行372)→
   本6卡は底色上に乗っていた。白化で①橙標題 4.87→5.18:1 へ余裕②biz-tile/case-card 等の白カード体系と統一。 */
.top-location .c-card{ background:#FFFFFF !important; }
/* 网格節奏: 列/行距 24px。卡内 padding 統一・min-height で「東京支社」(1行住所)と多行卡を同行等高·底缘对齐。 */
.top-location .l-grid{ row-gap:24px !important; column-gap:24px !important; }
.top-location .c-card{ position:relative !important; height:100% !important; }
.top-location .c-card__inner{
  padding:20px 44px 20px 20px !important;    /* 右44px=› 箭頭の逃げ */
  min-height:104px !important;
  display:flex !important; flex-direction:column !important; justify-content:center !important;
}
/* 据点名(層級1): 17px/700 · AA安全橙 #C2410C。inline color:#E85D20(3.49:1)を !important で上書。 */
.top-location .c-card__title{
  color:#C2410C !important;                  /* #C2410C on白(白カード化後)5.18:1 AA PASS — inline #E85D20 3.49:1 NG を上書 */
  font-size:17px !important; font-weight:700 !important;
  line-height:1.4 !important; letter-spacing:.01em !important;
  margin:0 0 6px !important;
}
/* 住所(層級2): 13px/1.65 灰 · biz-tile__desc と同族 */
.top-location .c-card__text{
  color:#5C6678 !important;                  /* #5C6678 on白 5.79:1 AA PASS */
  font-size:13px !important; line-height:1.65 !important; margin:0 !important;
}
/* › 箭頭: 卡右上に形式化(装飾·名称が情報載体で AA達成済→1.4.11純装飾豁免)。hover で卡上浮と連動·右移+加深。 */
.top-location .c-card__inner::after{
  content:"\203A" !important;                /* › */
  position:absolute !important; top:18px !important; right:18px !important;
  font-size:18px !important; line-height:1 !important; font-weight:700 !important;
  color:#C2410C !important;                   /* 装飾·on白 5.18:1(≥3:1 豁免基準も余裕) */
  transition:transform .2s ease, color .2s ease !important;
  pointer-events:none !important;
}
.top-location .c-card:hover .c-card__inner::after{
  transform:translateX(3px) !important; color:#E85D20 !important;  /* #E85D20 on白 3.49:1 — 装飾/1.4.11豁免(名称が情報載体・PASS) */
}

/* ---------- ③ 業務拠点ネットワーク top-base = 橙点阵地图 + 右3地区ul ---------- */
/* 地图列(-col6)を上端揃えで列表と整列(c5_location.png基準=地图top-aligned。center だと地图が下がり整列崩れ)。
   地图は位図 mto_top_img_base01.png=内容不変·CSSで再描画せず。 */
.top-base .l-grid.-gap-img{ align-items:flex-start !important; }
.top-base .c-figure__img{ text-align:center !important; }
.top-base .c-figure__img img{ max-width:100% !important; height:auto !important; display:block !important; }
/* 区标题 h4(関西/関東/店舗): 本文=navy(構造見出し·橙を奪わない)+ 下边线を inline #E85D20→#C2410C(AA·データ橙と対位)。 */
.top-base h4[style]{
  color:#1A2744 !important;                   /* #1A2744 on #F8F8F6 13.93:1 */
  font-size:14px !important; font-weight:700 !important; letter-spacing:.02em !important;
  border-bottom:2px solid #C2410C !important;  /* 非文字 on #F8F8F6 4.87:1 — 3:1基準も余裕 */
  padding-bottom:8px !important; margin-bottom:12px !important;
}
.top-base ul{ margin:0 !important; }
/* 据点行: 名称(層級1·深·粗) — 住所(層級2·灰)。行高節奏 + 冷#eee→暖中性線(卡暖边#E7E3D9と同族)。 */
.top-base li[style]{
  padding:9px 0 !important;
  font-size:13.5px !important; line-height:1.6 !important;
  color:#5C6678 !important;                   /* 住所灰 #5C6678 on #F8F8F6 5.45:1 AA PASS */
  border-bottom:1px solid #ECE9E1 !important;  /* 暖中性 替 #eee 冷灰 */
}
.top-base li[style] strong{
  color:#1A2744 !important; font-weight:700 !important;  /* 据点名=データ主·#1A2744 on #F8F8F6 13.93:1 */
}
/* 各エリアulの末行は下线を消す(見出し直上の浮线/区底の余分线を防ぐ・原DOM末liは無border) */
.top-base ul li[style]:last-child{ border-bottom:0 !important; }

/* ---------- 移动端(≤767): カード単列·字阶守恒·地图列表堆叠節奏 ---------- */
@media screen and (max-width:767px){
  .top-strengths__inner > p{ max-width:100% !important; }
  .top-strengths__btn.u-jc-fs{ margin-top:0 !important; }
  .top-location .l-grid{ row-gap:16px !important; column-gap:16px !important; }
  .top-location .c-card__inner{ padding:18px 40px 18px 18px !important; }   /* min-height:auto removed: dead no-op, superseded by iter7 min-height:64px (m5:1466) at ≤767; desktop uses :104px (m5:1082) */
  .top-location .c-card__title{ font-size:16px !important; }
  .top-location .c-card__inner::after{ top:16px !important; right:16px !important; }
  /* SP: 地图が上に積む(-sp-img-ahead) → 整列を解除·伸長 */
  .top-base .l-grid.-gap-img{ align-items:stretch !important; }
  .top-base h4[style]{ font-size:13px !important; }
  .top-base li[style]{ font-size:13px !important; }
}
/* ===== MODERN-LOOP / iter5 = 中下部3浅色区 精修 end ===== */

/* ===== green-flash hotfix (2026-06-24): hero live-ops の JS live-counter([data-live]) は
   更新毎に inline で #34d399 へ color フラッシュ→ JS が rgb(52,211,153) へ直列化するため
   iter4 の [style*="color:#34d399"] 属性選択子を擦り抜けて緑が間欠残存。
   全 [data-live] は .live-ops-overlay 内のみ(dashboard-mock は静的=対象外)。
   class+属性で白を !important 固定し緑フラッシュを根絶。可逆。 ===== */
.live-ops-overlay__value [data-live],
.live-ops-overlay [data-live]{ color:#FFFFFF !important; }
/* ===== green-flash hotfix end ===== */

/* ============================================================================
   ===== MODERN-LOOP / iter6 = 最底部区块 収口 (2026-06-24) start =====  ※revertable
   首席UI综合。最后加载・全 !important・可逆(本ブロック削除で iter5 へ戻る)。
   只蓝橙+暖中性。pastel(桃/薄荷绿/淡紫)と品红渐变#B9103C を全収口 → red/teal/pink/green 残存ゼロ。
   選択子は全て /tmp/fix/m5_index.html に逐一核対(存在確認)。全部 scoped・無全局 *。WCAG AA(navy底浅字≥4.5 / 浅底橙#C2410C)。

   ── grep核対(真実類 + 現状出処)──
   ① 洽谈3卡: .top-contact .c-box.-bg-orange/-bg-green/-bg-purple (DOM 1340/1358/1376)
        現状(shp/stylesheeta034.css:1344-1355):
          -bg-orange rgba(229,90,0,.1)桃 / -bg-green #e1f0e6 薄荷绿[禁] / -bg-purple rgba(113,125,192,.29)淡紫[禁]
        TEL橙号码: .u-font-mto-red(PC span 1345/1363/1381) + .tel-link.u-font-mto-red(SP a 1346/1364/1382)
   ② footer主体 .l-footer__main #2B2B2B灰黑(shp/stylesheet3e6c.css:32) / .l-footer__bottom #4A4A4A灰(:67)
   ③ 版权条 .l-footer__copyright linear-gradient(135deg,#B9103C 0%,#E55A00 100%)[#B9103C=红家族·禁](:121)
        footer白字基盤: .c-footer-menu{color:#fff}(:136) / hover opacity:.7(:142,:109) → 提亮橙+opacity:1 へ
   ④ news .top-news-list__item/__date/__category/__title(DOM 1240+ ※右栏更新情報は__category無し) / company .top-company(行334済 #F4F2EC象牙)
   ============================================================================ */

/* ---------- iter6-1 : 洽谈3卡 pastel → 干净白卡(iter1白カード体系 token と完全一致) ----------
   特異性: .top-contact .c-box.-bg-orange = (0,2,1) > 守卫 .c-box.-bg-orange(行476-478,0,2,0)・
   source -bg-*(0,2,0) → 上書き成立。.top-contact 锚定で紫主題内页(logistics/center等)に不波及。 */
.top-contact .c-box.-bg-orange,
.top-contact .c-box.-bg-green,
.top-contact .c-box.-bg-purple{
  background:#FFFFFF !important;                                   /* 桃/薄荷绿/淡紫 → 纯白 */
  border:1px solid #E7E3D9 !important;                            /* 暖象牙边(=iter1 卡片 token 行462) */
  border-radius:12px !important;
  box-shadow:0 1px 2px rgba(26,39,68,.04), 0 4px 12px rgba(26,39,68,.06) !important; /* navy基淡影·非黑(=行463) */
  padding:28px 24px !important;
  display:flex !important; flex-direction:column !important; height:100% !important; /* 三卡等高·按钮底揃え */
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.top-contact .c-box.-bg-orange:hover,
.top-contact .c-box.-bg-green:hover,
.top-contact .c-box.-bg-purple:hover{
  transform:translateY(-3px) !important;
  border-color:#E85D20 !important;                                /* hover 橙边(=iter1 行472) */
  box-shadow:0 2px 4px rgba(26,39,68,.06), 0 12px 26px rgba(26,39,68,.10) !important;
}
/* カード見出し(ご商談…/採用…/企業情報…): navy主·三卡基線揃えで min-height ロック */
.top-contact .c-box .c-heading.contactfont{
  color:#1A2744 !important;                                       /* #1A2744 on #FFF 14.81:1 AAA */
  font-size:15px !important; line-height:1.5 !important; margin-bottom:14px !important; min-height:3em !important;
}
/* 部門ラベル(営業/採用/代表): 暖象牙の胶囊バッジで層級化(navy字 on #F4F2EC 13:1) */
.top-contact .c-box .c-heading.-xxsmall{
  display:inline-block !important; background:#F4F2EC !important; color:#1A2744 !important;
  font-size:12px !important; letter-spacing:.18em !important; padding:3px 14px !important;
  border-radius:999px !important; margin:0 auto 10px !important;
}
/* TEL：ラベル + 受付時間 = 中性次級灰(navy系) */
.top-contact .c-box .u-fs-14{ color:#5C6678 !important; }         /* #5C6678 on #FFF 5.79:1 AA */
.top-contact .c-box p.u-fs-12{ color:#5C6678 !important; margin-bottom:18px !important; }
/* TEL橙号码: PC span + SP a の両方を #C2410C へ(SP漏れ=红家族tokenの定番回帰点·両方必須) */
.top-contact .c-box .u-font-mto-red,
.top-contact .c-box .tel-link.u-font-mto-red{
  color:#C2410C !important;                                       /* #C2410C on #FFF 5.18:1 AA(余裕0.68) */
  font-size:22px !important; font-weight:700 !important; letter-spacing:.02em !important;
  font-variant-numeric:tabular-nums !important;                  /* 三卡号码 等幅整列 */
}
.top-contact .c-box .tel-link.u-font-mto-red:hover{ color:#9A3412 !important; } /* 更深·AA維持 */
/* 按钮 三卡底揃え + 同幅(体系の橙CTAは不改) */
.top-contact .c-box .l-btns{ margin-top:auto !important; }
.top-contact .c-box .c-btn.-pd-l{ width:100% !important; }

/* ---------- iter6-2 : footer 灰黑 → 品牌深海军蓝(全站深色と一家) ---------- */
.l-footer__main{ background:#16223D !important; }                 /* #2B2B2B → navy暗端(--mt-deep暗端と同色·白15.8:1) */
.l-footer__bottom{
  background:#0F1A30 !important;                                   /* #4A4A4A → navy最深·地基層 */
  border-top:1px solid rgba(255,255,255,.08) !important;          /* 主体/底栏の軽い境界(硬線不使用) */
}
/* 分組見出し(物流ソリューション/倉庫・拠点/企業情報/ニュース/採用情報): 純白·太字 */
.l-footer__main .c-footer-menu__btn{
  color:#FFFFFF !important; font-weight:700 !important;            /* #FFF on #16223D 15.79:1 AAA */
  border-bottom:2px solid #FF9C4A !important;                     /* 見出し下線 = 品牌浅橙(navy上6.9:1) */
}
.l-footer__main .c-footer-menu__top > a{ color:#FFFFFF !important; font-weight:700 !important; }
/* 普通リンク: 冷调浅银蓝で層級下沉(纯白との差で見出しを立てる) */
.l-footer__main .c-footer-menu ul li a{
  color:#C7CEDB !important; opacity:1 !important;                  /* #C7CEDB on #16223D ≈10.5:1 AAA */
  transition:color .2s ease !important;
}
.l-footer__main .c-footer-menu ul li a:hover{ color:#FF9C4A !important; opacity:1 !important; } /* hover提亮橙(opacity:.7根絶) */
/* 底栏リンク(プライバシー/サイトマップ/お問い合わせ) */
.l-footer__bottom a{ color:#C7CEDB !important; opacity:1 !important; transition:color .2s ease !important; }
.l-footer__bottom a:hover{ color:#FF9C4A !important; opacity:1 !important; }

/* ---------- iter6-3 : 版权条 品红渐变[#B9103C禁] → navy単色(red完全除去) ---------- */
.l-footer__copyright{
  background:#0F1A30 !important;                                   /* linear-gradient #B9103C/#E55A00 を抹消·底栏と同色で連続地基 */
  background-image:none !important;                                /* グラデの明示抹消(継承防止) */
  color:#AEB7C7 !important;                                        /* 版権=最次級·#AEB7C7 on #0F1A30 8.59:1 AA */
  border-top:1px solid rgba(255,255,255,.06) !important;          /* main/bottom境界と同節奏の極薄分隔(同色相邻でも層を分節) */
}

/* ---------- iter6-4 : news 列表 + company 微精修(体系节奏·只视觉) ---------- */
/* 左右栏見出し(お知らせ/更新情報) */
.top-news-layout__heading{
  color:#1A2744 !important; font-size:15px !important; font-weight:700 !important;
  padding-bottom:10px !important; border-bottom:2px solid #E7E3D9 !important; margin-bottom:6px !important;
}
/* 行容器: 日付｜タグ｜タイトル の横並び·暖分隔线 */
.top-news-list__item{
  display:flex !important; align-items:center !important; gap:14px !important;
  padding:13px 4px !important; border-bottom:1px solid #ECE9E1 !important;  /* 暖中性 替 默认灰线 */
  transition:background .15s ease !important;
}
.top-news-list__item:hover{ background:#FAF9F6 !important; }
.top-news .top-news-list > li:last-child .top-news-list__item{ border-bottom:0 !important; }
/* 日付: 次級navy灰·等幅列(タイトル左缘揃え)。右栏(category無)も同幅で整列 */
.top-news-list__date{
  color:#5C6678 !important; font-size:12px !important;
  font-variant-numeric:tabular-nums !important; flex:0 0 84px !important;
}
/* カテゴリ: 暖象牙の胶囊バッジ(卡内部門ラベルと同言語·描边楕円を置換)。navy字 13:1 */
.top-news-list__category{
  flex:0 0 auto !important; background:#F4F2EC !important; color:#1A2744 !important;
  font-size:11px !important; padding:2px 10px !important; border-radius:999px !important;
  line-height:1.6 !important; border:none !important;
}
/* タイトル: navy主·最大2行(長題名4/5の全文保持)·hover橙。source ::after 矢印(E55A00橙·on-brand)用に右余白確保 */
.top-news-list__title{
  color:#1A2744 !important; font-size:13.5px !important; line-height:1.5 !important;
  flex:1 1 auto !important; min-width:0 !important;
  display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important;
  overflow:hidden !important; white-space:normal !important;
}
.top-news-list__title span{ color:#1A2744 !important; }           /* #1A2744 on #FAF9F6(news象牙) 14.07:1 AAA */
.top-news-list__item:hover .top-news-list__title,
.top-news-list__item:hover .top-news-list__title span{ color:#C2410C !important; } /* hover橙 #C2410C on #FAF9F6象牙 4.92:1 AA */
/* company: 节奏のみ整え·底色(#F4F2EC象牙·行334)は不改 */
.top-company .c-heading.-medium{ color:#1A2744 !important; }      /* 企業情報見出し navy主 */
.top-company p.u-fs-14{ color:#3A4254 !important; line-height:1.8 !important; max-width:46em !important; }

/* ---- iter6 移动端(≤767): 横並び崩れ防止·字阶守恒 ---- */
@media screen and (max-width:767px){
  .top-contact .c-box.-bg-orange,
  .top-contact .c-box.-bg-green,
  .top-contact .c-box.-bg-purple{ padding:24px 18px !important; }
  .top-news-list__item{ flex-wrap:wrap !important; gap:6px 10px !important; }
  .top-news-list__date{ flex:0 0 auto !important; }
  .top-news-list__title{ flex:1 1 100% !important; -webkit-line-clamp:3 !important; } /* SP は全幅·最大3行(横幅狭でも見切れ緩和) */
}
/* ===== MODERN-LOOP / iter6 = 最底部区块 収口 end ===== */

/* ===== iter6b: 残red (mto-red家族) sweep (2026-06-24) =====
   全页扫描で検出した legacy red を全収口 → red家族 残存ゼロ(銘東ロゴ画像は<img>=対象外)。
   ① .c-header-search__submit 搜索ボタン #9E052B → navy
   ② .top-tracking__box 見出し+icon #B9103C → navy見出し + 橙icon
   ③ ヘッダー「联系我们」CTA(.l-subnav__contact / .l-header__bottom-contact-btn)
      の #DD1F01(rgb221,31,1=ほぼ赤)グラデ → 品牌橙 #C9491A(白字4.72:1 AA)。可逆。 */
.c-header-search__submit{ color:#1A2744 !important; }
.top-tracking__box .c-heading{ color:#1A2744 !important; }
.top-tracking__box .c-heading .icon-load,
.top-tracking__box .icon-load{ color:#E85D20 !important; }
.l-subnav__contact > a,
.l-header__bottom-contact-btn > a{
  background:#C9491A !important; background-image:none !important;
  border-color:#C9491A !important;
}
.l-subnav__contact > a:hover,
.l-header__bottom-contact-btn > a:hover{ background:#B23A0C !important; border-color:#B23A0C !important; }
/* ④ .top-tracking 上部 5px の #B9103C 赤アクセント帯 → 品牌橙 */
.top-tracking{ border-top-color:#E85D20 !important; }
/* ⑤ subnav「货物追踪服务」项 .l-subnav__tracking-service の #B9103C 背景グラデ(現状非表示だが
   将来表示状態での赤露出を防ぐ)→ 品牌橙。red家族 完全根絶。 */
.l-subnav__tracking-service > a{ background:#C9491A !important; background-image:none !important; }
.l-subnav__tracking-service > a:hover{ background:#B23A0C !important; }
/* ===== iter6b red sweep end ===== */


/* ============================================================
   ===== MODERN-LOOP / iter7 = 移动端精修:触控≥44px + 节奏 + 字号 + hero + KPI (2026-06-24) start =====  ※revertable
   首席UI综合·定稿(吸收 批判1 PASS + 批判2 needs_fix 全部修正)。最后加载·全!important·可逆(删本块回 iter6)。
   全部包在 @media(max-width:767px) / @media(max-width:480px) 内,桌面零影响。只蓝橙,无 red/green/teal/pink(本块零颜色token,纯几何/间距/字号)。
   触控基线=WCAG 2.5.5 / Apple HIG 44px。全选择器对 /tmp/fix/m5_index.html + slick 运行时 DOM 核对存在。

   ★本块纠正的误判(对 dynamic-effects.css / m5-layout.css 源实测):
   1) 分页点真选择器 = .top-hero__slider .slick-dots(slick config dots:true 注入 ul.slick-dots,无 dotsClass)。
      iter3 的 .top-hero__dots 在运行时不命中(死规则)。本块覆盖真选择器(并保留旧写法,无害)。
   2) ★批判2 修正:slick config arrows:true(m5_index.html:1557)注入 .slick-prev/.slick-next,
      slick 默认 ~20px,全站无 CSS 兜底 → WCAG 2.5.5 实 FAIL。本块新增 P0b 将箭头热区拉到 44px。
   3) .dashboard-mock__grid base 已 1fr 1fr(2列, dynamic-effects:256)→ 保持 2列只收内距(不强制3列)。
   4) ★批判2 修正:.dashboard-mock__metric-label base=11px(dynamic-effects:265)。草案降到 10px = 可读性回退
      → 改回 11px 地板(≤480 仍 11px)。
   5) .mission-sec__kpis base = flex-wrap;gap:28px 52px(dynamic-effects:4480)→ 保持 flex 只收 gap。
   6) ★批判2 修正:.c-btn base 已 min-height:48px(m5:489)、≤768 已 46px(m5:560)= 全站已≥44。
      P6 hero CTA 规则不改变任何值,仅作显式居中兜底,注释不再宣称「修复了 FAIL」。
   7) ★批判2 修正:live-ops base @768=right12/bottom12/width260,绝对定位锚 hero 底部。草案加宽 max-width:340
      在矮 hero 上有与底部 CTA 叠压风险 → 收紧到 max-width:300(390px 实测 left≥78px,无横溢,垂直占位更小)。
   8) ★批判2 修正:overflow-wrap 多数标题改 break-word(JP 自然断行);仅 .top-location 标题保留 anywhere
      (グラングリーン 等不可断长词确会溢出)。
   9) ★批判1 watch 修正:footer 非手风琴(ul 移动端常显,首列 column-count:1 竖排 13 链接)。
      对每条文本链接强制 44px 会显著增高(页面本已偏长)→ 密集文本链接列用 36px 舒适分隔(符合 2.5.5
      行内/等价例外语境),稀疏的分组钮 __btn 与底部法务链接 l-footer__bottom 才上 44px。
   ============================================================ */
@media (max-width:767px){

  /* ========== P0a hero 分页点:命中区 7px→44px(WCAG 2.5.5,最高优先) ==========
     真选择器=.top-hero__slider .slick-dots(运行时注入)。视觉圆点小、热区由 44×44 透明 li/::after 提供。
     批判1 加固:button 清零 slick 默认 padding/font-size,使 9px 视觉点居中稳定。 */
  .top-hero__slider .slick-dots,
  .top-hero__dots{ gap:0 !important; display:flex !important; justify-content:center !important; }
  .top-hero__slider .slick-dots li,
  .top-hero__dots li{
    width:44px !important; height:44px !important; margin:0 !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    position:relative !important;
  }
  /* 视觉点 9px(7 太小不易辨);清零 slick 默认 padding:5px/font-size 使点居中稳定(批判1 加固) */
  .top-hero__slider .slick-dots li button,
  .top-hero__dots button{
    width:9px !important; height:9px !important; position:relative !important;
    padding:0 !important; font-size:0 !important; line-height:0 !important;
  }
  /* ★active = 干净圆点(非薬丸·与 ③b 统一·SVG环已全局隐藏) */
  .top-hero__slider .slick-dots li.slick-active button,
  .top-hero__dots .slick-active button{ width:11px !important; height:11px !important; border-radius:50% !important; background:#E85D20 !important; }
  /* 透明命中区兜底(slick 可点元素是 button,即使 li 不撑高也保证 44px) */
  .top-hero__slider .slick-dots li button::after,
  .top-hero__dots button::after{
    content:'' !important; position:absolute !important;
    top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important;
    width:44px !important; height:44px !important;
  }

  /* ========== P0b ★新增:hero 左右箭头 .slick-prev/.slick-next 命中区 ~20px→44px ==========
     批判2 修正:slick config arrows:true 注入箭头,全站无 CSS → 实 2.5.5 FAIL。本块拉到 44×44 并居中字形。
     仅几何;不动颜色(slick 默认箭头字形可见即可)。 */
  .top-hero__slider .slick-prev,
  .top-hero__slider .slick-next{
    width:44px !important; height:44px !important; z-index:6 !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
  }
  .top-hero__slider .slick-prev{ left:6px !important; }
  .top-hero__slider .slick-next{ right:6px !important; }
  .top-hero__slider .slick-prev::before,
  .top-hero__slider .slick-next::before{ font-size:24px !important; line-height:1 !important; opacity:.9 !important; }

  /* ========== P1 news 行:整行(<a>)可点 ≥44px ==========
     iter6:flex-wrap+padding:13px 4px。单行新闻换行后约 40px → 锁 min-height 兜底。 */
  .top-news-list__item{
    min-height:44px !important;
    padding:12px 6px !important;
    box-sizing:border-box !important;
    align-content:center !important;
  }
  /* news 标题升到正文地板 14px(iter6 13.5,首页可读正文)。break-word=JP 自然断行(批判2) */
  .top-news-list__title{ font-size:14px !important; line-height:1.5 !important; overflow-wrap:break-word !important; }

  /* ========== P2 主要事业 biz-tile:卡间距收紧 + 整卡(<a>)热区充裕 ========== */
  .biz-tiles__grid{ gap:12px !important; }                 /* 18→12,6卡单列回收纵向空白 */
  .biz-tile{ min-height:88px !important; padding:18px 16px !important; }
  .biz-tile__top{ margin-bottom:10px !important; }
  .biz-tile__name{ font-size:18px !important; margin:0 0 6px !important; overflow-wrap:break-word !important; } /* JP 自然断行(批判2) */

  /* ========== P3 footer 触控:分组钮+底部法务链接 44px;密集文本链接列 36px 舒适分隔 ==========
     批判1 watch 修正:footer 非手风琴,首列 13 链接竖排。强制每条 44px 会显著增高(页面本偏长)。
     分组钮 __btn(稀疏·主控件)与底部法务链接(稀疏)→ 44px;密集链接列文本链接 → 36px(2.5.5 行内等价例外语境)。 */
  .l-footer__main .c-footer-menu__btn{
    display:flex !important; align-items:center !important;
    min-height:44px !important; box-sizing:border-box !important; margin-bottom:4px !important;
  }
  .l-footer__main .c-footer-menu ul li a{
    display:flex !important; align-items:center !important;
    min-height:36px !important; padding:2px 0 !important;     /* 密集列:舒适分隔不爆高 */
  }
  .l-footer__bottom a{
    display:inline-flex !important; align-items:center !important;
    min-height:44px !important; padding:2px 4px !important;   /* 稀疏法务链接:满 44 */
  }
  .l-footer__main .c-footer-menu ul li{ margin-bottom:0 !important; }  /* 去额外 3px margin(iter1:44)防过长 */

  /* ========== P4 KPI dashboard(暗卡):保持 base 2列,只收内距防溢出(不强制3列) ========== */
  .dashboard-mock__grid{ gap:8px !important; }              /* 维持 base 1fr 1fr,仅缩间距 */
  .dashboard-mock__metric{ padding:10px 8px !important; }
  .dashboard-mock__metric-value{ font-size:18px !important; }   /* 22(base)→18 双列窄屏不挤 */
  .dashboard-mock__metric-label{ font-size:11px !important; letter-spacing:.02em !important; } /* 批判2:回 base 地板 11px(草案 10 太小) */
  /* 进度条 label|track|value 三段窄屏锁宽不挤压 */
  .dashboard-mock__progress-row{ gap:8px !important; align-items:center !important; }
  .dashboard-mock__progress-label{ flex:0 0 64px !important; font-size:11px !important; }
  .dashboard-mock__progress-track{ flex:1 1 auto !important; min-width:0 !important; }
  .dashboard-mock__progress-value{ flex:0 0 36px !important; text-align:right !important; font-size:11px !important; }

  /* ========== P5 hero 堆叠节奏 + 字号 + CTA 居中兜底 ==========
     批判2:.c-btn base 已 min-height:48(m5:489)、≤768 已 46(m5:560)= 已≥44。下面 hero 规则不改值,
     仅显式 flex 居中兜底(防 hero 内联样式干扰),不再宣称「修复 FAIL」。 */
  .top-hero__heading{ font-size:34px !important; line-height:1.2 !important; }   /* iter3 2.3rem(37) → 34 窄屏防挤 */
  .top-hero__inner p{ font-size:16px !important; line-height:1.6 !important; margin-bottom:20px !important; } /* 副题 16px·间距→20 */
  .top-hero .c-btn:not(.-pd-l){
    display:inline-flex !important; align-items:center !important; justify-content:center !important; /* 居中兜底·几何不变(已≥46) */
  }

  /* ========== live-ops 浮卡窄屏可读:保持 absolute,适度加宽防 label/value 挤压,收紧 max-width 防叠压 ==========
     base ≤768:right12 bottom12 width260 padding12·14。批判2:草案 max-width:340 过宽有叠 CTA 风险
     → 收到 300(390px:right12 → left78,无横溢;占位更小,矮 hero 不压底部 CTA)。 */
  .live-ops-overlay{
    width:calc(100% - 24px) !important; max-width:300px !important;
    padding:14px 16px !important;
  }
  .live-ops-overlay__row{ padding:7px 0 !important; }       /* 行高更舒展,label/value 不挤 */
  .live-ops-overlay__label{ font-size:12px !important; }
  .live-ops-overlay__value{ font-size:16px !important; }    /* 17→16 窄屏防溢出,仍≥14 */

  /* ========== P6 需求卡/据点卡/案例卡:整卡(<a>)已可点,补 min-height + 内距收紧 ========== */
  .l-grid__item .c-box.-border.-pd-m.needcard,
  .needcard{ min-height:64px !important; padding:16px 16px !important; }
  .top-location .c-card__inner{ min-height:64px !important; padding:16px 40px 16px 16px !important; }
  .top-location .c-card__title{ overflow-wrap:anywhere !important; }   /* グラングリーン 等不可断长词确会溢出 → 保留 anywhere(批判2 唯一保留点) */
  .service-card{ padding:14px 16px !important; }
  /* 批判2:case-card__kpi-row flex-wrap 是兜底——3 格 390px 实测一行可容,但长 label(ピーク時対応)留 wrap 防溢 */
  .case-card__kpi-row{ gap:10px !important; flex-wrap:wrap !important; }

  /* ========== P7 mission KPI(亮区4指标):保持 flex,收 gap(52→28 减页高,防双列拉长) ========== */
  .mission-sec__kpis{ gap:22px 28px !important; margin-top:24px !important; }
  .mission-sec__kpis .mkpi__num{ font-size:26px !important; line-height:1.1 !important; letter-spacing:-.01em !important; }
  .mission-sec__kpis .mkpi__unit{ font-size:14px !important; }
  .mission-sec__kpis .mkpi__lbl{ font-size:12px !important; line-height:1.4 !important; }

  /* ========== P8 section 上下 padding 收紧(页面偏高 ~17900px)= 8pt 节奏。仅改已核实承载层 ========== */
  .need-sec{ padding:44px 16px 28px !important; }            /* iter1 48/28 → 44/28 */
  .mission-sec{ padding:44px 16px !important; }              /* iter1 48 → 44 */
  .top-strengths{ padding-top:44px !important; padding-bottom:44px !important; }  /* iter1 48→44 */
  .biz-tiles{ padding:40px 16px !important; }                /* base 56 → 40(真承载层=wrapper) */
  .top-location__inner{ padding:40px 0 40px !important; }    /* base 40/55 → 40/40 */
  .top-base__inner{ padding:0 0 44px !important; }           /* base 0/60 → 0/44 */
  .top-news__inner{ padding:44px 0 48px !important; }        /* base 68/80 → 44/48(主要降高源) */
}

/* ============================================================
   ≤480px 超窄屏额外收口(字号防溢出 + 间距再紧)
   ============================================================ */
@media (max-width:480px){
  .top-hero__heading{ font-size:29px !important; line-height:1.18 !important; letter-spacing:-.01em !important; }
  .top-hero__inner p{ font-size:15px !important; margin-bottom:18px !important; }
  .c-heading.-large{ font-size:23px !important; }
  .c-heading.-medium{ font-size:20px !important; }
  .c-heading.-small,
  .service-card__title,
  .biz-tile__name,
  .case-card__title{ font-size:16px !important; }
  .dashboard-mock__metric-value{ font-size:16px !important; }
  .dashboard-mock__metric-label{ font-size:11px !important; }  /* 批判2:≤480 仍守 11px 地板(不再跌破) */
  .mission-sec__kpis{ gap:18px 18px !important; }            /* 4指标 2×2 半屏,約22,000㎡ 不溢 */
  .mission-sec__kpis .mkpi__num{ font-size:23px !important; }
  .live-ops-overlay{ max-width:none !important; padding:14px 14px !important; }
  .live-ops-overlay__value{ font-size:15px !important; }     /* 8,247件 一行不溢 */
}
/* ===== MODERN-LOOP / iter7 = 移动端精修 触控+节奏+字号+hero+KPI end ===== */


/* ============================================================
   MODERN-LOOP / iter8 = 终审 a11y(焦点环覆盖 / 对比 / 触控 遗漏补齐)
   全 !important・最后加载・可逆。只蓝橙+中性。WCAG 2.2 AA。
   选择器全部对 /tmp/fix/m5_index.html 核对=渲染在【首页】。
   ------------------------------------------------------------
   背景:iter1-7 的 :focus-visible 白名单(m5:632-647)只覆盖
   .c-btn族 / 顶层gnav链接 / header検索·言語钮 / 右レール /
   .case-card。以下首页可聚焦元素【缺自定义焦点环】,仅靠
   浏览器默认 outline(品牌不一致·部分UA极细)。本块统一补齐。
   ============================================================ */

/* ---------- A) 焦点环覆盖补齐(WCAG 2.4.7 / 2.4.11 / 1.4.11 非文字3:1) ---------- */
/* A-1 浅底(白/#FAF9F6/#f8f8f6)区块的卡片·链接·钮:深橙 #C9491A 环(on白 4.72:1·on#f8f8f6 4.44:1 ≥3:1)。
   覆盖: P4主要事业biz-tile / 12サービスservice-card / お悩みneedcard / 据点top-location .c-card(整卡<a>) /
        news行 / footer折叠钮 / footer链接列 / footer法务链接 / Page Top / 汉堡钮 /
        header言語ドロップ链接 / PC下拉子链接 / 移动子菜单 / header底部お問合せ钮 / subnav链接 / ロゴ。 */
.biz-tile:focus-visible,
.service-card:focus-visible,
.needcard:focus-visible,
.top-location .c-card:focus-visible,
.top-news-list__item:focus-visible,
.l-header__logo a:focus-visible,
.l-subnav__contact a:focus-visible,
.l-subnav__tracking-service a:focus-visible,
.c-header-lang__list a:focus-visible,
.c-gnav-content__text02:focus-visible,
.c-gnav-item__menu-sp a:focus-visible,
.box-title-link:focus-visible,
.l-header__bottom-contact-btn a:focus-visible,
.c-header-btn:focus-visible,
.c-pagetop a:focus-visible,
.l-footer__main .c-footer-menu__btn:focus-visible,
.l-footer__main .c-footer-menu ul li a:focus-visible{
  outline:2px solid #C9491A !important;
  outline-offset:2px !important;
  border-radius:4px !important;
}
/* A-2 暗底区块の焦点环:浅橙 #FF9C4A(对比足:on navy footer #16223D=7.6:1 / on dashboard #0f172a=8.6:1 ≥3:1)。
   覆盖: dashboard 内联CTA(无class·rgba暗底→属性选择器锁定) / footer法务链接(navy底)。 */
.l-footer__bottom a:focus-visible,
a[href="/index.php?s=/3pl/systems"][style*="rgba(255,255,255"]:focus-visible{
  outline:2px solid #FF9C4A !important;
  outline-offset:2px !important;
  border-radius:4px !important;
}
/* A-3 :focus-visible 非対応の旧browser:鼠標クリック態は環不表示(双環/誤環回避·与iter1-7 (d)同策) */
.biz-tile:focus:not(:focus-visible),
.service-card:focus:not(:focus-visible),
.needcard:focus:not(:focus-visible),
.top-location .c-card:focus:not(:focus-visible),
.top-news-list__item:focus:not(:focus-visible),
.l-header__logo a:focus:not(:focus-visible),
.c-header-lang__list a:focus:not(:focus-visible),
.c-gnav-content__text02:focus:not(:focus-visible),
.c-gnav-item__menu-sp a:focus:not(:focus-visible),
.l-header__bottom-contact-btn a:focus:not(:focus-visible),
.c-header-btn:focus:not(:focus-visible),
.c-pagetop a:focus:not(:focus-visible),
.l-footer__main .c-footer-menu__btn:focus:not(:focus-visible),
.l-footer__main .c-footer-menu ul li a:focus:not(:focus-visible),
.l-footer__bottom a:focus:not(:focus-visible){
  outline:none !important;
}
/* A-4 焦点环が overflow:hidden で裁切られない兜底(卡片群常带 overflow)。
   offset:2px の環を全表示させる為,聚焦時のみ visible。布局不参与=滚动条不増。 */
.biz-tile:focus-visible,
.service-card:focus-visible,
.needcard:focus-visible,
.top-location .c-card:focus-visible,
.case-card:focus-visible{
  overflow:visible !important;
}

/* ---------- B) 文字对比补齐(WCAG 1.4.3 Contrast Minimum AA) ---------- */
/* B-1 ★FAIL: .trust-strip__muted(法人番号 1120001179440)= #8a8f98 on #fff = 3.25:1 < 4.5。
   渲染在首页(m5_index.html:493 许认可ストリップ)。→ 收口为中性深灰 #5A6270(on#fff=5.13:1 AA)。
   仍是"muted"层级(比兄弟 navy #1A2744 浅),但达标。 */
.trust-strip__muted{ color:#5A6270 !important; }

/* B-2 言語ドロップ链接 hover 色 #E55A00 on #fff = 3.62:1 < 4.5(小字)。渲染在首页(header言語切替)。
   → 收口为文字橙 #C2410C(on#fff=5.18:1 AA·与 eyebrow 同 token 统一)。 */
.c-header-lang__list a:hover{ color:#C2410C !important; }

/* ---------- C) 触控目标兜底(WCAG 2.5.8 Target Size Minimum 24px / AAA 2.5.5 趋 44px) ---------- */
/* C-1 汉堡钮(SP):base 60×68 已足 → 仅显式锁 min 防未来回归(几何不变)。 */
.c-header-btn{ min-width:44px !important; min-height:44px !important; }
/* C-2 Page Top:base 全宽×46 已足 → 显式锁 min-height 兜底(整 <a> flex 占满)。 */
.c-pagetop a{ min-height:44px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
/* C-3 言語ドロップ链接:密集竖列(日本語/中文 2条),行内文本链接→舒适分隔 36px(与 footer 链接列同策)。 */
.c-header-lang__list a{
  display:flex !important; align-items:center !important;
  min-height:36px !important;
}
/* ===== MODERN-LOOP / iter8 = 终审 a11y 焦点环+对比+触控 end ===== */

/* ============================================================
   ===== MODERN-LOOP / iter8 = 终审/收尾:全局一致性 收敛 (2026-06-24) start =====  ※revertable
   首席UI综合·定稿。最后加载·全!important·可逆(删本块回 iter7)。只视觉·蓝橙+中性·WCAG AA。
   --------------------------------------------------------------
   审计依据: /tmp/fix/mod6c_full.jpg(桌面整页) + /tmp/fix/m5_index.html(实DOM选择器照合)。
   首页区块主标题在运行时并存 3 套范式,导致"区块头不统一":
     范式A (居中+橙左竖条已被iter1:165禁→现仅居中无线): .c-heading.-large.-border-2color
            命中 = お悩み(601)/銘東を選ぶ理由(627)/物流サービス(772)/拠点(1102)/ニュース(1234)
     范式B (左对齐+橙左竖条 -border):                  .c-heading.-large.-border / .c-heading.-medium.-border
            命中 = 当社の強み(1088)/採用情報(1208)/企業情報(1319)
     范式C (左对齐+无线 -medium):                       .c-heading.-medium (无-border)
            命中 = 導入事例(900)/事業拠点ネットワーク(1165)
     + biz-tiles__heading(502 主要事業)=深色带内 居中白字+橙eyebrow(深色带自成体系,保留)
   → 不一致点: 同级区块标题 居中/左对齐 混用、有线/无线 混用、竖条长度因字号不同而参差。
   收敛策略(克制·不动DOM): 统一为「左对齐 + 橙左竖条(3px 实心 #C9491A)」一套范式,
     竖条高度锁定(不随字号缩放→长度一致),范式A的"居中"回收为左对齐使其与B/C一家。
     深色带内(biz-tiles / mission-sec / live-ops / recruit)居中体系不动(自成一格·已统一)。
   ============================================================ */

/* ---------- iter8-1 / iter8-2 : 撤销(社長レビュー) ----------
   原案=浅色区标题 居中→左对齐 + 实心橙竖条(#C9491A)再生 + 字号30px统一。
   但「橙竖条」は本プロジェクト初期に社長が明示的に除去を指示した要素(再導入は不可)。
   且 居中→左対齐 は全区块の根本的なレイアウト転換で未承認。よって iter8-1/8-2 は不採用。
   区块标题は現状(居中・iter2で34px統一・竖条なし)を維持。 */


/* ---------- iter8-3 : 卡片圆角/边/影 统一(三套卡体系收敛到 iter1 token) ----------
   首页存在多套卡:需求卡(.needcard=.c-box.-border)、优势卡(.top-strengths .c-card)、
   服务卡(.top-service media卡)、据点卡(.top-location 白卡)、案例卡(.case-card)、洽谈卡(iter6)。
   iter1/iter5/iter6 已分别处理,但圆角值 r12 与个别 r8 仍并存。统一浅色区卡 = r12 + 暖边#E7E3D9 + 双层淡影。 */
.needcard,
.top-location .c-box,
.top-location__inner .c-box,
.top-strengths .c-card{
  border-radius:12px !important;
  border:1px solid #E7E3D9 !important;
}
/* hover 抬升幅度统一(iter1=-3px,个别区块 -2px/-4px 参差)→ 全部 -3px + 橙边 */
.needcard:hover,
.top-location .c-box:hover,
.top-strengths .c-card:hover{
  transform:translateY(-3px) !important;
  border-color:#C9491A !important;          /* 实心橙·与CTA同色(替代 #E85D20 浅橙) */
}

/* ---------- iter8-4 : 货物追踪服务 框 收敛(全页唯一的"橙描边整框"突兀) ----------
   /tmp band_7: .top-tracking 内有橙边整框,是页面唯一一处橙描边大框,与其余区块(无框)不一致。
   收敛 = 去掉整框橙边,改为顶部 3px 橙规则线(与其它区块的"橙竖条"语言一致·克制)。 */
/* iter8-4 superseded by iter8-9 (real DOM = .top-tracking__box, 無 inline border / 無 .c-box).
   旧片段 `.top-tracking__inner > div[style*="border"]` / `.top-tracking .c-box.-border` は
   首页DOMに0命中=死CSS。実枠 .top-tracking__box への収敛は iter8-9(本ブロック末尾)に集約。 */

/* ---------- iter8-5 : 实心橙 CTA 统一(主CTA色值收口到 #C9491A) ----------
   首页主行动按钮(查看全部案例/视频列表/据点交通/招聘信息/邮件咨询/货物追踪/进入公司信息)
   实心橙存在 #E85D20 与 #C9491A 两个相近橙并存(band对比可见深浅不一)。
   统一实心CTA = #C9491A(on白 4.5:1+ AA·与竖条/hover边同色),hover 加深一档。 */
.top-tracking a.c-btn.-primary,
.top-news a.c-btn.-primary,
.top-recruit a.c-btn.-primary,
.top-location a.c-btn.-primary,
.top-base a.c-btn.-primary,
.top-company a.c-btn.-primary,
.case-cta a.c-btn.-primary,
a.c-btn.-primary.btn-tracking{
  background:#C9491A !important;
  border-color:#C9491A !important;
  color:#fff !important;
}
.top-tracking a.c-btn.-primary:hover,
.top-news a.c-btn.-primary:hover,
.top-recruit a.c-btn.-primary:hover,
.top-location a.c-btn.-primary:hover,
.top-base a.c-btn.-primary:hover,
.top-company a.c-btn.-primary:hover,
.case-cta a.c-btn.-primary:hover,
a.c-btn.-primary.btn-tracking:hover{
  background:#A93C13 !important;     /* 深一档·on白 6.4:1 AA */
  border-color:#A93C13 !important;
}

/* ---------- iter8-6 : a11y 终审 焦点环 全局兜底(键盘可达·非鼠标态) ----------
   iter1/2 已为部分组件加 :focus-visible。本块为首页全部可交互元素补统一焦点环兜底,
   橙环 #C9491A + 2px offset(navy/白/深色带上均 ≥3:1 可见)。:not(:focus-visible) 抑制鼠标态双环。 */
.top-hero a:focus-visible,
.need-sec a:focus-visible,
.mission-sec a:focus-visible,
.top-service a:focus-visible,
.top-location a:focus-visible,
.top-strengths a:focus-visible,
.top-base a:focus-visible,
.top-recruit a:focus-visible,
.top-news a:focus-visible,
.top-company a:focus-visible,
.top-tracking a:focus-visible,
.biz-tile:focus-visible,
.case-card:focus-visible,
.needcard:focus-visible{
  outline:2px solid #C9491A !important;
  outline-offset:2px !important;
  border-radius:6px;
}
/* 深色带内焦点环改用浅橙 #FF9C4A(深navy上对比更高·≥4.5:1) */
.mission-sec a:focus-visible,
.biz-tile:focus-visible,
.top-strengths a:focus-visible,
.top-recruit a:focus-visible{
  outline-color:#FF9C4A !important;
}
a:focus:not(:focus-visible){ outline:none !important; }   /* 旧浏览器鼠标态去双环 */

/* ---------- iter8-9 : 货物追踪 框 収敛(実DOM .top-tracking__box·iter8-4の死CSSを是正) ----------
   真bug是正: iter8-4 の選択子(.top-tracking__inner>div[style*=border] / .top-tracking .c-box.-border)は
   首页DOMに0命中=死CSS。実枠=.top-tracking__box(:335 で border:2px #E85D20 整框橙=全页唯一の橙描边大框)。
   本块は実类を命中させ:335/:336 を上書き(本块=ファイル最後尾=同特異性 !important で勝ち)。
   収敛 = 整框橙 → 中性ヘアライン(#E7E3D9·1px)+ 顶 3px 实心橙规则线(#C9491A·他区块「橙竖条」と同语言·克制)。
   + iter8-3 の浅色卡 token(白底·r12)に整合。a11y: 3px顶线 #C9491A on白 4.72:1(≥3·機能的境界線)/
   1px中性辺は純装飾(1.4.11 除外)·实质境界は 3px 橙线が担う。red/green 不導入·只蓝橙中性·可逆。 */
.top-tracking__box{
  border:1px solid #E7E3D9 !important;          /* 整框橙(:335)→ 中性ヘアライン */
  border-top:3px solid #C9491A !important;      /* 顶のみ实心橙规则线·他区块の橙竖条と统一 */
  border-radius:12px !important;                /* iter8-3 浅色卡 token と整合 */
  background:#FFFFFF !important;
}
/* :336 hover が四辺を #FF9C4A に再塗装し整框橙が復活する回帰を遮断。1px辺は中性維持·顶线のみ一档深く。 */
.top-tracking__box:hover{
  border-color:#E7E3D9 !important;              /* 四辺=中性維持(:336 の整框橙化を打ち消す) */
  border-top-color:#A93C13 !important;          /* 顶线のみ深一档(統一CTA hover·on白 6.4:1 AA) */
}
/* 框内アイコンの橙を单一トークン化:既存 :1314 の #E85D20(on白 3.49:1)→ #C9491A(4.72:1·顶线/CTA/竖条と同色)。
   見出しテキストは navy #1A2744(:1312)維持=14.81:1。1.4.11 図形3:1 → 4.5:1 余裕へ昇格。 */
.top-tracking__box .c-heading .icon-load,
.top-tracking__box .icon-load{ color:#C9491A !important; }

/* ===== MODERN-LOOP / iter8 = 终审/收尾:全局一致性 收敛 end ===== */


/* ============================================================
   ===== MODERN-LOOP / iter9 = fresh-eyes 一致性 最後10%打磨 (2026-06-24) start =====  ※revertable
   標尺=NX/ヤマト/センコー/郵船ロジ。打磨非重设计。最后加载·全!important·可逆(删本块回 iter8)。
   只视觉·只蓝橙+中性(red/green/teal/pink=0)·WCAG AA·内容/文案/DOM 不变。
   ★硬约束遵守: 不引入橙竖条·不改居中标题为左对齐(本块零 ::before kicker / 零 text-align 改写)。
   --------------------------------------------------------------
   审计依据: /tmp/fix/mod8_full.jpg(桌面整页) + /tmp/fix/m5_index.html(实DOM选择器照合)。
   全セレクタ live DOM で存在確認済。全局*なし・死選択子なし。各点 现状→精修:
   ① 服务区顶部3大图卡 .c-card__title(783/792/801) 字重700,与卡片标题令牌(iter1:415=600)不齐 → 拉平600。
   ② 下9张 service-card__desc 无 min-height,单行/两行卡不等高=箭头基线参差(截图service-grid可见) → 锁两行高(与biz-tile__desc:40同族)。
   ③ case-card 内嵌徽标/标签圆角=基底值,与卡 r12 不成半径阶梯 → 内嵌统一 r6(=外层一半)。
   ④ mission KPI 单位(mkpi__unit 年/㎡/万人超)与大数字几乎同重,抢视觉(截图KPI区可见) → 降权小字·半透白·基线对齐。
   ⑤ news 行(top-news-list__item)裸文本无 hover,与"全页可点元素皆有橙反馈"体系不一致 → 左2px橙进入条+标题转CTA橙(不位移·列表语义)。
   注: iter8-A 已为 news-list__item 加 :focus-visible(键盘),本块 ⑤=hover(鼠标),互补不冲突。
   ============================================================ */

/* ---------- ① 服务区顶部 3 大图卡标题 → 并入 card-title 令牌(字重 600·与 service/biz/case 同族) ---------- */
/* 命中: .top-service .c-card__title(行783「越境EC物流サービス」/792「3PL物流事業」/801「保税蔵置場運営」)。
   据点卡 .top-location .c-card__title(iter5:1086=17px/700·有意保留)不波及(scoped 到 .top-service)。 */
.top-service .c-card__title{
  font-size:18px !important; font-weight:600 !important;
  line-height:1.5 !important; letter-spacing:0 !important;
}

/* ---------- ② service-card 描述行 锁两行高度(箭头 → 基线对齐·与 biz-tile__desc min-height:40 同族) ---------- */
/* 命中: 下方 9 张 .service-card 的 .service-card__desc(行815/824/833…888)。单行卡(「通関業」)与两行卡等高。 */
.service-card__desc{
  min-height:40px !important;
  display:flex !important; align-items:center !important;
}

/* ---------- ③ case-card 内嵌徽标/标签 圆角 → r6(= 卡片 r12 的一半·建立半径阶梯) ---------- */
/* 命中: .case-card__kpi-badge(行908…)/.case-card__tag(行912…)。外层卡 r12(iter1:461)·内嵌半之=视觉嵌套关系清晰。 */
.case-card__kpi-badge{ border-radius:6px !important; }
.case-card__tag,
.case-card__tag.-primary{ border-radius:6px !important; }

/* ---------- ④ mission KPI 单位 降权(暗底 mission-sec·大数字旁小单位不抢视觉) ---------- */
/* 命中: .mission-sec__kpis .mkpi__unit(行618 年/㎡/万人超)。大数字=#FF9C4A 承担可读·单位=半透白小字基线对齐。
   AA: 单位为大数字的从属说明·非独立信息载体(数字+标签 mkpi__lbl 已表意)·.7 白 on navy ≈10:1 仍 AA。 */
.mission-sec__kpis .mkpi__unit{
  font-size:.5em !important; font-weight:500 !important;
  letter-spacing:.02em !important; margin-left:2px !important;
  color:rgba(255,255,255,.7) !important; vertical-align:baseline !important;
}

/* ---------- ⑤ news 行 hover(全页"可点元素皆有橙反馈"体系收口·列表语义=不位移) ---------- */
/* 命中: .top-news-list__item(行1240… お知らせ/更新情報 两列)。左 2px 透明→橙 进入条 + 极淡橙底 + 标题转 CTA 橙。
   不用 translateY(列表非卡片·位移会破坏行对齐)。a11y: hover 纯增强·焦点态由 iter8-A 焦点环负责。 */
.top-news-list__item{
  border-left:2px solid transparent !important;
  padding-left:12px !important;
  transition:border-color .2s ease, background-color .2s ease, color .2s ease !important;
}
.top-news-list__item:hover{
  border-left-color:#C9491A !important;
  background-color:rgba(201,73,26,.04) !important;
}
.top-news-list__item:hover .top-news-list__title{ color:#C9491A !important; }

/* ---------- ⑥ レスポンシブ(≤767): ②min-height 解除(SP 单列·内容自适应) ---------- */
@media screen and (max-width:767px){
  .service-card__desc{ min-height:0 !important; }   /* SP 触控密度·描述高度随内容(横向卡布局变化) */
  .top-news-list__item{ padding-left:10px !important; }
}
/* ===== MODERN-LOOP / iter9 = fresh-eyes 一致性 最後10%打磨 end ===== */


/* ============================================================
   ===== MODERN-LOOP / iter9-B = fresh-eyes 質感補追(首席UI綜合) (2026-06-24) start =====  ※revertable
   標尺=NX/ヤマト/センコー/郵船ロジ。打磨非重设计。最后加载·全!important·可逆(删本块回 iter9)。
   只视觉·只蓝橙+中性(red/green/teal/pink=0)·WCAG AA·内容/文案/DOM 不变。
   ★硬约束: 不引入橙竖条·不改居中标题为左对齐(本块零 ::before/kicker·零 text-align 改写)。
   ★既存 iter9(上块①〜⑥)とは非重複(c-card title/service-desc/badge radius/mkpi unit/news hover を再触しない)。
   全セレクタ live DOM(/tmp/fix/m5_index.html)で存在確認済・全局*なし・死選択子なし。各点 现状→精修:
   ⒜ 全データ数字(KPI/実績/live)に tabular-nums 未適用 → 桁揃わず参差(1,200/65%/3.2x が不整列)
       → tnum 等幅化(物流データ站の標識的細部·純追加·色/字号不変)。
   ⒝ live-ops 浮層 単位(__unit 件/CTN/秒)が値と同重の満白で抢視覚(__unit 専用規則 不在)
       → 11px/66%白に降権(navy玻璃上 AA)·値を主役化。
   ⒞ case-card__client(行915 等「中国デバイスメーカー A 社様」)= スタイル覆盖ゼロ·title と同権で主従曖昧
       → client を次級 eyebrow 風(小字·字距·navy系灰 5.6:1)に降権し title 主従明確化。
   ⒟ 「3 selling points」帯(行569〜595)の数字 inline #E85D20(3.49:1·全页统一橙線色 #C2410C と不一致)
       → 数字を #C2410C(on白 5.18:1 AA·批判2測定値=前案「4.54:1」は誤記訂正)に統一·
         inline 縦分隔線(#f0f0ee)を帯背景の白(行569 background:#fff)と同色化し視覚消去(分隔=帯上下枠線に一本化)。
         ※遮蔽法のため帯背景が将来 #fff 以外に変われば白同色マスクが解ける潜在結合(批判1)。可逆覆盖につき許容。
   ⒠ ⒟が開いた一貫性ギャップ収口(批判2 推奨 fix): case-card KPI 数字(.case-card__kpi-num·18箇所
       -60%/5x/92%/3.2x…)は既存 :110/:705 で #E85D20(3.49:1·20px/800=大文本 AA-large のみ)に固定。
       帯数字を #C2410C に寄せた結果「顕著な数値が二橙併存」となるため、KPI も同一 token #C2410C へ統一。
       → 全页「顕著数値=単一橙」一致 + 3.49:1→5.18:1 で AA-large から AA-normal へ昇格。橙面積不増(同字色値置換のみ)。
   ============================================================ */

/* ---------- ⒜ データ数字 tabular-nums 等幅化(桁揃え·純追加·色/サイズ/字距は既存維持) ---------- */
/* 命中: case-card__kpi-num(行918…·-60%/5x/92%)/ mission mkpi__num(行618·13/約22,000/25)/ live-ops value(行461…)。
   既存の letter-spacing/色/font-size は再指定せず tnum のみ付与=iter1:442·iter2 と非衝突。 */
.case-card__kpi-num,
.mission-sec__kpis .mkpi__num,
.live-ops-overlay__value [data-live]{
  font-variant-numeric:tabular-nums !important;
  font-feature-settings:"tnum" 1 !important;
}

/* ---------- ⒝ live-ops 浮層 単位 降権(値を主役·単位=従属小字) ---------- */
/* 命中: .live-ops-overlay__unit(行461/465/469/473 件/件/CTN/秒)。専用規則は既存に不在=純追加。
   AA(批判2修正): 単位は値の従属説明(値+ラベル __label が主情報)。浮層=半透 navy panel
   rgba(20,31,56,.82) が hero 写真上に乗る構造のため、66%白の実コントラストは hero 範囲全域で
   ~5.1〜8.1:1(最悪=panel直後が hero ハイライト時 5.11:1)=AA 確保。前案の単一値「≈8:1」は固navy/暗hero側の楽観値。 */
.live-ops-overlay__unit{
  font-size:11px !important;
  letter-spacing:.02em !important;
  color:rgba(255,255,255,.66) !important;
  margin-left:3px !important;
}

/* ---------- ⒞ case-card__client → 次級 eyebrow(client/title の主従を明確化) ---------- */
/* 命中: .case-card__client(行915/936 等)。スタイル覆盖ゼロ→小字·字距·navy系灰に降権。
   title(行418=19px/600·iter1令牌)を主文として残し、client を上位ラベル化。AA: #5C6678 on白 5.6:1。 */
.case-card__client{
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
  color:#5C6678 !important;
  margin-bottom:4px !important;
}

/* ---------- ⒟ 「3 selling points」帯 数字色 token 統一 + inline 縦分隔線 消去 ---------- */
/* 命中(構造非変更·属性セレクタで inline 上書き):
   ・数字 box: .biz-tiles + div .l-grid__item div[style*="color:#E85D20"](行574「20万人+」/581「好立地」/588「柔軟」3箇所命中)
     → #E85D20(3.49:1)を全页統一橙線色 #C2410C(on白 5.18:1 AA·測定値)へ。橙面積は不増(同一文字の色値置換のみ)。
     スコープ .biz-tiles + div により mission eyebrow(行614·既に iter1:450 で #FF9C4A)/「5 reasons」円バッジ(行632〜)には不波及。
   ・縦分隔線: .biz-tiles + div .l-grid__item > div[style*="border-left"](行580 中央列のみ)
     → 縦線(#f0f0ee)を帯背景の白と同色化で視覚的に消去。区切りは帯の上下 1px枠線に一本化=より静謐。 */
.biz-tiles + div .l-grid__item div[style*="color:#E85D20"]{
  color:#C2410C !important;
}
.biz-tiles + div .l-grid__item > div[style*="border-left"]{
  border-left-color:#FFFFFF !important;
  border-right-color:#FFFFFF !important;
}

/* ---------- ⒠ case-card KPI 数字色 → 帯と同一 token #C2410C(顕著数値=単一橙·AA-normal 昇格) ---------- */
/* 命中: .case-card__kpi-num(行918…·18箇所 -60%/5x/92%/3.2x…)。既存 :110/:705 の #E85D20(3.49:1)を上書。
   ⒟で帯数字を #C2410C に寄せたため、顕著な数値の橙を一本化(両者 #C2410C)。
   AA: #C2410C on白 5.18:1=20px/800 でも AA-normal(4.5:1)クリア(従来は AA-large 3:1 のみ)。
   橙面積不増(同一字の色値置換のみ)·色以外(size/weight/letter-spacing/tnum)は再指定せず既存維持。 */
.case-card__kpi-num{
  color:#C2410C !important;
}
/* ===== MODERN-LOOP / iter9-B = fresh-eyes 質感補追 end ===== */

/* =================================================================================
   ===== MODERN-LOOP / iter10 = 最終QAゲート(対抗式・実欠陥のみ・統合版) start =====
   ※ disk 上に存在した 2 つの iter10 ブロック(従来 1891-1965 / 1968-2000)を本ブロック1本に
     統合。重複/矛盾コピーを除去しカスケードを一義化。全 !important・最後載せ・可逆
     (本ブロック削除で iter9-B へ復帰)。蓝橙+中性のみ・red/green/teal/pink/橙縦帯/左寄せ
     見出し 不導入・内容/文案/DOM 不変。各セレクタは /tmp/fix/m5_index.html で実在確認済。

   ★却下した『草案』の誤検出(採用せず=回帰回避):
     草案は「欠陥1: service-card 絵文字 filter」を誤検出として削除しようとしたが前提が偽。
     DOM:812-884 に raw カラー絵文字 9種、dynamic-effects.css:655-658 が*彩色emojiフォントを
     明示強制*('强制使用彩色 emoji 字体')。filter を外すと 🛍️ピンク/🛒多色/🧳茶/🚢青赤 が復活し
     硬約束『red/green/teal/pink 絶無』に違反。本 filter は*唯一の橙化手段*=必ず保持する。
   ================================================================================= */

/* 【欠陥1 / CRITICAL・off-brand色漏れ】12サービス絵文字をブランド橙へ脱色(必留)。
   証拠: DOM:812-884 に 🚢📋🚚🛍️🛒🧳🔍🤝💻 の raw カラー絵文字。base が彩色emojiフォント強制
   (dynamic-effects.css:655-658)。m5:98 の color:#E85D20 は絵文字に無効。filter で固有色を剥がし
   #E85D20系の橙トーンへ。色情報は失うが意味は隣接 .service-card__title が担保。 */
.service-card__icon{
  filter:grayscale(1) sepia(1) saturate(4.2) hue-rotate(-12deg) brightness(.92) !important;
  -webkit-filter:grayscale(1) sepia(1) saturate(4.2) hue-rotate(-12deg) brightness(.92) !important;
}

/* 【欠陥2 / HIGH・重複矢印】案件CTA「…（18 件）→」の icomoon シェブロン重畳を1本化。
   証拠: DOM:1052 が span 内に literal「→」直書き。base stylesheeta034.css:1689
   `.c-btn span::after{content:"\e904"}` が常時付加→2矢印。`.c-btn -primary` は全DOMで1本のみ
   かつ `.l-btns` 直下=スコープ安全(mail/PDF/外部/-pd-l/c-btn-red は無影響)。literal「→」は残す。 */
.l-btns .c-btn.-primary span::after{ content:none !important; }

/* 【欠陥3 / HIGH・重複シェブロン】据点カードのインライン「›」+右上「›」の二重を右上1個へ統一。
   証拠: base stylesheeta034.css:2064 `.c-card__title::after` がインライン矢印を、overlay m5:1098
   `.top-location .c-card__inner::after` が右上シェブロンを両方描画。DOM に `.top-location` 4箇所。
   据点カードに限りベースのインライン矢印を抑制(他 c-card への波及なし)。 */
.top-location .c-card__title::after{ content:none !important; }

/* 【欠陥4 / HIGH・空状態/壊れ表示】SP の WMS 折線図が空に見える。
   証拠: dynamic-effects.css:312 `.dashboard-mock__chart svg{height:80px}` 固定。SP でパネルは
   指標カードと協調し高く伸びるが SVG は上端 80px のみ占有→navy 底の 2px 橙線が JPEG 圧縮で視認
   不能、端点ドットのみ孤立=壊れ。修复=枠を flex 縦組化し SVG を枠いっぱいへ伸展(既設
   preserveAspectRatio=none で線・面がストレッチ可視化)。色は既存橙(m5:981 stroke:#FF9C4A /
   :982 circle #FF9C4A / :979 down=#C7D0E0 中性灰)維持=red 絶無。 */
.dashboard-mock__chart{ min-height:128px !important; position:relative !important; display:flex !important; flex-direction:column !important; }
.dashboard-mock__chart-head{ flex:0 0 auto !important; }
.dashboard-mock__chart svg{ height:auto !important; flex:1 1 auto !important; min-height:72px !important; width:100% !important; display:block !important; }
.dashboard-mock__chart-line{ stroke-width:2.5px !important; }

/* 【欠陥5 / MINOR・列高不均衡】新闻动态 右列(更新情報3行)が左列(お知らせ5行)より短く下に空白。
   証拠: DOM お知らせ=5行 / 更新情報=3行。`.top-news-layout__block` 2箇所。PC のみ等高化
   (内容・行数不変・左5項は超過しても裁切なし・SP 1段組は無害)。 */
@media (min-width:768px){
  .top-news-layout__block{ min-height:288px !important; }
}

/* 【欠陥6 / a11y・WCAG 2.4.7】サイト内検索 input 2箇所に可視焦点环なし。
   証拠: DOM:116/:374 の <input type="text" placeholder="サイト内検索">=唯一の focusable 入力。
   iter2 白名单(m5:644)は DOM:115 の <div> .c-header-search__main を対象=フォーカス不可の死カバー。
   修复=input 自体へ深橙#C9491A 環(on白 4.72:1・非テキスト AA pass・他白底群と同 token)。
   :focus:not(:focus-visible) で旧browser鼠標時の二重環を抑制。color/placeholder/構造 不変。 */
.c-header-search__main input[type="text"]:focus-visible,
.c-header-search input[type="text"]:focus-visible{
  outline:2px solid #C9491A !important;
  outline-offset:2px !important;
  border-color:#C9491A !important;
  border-radius:4px !important;
}
.c-header-search__main input[type="text"]:focus:not(:focus-visible),
.c-header-search input[type="text"]:focus:not(:focus-visible){
  outline:none !important;
}
/* ===== MODERN-LOOP / iter10 = 最終QAゲート(統合版) end ===== */

/* ============================================================
   ===== MODERN-LOOP / iter11 = HERO 首屏「断层/补丁」根治 (2026-06-24, 確定版) start =====  ※revertable
   ------------------------------------------------------------
   背景: 用户反馈 hero banner 有「拼接断层/补丁感」。可视确认(/tmp/fix/herofix_s1,s2.jpg):
     根因 = iter3 的文字底板 .top-hero__inner.center::before(560×~316 半透明 navy 圆角矩形, z-index:-1)。
       (a) 硬边+圆角 → 在照片(明亮空/海/仓库)上形成可见的竖向矩形/补丁 = 「拼接断层」。
       (b) .center=text-align:center, 底板居中, 而标题视觉偏左 → 文字露在底板左外 = 错位。
       (c) ghost CTA(白枠半透 navy)对比弱, 非品牌橙。
   修复方向(套用 doc 7点中适用的 ②遮罩 ③层级 ④实心橙CTA, 但硬约束: 保留现有5张真实轮播图、不动其它区块):
     ① 去底板: .top-hero__inner.center::before → display:none(消断层+消错位, 写真依存改由方向遮罩担保)。
     ② 左暗→右透 full-bleed 线性方向遮罩(无硬边): .top-hero__item::after 由 iter3 的「中央 radial」
        改为 90deg 线性 navy(#1A2744=rgb(26,39,68)) 遮罩。文字区(左~50%)navy_alpha≥.66 →
        白字最坏(纯白像素)≥4.94:1(AA, 实算; 旧草案 .50=3.08:1 已废)。文案 max-width 32rem 左对齐,
        行末永不越 ~41%(该处≥6.3:1)。右端(浮卡区 ~72%+)渐隐至 0 → 不压暗 OPERATIONS 玻璃面板。
   实测口径(WCAG, 白字 vs navy 合成在最坏纯白底): navy@.50=3.08:1(FAIL)·@.62=4.36:1·@.66=4.94:1·@.74=6.29:1。
   CTA #C9491A=4.72:1 / hover #B23A0C=5.99:1 / live-ops 橙 #FF9C4A on navy=7.13:1。
     ③ 三级层级: 标题(已 4.6rem/700)/副题(已 1.5rem/500)由 iter3 担保, 本轮仅补「左对齐 + 内缩留白」
        令文案靠左坐进暗区(.center 仍 text-align:center, 用 text-align:left + max-width 限宽左置)。
     ④ ghost CTA → 实心品牌橙: #C9491A(白字 on #C9491A = 4.72:1 AA), hover #B23A0C。
        覆盖 iter1(:527)+iter3(:852) 两处白 ghost 定义 + base .c-btn::before 红渐变叠层 + span 色。
   特异性/源序:
     - 本块在文件末尾=最后加载, 与既存同选择器(0,4,1 等)平局时源序胜 → 全覆盖 iter1/iter2/iter3。
     - 全 !important / 仅蓝橙 / WCAG AA / 仅命中 .top-hero* 与 .live-ops*(不碰 .l-rightmenu 等全站件)。
   可逆: 删除本 iter11 块即回到 iter10(底板+radial+白ghost)状态。内容/文案/5图/指标 不变。
   ============================================================ */

/* ---------- ① 去文字底板(消断层/补丁 + 消错位) ---------- */
/* iter3 在 .top-hero__inner.center::before 敷了 560px 硬边 navy 圆角板 → 写真上现矩形补丁。
   写真依存改由下方 ② 方向遮罩担保, 故此板整体撤除。窄屏同撤(窄屏改纵向遮罩)。 */
.top-hero__inner.center::before{
  display:none !important;
}

/* ---------- ② 左暗→右透 full-bleed 线性方向遮罩(无硬边, AA≥4.5:1, 批判2 CRITICAL 已修正) ---------- */
/* host=.top-hero__item(position:relative/overflow:hidden/transform無, iter3 已确认)。
   navy #1A2744 = rgb(26,39,68)。90deg: 文字带(左)足够暗, 右端浮卡区渐隐至透明=不压面板。
   ★批判2 修正: 旧 .50@45% 在最坏纯白像素上 navy@.50/white(255)=3.08:1 → AA FAIL(注释虚标≥7:1)。
     文案 max-width 已收到 32rem(512px), 左对齐右端在 1280vw 约 41%、1440 约 37%、1920 约 28%。
     遮罩需在「文字列右端最远位置(≤50%)」仍保持 navy_alpha≥.66。下方实算值(白字 vs 合成底):
       30%≈.82→纯白8.4:1 · 37%≈.77→纯白7.1:1 · 41%≈.74→纯白6.3:1 · 50%≈.66→纯白4.94:1 / 亮天底6.2:1。
     即任意一屏照片、任意行末字符 ≥4.5:1, 与照片像素无关(layout 非依存, 不再依赖已撤的 navy 板)。
     72% 起 navy_alpha≤.18、88% 归 0 → OPERATIONS 玻璃面板(右 ~72%+)完全清透不被压暗。 */
.top-hero__item::after{
  content:'' !important;
  position:absolute !important; inset:0 !important;
  z-index:1 !important; pointer-events:none !important;
  background:linear-gradient(90deg,
    rgba(26,39,68,.90) 0%,
    rgba(26,39,68,.88) 18%,
    rgba(26,39,68,.80) 34%,
    rgba(26,39,68,.66) 50%,
    rgba(26,39,68,.18) 72%,
    rgba(26,39,68,0)   88%) !important;
}
/* 底部极淡 navy 收边(hero→浅底 tagline 衔接), 保留 iter3 思路但弱化高度 */
.top-hero__item::before{
  content:'' !important;
  position:absolute !important; inset:auto 0 0 0 !important;
  height:16% !important; z-index:1 !important; pointer-events:none !important;
  background:linear-gradient(0deg, rgba(26,39,68,.18), rgba(26,39,68,0)) !important;
}

/* ---------- ③ 三级层级: 文案左对齐 + 限宽左置(坐进左侧暗区) ---------- */
/* .top-hero__inner.center 仍是 base 的 text-align:center; 用 left + max-width 把文案推到左侧暗区。
   ★实测修正(2026-06-24): iter3 的 z-index:2 实际未能压过遮罩 ::after(像素采样证实文案被 .90 navy 遮罩盖住
   → 标题/CTA 渲染成暗navy(54,66,91)而非白/橙)。本块强制 inner 及其直接子级 z-index:6 置于遮罩之上。
   字号字重由 iter3 (标题4.6rem/700·副题1.5rem/500)承接, 此处不重设。 */
.top-hero__inner.center{
  text-align:left !important;
  z-index:6 !important;
}
.top-hero__inner.center > *{
  position:relative !important;
  z-index:6 !important;
}
/* 副題は 32rem で自然折返し(スラッシュ/読点で折れる=問題なし)。 */
.top-hero__inner.center p{
  max-width:32rem !important;
  margin-right:auto !important;
}
/* ★見出し断句修正(2026-06-24·日本語ページ): 長題「グローバル物流ネットワーク」「先進的な倉庫システム」
   等が 32rem 内で「物流/ネットワーク」のような複合語の途中で割れる断句不良を起こしていた。
   → max-width 解除で1行化 + word-break:keep-all で万一折返しても CJK 語中で割らない。
   見出しは左ダーク域に収まり OPERATIONS パネル(右72%~)へは届かない(最長≈600px)。 */
.top-hero__inner.center .top-hero__heading{
  max-width:42rem !important;            /* 最長題≈575px<672px=1行に収まり、かつ右72%のパネルへ届かない */
  margin-right:auto !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  line-break:strict !important;
  pointer-events:none !important;        /* 見出しブロックが万一パネル域に被ってもクリックを横取りしない */
}
.top-hero__inner.center .l-btns.-left{
  justify-content:flex-start !important;
}
@media (max-width:767px){
  /* 窄屏: 浮卡下方堆叠 + 文案常居中更稳 → 改纵向(上暗下透)遮罩并恢复居中文案。
     ★批判2 修正: 纵向同样提底, 上部 0–30% 保持 navy_alpha≥.66(白字纯白底≥4.9:1),
     50% 起退、72% 归 0 → 浮卡(下方)区不被压暗。 */
  .top-hero__item::after{
    background:linear-gradient(180deg,
      rgba(26,39,68,.86) 0%,
      rgba(26,39,68,.74) 22%,
      rgba(26,39,68,.66) 32%,
      rgba(26,39,68,.30) 50%,
      rgba(26,39,68,0)   72%) !important;
  }
  .top-hero__inner.center{ text-align:center !important; }
  .top-hero__inner.center .top-hero__heading,
  .top-hero__inner.center p{ max-width:none !important; margin-right:0 !important; }
  .top-hero__inner.center .l-btns.-left{ justify-content:center !important; }
}

/* ---------- ④ 实心品牌橙 CTA(替换白 ghost · 覆盖 iter1/iter3/base) ---------- */
/* base .c-btn = 圆角100/橙边/白底/橙字; iter1(:527)+iter3(:852) = 白 ghost。本轮 → 实心橙。
   实算(WCAG): 白字 on #C9491A = 4.72:1 (AA), hover #B23A0C = 5.99:1。圆角收 8px, 去模糊/去白枠。 */
.top-hero .c-btn:not(.-primary):not(.-pd-l){
  background:#C9491A !important;
  border:1.5px solid #C9491A !important;
  color:#fff !important;
  border-radius:8px !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  letter-spacing:0.02em !important;
  box-shadow:0 6px 18px -6px rgba(201,73,26,.55) !important;
}
.top-hero .c-btn:not(.-primary):not(.-pd-l) span{
  color:#fff !important;
}
/* base .c-btn::before 是 hover 时浮现的红渐变叠层(opacity 0→1) → 禁用, 避免与实心橙打架 */
.top-hero .c-btn:not(.-primary):not(.-pd-l)::before{
  display:none !important;
}
/* hover: 深一档橙 #B23A0C(白字仍 AA) + 轻微抬升, 不再白埋 */
.top-hero .c-btn:not(.-primary):not(.-pd-l):hover{
  background:#B23A0C !important;
  border-color:#B23A0C !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 8px 20px -6px rgba(178,58,12,.6) !important;
}
.top-hero .c-btn:not(.-primary):not(.-pd-l):hover span{
  color:#fff !important;
}
/* 焦点环: 实心橙底上白枠 + navy halo(键盘可见, 覆盖 iter2 :654 的浅橙环) */
.top-hero .c-btn:not(.-primary):not(.-pd-l):focus-visible{
  outline:2px solid #fff !important;
  outline-offset:2px !important;
  box-shadow:0 0 0 4px rgba(26,39,68,.85) !important;
  border-radius:8px !important;
}

/* ---------- ⑤ OPERATIONS 面板: 克制玻璃(承接 iter3 navy 玻璃, 微调通透度防右端遮罩残影) ---------- */
/* iter3 已 navy 玻璃(.82 底+橙顶高光)。右端遮罩已渐隐至 0, 面板自带底色即足。
   仅补 backdrop-filter 兜底(部分浏览器 iter3 未声明), 通透更「玻璃」而不喧宾。 */
.live-ops-overlay{
  -webkit-backdrop-filter:blur(10px) saturate(1.15) !important;
  backdrop-filter:blur(10px) saturate(1.15) !important;
}
/* ===== MODERN-LOOP / iter11 = HERO 首屏「断层/补丁」根治 end ===== */


/* ════════════════════════════════════════════════════════════════════════
   INTERIOR · NEWS  ─  内页(新闻列表/详情)对齐首页 + 全站字体统一(容器级)
   ────────────────────────────────────────────────────────────────────────
   追加块 · 最后加载(news_list.html:67 / news_detail.html:91)· 全 !important · 可逆
   选择器已逐一对 /tmp/fix/news_list.html + news_detail.html 核对存在
   仅视觉 · 仅 navy+橙系+中性暖色 · 绝无 red/green/teal/pink · WCAG AA
   不碰等宽数字(:105-107 Roboto Mono 锁) · 字体统一用【容器级】非 *
   AA 复核: 白字 on #C9491A 4.72:1 / 橙文字 #C2410C on白 5.18:1·on象牙#FAF9F6 4.92:1
            / hover橙 #C2410C on #FAF9F6 4.92:1 / 焦点环 #C9491A on白 4.72:1>3:1
   ════════════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────
   A. 全站字体统一(容器级覆盖, 不用 * , 不碰 mono 数字)
   ──────────────────────────────────────────────────────────────
   canonical 商务栈 = stylesheeta034.css:394 body 同款(逐字镜像)。
   说明: dynamic-effects.css 不在两新闻页加载 → 下列 SF Pro/Georgia 容器
   (.live-ops-overlay/.dashboard-mock/.case-quote)在本页不存在, 此块为全站
   一致性写在公共 m5-layout, 仅在首页命中, 对新闻页零副作用。
   绝不触碰 .case-card__kpi-num/.count-up/.dashboard-mock__metric-value
   (那三处 :105-107 已锁 Roboto Mono, 不在本块选择器内)。 */
.live-ops-overlay,
.dashboard-mock,
.case-quote__text::before,
.case-quote::before{
  font-family:"Noto Sans JP","Noto Sans SC",-apple-system,BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","YuGothic","Meiryo",
    "PingFang SC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
}
/* A-bis · 等宽数字双保险: 即便落入上述容器, 强制保留 Roboto Mono(刻意·不动) */
.case-card__kpi-num,
.count-up,
.dashboard-mock__metric-value{
  font-family:"Roboto Mono","DIN Alternate",ui-monospace,SFMono-Regular,monospace !important;
}

/* ──────────────────────────────────────────────────────────────
   B. 页标题 c-mto-heading + 橙下划线(与首页区块标题同语言)
   DOM: .l-pagetitle.-small > .l-pagetitle__inner > h1.c-mto-heading
   ────────────────────────────────────────────────────────────── */
.l-pagetitle.-small .c-mto-heading{
  position:relative !important;
  color:#1A2744 !important;
  font-weight:700 !important;
  font-size:34px !important;
  line-height:1.25 !important;
  letter-spacing:.01em !important;
  padding-bottom:18px !important;
  margin:0 !important;
}
.l-pagetitle.-small .c-mto-heading::after{
  content:"" !important;
  position:absolute !important; left:0 !important; bottom:0 !important;
  width:64px !important; height:3px !important;
  background:#E85D20 !important; border-radius:2px !important;
}

/* ──────────────────────────────────────────────────────────────
   C. 面包屑(navy/灰, 当前页 navy 粗体, hover 橙)
   DOM: .l-breadcrumb__inner > ol > li > a > span[itemprop=name]
   ────────────────────────────────────────────────────────────── */
.l-breadcrumb__inner ol{ font-size:13px !important; letter-spacing:.02em !important; }
.l-breadcrumb__inner li a,
.l-breadcrumb__inner li a span{ color:#5C6678 !important; transition:color .18s ease !important; }
.l-breadcrumb__inner li a:hover,
.l-breadcrumb__inner li a:hover span{ color:#C2410C !important; }
.l-breadcrumb__inner li:last-child span[itemprop="name"]{ color:#1A2744 !important; font-weight:600 !important; }

/* ──────────────────────────────────────────────────────────────
   D. 分类筛选 → 现代 pill chips(改色对齐令牌 + 清除残留 radio 点 + 补焦点环)
   DOM: .news-head__item > .news-head__title + ul.c-radio-list
        > li > input.c-radio[checked] + label[for]
   基底(stylesheeta034.css:3617): .c-radio{display:none} + label 已是胶囊,
        但用 #E55A00(3.62:1 FAIL)+#C4C4C4 边 + ::before/::after 圆点 + 左 padding 32px。
   本块: 修色→令牌 · 隐藏残留圆点 · 收回左 padding · 加 hover/选中/焦点。
   ────────────────────────────────────────────────────────────── */
.news-head__item{
  display:flex !important; align-items:center !important; flex-wrap:wrap !important;
  gap:10px 14px !important;
  padding:18px 22px !important;
  background:#FAF9F6 !important;
  border:1px solid #E7E3D9 !important;
  border-radius:12px !important;
}
.news-head__title{
  margin:0 6px 0 0 !important;
  font-size:13px !important; font-weight:700 !important;
  letter-spacing:.08em !important; color:#1A2744 !important;
  white-space:nowrap !important;
}
.news-head .c-radio-list{
  display:flex !important; flex-wrap:wrap !important; gap:8px 10px !important;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
.news-head .c-radio-list li{ margin:0 !important; padding:0 !important; }
/* 隐藏基底遗留的 radio 圆点(::before/::after), chip 不再需要 */
.news-head .c-radio + label::before,
.news-head .c-radio + label::after{ content:none !important; display:none !important; }
/* label → 暖白胶囊(未选), 收回基底为圆点预留的 32px 左 padding */
.news-head .c-radio + label{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  height:auto !important; min-height:34px !important;
  padding:8px 18px !important;
  font-size:14px !important; font-weight:500 !important; line-height:1 !important;
  color:#C2410C !important;                 /* 未选文字橙 on暖白 4.92:1 AA(替基底 #E55A00 3.62 FAIL) */
  background:#FAF9F6 !important;
  border:1px solid #E7E3D9 !important;
  border-radius:999px !important;
  cursor:pointer !important;
  transition:background .18s ease,border-color .18s ease,color .18s ease !important;
}
.news-head .c-radio + label:hover{
  border-color:#E85D20 !important; color:#C2410C !important; background:#FFF7F2 !important;
}
/* 选中态: CTA 实心橙 白字 4.72:1 AA(替基底 #E55A00 3.62 FAIL) */
.news-head .c-radio:checked + label{
  background:#C9491A !important; border-color:#C9491A !important;
  color:#FFFFFF !important; font-weight:600 !important;
}
/* 键盘焦点环画在 label(真正可聚焦的 radio 被 display:none, 焦点反映到相邻 label) */
.news-head .c-radio:focus-visible + label{
  outline:2px solid #C9491A !important; outline-offset:2px !important;
}
.news-head .c-radio:focus:not(:focus-visible) + label{ outline:none !important; }
@media (max-width:767px){
  .news-head .c-radio + label{ min-height:34px !important; padding:8px 16px !important; }
}

/* ──────────────────────────────────────────────────────────────
   E. 新闻行(承接 m5 :48-74/:126-128 单行版式, 补: 左2px橙进入条 + 极淡橙底
      + 标题转橙 + 焦点环 + 分类描边 chip + 缩略图卡片化 + 暖中性边)
   DOM: ul.news-list > li.news-list__item
        > a.news-list__link.-with-thumb
        > .news-list__thumb(img) + .news-list__main
            > .news-list__meta(time.news-list__date + span.news-list__category)
            + h2.news-list__title
   ────────────────────────────────────────────────────────────── */
.news-list{ margin:0 !important; padding:0 !important; list-style:none !important; }
/* 边框统一为暖边色(替 m5:49 #E5E7EB), 行间分隔 */
.news-list__item{ border-bottom:1px solid #E7E3D9 !important; margin:0 !important; }
.news-list__link.-with-thumb,
.news-list__link{
  position:relative !important;
  border-left:2px solid transparent !important;   /* 进入条占位防 hover 抖动 */
  border-radius:8px !important;
  transition:background-color .2s ease,border-color .2s ease !important;
}
.news-list__item:hover .news-list__link,
.news-list__link:hover{
  background:#FFF7F2 !important;                   /* 极淡橙底(替 m5:127-128 #F6F5F1) */
  border-left-color:#E85D20 !important;            /* 左2px橙进入条 */
}
.news-list__item:hover .news-list__title,
.news-list__link:hover .news-list__title{ color:#C2410C !important; }   /* 标题转橙 4.92:1 */
.news-list__link:focus-visible{
  outline:2px solid #C9491A !important; outline-offset:-2px !important; /* 内描避免被 border-bottom 裁切 */
  background:#FFF7F2 !important;
}
.news-list__link:focus:not(:focus-visible){ outline:none !important; }
/* 日期: 次要灰(承接 m5:60 #64748B 4.76:1, 微调字距) */
.news-list__date{ color:#5C6678 !important; letter-spacing:.04em !important; }
/* 分类: 橙描边胶囊(非实心, 与选中 chip/分页实心橙分层级, 防橙泛滥) */
.news-list__category{
  display:inline-flex !important; align-items:center !important;
  padding:3px 11px !important;
  font-weight:600 !important; line-height:1.4 !important; letter-spacing:.04em !important;
  color:#C2410C !important;                         /* 5.18:1 on白 */
  background:#FFF7F2 !important;
  border:1px solid #F0C9B5 !important;
  border-radius:999px !important;
}
.news-list__title{ color:#1A2744 !important; transition:color .18s ease !important; }
/* 右端 › 箭头: 重着令牌橙(替基底 #E55A00) */
.news-list__link::after{ color:#C2410C !important; }

/* ──────────────────────────────────────────────────────────────
   F. 分页器(首页语言: 当前页橙实心 / 暖白描边 / 禁用象牙 / 焦点环)
   DOM: .l-pagination > ul.pagination
        > li.disabled>span«  / li.active>span1  / li>a  / li>a»
   ────────────────────────────────────────────────────────────── */
.l-pagination .pagination{
  display:flex !important; justify-content:center !important; align-items:center !important;
  gap:8px !important; margin:0 !important; padding:0 !important; list-style:none !important;
}
.l-pagination .pagination li{ margin:0 !important; }
.l-pagination .pagination li > a,
.l-pagination .pagination li > span{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  min-width:40px !important; height:40px !important; padding:0 12px !important;
  font-size:14px !important; font-weight:500 !important;
  color:#1A2744 !important;
  background:#FFFFFF !important;
  border:1px solid #E7E3D9 !important;
  border-radius:8px !important;
  text-decoration:none !important;
  transition:background .18s ease,border-color .18s ease,color .18s ease !important;
}
.l-pagination .pagination li > a:hover{
  border-color:#E85D20 !important; color:#C2410C !important; background:#FFF7F2 !important;
}
.l-pagination .pagination li.active > span{
  background:#C9491A !important; border-color:#C9491A !important;   /* 白字 4.72:1 AA */
  color:#FFFFFF !important; font-weight:600 !important;
}
.l-pagination .pagination li.disabled > span{
  color:#B4B2A9 !important; background:#F4F2EC !important;          /* disabled 豁免对比 */
  border-color:#E7E3D9 !important; cursor:not-allowed !important;
}
.l-pagination .pagination li > a:focus-visible{
  outline:2px solid #C9491A !important; outline-offset:2px !important;
}
.l-pagination .pagination li > a:focus:not(:focus-visible){ outline:none !important; }

/* ════════════════════════════════════════════════════════════════
   DETAIL · 文章排版对齐首页卡片/排版体系
   ════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────
   G. 文章/关联区标题 c-heading.-large.-border(navy + 橙下划线)
   DOM: article > h2.c-heading.-large.-border  /  .news-related-section > h3.同
   ────────────────────────────────────────────────────────────── */
article .c-heading.-large.-border,
.news-related-section .c-heading.-large.-border{
  position:relative !important;
  color:#1A2744 !important; font-weight:700 !important;
  line-height:1.4 !important; letter-spacing:.01em !important;
  padding-bottom:16px !important;
  border-bottom:1px solid #E7E3D9 !important;
}
article .c-heading.-large.-border{ font-size:26px !important; }
.news-related-section .c-heading.-large.-border{ font-size:22px !important; }
article .c-heading.-large.-border::after,
.news-related-section .c-heading.-large.-border::after{
  content:"" !important; position:absolute !important; left:0 !important; bottom:-1px !important;
  width:56px !important; height:3px !important; background:#E85D20 !important; border-radius:2px !important;
}

/* ──────────────────────────────────────────────────────────────
   H. 文章 meta 行: 分类 tag(橙描边 chip) + 日期(次要灰)
   DOM: .l-grid > .l-grid__item > ul.c-tag.-large.-news > li
        + .l-grid__item > p.u-ta-r > time
   ────────────────────────────────────────────────────────────── */
article .c-tag.-large.-news li{
  display:inline-flex !important; align-items:center !important;
  padding:5px 14px !important;
  font-size:12px !important; font-weight:600 !important; letter-spacing:.04em !important;
  color:#C2410C !important; background:#FFF7F2 !important;
  border:1px solid #F0C9B5 !important; border-radius:999px !important;
}
article .l-grid p.u-ta-r time{
  font-size:13px !important; color:#5C6678 !important; letter-spacing:.04em !important;
}

/* ──────────────────────────────────────────────────────────────
   I. 正文 .nd-iten(覆盖页内内联 <style> news_detail.html:429-441
      正文 #333 / 链接 #E85D20·3.49 FAIL / figcaption #8a909c·3.21 FAIL)
   注: 内联 <style> 无 !important, 本块 !important 必胜。
   ────────────────────────────────────────────────────────────── */
.news-detail-body .nd-iten p{
  font-size:16px !important; line-height:1.95 !important;
  color:#1A2744 !important; margin:0 0 18px !important;
}
.news-detail-body .nd-iten strong{ color:#1A2744 !important; font-weight:700 !important; }
/* 小标题 h3: 橙左条(内联已有, 这里统一字号/色/留白与首页) */
.news-detail-body .nd-iten h3{
  font-size:20px !important; color:#1A2744 !important; font-weight:700 !important;
  border-left:4px solid #E85D20 !important; padding-left:14px !important;
  margin:40px 0 16px !important; line-height:1.5 !important;
}
/* 摘要表 nd-summary: 暖中性框, navy 表头(替内联 #f5f7fa/#e3e6ec → 令牌暖色) */
.news-detail-body .nd-iten .nd-summary{
  border:1px solid #E7E3D9 !important; border-radius:12px !important;
  overflow:hidden !important; font-size:15px !important; margin:10px 0 28px !important;
}
.news-detail-body .nd-iten .nd-summary th{
  background:#F4F2EC !important; color:#1A2744 !important;
  border-color:#E7E3D9 !important; font-weight:700 !important; padding:13px 16px !important;
}
.news-detail-body .nd-iten .nd-summary td{
  color:#1A2744 !important; border-color:#E7E3D9 !important; padding:13px 16px !important;
}
/* 配图 figure: 卡片化 r12 + 暖边(替内联 r6), caption → 次要灰 4.6:1(替 #8a909c 3.21 FAIL) */
.news-detail-body .nd-iten figure{ margin:0 0 26px !important; }
.news-detail-body .nd-iten figure img{
  border-radius:12px !important; border:1px solid #E7E3D9 !important; display:block !important;
}
.news-detail-body .nd-iten figcaption{
  font-size:13px !important; color:#5C6678 !important; text-align:center !important; margin-top:10px !important;
}
/* 参考链接 nd-ref: 浅底文字橙 #C2410C 5.18:1(替内联 #E85D20 3.49 FAIL), 保留下划线(勿仅靠色) */
.news-detail-body .nd-iten .nd-ref a,
.news-detail-body .nd-iten a{
  color:#C2410C !important; text-decoration:underline !important; text-underline-offset:2px !important;
}
.news-detail-body .nd-iten .nd-ref a:hover,
.news-detail-body .nd-iten a:hover{ color:#B23A0C !important; }

/* ──────────────────────────────────────────────────────────────
   J. 关联新闻卡 c-card(首页卡语言: r12 暖边 双层淡影 hover 上移+橙边+标题转橙)
   DOM: .news-related-section .l-grid__item > a.c-card
        > .c-card__header>time + .c-card__body>h4.c-card__title
   ────────────────────────────────────────────────────────────── */
.news-related-section .c-card{
  display:block !important; height:100% !important;
  padding:20px 22px !important;
  background:#FFFFFF !important;
  border:1px solid #E7E3D9 !important; border-radius:12px !important;
  box-shadow:0 1px 2px rgba(26,39,68,.04),0 4px 12px rgba(26,39,68,.05) !important;
  text-decoration:none !important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
.news-related-section .c-card:hover{
  transform:translateY(-3px) !important;
  border-color:#E85D20 !important;
  box-shadow:0 4px 10px rgba(26,39,68,.06),0 12px 26px rgba(26,39,68,.10) !important;
}
.news-related-section .c-card:focus-visible{
  outline:2px solid #C9491A !important; outline-offset:2px !important;
}
.news-related-section .c-card:focus:not(:focus-visible){ outline:none !important; }
.news-related-section .c-card__header time{
  font-size:13px !important; color:#5C6678 !important; letter-spacing:.04em !important;
}
.news-related-section .c-card__title{
  margin:8px 0 0 !important;
  font-size:15px !important; font-weight:500 !important; line-height:1.6 !important;
  color:#1A2744 !important; transition:color .18s ease !important;
}
.news-related-section .c-card:hover .c-card__title{ color:#C2410C !important; }

/* ──────────────────────────────────────────────────────────────
   K. 「ニュース一覧に戻る」按钮 c-btn(次描边橙 → hover 实心橙)
   DOM: .l-btns > .l-btns__item > a.c-btn > span
   ────────────────────────────────────────────────────────────── */
.l-btns .c-btn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  min-width:240px !important; padding:14px 28px !important;
  font-size:15px !important; font-weight:600 !important;
  color:#C2410C !important; background:#FFFFFF !important;
  border:1.5px solid #E85D20 !important; border-radius:8px !important;
  text-decoration:none !important;
  transition:background .18s ease,color .18s ease,border-color .18s ease !important;
}
.l-btns .c-btn:hover{
  background:#C9491A !important; border-color:#C9491A !important; color:#FFFFFF !important;
}
.l-btns .c-btn:focus-visible{ outline:2px solid #C9491A !important; outline-offset:2px !important; }
.l-btns .c-btn:focus:not(:focus-visible){ outline:none !important; }
/* ═══════════════════════ INTERIOR · NEWS end ═══════════════════════ */

/* ============================================================================
   INTERIOR · COMPANY — 企業情報各页对齐首页 navy+橙。
   追加 m5-layout.css 末尾(NEWS块后)·最后加载·全 !important·可逆·仅视觉。
   仅 navy+橙系+中性暖色 · 绝无 red/green/teal/pink · WCAG AA。
   DOM 核对: comp_outline.html / comp_history.html / comp_president.html。
   ----------------------------------------------------------------------------
   令牌 & AA实测(本轮全部 PASS, 见下):
     navy #1A2744  on 白14.81 / 暖白#FAF9F6 14.07 / 象牙#F4F2EC 13.23
                   / 当前页底#FFF1EA 13.42 / hover底#FFF7F2 14+ / 合計#FFF5F0 13.81
     次灰 #5C6678  on 白5.79 / 暖白5.50
     正文蓝灰 #33405a(president自带) on 白≈9 ; #48536b(president强みd) on 白7.71/暖白7.32
     TEL/链接橙 #C2410C on 白5.18 / 暖白4.92 / 当前页#FFF1EA 4.69 / hover#FFF7F2 4.89 / 合計4.83
     链接hover橙 #9A3412 on 白7.31 / 暖白6.94
     CTA: 白字 on #C9491A 4.72 ; hover #B23A0C 白5.99
     #E85D20(主线/序号/节点)与白 3.49 → 仅作图形/边/序号·绝不作正文文本
     #B4B2A9(箭头/破折号字形)纯装饰非信息·不计 AA
   ============================================================================ */

/* L. 区块大标题 .c-heading.-large(会社概要 outline:378 / 銘東のあゆみ history:378)
   president 用 .pmsg__title(自带 <style>·不命中本规则·无副作用)。 */
.l-content__main .c-heading.-large{position:relative !important;color:#1A2744 !important;font-weight:700 !important;font-size:26px !important;line-height:1.4 !important;letter-spacing:.01em !important;padding-bottom:16px !important;margin-bottom:24px !important;}
.l-content__main .c-heading.-large::after{content:"" !important;position:absolute !important;left:0 !important;bottom:0 !important;width:56px !important;height:3px !important;background:#E85D20 !important;border-radius:2px !important;}

/* ----------------------------------------------------------------------------
   M. 定义表 .c-table.-sp-column → 首页卡片体系。
   共享卡片外观(边/圆角/双层淡影/行分隔/标签底/链接/序号/合計) = 全局,
   两个页面(outline 概要表 / president 代表プロフィール表)同获统一卡片感。
   但 标签列宽20%/左对齐/斑马 仅作用于 概要页(html:has 锚 canonical),
   以免破坏 president 自带的紧凑居中 profile 表(其 <style> 设 th width:1% 居中)。
   ---------------------------------------------------------------------------- */
/* M-1 共享卡片外框 + 行分隔(两表通用) */
.l-content__main .c-table.-sp-column{width:100% !important;border-collapse:separate !important;border-spacing:0 !important;border:1px solid #E7E3D9 !important;border-radius:12px !important;overflow:hidden !important;box-shadow:0 1px 2px rgba(26,39,68,.04),0 4px 12px rgba(26,39,68,.05) !important;background:#FFFFFF !important;}
.l-content__main .c-table.-sp-column tbody tr + tr th.c-table__head,
.l-content__main .c-table.-sp-column tbody tr + tr td.c-table__body{border-top:1px solid #E7E3D9 !important;}
/* M-2 标签列(navy粗·象牙底·右细分隔)两表通用配色;宽度/对齐留给页面级规则 */
.l-content__main .c-table.-sp-column th.c-table__head{vertical-align:top !important;background:#F4F2EC !important;color:#1A2744 !important;font-weight:700 !important;font-size:14.5px !important;letter-spacing:.04em !important;line-height:1.7 !important;border-right:1px solid #E7E3D9 !important;padding:16px 20px !important;}
/* M-3 值列 */
.l-content__main .c-table.-sp-column td.c-table__body{vertical-align:top !important;background:#FFFFFF !important;color:#1A2744 !important;font-size:15px !important;line-height:1.85 !important;padding:16px 22px !important;}
.l-content__main .c-table.-sp-column td.c-table__body strong{color:#1A2744 !important;}
/* M-4 值列链接(.c-link / a) → 令牌橙 #C2410C(白5.18·暖白4.92 AA-PASS) */
.l-content__main .c-table.-sp-column td.c-table__body a.c-link,
.l-content__main .c-table.-sp-column td.c-table__body a{color:#C2410C !important;text-decoration:underline !important;text-underline-offset:2px !important;font-weight:500 !important;transition:color .18s ease !important;}
.l-content__main .c-table.-sp-column td.c-table__body a.c-link:hover,
.l-content__main .c-table.-sp-column td.c-table__body a:hover{color:#9A3412 !important;}
.l-content__main .c-table.-sp-column td.c-table__body a.c-link:focus-visible,
.l-content__main .c-table.-sp-column td.c-table__body a:focus-visible{outline:2px solid #C9491A !important;outline-offset:2px !important;border-radius:2px !important;}
/* M-5 事業内容 序号(inline color:#E85D20)·関連会社 ▸ 标记 → 收束为令牌橙 #C2410C(可读) */
.l-content__main .c-table.-sp-column td.c-table__body ol li > span:first-child{color:#C2410C !important;}
.l-content__main .c-table.-sp-column td.c-table__body ul li > span[style*="margin-right"]{color:#C2410C !important;}
/* M-6 合計 高亮框(inline background:#fff5f0)→ 收束令牌橙左边线·navy字(13.8:1)。
   精确锚定 inline hex,避免未来任意 inline-bg <p> 被误改。 */
.l-content__main .c-table.-sp-column td.c-table__body p[style*="#fff5f0"]{background:#FFF5F0 !important;border-left:3px solid #E85D20 !important;border-radius:4px !important;color:#1A2744 !important;}
/* M-7 仅会社概要页: 标签列定宽20%/左对齐/斑马(html:has(canonical) 锚, 纯CSS零后端) */
html:has(link[rel="canonical"][href$="/company/outline"]) .l-content__main .c-table.-sp-column th.c-table__head{width:20% !important;text-align:left !important;white-space:normal !important;}
html:has(link[rel="canonical"][href$="/company/outline"]) .l-content__main .c-table.-sp-column tbody tr:nth-child(even) td.c-table__body{background:#FAF9F6 !important;}
/* M-8 SP: 标签/值堆叠(两表通用) */
@media (max-width:767px){
  .l-content__main .c-table.-sp-column th.c-table__head{display:block !important;width:100% !important;border-right:none !important;border-bottom:1px solid #E7E3D9 !important;padding:12px 16px !important;}
  .l-content__main .c-table.-sp-column td.c-table__body{display:block !important;padding:14px 16px !important;}
}

/* ----------------------------------------------------------------------------
   N. 沿革时间轴 dl.c-list-def(history:380, 35×div) → navy+橙卡片化轴。
   结构: dl.c-list-def > div > (dt > span.u-font-mto-red) + dd。
   ---------------------------------------------------------------------------- */
.l-content__main dl.c-list-def{position:relative !important;margin:8px 0 0 !important;padding:4px 0 !important;}
.l-content__main dl.c-list-def::before{content:"" !important;position:absolute !important;top:14px !important;bottom:14px !important;left:158px !important;width:2px !important;background:#E7E3D9 !important;}
.l-content__main dl.c-list-def > div{position:relative !important;display:grid !important;grid-template-columns:140px 36px 1fr !important;align-items:start !important;gap:0 !important;padding:13px 0 !important;border-bottom:1px dashed #E7E3D9 !important;}
.l-content__main dl.c-list-def > div > dt{grid-column:1 !important;text-align:right !important;padding-right:18px !important;font-size:14px !important;line-height:1.7 !important;white-space:nowrap !important;}
/* 年份: u-font-mto-red 命名带 red 但收束为 navy 粗(13:1)·绝不红 */
.l-content__main dl.c-list-def > div > dt span.u-font-mto-red,
.l-content__main dl.c-list-def > div > dt span{color:#1A2744 !important;font-weight:700 !important;letter-spacing:.02em !important;}
/* 轴节点: 令牌橙圆点·白圈·暖边描线 */
.l-content__main dl.c-list-def > div::before{content:"" !important;position:absolute !important;left:152px !important;top:18px !important;width:13px !important;height:13px !important;border-radius:50% !important;background:#E85D20 !important;border:3px solid #FFFFFF !important;box-shadow:0 0 0 1px #E7E3D9 !important;z-index:1 !important;}
.l-content__main dl.c-list-def > div > dd{grid-column:3 !important;margin:0 !important;font-size:15px !important;line-height:1.8 !important;color:#1A2744 !important;}
@media (max-width:767px){
  .l-content__main dl.c-list-def::before{left:7px !important;}
  .l-content__main dl.c-list-def > div{grid-template-columns:1fr !important;padding:12px 0 12px 30px !important;}
  .l-content__main dl.c-list-def > div > dt{grid-column:1 !important;text-align:left !important;padding-right:0 !important;margin-bottom:5px !important;}
  .l-content__main dl.c-list-def > div > dd{grid-column:1 !important;}
  .l-content__main dl.c-list-def > div::before{left:1px !important;top:16px !important;}
}

/* ----------------------------------------------------------------------------
   O. 社長メッセージ 锁色对齐(president 自带 <style> 已基本 on-brand:
   #1A2744 / #E85D20 / 蓝灰 #2a3445 #33405a #48536b #7a8499 / 中性 #f1f4f9 #dfe5ef #f7f9fc)。
   本块仅做 ① cool→warm 背景对齐令牌暖系 ② 边/点确保令牌橙。其余配色其自带即可。
   .pchips 仅存在于其 <style>·从不渲染为 DOM → 已删除对应死规则(批判采纳)。
   ---------------------------------------------------------------------------- */
.l-content__main .pstr__item{border-left-color:#E85D20 !important;background:#FAF9F6 !important;}
.l-content__main .pstr__d{color:#48536b !important;}      /* 暖白上 7.32:1 */
.l-content__main .pprof__h{border-left-color:#E85D20 !important;}
.l-content__main .pprof__subh::before{background:#E85D20 !important;}
.l-content__main .pcat li::before{background:#E85D20 !important;}

/* ----------------------------------------------------------------------------
   P. ★お問い合わせ 框 收口: pastel紫底+品红TEL(off-brand) → 白/暖白卡+navy标题+橙TEL+实心橙CTA。
   锚 .l-content__main aside .c-box.-bg-purple(3页一致: outline:467 / history:510 / president:492)。
   首页 .top-contact 在本3页 0 次出现 → 零波及(已 grep 确认)。
   ---------------------------------------------------------------------------- */
.l-content__main aside .c-box.-bg-purple{background:#FAF9F6 !important;border:1px solid #E7E3D9 !important;border-radius:12px !important;box-shadow:0 1px 2px rgba(26,39,68,.04),0 4px 16px rgba(26,39,68,.06) !important;padding:28px !important;transition:border-color .18s ease,box-shadow .18s ease !important;}
.l-content__main aside .c-box.-bg-purple:hover{border-color:#E85D20 !important;box-shadow:0 4px 20px rgba(232,93,32,.12) !important;}
/* 框内标题/小标题 navy */
.l-content__main aside .c-box.-bg-purple .c-heading,
.l-content__main aside .c-box.-bg-purple .c-heading.-xsmall,
.l-content__main aside .c-box.-bg-purple .c-heading.-xxsmall{color:#1A2744 !important;}
/* 正文/受付时间次灰 */
.l-content__main aside .c-box.-bg-purple p{color:#1A2744 !important;}
.l-content__main aside .c-box.-bg-purple .u-fs-14{color:#1A2744 !important;}
.l-content__main aside .c-box.-bg-purple p.u-fs-12{color:#5C6678 !important;}
/* TEL: 品红 u-font-mto-red / tel-link → 令牌橙 #C2410C(outline/history 命中; president TEL 为纯文本无 hook→保持 navy, AA 14.8:1, 同样 on-brand) */
.l-content__main aside .c-box.-bg-purple .u-font-mto-red,
.l-content__main aside .c-box.-bg-purple a.tel-link.u-font-mto-red,
.l-content__main aside .c-box.-bg-purple a.tel-link{color:#C2410C !important;}
.l-content__main aside .c-box.-bg-purple a.tel-link:hover{color:#9A3412 !important;}
.l-content__main aside .c-box.-bg-purple a.tel-link:focus-visible{outline:2px solid #C9491A !important;outline-offset:2px !important;border-radius:2px !important;}
.l-content__main aside .c-box.-bg-purple a.tel-link:focus:not(:focus-visible){outline:none !important;}
/* CTA 按钮: 实心橙 #C9491A 白字(4.72:1)·满宽。覆盖 NEWS块 .l-btns .c-btn 次描边(本选择器更具体+末加载胜出) */
.l-content__main aside .c-box.-bg-purple .l-btns__item{width:100% !important;}
.l-content__main aside .c-box.-bg-purple .c-btn.-pd-l{display:flex !important;width:100% !important;background:#C9491A !important;border:1px solid #C9491A !important;color:#FFFFFF !important;border-radius:8px !important;font-weight:700 !important;transition:background .18s ease,border-color .18s ease !important;}
.l-content__main aside .c-box.-bg-purple .c-btn.-pd-l .icon-mail,
.l-content__main aside .c-box.-bg-purple .c-btn.-pd-l span{color:#FFFFFF !important;}
.l-content__main aside .c-box.-bg-purple .c-btn.-pd-l:hover{background:#B23A0C !important;border-color:#B23A0C !important;}
.l-content__main aside .c-box.-bg-purple .c-btn.-pd-l:focus-visible{outline:2px solid #C9491A !important;outline-offset:2px !important;}
.l-content__main aside .c-box.-bg-purple .c-btn.-pd-l:focus:not(:focus-visible){outline:none !important;}
/* お問い合わせ 标题(框外·sibling): navy + 橙下划线。3页结构: outline 标题在框内, history/president 标题在框外 → 锚 aside 通吃 */
.l-content__main aside .c-heading.-small.-border-2color{position:relative !important;color:#1A2744 !important;font-weight:700 !important;padding-bottom:12px !important;margin-bottom:18px !important;}
.l-content__main aside .c-heading.-small.-border-2color::after{content:"" !important;position:absolute !important;left:0 !important;bottom:0 !important;width:48px !important;height:3px !important;background:#E85D20 !important;border-radius:2px !important;}

/* ----------------------------------------------------------------------------
   Q. 右侧 sidebar .l-localnav(企業情報) → 现代列表(hover橙)。
   结构: .l-content__localnav > .l-localnav > .l-localnav__second-link
          + ul.l-localnav__third > li.l-localnav__third-item > a.l-localnav__third-link
          (部分含 .l-localnav__fourth > ul > li > a.l-localnav__fourth-link)。3页一致。
   ---------------------------------------------------------------------------- */
/* 2026-07-02 #11 fix: 侧栏列被 flex 拉伸到与正文等高(2600px+ 空框)。父 .l-content__inner.-col2 在 ≥1256px 为 flex(align-items:normal→stretch)。把侧栏列 pin 到顶部, 只占自身内容高度。(company/* 与 contact 共用此列, 两者均不应被拉伸。) */
@media (min-width:1256px){ .l-content__inner.-col2 > .l-content__localnav{ align-self:flex-start !important; } }
.l-content__localnav .l-localnav{background:#FFFFFF !important;border:1px solid #E7E3D9 !important;border-radius:12px !important;box-shadow:0 1px 2px rgba(26,39,68,.04),0 4px 12px rgba(26,39,68,.05) !important;padding:6px 8px 10px !important;overflow:hidden !important;}
.l-content__localnav .l-localnav__second-link{display:block !important;position:relative !important;margin:0 !important;padding:14px 14px 14px 16px !important;color:#1A2744 !important;font-weight:700 !important;font-size:16px !important;letter-spacing:.04em !important;text-decoration:none !important;border-left:4px solid #E85D20 !important;border-bottom:1px solid #E7E3D9 !important;border-radius:0 !important;}
.l-content__localnav .l-localnav__second-link:hover{color:#C2410C !important;}
.l-content__localnav .l-localnav__third{list-style:none !important;margin:6px 0 0 !important;padding:0 !important;}
.l-content__localnav .l-localnav__third-item{margin:0 !important;border:0 !important;}
.l-content__localnav .l-localnav__third-link{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:11px 14px !important;margin:1px 0 !important;color:#1A2744 !important;font-size:14px !important;font-weight:500 !important;letter-spacing:.02em !important;text-decoration:none !important;line-height:1.5 !important;border-radius:8px !important;transition:background .18s ease,color .18s ease !important;}
.l-content__localnav .l-localnav__third-link::after{content:"\203A" !important;color:#B4B2A9 !important;font-size:16px !important;line-height:1 !important;transition:color .18s ease,transform .18s ease !important;}
.l-content__localnav .l-localnav__third-link:hover{background:#FFF7F2 !important;color:#C2410C !important;}
.l-content__localnav .l-localnav__third-link:hover::after{color:#E85D20 !important;transform:translateX(2px) !important;}
.l-content__localnav .l-localnav__third-link:focus-visible{outline:2px solid #C9491A !important;outline-offset:-2px !important;background:#FFF7F2 !important;}
.l-content__localnav .l-localnav__third-link:focus:not(:focus-visible){outline:none !important;}
.l-content__localnav .l-localnav__fourth{margin:0 0 2px !important;padding:0 !important;}
.l-content__localnav .l-localnav__fourth ul{list-style:none !important;margin:0 !important;padding:0 !important;}
.l-content__localnav .l-localnav__fourth-link{display:block !important;position:relative !important;padding:8px 14px 8px 30px !important;color:#5C6678 !important;font-size:13px !important;text-decoration:none !important;border-radius:8px !important;transition:background .18s ease,color .18s ease !important;}
.l-content__localnav .l-localnav__fourth-link::before{content:"\2013" !important;position:absolute !important;left:16px !important;color:#B4B2A9 !important;}
.l-content__localnav .l-localnav__fourth-link:hover{background:#FFF7F2 !important;color:#C2410C !important;}
.l-content__localnav .l-localnav__fourth-link:focus-visible{outline:2px solid #C9491A !important;outline-offset:-2px !important;}

/* ----------------------------------------------------------------------------
   R. 当前页高亮 — 纯CSS零后端(批判修正)。
   利用各页唯一 <link rel="canonical" href$="/company/{outline|history|president}">
   (head 内, 经 html:has() 锚) × 对应 .l-localnav__third-link[href$=...]。
   站点自身已 9 处使用 :has() → 技术受支持且同源。不支持时仅退化为默认态(零破坏)。
   另保留 is-current / aria-current 钩子(若后端将来补)作冗余。AA: 橙#C2410C/底#FFF1EA 4.69 PASS。
   ---------------------------------------------------------------------------- */
.l-content__localnav .l-localnav__third-link.is-current,
.l-content__localnav .l-localnav__third-link[aria-current="page"],
html:has(link[rel="canonical"][href$="/company/outline"]) .l-content__localnav .l-localnav__third-link[href$="/company/outline"],
html:has(link[rel="canonical"][href$="/company/history"]) .l-content__localnav .l-localnav__third-link[href$="/company/history"],
html:has(link[rel="canonical"][href$="/company/president"]) .l-content__localnav .l-localnav__third-link[href$="/company/president"]{background:#FFF1EA !important;color:#C2410C !important;font-weight:700 !important;box-shadow:inset 3px 0 0 #E85D20 !important;}
.l-content__localnav .l-localnav__third-link.is-current::after,
.l-content__localnav .l-localnav__third-link[aria-current="page"]::after,
html:has(link[rel="canonical"][href$="/company/outline"]) .l-content__localnav .l-localnav__third-link[href$="/company/outline"]::after,
html:has(link[rel="canonical"][href$="/company/history"]) .l-content__localnav .l-localnav__third-link[href$="/company/history"]::after,
html:has(link[rel="canonical"][href$="/company/president"]) .l-content__localnav .l-localnav__third-link[href$="/company/president"]::after{color:#E85D20 !important;}
/* INTERIOR · COMPANY end */

/* ── INTERIOR·COMPANY 补丁: TEL紫 #7c3aed 决定性收口 ──
   源 dynamic-effects.css:3742 `.l-content__inner aside .c-box.-bg-purple p .u-font-mto-red{#7c3aed !important}`
   特异性 (0,0,4,2) 含 p, 胜过原覆盖 (0,0,4,1)。本补丁匹配 p(同特异性)+ m5-layout 后载 → 胜。 */
.l-content__main aside .c-box.-bg-purple p .u-font-mto-red,
.l-content__inner aside .c-box.-bg-purple p .u-font-mto-red{ color:#C2410C !important; }
.l-content__main aside .c-box.-bg-purple .tel-link,
.l-content__inner aside .c-box.-bg-purple .tel-link{ color:#C2410C !important; }
/* 顺带: 顶角电话图标的淡紫 rgba(124,58,237,.14)(源:3713)→ 淡橙 */
.l-content__inner aside .c-box.-bg-purple [class*="icon"]{ color:rgba(232,93,32,.18) !important; }

/* ============================================================================
   INTERIOR · LOCATION — 拠点・アクセス /location + お問い合わせ /contact
   对齐首页 navy(#1A2744/#16223D)+橙(#E85D20线/#C9491A CTA/#C2410C文本)。
   追加 m5-layout.css 末尾(COMPANY 块后)· 最后加载 · 全 !important · 可逆 · 仅视觉。
   仅 navy+橙系+中性暖色 · 绝无 red/green/teal/pink · WCAG AA。
   DOM 核对(逐行): /tmp/fix/loc_contact.html · /tmp/fix/loc_location.html。
   ----------------------------------------------------------------------------
   ★ TEL 橙覆盖 — 特异性结论(grep 源实证 + iter2/批判1 修正):
     contact 6 窓口卡【无 <aside>】(sidebar = .l-content__localnav > .l-localnav)。
     故 COMPANY 的 `aside .c-box.-bg-X ... .u-font-mto-red` 对本页 0 命中。
     TEL 品红/紫源头(grep):
       stylesheeta034 `.u-font-mto-red{#B9103C}`                      = (0,0,1,0)
       stylesheet3e6c `span.u-font-mto-red a[href*="tel:"]{#B9103C}`   ≈ (0,0,2,2)
       dynamic-effects `.l-content__inner .c-box.-bg-X p .u-font-mto-red` = (0,0,4,1) ← 源最高
     本块覆盖锚:
       PC span `.l-content__main .l-grid__item .c-box.-bg-X p .u-font-mto-red`
         = .l-content__main + .l-grid__item + .c-box + .-bg-X + .u-font-mto-red(5 class)
           + p(1 元素) = (0,0,5,1)
       SP a `… p a.tel-link.u-font-mto-red`
         = 6 class + p,a(2 元素) = (0,0,6,2)
     【5 class > 源 4 class → 仅凭特异性即胜,与加载顺序无关; m5-layout 后载为第二保险】。
     【保留 p 后代,满足 iter2「覆盖须 ≥ 源含 p 的 (0,0,4,1)」要求】。
   ----------------------------------------------------------------------------
   令牌 & AA 实测(全部 PASS, python 逐对验):
     navy #1A2744  on 白14.81 / 暖白#FAF9F6 14.07 / 象牙#F4F2EC 13.23
     次灰 #5C6678  on 白6.05 / 暖白5.50          正文蓝灰 #48536b on 白7.71
     TEL/链接橙 #C2410C on 白5.18 / 暖白4.92      链接hover橙 #9A3412 on 白7.31
     据点名/maplink 橙 #C2410C on 白5.18(替源 inline #E85D20 3.49 FAIL)
     CTA 白字 on #C9491A 4.72 ; hover #B23A0C 白5.99
     localnav chevron #8A887F on 暖白3.38(替源建议 #B4B2A9 2.02 FAIL → 过 1.4.11 非文本 3:1)
     #E85D20(主线/节点/边/下划线)on 白3.49 → 仅作【图形/边/线】绝不作正文文本
   ----------------------------------------------------------------------------
   零波及: .top-contact 两页 0 次(首页洽谈卡不碰); COMPANY `aside` 锚两页 0 命中;
     loc 表 .c-table.-border 与 COMPANY .c-table.-sp-column 互斥; 面包屑统一规则
     已在 NEWS 块(interior NEWS L47-56)全局生效 → 本块【不再重复】面包屑(批判1 采纳)。
   ============================================================================ */

/* ════════════ PART 1 · 共享 — 页标题 banner(navy 遮罩 + 橙强调) ════════════
   contact L352 .l-pagetitle.-medium.-contact / location L334 .-medium.-location。
   `.-contact` 源带 red 渐变(#C0392B), 已被 `.-medium` navy+照片覆盖;
   双特异性 `.-medium.-contact`(0,0,2,0) 防御性锁死 navy, 红渐变永不浮现。
   面包屑规则已由 NEWS 块全局处理, 本块不重复(批判1 采纳)。 */
.l-pagetitle.-medium.-contact,
.l-pagetitle.-medium.-location{ position:relative !important; }
.l-pagetitle.-medium.-contact::before,
.l-pagetitle.-medium.-location::before{
  content:"" !important; position:absolute !important; inset:0 !important;
  background:linear-gradient(90deg, rgba(22,34,61,.86) 0%, rgba(22,34,61,.58) 55%, rgba(22,34,61,.42) 100%),
             linear-gradient(180deg, rgba(22,34,61,.20) 0%, rgba(22,34,61,.50) 100%) !important;
  pointer-events:none !important; z-index:0 !important;
}
.l-pagetitle.-medium.-contact .l-pagetitle__inner,
.l-pagetitle.-medium.-location .l-pagetitle__inner{ position:relative !important; z-index:1 !important; }
.l-pagetitle.-medium.-contact .l-pagetitle__heading,
.l-pagetitle.-medium.-location .l-pagetitle__heading{
  position:relative !important; color:#FFFFFF !important; font-weight:700 !important;
  letter-spacing:.02em !important; padding-bottom:16px !important; margin:0 !important;
  text-shadow:0 1px 3px rgba(11,18,36,.45) !important;
}
.l-pagetitle.-medium.-contact .l-pagetitle__heading::after,
.l-pagetitle.-medium.-location .l-pagetitle__heading::after{
  content:"" !important; position:absolute !important; left:0 !important; bottom:0 !important;
  width:64px !important; height:3px !important;
  background:#E85D20 !important; background-image:none !important; border-radius:2px !important;
}


/* ════════════ PART 2 · CONTACT — 6 窓口卡 收口 pastel → 白/暖白卡 ════════════
   锚 .l-content__main .l-grid__item .c-box(-bg-orange×2/-bg-purple×3/-bg-green×1, L394-465)。
   DOM 实证: contact 仅 -bg-orange/-bg-purple/-bg-green, 【无 -bg-blue】(批判2 采纳:去蓝)。
   壳统一为首页卡(暖白底/暖边/双层淡影/r12/hover橙边-3px)。
   覆盖锚(0,0,3,0~1) > 源卡底 .c-box.-bg-X(0,0,2,0) + 后载 → 胜。 */
.l-content__main .l-grid__item .c-box.-bg-orange,
.l-content__main .l-grid__item .c-box.-bg-purple,
.l-content__main .l-grid__item .c-box.-bg-green{
  background:#FAF9F6 !important;
  border:1px solid #E7E3D9 !important;
  border-radius:12px !important;
  box-shadow:0 1px 2px rgba(26,39,68,.04),0 4px 16px rgba(26,39,68,.06) !important;
  padding:24px 22px !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
.l-content__main .l-grid__item .c-box.-bg-orange:hover,
.l-content__main .l-grid__item .c-box.-bg-purple:hover,
.l-content__main .l-grid__item .c-box.-bg-green:hover{
  border-color:#E85D20 !important;
  box-shadow:0 4px 20px rgba(232,93,32,.12) !important;
  transform:translateY(-3px) !important;
}
/* 用件大标题 h3.c-heading.contactfont(L396) → navy 粗(14.07 on暖白) */
.l-content__main .l-grid__item .c-box .c-heading.contactfont{
  color:#1A2744 !important; font-weight:700 !important; font-size:15px !important;
  line-height:1.5 !important; margin:0 0 6px !important;
}
/* 窓口名 h5.c-heading.-xxsmall(L397) → navy 强 + 暖边细分隔(体系呼吸) */
.l-content__main .l-grid__item .c-box .c-heading.-xxsmall{
  color:#1A2744 !important; font-weight:700 !important; font-size:16px !important;
  margin:0 0 8px !important; padding-bottom:8px !important;
  border-bottom:1px solid #E7E3D9 !important;
}
/* 「TEL：」前缀 span.u-fs-14(L399) → 次灰 */
.l-content__main .l-grid__item .c-box p .u-fs-14{ color:#5C6678 !important; }

/* ★ TEL 号码收口 → 令牌橙 #C2410C(白5.18/暖白4.92 AA-PASS)。
   覆盖两形态: PC span.u-font-mto-red(L400) + SP a.tel-link.u-font-mto-red(L401)。
   (0,0,5,1)/(0,0,6,2) > 源最高 (0,0,4,1) → 仅凭特异性即必胜(含 p, 满足 iter2)。 */
.l-content__main .l-grid__item .c-box.-bg-orange p .u-font-mto-red,
.l-content__main .l-grid__item .c-box.-bg-purple p .u-font-mto-red,
.l-content__main .l-grid__item .c-box.-bg-green  p .u-font-mto-red,
.l-content__main .l-grid__item .c-box.-bg-orange p a.tel-link.u-font-mto-red,
.l-content__main .l-grid__item .c-box.-bg-purple p a.tel-link.u-font-mto-red,
.l-content__main .l-grid__item .c-box.-bg-green  p a.tel-link.u-font-mto-red{ color:#C2410C !important; }
.l-content__main .l-grid__item .c-box p a.tel-link.u-font-mto-red:hover{ color:#9A3412 !important; }
.l-content__main .l-grid__item .c-box p a.tel-link.u-font-mto-red:focus-visible{
  outline:2px solid #C9491A !important; outline-offset:2px !important; border-radius:2px !important;
}
.l-content__main .l-grid__item .c-box p a.tel-link:focus:not(:focus-visible){ outline:none !important; }
/* 受付时间 p.u-fs-12(L403) → 次灰 */
.l-content__main .l-grid__item .c-box p.u-fs-12{ color:#5C6678 !important; }
/* 引导句 p.u-mb-xxs(L391) → 次要灰 */
.l-content__main > p.u-mb-xxs{ color:#48536b !important; }


/* ════════════ PART 3 · CONTACT — 段标题 / ★红色警告文 / 橙 CTA ════════════ */
/* 段标题 h2.c-heading.-medium.-border-2color(L469/480/490) → navy + 橙短下划线(压基底2色条)。
   注: COMPANY 页仅 .c-heading.-small.-border-2color(在 aside 内), 与本 .-medium 互斥 → 不外溢。 */
.l-content__main .c-heading.-medium.-border-2color{
  position:relative !important; color:#1A2744 !important; font-weight:700 !important;
  padding-bottom:12px !important; margin-bottom:16px !important;
}
.l-content__main .c-heading.-medium.-border-2color::after{
  content:"" !important; position:absolute !important; left:0 !important; bottom:0 !important;
  width:48px !important; height:3px !important;
  background:#E85D20 !important; background-image:none !important; border-radius:2px !important;
}
/* ★ 红警告文(売り込み・勧誘お断り L471): span.u-font-mto-red 在 section>p 内(非 .c-box)。
   精确锚 section 段落 → navy 粗(14.81 on白)。不含 .c-box → 与 PART2 永不交火。
   (页内另一 L380 u-font-mto-red 在 HTML 注释里, 不渲染 → 惰性, 无需处理。) */
.l-content__main section p .u-font-mto-red{ color:#1A2744 !important; font-weight:700 !important; }
/* 表单正文 p.u-mb-l(L470/481/491) → 蓝灰正文(去除可能残红, 信息层级清晰) */
.l-content__main section p.u-mb-l{ color:#48536b !important; }
/* 表单按钮 .c-btn.-cv(L474/484/494)在 .l-btns__item 内 → 实心橙 CTA(白字4.72)·满宽。
   覆盖 ghost 基底(本选择器更具体 + 后载)。 */
.l-content__main .l-btns .l-btns__item .c-btn.-cv{
  display:flex !important; width:100% !important; min-height:52px !important;
  background:#C9491A !important; border:1px solid #C9491A !important; color:#FFFFFF !important;
  border-radius:8px !important; font-weight:700 !important;
  transition:background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
.l-content__main .l-btns .l-btns__item .c-btn.-cv .icon-mail,
.l-content__main .l-btns .l-btns__item .c-btn.-cv span,
.l-content__main .l-btns .l-btns__item .c-btn.-cv b{ color:#FFFFFF !important; }
.l-content__main .l-btns .l-btns__item .c-btn.-cv:hover{
  background:#B23A0C !important; border-color:#B23A0C !important;
  transform:translateY(-2px) !important; box-shadow:0 6px 16px rgba(201,73,26,.28) !important;
}
.l-content__main .l-btns .l-btns__item .c-btn.-cv:focus-visible{
  outline:2px solid #C9491A !important; outline-offset:2px !important;
}
.l-content__main .l-btns .l-btns__item .c-btn.-cv:focus:not(:focus-visible){ outline:none !important; }


/* ════════════ PART 4 · CONTACT — 右 sidebar(localnav) 体系化 ════════════
   contact L501-520 .l-content__localnav > .l-localnav(无 aside)。与体系卡片呼应。
   注: 与 COMPANY 块 Q 段同锚 .l-content__localnav .l-localnav —— 但两页 DOM 互斥
   (本页仅 contact, COMPANY 仅 outline/history/president), 同站后载即可; 此处给 contact
   专属配色(second-link 用 › 后缀, 与 COMPANY 的 border-left 风格并存不冲突)。 */
.l-content__localnav .l-localnav{
  background:#FAF9F6 !important; border:1px solid #E7E3D9 !important; border-radius:12px !important;
  box-shadow:0 1px 2px rgba(26,39,68,.04),0 4px 12px rgba(26,39,68,.05) !important;
  padding:6px 18px 14px !important; overflow:hidden !important;
}
.l-content__localnav .l-localnav__second-link{
  display:block !important; position:relative !important;
  color:#1A2744 !important; font-weight:700 !important; font-size:15px !important;
  padding:16px 22px 16px 0 !important; margin-bottom:6px !important;
  border-bottom:1px solid #E7E3D9 !important; text-decoration:none !important;
}
.l-content__localnav .l-localnav__second-link::after{
  content:"\203A" !important; position:absolute !important; right:2px !important; top:50% !important;
  transform:translateY(-50%) !important; color:#E85D20 !important; font-weight:700 !important;
}
.l-content__localnav .l-localnav__third{ margin:0 !important; padding:0 !important; list-style:none !important; }
.l-content__localnav .l-localnav__third-item{ border-bottom:1px solid #EFEDE6 !important; }
.l-content__localnav .l-localnav__third-item:last-child{ border-bottom:none !important; }
.l-content__localnav .l-localnav__third-link{
  display:block !important; position:relative !important;
  color:#33405a !important; font-size:13.5px !important; line-height:1.6 !important;
  padding:14px 20px 14px 0 !important; text-decoration:none !important;
  transition:color .18s ease !important;
}
/* chevron: 批判2 采纳 — #B4B2A9(2.02 FAIL 1.4.11)→ #8A887F(3.38 PASS 非文本 3:1) */
.l-content__localnav .l-localnav__third-link::after{
  content:"\203A" !important; position:absolute !important; right:2px !important; top:14px !important;
  color:#8A887F !important; transition:color .18s ease, transform .18s ease !important;
}
.l-content__localnav .l-localnav__third-link:hover{ color:#C2410C !important; }
.l-content__localnav .l-localnav__third-link:hover::after{ color:#E85D20 !important; transform:translateX(2px) !important; }
.l-content__localnav .l-localnav__third-link:focus-visible{
  outline:2px solid #C9491A !important; outline-offset:2px !important; border-radius:2px !important;
}


/* ════════════ PART 5 · LOCATION — 6 据点卡 / 日本地图 / 据点详情 ════════════
   ★ location 内容容器 = .l-content__body(非 __main); 全 PART5 锚于此 → 与 contact/COMPANY 隔离。
   DOM 实证: 6 个 .loc-card(L396/409/422/435/448/461; 末卡「東京支社」无 photo, body 满宽,
   纯属源标记, 非本 CSS 破坏)。loc-card 自带 inline <style>(已接近), 本块统一收到首页令牌:
   边→暖边 #E7E3D9; 头 inline #E85D20(3.49)→ 令牌橙 #C2410C(5.18); hover 橙边-3px。
   inline 头色为【非 !important】→ 外部 !important 决定性覆盖。 */
.l-content__body .loc-card{
  border:1px solid #E7E3D9 !important; border-radius:12px !important;
  box-shadow:0 1px 2px rgba(26,39,68,.04),0 4px 16px rgba(26,39,68,.06) !important;
  background:#FFFFFF !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
.l-content__body .loc-card:hover{
  border-color:#E85D20 !important;
  box-shadow:0 6px 22px rgba(232,93,32,.12) !important;
  transform:translateY(-3px) !important;
}
.l-content__body .loc-card__photo{ background-color:#EEF1F5 !important; }
/* 据点名(inline color:#E85D20 → 令牌橙 #C2410C 5.18 PASS) */
.l-content__body .loc-card__body h3.c-heading.-medium,
.l-content__body .loc-card__body h3.c-heading{
  color:#C2410C !important; font-weight:700 !important;
  letter-spacing:.01em !important; margin:0 0 12px !important;
}
/* 据点表 .c-table.-border.loc-card__table → 首页表配色。
   .c-table.-border 与 COMPANY 的 .c-table.-sp-column 互斥 → 零冲突。 */
.l-content__body .loc-card__table{
  width:100% !important; border-collapse:separate !important; border-spacing:0 !important;
  border:1px solid #E7E3D9 !important; border-radius:10px !important; overflow:hidden !important;
}
.l-content__body .loc-card__table tbody tr + tr th,
.l-content__body .loc-card__table tbody tr + tr td{ border-top:1px solid #EFEDE6 !important; }
.l-content__body .loc-card__table th{
  background:#F4F2EC !important; color:#1A2744 !important; font-weight:700 !important;
  font-size:13px !important; letter-spacing:.03em !important; line-height:1.7 !important;
  text-align:left !important; vertical-align:top !important;
  border-right:1px solid #E7E3D9 !important; padding:12px 16px !important;
}
.l-content__body .loc-card__table td{
  background:#FFFFFF !important; color:#1A2744 !important;
  font-size:13.5px !important; line-height:1.85 !important; vertical-align:top !important;
  padding:12px 16px !important;
}
/* 交通分区: 头 navy + 橙左边线(on-brand) */
.l-content__body .loc-card__access{ border-top:1px solid #EFEDE6 !important; }
.l-content__body .loc-card__access-h{
  color:#1A2744 !important; font-weight:700 !important;
  border-left:3px solid #E85D20 !important; padding-left:12px !important;
}
.l-content__body .loc-card__access-t{ color:#48536b !important; }   /* 7.71 on白 PASS */
.l-content__body .loc-card__map{ border:1px solid #E7E3D9 !important; border-radius:8px !important; }
/* ★ Google マップで開く .loc-card__maplink(inline #E85D20 3.49 FAIL)→ 令牌橙 #C2410C(5.18 PASS) */
.l-content__body .loc-card__maplink{ color:#C2410C !important; font-weight:700 !important; }
.l-content__body .loc-card__maplink:hover{ color:#9A3412 !important; text-decoration:underline !important; }
.l-content__body .loc-card__maplink:focus-visible{
  outline:2px solid #C9491A !important; outline-offset:2px !important; border-radius:2px !important;
}
/* 日本地图框(L375 inline #fff/r10/border #E5E7EB)→ 暖白卡框对齐令牌。
   ★地图本体为静态 PNG(japan_map.png), 橙点已烘焙在图内 → CSS 无法加点,
   仅统一外框(暖边/暖白/r12/淡影), 与 NEWS/COMPANY 卡同语汇。
   批判2 采纳(选择器健壮): 主锚 inline-substring + 大小写不敏感回退 + 结构回退,
   防 inline hex 改写(#e5e7eb)/空白变动导致静默失效。 */
.l-content__body section > div[style*="#E5E7EB"],
.l-content__body section > div[style*="#e5e7eb" i],
.l-content__body section > div[style*="border-radius:10px"]:has(> img[alt*="拠点"]){
  background:#FAF9F6 !important; border:1px solid #E7E3D9 !important; border-radius:12px !important;
  box-shadow:0 1px 2px rgba(26,39,68,.04),0 4px 16px rgba(26,39,68,.06) !important;
}
/* 区块标题 .c-heading.-large「拠点一覧」(L381) / .-small 导语(L369) → COMPANY 同款 navy+橙线 */
.l-content__body .c-heading.-large{
  position:relative !important; color:#1A2744 !important; font-weight:700 !important;
  font-size:26px !important; line-height:1.4 !important;
  padding-bottom:16px !important; margin-bottom:24px !important;
}
.l-content__body .c-heading.-large::after{
  content:"" !important; position:absolute !important; left:0 !important; bottom:0 !important;
  width:56px !important; height:3px !important; background:#E85D20 !important; border-radius:2px !important;
}
.l-content__body .c-heading.-small{ color:#1A2744 !important; font-weight:700 !important; }


/* ════════════ PART 6 · 共享 SP(≤767)微调 ════════════ */
@media (max-width:767px){
  .l-pagetitle.-medium.-contact .l-pagetitle__heading,
  .l-pagetitle.-medium.-location .l-pagetitle__heading{ padding-bottom:12px !important; }
  .l-content__localnav .l-localnav{ margin-top:28px !important; }
  .l-content__body .loc-card__table th{
    width:96px !important; font-size:12.5px !important; padding:10px 12px !important;
  }
  .l-content__body .loc-card__table td{ font-size:13px !important; padding:10px 12px !important; }
}
/* ───────────────────────── INTERIOR · LOCATION end ───────────────────────── */


/* ============================================================================
   INTERIOR · SOLUTION — 物流ソリューション service 页(12页共用 page/service.html)
   代表页逐行核对(已 DOM 实测): /tmp/fix/sol_3pl.html · /tmp/fix/sol_bonded.html
   对齐首页 navy(#1A2744/#16223D)+橙(#E85D20线/边·#C9491A CTA/高亮·#C2410C文本·#9A3412hover)
   追加 m5-layout.css 末尾(LOCATION 块后)· 最后加载 · 全 !important · 可逆 · 仅视觉
   仅 navy+橙系+中性暖色 · 绝无 red/green/teal/pink · WCAG 2.1 AA
   ----------------------------------------------------------------------------
   AA 实测(python sRGB 逐对, 全 PASS):
     navy #1A2744 on白14.81 / 暖白#FAF9F6 14.07 / 象牙#F4F2EC 13.23
     文本橙 #C2410C on白5.18 / 暖白4.92 / 象牙4.63 (替源 inline #E85D20=3.49 FAIL & 品红 #B9103C)
     hover橙 #9A3412 on白7.31 ; 次灰 #5C6678 on白5.79/暖白5.50 ; 次灰2 #48536b on白7.71
     白字 on #C9491A 4.72(CTA/stepper高亮/pill) ; 焦点环 #C9491A on暖白4.48/象牙4.21(UI≥3 PASS)
     #E85D20 on白=3.49 → 仅作【图形:线/4px条/序号底/下划线/节点/≥30px大字】绝不作正文文本
   ----------------------------------------------------------------------------
   零外溢(已核对 DOM):
     banner 锚 .-medium.-threepl(两页 L352 实有, 与 -contact/-location/news/company 互斥; done 页 0 命中);
     sidebar TEL 锚 .l-content__inner aside section .c-box.-bg-orange —— contact 页 .c-box.-bg-orange 在
       .l-grid__item 内非 aside(L395/407)→本规则 aside section 中间层 0 命中, 不回归;
       location 页 0 个 .c-box.-bg-orange; done 页洽询框为 .c-box.-bg-purple 不碰;
     .c-btn.-bg-orange(全站CTA按钮 3pl L761/bonded L668)不碰(已品牌橙); .top-* 0 引用;
     service-card-v2 / solution-gallery / bonded-flow / bonded-types 为页内自定义类(仅本模板)。
   ============================================================================ */

/* ════════════ 1 · 共享 — 页标题 banner(.-medium.-threepl: navy 遮罩 + 橙下划线) ════════════
   两页同 .l-pagetitle.-medium.-threepl(L352, DOM 实测)。复用 -contact/-location 同款 navy 遮罩,
   双类锚 (0,0,3,0) 显式钉死, 压源 .-threepl 任何裸照片/red/teal 渐变, 永不翻盘。 */
.l-pagetitle.-medium.-threepl{ position:relative !important; }
.l-pagetitle.-medium.-threepl::before{
  content:"" !important; position:absolute !important; inset:0 !important;
  background:linear-gradient(90deg, rgba(22,34,61,.86) 0%, rgba(22,34,61,.58) 55%, rgba(22,34,61,.42) 100%),
             linear-gradient(180deg, rgba(22,34,61,.20) 0%, rgba(22,34,61,.50) 100%) !important;
  pointer-events:none !important; z-index:0 !important;
}
.l-pagetitle.-medium.-threepl .l-pagetitle__inner{ position:relative !important; z-index:1 !important; }
.l-pagetitle.-medium.-threepl .l-pagetitle__heading{
  position:relative !important; color:#FFFFFF !important; font-weight:700 !important;
  letter-spacing:.02em !important; padding-bottom:16px !important; margin:0 !important;
  text-shadow:0 1px 3px rgba(11,18,36,.45) !important;
}
.l-pagetitle.-medium.-threepl .l-pagetitle__heading::after{
  content:"" !important; position:absolute !important; left:0 !important; bottom:0 !important;
  width:64px !important; height:3px !important;
  background:#E85D20 !important; background-image:none !important; border-radius:2px !important;
}

/* ════════════ 2 · 共享 — section 标题 .c-heading.-large.-border-2color → navy+橙短线 ════════════
   两页段标题均 h2/h3.c-heading.-large.-border-2color(3pl L380/426/473/483/560/584/627/664; bonded 同模式)。
   navy + 橙短下划线, 压源 .-border-2color 顶部双色条。
   注: CONTACT 用 .-medium / COMPANY-aside 用 .-small / 本块 aside 用 .-small → .-large 互斥, 不外溢。 */
.l-content__main .c-heading.-large.-border-2color{
  position:relative !important; color:#1A2744 !important; font-weight:700 !important;
  padding:0 0 12px !important; margin:0 0 20px !important;
  background-image:none !important; border-top:0 !important; border-bottom:none !important;
}
.l-content__main .c-heading.-large.-border-2color::before{
  border-top:0 !important; top:auto !important; background:none !important;
}
.l-content__main .c-heading.-large.-border-2color::after{
  content:"" !important; position:absolute !important; left:0 !important; bottom:0 !important;
  width:48px !important; height:3px !important; background:#E85D20 !important; border-radius:2px !important;
}
/* 小节标题 h3.c-heading.-small / h4.c-heading.-xsmall(主区, 非 aside) → navy 收口 */
.l-content__main .c-heading.-small{ color:#1A2744 !important; }
.l-content__main .c-heading.-small.-border-2color{ background-image:none !important; }

/* ════════════ 3 · 共享 — 卡片壳 .c-box.-border 对齐首页卡 ════════════
   锚 .l-content__main .l-grid__item .c-box.-border = (0,0,3,0) > 源 .c-box.-border(0,0,2,0)。
   暖白底/暖边/双层淡影/r12/hover橙边-3px。 */
.l-content__main .l-grid__item .c-box.-border{
  background:#FAF9F6 !important;
  border:1px solid #E7E3D9 !important;
  border-radius:12px !important;
  box-shadow:0 1px 2px rgba(26,39,68,.04),0 4px 16px rgba(26,39,68,.06) !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
.l-content__main .l-grid__item .c-box.-border:hover{
  border-color:#E85D20 !important;
  box-shadow:0 4px 20px rgba(232,93,32,.12) !important;
  transform:translateY(-3px) !important;
}
.l-content__main .l-grid__item .c-box.-border .c-heading{ color:#1A2744 !important; }

/* ── ★ 卡内一切 inline #E85D20 文本统一橙令牌(吸收【批判2 FIX1】: 不止 p/strong, 含 div / span / a)
   div=bonded REQUIREMENT 01-06 11px(L462-467, 3.49 FAIL); span=3pl 主要機能 ✓ 24个(L674+, 3.49);
   p/strong=施設「対応業務」(L500/518/536) + 立地まとめ strong(L547-553);
   :not() 排除大字展示数字(40px/48px/clamp) → 保留图形橙(1.4.11 ≥3 PASS)。 */
.l-content__main .l-grid__item .c-box.-border [style*="color:#E85D20"]:not([style*="font-size:40px"]):not([style*="font-size:48px"]):not([style*="font-size:clamp"]),
.l-content__main .l-grid__item .c-box.-border [style*="color: #E85D20"]:not([style*="font-size:40px"]):not([style*="font-size:48px"]):not([style*="font-size:clamp"]){
  color:#C2410C !important;
}
/* 兜底: 非 .l-grid__item 包裹但在 .c-box.-border 内的 inline 橙(立地まとめ strong 等同样命中此层) */
.l-content__main .c-box.-border p[style*="#E85D20"]:not([style*="font-size:40px"]):not([style*="font-size:48px"]):not([style*="font-size:clamp"]),
.l-content__main .c-box.-border strong[style*="#E85D20"]:not([style*="font-size"]),
.l-content__main .c-box.-border a[style*="color:#E85D20"]{ color:#C2410C !important; }

/* 卡内 inline #666/#888/#555 次要灰 → 令牌次灰(白5.79 AA, 替源 ~3.5 边缘) */
.l-content__main .l-grid__item .c-box.-border [style*="color:#666"],
.l-content__main .l-grid__item .c-box.-border [style*="color:#888"],
.l-content__main .l-grid__item .c-box.-border [style*="color:#555"],
.l-content__main .c-box.-border [style*="color:#555"]{ color:#5C6678 !important; }
/* 卡内 #475569 / #64748B 段落(REQUIREMENT desc / intro lead)→ 次灰2 #48536b(白7.71 AA, 替象牙底边缘) */
.l-content__main .l-grid__item .c-box.-border [style*="color:#475569"],
.l-content__main .l-grid__item .c-box.-border [style*="color:#64748B"]{ color:#48536b !important; }

/* 卡内 emoji 底盘 inline bg #fff5f0(3pl L666+ / bonded L451-453)→ 象牙, 去粉味 */
.l-content__main .l-grid__item .c-box.-border div[style*="#fff5f0"]{ background:#F4ECE4 !important; }
/* bonded 提供SVC卡 inline 渐变底 linear-gradient(…#fff5f0)(L472-476)→ 暖白, 去粉渐变 */
.l-content__main .l-grid__item .c-box.-border[style*="#fff5f0"]{
  background:#FAF9F6 !important; background-image:none !important;
}
/* bonded 強み卡 inline border-left:#E85D20 / #1A2744(L500-501)保留(on-brand), 仅确保 r12 */
.l-content__main .l-grid__item .c-box.-border[style*="border-left"]{ border-radius:12px !important; }

/* 3pl「立地優位性まとめ」横条(L543: bg #f8f9fa + border-left #E85D20, 非 .l-grid__item)
   锚唯一 #f8f9fa 底(吸收【批判1 GAP1 硬化】: 弃 > section > 子选择器, 抗未来 wrapper 插入)。 */
.l-content__main .c-box.-border[style*="#f8f9fa"][style*="border-left:4px solid #E85D20"]{
  background:#F4F2EC !important; border:1px solid #E7E3D9 !important;
  border-left:4px solid #E85D20 !important; border-radius:12px !important;
}
/* 3pl WMS 强调横条(L584 inline linear-gradient #fff5f0→#ffe4d6)→ 象牙橙左条, 去粉渐变 */
.l-content__main div[style*="linear-gradient(135deg,#fff5f0"]{
  background:#F4F2EC !important; background-image:none !important;
  border-left:4px solid #E85D20 !important; border-radius:6px !important;
}
.l-content__main div[style*="linear-gradient(135deg,#fff5f0"] strong[style*="#E85D20"]{ color:#C2410C !important; }
/* 3pl WMS/OMS/API/SCM/ERP/通関 inline pill(L589+ bg #E85D20 白字)保留(图形底+白字 on-brand), 确保圆角 */
.l-content__main span[style*="background:#E85D20"][style*="color:#fff"]{ border-radius:4px !important; }

/* bonded 底部「まずはお気軽に」横条(L686 inline bg #fff7f3 + border #f3d4c4 + TEL #E85D20)→ 象牙橙令牌 */
.l-content__main .c-box.-border[style*="#fff7f3"]{
  background:#F4F2EC !important; border:1px solid #E7E3D9 !important;
  border-left:4px solid #E85D20 !important; border-radius:12px !important;
}
.l-content__main .c-box.-border[style*="#fff7f3"] a[style*="color:#E85D20"]{ color:#C2410C !important; }

/* ════════════ 4 · 3PL — service-card-v2(SERVICE01/02 卡) 对齐首页卡 + 修 label AA ════════════
   DOM(3pl L430-467): a.service-card-v2 > __header(__icon emoji + __heading(__label+__title))
     + __lead + ul.__list > li + __cta(__cta-arrow)。__label 源 #E85D20=3.49 真·AA缺陷 → #C2410C。 */
.l-content__main a.service-card-v2{
  display:block !important; background:#FAF9F6 !important;
  border:1px solid #E7E3D9 !important; border-radius:12px !important;
  box-shadow:0 1px 2px rgba(26,39,68,.04),0 4px 16px rgba(26,39,68,.06) !important;
  padding:24px 22px !important; text-decoration:none !important; height:100% !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
.l-content__main a.service-card-v2:hover{
  border-color:#E85D20 !important; box-shadow:0 4px 20px rgba(232,93,32,.12) !important;
  transform:translateY(-3px) !important;
}
.l-content__main a.service-card-v2:focus-visible{ outline:2px solid #C9491A !important; outline-offset:2px !important; }
.l-content__main a.service-card-v2:focus:not(:focus-visible){ outline:none !important; }
.l-content__main .service-card-v2__header{
  display:flex !important; align-items:center !important; gap:12px !important; margin-bottom:12px !important;
}
.l-content__main .service-card-v2__icon{
  background:linear-gradient(135deg,#F4F2EC 0%,#FAE7DC 100%) !important; color:#C2410C !important;
  border-radius:10px !important; width:48px !important; height:48px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-size:24px !important; flex:0 0 auto !important;
}
/* ★ SERVICE 01/02 标签: 源 #E85D20=3.49 FAIL → 橙令牌 #C2410C=5.18 AA */
.l-content__main .service-card-v2__label{
  color:#C2410C !important; font-weight:700 !important; font-size:12px !important;
  letter-spacing:.08em !important; display:block !important;
}
.l-content__main .service-card-v2__title{ color:#1A2744 !important; font-weight:700 !important; margin:2px 0 0 !important; }
.l-content__main .service-card-v2__lead{ color:#48536b !important; }
.l-content__main .service-card-v2__lead strong{ color:#1A2744 !important; }
.l-content__main .service-card-v2__list{ list-style:none !important; padding:0 !important; margin:0 0 14px !important; }
.l-content__main .service-card-v2__list li{
  position:relative !important; padding:6px 0 6px 24px !important;
  border-bottom:1px dashed #E7E3D9 !important; color:#1A2744 !important; line-height:1.6 !important;
}
.l-content__main .service-card-v2__list li:last-child{ border-bottom:none !important; }
.l-content__main .service-card-v2__list li::before{
  content:"\2713" !important; position:absolute !important; left:2px !important; top:6px !important;
  color:#C2410C !important; font-weight:700 !important;
}
.l-content__main .service-card-v2__cta{
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  color:#C2410C !important; font-weight:700 !important; font-size:14px !important;
}
.l-content__main a.service-card-v2:hover .service-card-v2__cta{ color:#9A3412 !important; }
.l-content__main .service-card-v2__cta-arrow{ transition:transform .18s ease !important; }
.l-content__main a.service-card-v2:hover .service-card-v2__cta-arrow{ transform:translateX(3px) !important; }

/* ════════════ 5 · 3PL — gallery(現場の風景) navy+橙 ════════════
   DOM(L386-421): .solution-gallery > __head(__title + __caption) + __grid > __cell(--wide) > img + __caption-overlay。 */
.l-content__main .solution-gallery__head{ border-bottom-color:#1A2744 !important; }
.l-content__main .solution-gallery__title{
  color:#1A2744 !important; font-weight:700 !important;
  padding-left:14px !important; position:relative !important;
}
.l-content__main .solution-gallery__title::before{
  content:"" !important; position:absolute !important; left:0 !important; top:.15em !important; bottom:.15em !important;
  width:4px !important; background:#E85D20 !important; border-radius:2px !important;
}
.l-content__main .solution-gallery__caption{ color:#5C6678 !important; }
.l-content__main .solution-gallery__cell{ border-radius:12px !important; overflow:hidden !important; }
.l-content__main .solution-gallery__cell img{ border-radius:12px !important; }
.l-content__main .solution-gallery__caption-overlay{
  background:linear-gradient(180deg, rgba(22,34,61,0) 0%, rgba(22,34,61,.78) 100%) !important;
  color:#FFFFFF !important; font-weight:500 !important;
}

/* ════════════ 6 · 共享 — 右 aside お問い合わせ框 + ★TEL 橙(品红/3.49橙 → #C2410C) ════════════
   DOM(3pl L768-779 / bonded L694-705): l-content__inner > aside > section > .c-box.-bg-orange
        > p > (span TEL前缀) + span.u-font-mto-red(PC) + a.tel-link.u-font-mto-red(SP)。
   ★关键: TEL 在 <aside> 内【非 .l-grid__item】→ contact/location done 页 .c-box.-bg-orange 在
     .l-grid__item 内(非 aside section)→本锚 0 命中, 不回归。
   源最高 .l-content__inner aside .c-box.-bg-orange p .u-font-mto-red = (0,0,4,1)(已为 #E85D20=3.49 FAIL);
   本锚加 section 中间层 = (0,0,5,1) > 源 + !important + 后载 → 必胜, 改 #C2410C=5.18 AA。 */
.l-content__inner aside section .c-box.-bg-orange{
  background:#FFFFFF !important; border:1px solid #E7E3D9 !important;
  border-radius:12px !important;
  box-shadow:0 1px 2px rgba(26,39,68,.04),0 4px 16px rgba(26,39,68,.06) !important;
}
.l-content__inner aside section .c-box.-bg-orange .c-heading.-xsmall{
  color:#1A2744 !important; font-weight:700 !important;
}
/* 「TEL」/「TEL：」前缀(span.u-fs-14 / 块级 span)→ 次灰 */
.l-content__inner aside section .c-box.-bg-orange p .u-fs-14,
.l-content__inner aside section .c-box.-bg-orange p span:not(.u-font-mto-red):not(.u-sp\:view):not(.u-pc-tb\:view){ color:#5C6678 !important; }
/* ★TEL 号码(PC span.u-font-mto-red + SP a.tel-link.u-font-mto-red) → 令牌橙 #C2410C=5.18 AA */
.l-content__inner aside section .c-box.-bg-orange p .u-font-mto-red,
.l-content__inner aside section .c-box.-bg-orange p a.tel-link.u-font-mto-red,
.l-content__inner aside section .c-box.-bg-orange .tel-link{ color:#C2410C !important; }
.l-content__inner aside section .c-box.-bg-orange a.tel-link:hover{ color:#9A3412 !important; }
.l-content__inner aside section .c-box.-bg-orange a.tel-link:focus-visible{
  outline:2px solid #C9491A !important; outline-offset:2px !important; border-radius:2px !important;
}
.l-content__inner aside section .c-box.-bg-orange a.tel-link:focus:not(:focus-visible){ outline:none !important; }
/* aside 段标题 h4.c-heading.-small.-border-2color → navy + 橙短线 */
.l-content__inner aside .c-heading.-small.-border-2color{
  color:#1A2744 !important; font-weight:700 !important;
  background-image:none !important; border-top:0 !important;
  position:relative !important; padding-bottom:10px !important;
}
.l-content__inner aside .c-heading.-small.-border-2color::before{ border-top:0 !important; top:auto !important; background:none !important; }
.l-content__inner aside .c-heading.-small.-border-2color::after{
  content:"" !important; position:absolute !important; left:0 !important; bottom:0 !important;
  width:40px !important; height:3px !important; background:#E85D20 !important; border-radius:2px !important;
}

/* ════════════ 7 · BONDED — SERVICE/POINT/OSAKA/TOKYO 标签(品红 u-font-mto-red→橙)
   + 卡外散落 inline 橙文本/灰文本(吸收【批判2 FIX2/FIX3】) ════════════
   DOM(bonded L573/581/589/602/609/616/623/638/649): div.c-heading.-xsmall.u-font-mto-red,
     置于 .c-box.-border 内(非 aside)。源 .u-font-mto-red #B9103C 品红 → 令牌橙 #C2410C(白5.18)。 */
.l-content__main .c-box .c-heading.-xsmall.u-font-mto-red,
.l-content__main section .c-heading.-xsmall.u-font-mto-red{
  color:#C2410C !important; font-weight:700 !important; letter-spacing:.06em !important;
}
/* bonded 拠点卡 inline TEL/链接 color:#E85D20 正文(L130 等)→ #C2410C(白5.18 AA) */
.l-content__main .l-grid__item .c-box.-border a[style*="color:#E85D20"],
.l-content__main .c-box.-border a[style*="color:#E85D20"]{ color:#C2410C !important; }

/* 【批判2 FIX2】bonded 出典 citation(L447, 在 .bonded-types 内非 .c-box):
   p style=#888 + 内 a style=#E85D20;text-decoration:underline → 灰令牌 + 橙令牌(5.18/5.79 AA) */
.l-content__main p[style*="color:#888"]{ color:#5C6678 !important; }
.l-content__main p[style*="color:#888"] a[style*="color:#E85D20"],
.l-content__main p a[style*="color:#E85D20"]{ color:#C2410C !important; }
/* 【批判2 FIX3】bonded 受付時間(L690 #8a909a=3.21) + 法人番号(L683 #888) + intro lead(#64748B/#555)
   主区散落小字 → 灰令牌, 全部 ≥5.5 白 AA。inline 海军蓝邮件链接(#1A2744)on-brand 不碰。 */
.l-content__main p[style*="color:#8a909a"]{ color:#5C6678 !important; }
.l-content__main > section > p[style*="color:#64748B"],
.l-content__main > section > p[style*="color:#555"]{ color:#5C6678 !important; }

/* ════════════ 8 · BONDED — 保税地域 5 类卡(.bonded-types) navy+橙 ════════════
   DOM(L405-444): .bonded-types > __item(--highlight) > __head(__num + __name(__star)) + __count(--accent) + __desc。 */
.l-content__main .bonded-types__item{
  background:#FAF9F6 !important; border:1px solid #E7E3D9 !important;
  border-radius:12px !important; color:#1A2744 !important;
  box-shadow:0 1px 2px rgba(26,39,68,.04) !important;
}
.l-content__main .bonded-types__item--highlight{
  background:#F4F2EC !important; border:1px solid #E85D20 !important;
  box-shadow:0 4px 16px rgba(232,93,32,.12) !important;
}
.l-content__main .bonded-types__num{
  background:#E85D20 !important; color:#FFFFFF !important; font-weight:700 !important; border-radius:6px !important;
}
.l-content__main .bonded-types__item--highlight .bonded-types__num{ background:#C9491A !important; }
.l-content__main .bonded-types__name{ color:#1A2744 !important; font-weight:700 !important; }
.l-content__main .bonded-types__count{ color:#5C6678 !important; }
.l-content__main .bonded-types__count--accent{ color:#C2410C !important; font-weight:700 !important; }
.l-content__main .bonded-types__star{ color:#C2410C !important; font-weight:700 !important; }
.l-content__main .bonded-types__desc{ color:#48536b !important; }
.l-content__main .bonded-types__desc strong{ color:#1A2744 !important; }

/* ════════════ 9 · BONDED — 国際物流フロー stepper(.bonded-flow) navy+橙 ════════════
   DOM(L489-497): .bonded-flow > .bonded-flow__step(-start/-hl/-end) >
        (__tag「ここ」, 仅 -hl) + __no(序号) + __ja(日文) + __en(英文)。 */
.l-content__main .bonded-flow__step{
  background:#FAF9F6 !important; border:1px solid #E7E3D9 !important;
  border-radius:12px !important; color:#1A2744 !important;
  box-shadow:0 1px 2px rgba(26,39,68,.04) !important;
}
.l-content__main .bonded-flow__step.-start,
.l-content__main .bonded-flow__step.-end{ background:#F4F2EC !important; }
.l-content__main .bonded-flow__no{
  background:#E85D20 !important; color:#FFFFFF !important; font-weight:700 !important; border-radius:999px !important;
}
.l-content__main .bonded-flow__ja{ color:#1A2744 !important; font-weight:700 !important; }
.l-content__main .bonded-flow__en{ color:#5C6678 !important; }
/* 高亮节点(保税蔵置場「ここ」) → 橙实心卡(白字 4.72 AA), 序号圈反白, tag navy */
.l-content__main .bonded-flow__step.-hl{
  background:#C9491A !important; border-color:#C9491A !important;
  box-shadow:0 4px 16px rgba(201,73,26,.22),0 0 0 3px rgba(232,93,32,.18) !important;
}
.l-content__main .bonded-flow__step.-hl .bonded-flow__ja,
.l-content__main .bonded-flow__step.-hl .bonded-flow__en{ color:#FFFFFF !important; }
.l-content__main .bonded-flow__step.-hl .bonded-flow__no{ background:#FFFFFF !important; color:#C9491A !important; }
.l-content__main .bonded-flow__step.-hl .bonded-flow__tag{
  background:#1A2744 !important; color:#FFFFFF !important; font-weight:700 !important; border-radius:4px !important;
}
/* ============================ INTERIOR · SOLUTION end ============================ */


/* ============================ INTERIOR · CASE — 導入事例 ============================
   案例列表 /case-studies (.case-card 共用组件已 navy+橙) + 案例详情 /solution/case_2XX (~18 页共用模板)。
   源 dynamic-effects.css 用 红(#C0392B)/粉(#FEF2F2/#FECACA)=BEFORE(他社/课题), 绿(#10B981/#059669/#047857/#ECFDF5/#A7F3D0)=AFTER(銘東/解决),
   并用 琥珀金 --gold:#FBBF24 驱动 hero KPI + AFTER hub 64px大数字 + VS圈 + hub/meito 边框光环 — 全在 navy+橙 品牌外。
   改造: BEFORE→中性象牙灰(读作"旧/他社方式"), AFTER→品牌浅橙, 琥珀金统一→橙系。BEFORE/AFTER 靠 冷灰vs暖橙 + 文字标签"BEFORE/AFTER" 区分→色盲安全。
   AA 已验: BEFORE slate#5C6678/象牙#F4F2EC=5.17:1, AFTER #C2410C/浅橙#FFF6F0=4.86:1, hero #FF9C4A/navy=7.13:1。
   结果数值 .tf3-kpi__value 本就橙#E85D20 → 不动。仅作用 .l-content__main(内页), 不碰首页 .top-*。删本块即回退。 */

/* —— 商流図 BEFORE 列 (.tf3-other*): 红/粉 → 中性象牙灰 —— */
.l-content__main .tf3-other{ border-color:#E7E3D9 !important; }
.l-content__main .tf3-other__tag{ background:#5C6678 !important; }
.l-content__main .tf3-other__title{ color:#5C6678 !important; }
.l-content__main .tf3-other-pair{ background:#F4F2EC !important; border-color:#E7E3D9 !important; }
.l-content__main .tf3-other-pair__label{ color:#5C6678 !important; }
.l-content__main .tf3-other-stat{ background:#F4F2EC !important; border-color:#E7E3D9 !important; }
.l-content__main .tf3-other-stat__num{ color:#5C6678 !important; }
.l-content__main .tf3-other__summary{ border-top-color:#E7E3D9 !important; }
.l-content__main .tf3-other__summary strong{ color:#5C6678 !important; }

/* —— case-ba 对比组件: -before 红/粉→中性象牙灰, -after 绿→品牌浅橙 —— */
.l-content__main .case-ba__col.-before{ background:#F4F2EC !important; border-color:#E7E3D9 !important; }
.l-content__main .case-ba__col.-before .case-ba__label{ color:#5C6678 !important; }
.l-content__main .case-ba__col.-after{ background:#FFF6F0 !important; border-color:#F0D2BE !important; }
.l-content__main .case-ba__col.-after .case-ba__label{ color:#C2410C !important; }

/* —— 内联样式 課題と解決 双栏 (style 含 FEF2F2/ECFDF5): 属性选择器 + !important 胜内联 —— */
.l-content__main .l-grid__item > div[style*="FEF2F2"]{ background:#F4F2EC !important; border-left-color:#5C6678 !important; }
.l-content__main .l-grid__item > div[style*="FEF2F2"] > div[style*="C0392B"]{ color:#5C6678 !important; }
.l-content__main .l-grid__item > div[style*="ECFDF5"]{ background:#FFF6F0 !important; border-left-color:#E85D20 !important; }
.l-content__main .l-grid__item > div[style*="ECFDF5"] > div[style*="059669"]{ color:#C2410C !important; }

/* —— 琥珀金 #FBBF24 全面收口为品牌橙 ——
   案例/流程图解共 4 套系统 (.tf=--tf-gold, .tf2/.tf3/.tfx=--gold) + 硬编码 amber 散落在 case-hero/case-detail-hero/logi-flow/case-card。
   文字 amber → 深底accent橙 #FF9C4A(navy上7.13:1); 边/底/光晕 rgba(251,191,36,*) → 橙 rgba(232,93,32,*); 实边 → #E85D20。结果数值 var(--orange) 不受影响。 */
/* 1) 四套系统根上重定义 gold 变量 → 一次性翻所有 var(--gold)/var(--tf-gold) 用法(hub大数字/VS圈/accent KPI/边框/渐变) */
.l-content__main .tf,
.l-content__main .tf2,
.l-content__main .tf3,
.l-content__main .tfx{ --gold:#FF9C4A !important; --tf-gold:#FF9C4A !important; }
/* 2) 硬编码 #FBBF24 文字 → #FF9C4A */
.l-content__main .case-detail-hero__kpi-num,
.l-content__main .case-detail-hero__breadcrumb,
.l-content__main .case-detail-hero__tag,
.l-content__main .case-hero__eyebrow,
.l-content__main .case-hero__kpi-num,
.l-content__main .case-card__media-fallback,
.l-content__main .logi-flow__legend-item strong,
.l-content__main .tfx-mirror__source-sub,
.l-content__main .tf-hub__label{ color:#FF9C4A !important; }
/* 3) 硬编码 rgba(251,191,36,*) 底/边/光晕 → 橙 rgba(232,93,32,*) */
.l-content__main .case-detail-hero__tag{ background:rgba(232,93,32,.15) !important; border-color:rgba(232,93,32,.4) !important; }
.l-content__main .case-hero__kpi,
.l-content__main .case-detail-hero__kpi,
.l-content__main .tf-cap,
.l-content__main .tf2-cap-mini{ border-color:rgba(232,93,32,.3) !important; }
.l-content__main .tf-hub{ box-shadow:0 0 80px rgba(232,93,32,.18) !important; }
.l-content__main .tf-hub__header{ border-bottom-color:rgba(232,93,32,.2) !important; }
.l-content__main .tf3-meito{ border-color:#E85D20 !important; box-shadow:0 0 0 4px rgba(232,93,32,.12) !important; }
.l-content__main .tf3-meito__summary{ border-top-color:rgba(232,93,32,.5) !important; }
.l-content__main .tf3-radiate__hub{ border-color:#E85D20 !important; }
.l-content__main .tfx-journey__step.-start .tfx-journey__time,
.l-content__main .tfx-journey__step.-end .tfx-journey__time{ background:rgba(232,93,32,.25) !important; }
.l-content__main .case-hero::after{ background:radial-gradient(circle, rgba(232,93,32,.18) 0%, transparent 65%) !important; }

/* —— tfx/tf 等案例其余 红/绿 语义色收口 (BEFORE/bad=中性slate, AFTER/good=品牌橙) ——
   tfx 对比表是内联 style(<td style="color:#C0392B"> Before / #059669 After); 另有 --red/--green/--tf-green token + tfx-surge/shield 渐变填充。 */
/* a) 四套系统根上把 --red→中性slate, --green/--tf-green→橙 (翻所有 var() 文字/线) */
.l-content__main .tf,
.l-content__main .tf2,
.l-content__main .tf3,
.l-content__main .tfx{ --red:#5C6678 !important; --green:#C2410C !important; --tf-green:#C2410C !important; }
/* b) 内联对比表单元格: Before 列 red→中性, After 列 green→橙 */
.l-content__main td[style*="C0392B"]{ color:#5C6678 !important; }
.l-content__main td[style*="059669"],
.l-content__main td[style*="047857"],
.l-content__main td[style*="10B981"]{ color:#C2410C !important; }
/* c) tfx-surge 条形/tfx-shield 到达渐变(含硬编码绿/红第二色标)显式改: bad→中性灰, good/arrival→橙 */
.l-content__main .tfx-surge__row.-bad .tfx-surge__bar-fill{ background:linear-gradient(90deg,#94A3B8,#CBD5E1) !important; }
.l-content__main .tfx-surge__row.-good .tfx-surge__bar-fill{ background:linear-gradient(90deg,#E85D20,#FF9C4A) !important; }
.l-content__main .tfx-shield__arrival{ background:linear-gradient(180deg,#E85D20,#C2410C) !important; }
/* ============================ INTERIOR · CASE end ============================ */

/* ============================ OFF-BRAND 补漏: 琥珀金/蓝 收口 (mod19) ============================ */
/* 全站越界色扫描补漏: 早期扫描只查 红/绿/品红/紫, 漏了琥珀金 #fbbf24 与蓝 rgba(56,130,246,*)。
   品牌色仅 navy #1A2744 + 橙 #E85D20。本块收口两处实际仍在线上生效的越界色。 */

/* 1) 琥珀金 #fbbf24 → 品牌橙。dynamic-effects.css:587 的 .logi-flow__legend-item strong。
      实测该元素在 /3pl 页(非首页), 容器是 .l-main > .l-content(无 .l-content__main),
      故上方 .l-content__main 作用域的同名 override 命中不到 → 线上仍是琥珀金。
      .logi-flow 容器底色为深色渐变(#0f172a→#1e293b), 深底用 #FF9C4A。全局收口确保任意页面都命中。 */
.logi-flow__legend-item strong{ color:#FF9C4A !important; }

/* 2) 蓝 rgba(56,130,246,.10) → 品牌橙淡晕。dynamic-effects.css:4127 的 .biz-tiles__bg 右下角光晕。
      该层在首页 .biz-tiles(深色底 #0d1726)。navy 6% 淡色在深底上几乎不可见, 故改为暖橙淡晕,
      与左上已有的橙光晕呼应; 其余三层(白色网格线)原样保留。background-image 不可逐层覆盖, 整条重声明。 */
.biz-tiles__bg{
  background-image:
    radial-gradient(circle at 18% 12%, rgba(232, 93, 32, 0.12) 0%, transparent 38%),
    radial-gradient(circle at 85% 80%, rgba(232, 93, 32, 0.08) 0%, transparent 42%),
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px) !important;
}
/* ============================ OFF-BRAND 补漏 end ============================ */


/* ============================ HEADER · BRAND — logo/社名 桌面下移 + 放大 ============================
   用户反馈: 左上 logo+社名 太偏上、偏小。仅在桌面完整导航视图(>1200px)下移并放大;
   平板/移动端(≤1200, 汉堡菜单)保持原尺寸, 避免 logo 与 Language/汉堡按钮 重叠(实测 44px 在 390px 下会盖住 Language)。
   成因: .l-header__inner 是 flex-wrap:wrap, logo 与 mainnav 分两行; logo(33px)在仅 35px 高的第一行里被 align-items:center 居中 → 贴顶(top≈1)。
   改: 桌面 logo height 33→44(+33%, 等比宽~320, 故 max-width 提到 340 覆盖文件第 8 行的 240px 上限), 容器上留白 9px/下 5px 把 logo 下移、撑开顶部呼吸区。header 由 85→约108px。删本块即回退。 */
@media (min-width: 1201px){
  .l-header__logo{ padding-top:9px !important; padding-bottom:5px !important; }
  .l-header__logo img{ height:44px !important; width:auto !important; max-width:340px !important; }
}
/* ============================ HEADER · BRAND end ============================ */


/* ============================ HEADER · COMPACT — 单行头部（消除两处空白）============================
   用户要求去掉头部两处空白：① 顶行 logo↔工具区 ~900px 空白；② 主导航在 logo 下方的 ~92px 缩进。
   做法：在桌面完整导航视图（≥1241px，即 inline 导航出现的宽度）把原来的两行（品牌行 + 导航行）压成单行：
     [logo 左] —[主导航 flex 填充中部，紧接 logo、去缩进、不换行]— [工具区 お問い合わせ/Language 最右]。
   头部由 ~108px 收到 ~60px，两处空白被 flex 自动吃掉。≤1240px（汉堡菜单）完全不受影响。
   实测 breakpoint：inline 导航 ≥1260 显示、≤1240 切汉堡；单行在 1280 有 34px 余量、1241 经收紧后仍不与工具区重叠。
   可回退：删本块即回到 HEADER·BRAND 的两行布局。
   注意：内页(page/default.html·service.html 等)的 .l-header__mainnav 是 .l-header__inner 的**兄弟**节点,
   而首页/news 的 mainnav 在 inner **内部** — 两种 DOM 结构不同。为统一，用 .l-header 作 flex 容器 +
   .l-header__inner{display:contents} 把 inner 溶解，让 logo/subnav/btn/mainnav 都成为 .l-header 的直接 flex 项，
   于是两种结构都收敛成同一条 [logo | 导航 | 工具区] 单行。(头部白底+橙线在 .l-header 上，display:contents 不影响。) */
@media (min-width:1241px){
  .l-header{ display:flex !important; align-items:center !important; flex-wrap:nowrap !important; column-gap:18px !important; padding-top:16px !important; padding-bottom:16px !important; }
  .l-header__inner{ display:contents !important; }
  .l-header__logo{ order:0 !important; flex:0 0 auto !important; padding-top:0 !important; padding-bottom:0 !important; }
  .l-header__mainnav{ order:1 !important; flex:1 1 auto !important; width:auto !important; min-width:0 !important; }
  .l-header__mainnav .l-gnav{ padding-left:0 !important; margin-left:0 !important; justify-content:flex-start !important; flex-wrap:nowrap !important; column-gap:4px !important; }
  .l-header__mainnav .l-gnav__item{ white-space:nowrap !important; }
  .l-header__mainnav .l-gnav__item .c-gnav-item__btn-line-first,
  .l-header__mainnav .l-gnav__link .c-gnav-item__btn-line{ white-space:nowrap !important; }
  .l-header__subnav{ order:2 !important; flex:0 0 auto !important; margin-left:auto !important; }
  .l-header__btn{ order:3 !important; }
  .l-header__bottom{ display:none !important; }
}
/* ============================ HEADER · COMPACT end ============================ */


/* ============================ HOME · SERVICE TILE 图片缩略卡（试做 04 保税蔵置場）============================
   用户选「方向一·图片缩略卡」: 卡顶 16:9 真实仓库照片 + 序号叠图上 + 下方标题/简述/箭头(常显橙→)。
   hover: 卡上浮(继承)+ 图轻微放大 + 箭头右移。仅 .biz-tile--img 生效, 其余 5 卡不变。满意后再推广。
   删本块 + 还原 index.html 04 卡 即回退。 */
.biz-tile--img{ padding:0 !important; overflow:hidden; display:flex; flex-direction:column; }
.biz-tile--img .biz-tile__media{ position:relative; display:block; width:100%; aspect-ratio:16/9; overflow:hidden; background:#E7E3D9; }
.biz-tile--img .biz-tile__media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
.biz-tile--img:hover .biz-tile__media img{ transform:scale(1.05); }
.biz-tile--img .biz-tile__media .biz-tile__num{ position:absolute; top:10px; right:13px; color:#fff; font-size:15px; font-weight:700; letter-spacing:.02em; text-shadow:0 1px 5px rgba(0,0,0,.55); }
.biz-tile--img .biz-tile__body{ padding:15px 18px 18px; }
.biz-tile--img .biz-tile__name{ margin-bottom:5px; }
.biz-tile--img .biz-tile__desc{ min-height:0 !important; }
.biz-tile--img .biz-tile__arrow{ position:static !important; display:inline-block; opacity:1 !important; color:#C2410C !important; margin-top:10px; font-size:15px; transition:transform .15s ease; }
.biz-tile--img:hover .biz-tile__arrow{ transform:translateX(4px); }
/* ============================ HOME · SERVICE TILE IMG end ============================ */


/* ============================ HOME · FIND BY ROLE 图标 (お客様タイプから探す) ============================
   原区块「お悩み・目的から探す」改成按客户身份(卖家/货代同行/厂商货主/商社贸易)。把 .needcard__no 序号位换成 24×24 线条图标:
   居中, navy 默认, 卡 hover 时转橙(与原 .needcard:hover 的橙边一致)。删本块 + 还原 index.html need-sec 区块即回退。 */
.needcard__icon{ display:flex; justify-content:center; align-items:center; color:#1A2744; margin-bottom:12px; line-height:0; transition:color .15s ease; }
.needcard__icon svg{ width:32px; height:32px; }
.needcard:hover .needcard__icon{ color:#E85D20; }
/* 断行: 标题用 keep-all 禁止片假名/汉字词中断(根治「モー/ル」), strict + 标题里的 <wbr>(「・」后)精确控断点。
   价值文案用 keep-all + line-break:auto(不能 strict, 否则「Amazon FBA・TEMU…」整串不可断而溢出)。两者都禁 overflow-wrap:anywhere。 */
.need-sec .needcard h3{ word-break:keep-all !important; line-break:strict !important; overflow-wrap:normal !important; hyphens:none !important; }
/* 价值文案: auto-phrase = 日文按「文節(短语)」边界断, 既不在词中断、也能正常换行不溢出(站内 .mission-sec__sub 已用此法)。
   不能用 keep-all(会把整句汉字串变成不可断而在窄卡溢出)。 */
.need-sec .needcard p{ word-break:auto-phrase !important; line-break:normal !important; overflow-wrap:normal !important; hyphens:none !important; }
/* ============================ HOME · FIND BY ROLE end ============================ */

/* ============================ 2026-07-02 HERO 手动切换箭头 ============================
   根因: .top-hero__slider 存在两次 slick() 初始化, mto_top.js(DOMready时同步执行, arrows:false)
   先生效并完成 DOM 构建, index.html 内联script的二次 .slick({arrows:true}) 因 slick 内部
   slick-initialized 守卫跳过 DOM 重建, 箭头从未被注入。已在 mto_top.js 把 arrows 改为 true。
   全站未加载 slick-theme.css, 箭头没有任何定位/图形/颜色规则(旧 P0b 块也缺 position, 一直是死代码),
   本块从零手写定位+自绘CSS chevron(不依赖图标字体)。仅作用于 .top-hero__slider, 不影响
   .c-slider(PICK UP 独立slick实例, 选择器不重叠)。删本块即可回退(mto_top.js的arrows/timeline也需一并回退)。 */
.top-hero__slider{ position:relative !important; }
.top-hero__slider .slick-prev,
.top-hero__slider .slick-next{
  position:absolute !important; top:50% !important; transform:translateY(-50%) !important;
  width:44px !important; height:44px !important; z-index:6 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background:rgba(26,39,68,.45) !important; border:none !important; border-radius:50% !important;
  cursor:pointer !important; transition:.25s background !important; padding:0 !important; font-size:0 !important;
}
.top-hero__slider .slick-prev{ left:12px !important; }
.top-hero__slider .slick-next{ right:12px !important; }
.top-hero__slider .slick-prev:hover,
.top-hero__slider .slick-next:hover{ background:#E85D20 !important; }
.top-hero__slider .slick-prev::before,
.top-hero__slider .slick-next::before{
  content:'' !important; display:block !important; width:10px !important; height:10px !important;
  border-style:solid !important; border-color:#fff !important; border-width:0 2px 2px 0 !important;
}
.top-hero__slider .slick-prev::before{ transform:rotate(135deg) !important; margin-left:4px !important; }
.top-hero__slider .slick-next::before{ transform:rotate(-45deg) !important; margin-right:4px !important; }
@media (max-width:480px){
  .top-hero__slider .slick-prev,
  .top-hero__slider .slick-next{ width:36px !important; height:36px !important; }
}
/* ============================ HERO 箭头 end ============================ */

/* ============================ 2026-07-02 导航栏文字与下拉箭头重叠 ============================
   根因: 桌面导航按 6 项等宽设计(.l-gnav__item width:16.6666667%, 6×16.67%=100%), 现有 7 项被强制
   挤进等宽格子、flex-shrink 压窄, 而橙色下拉箭头::after 是 position:absolute;right:6px 独立叠加,
   没有为箭头预留安全间距。最长的"物流ソリューション"在 1920px 实测仅剩4px空隙、常见笔记本宽度1366px
   实测已达 -16px(真实重叠, 用户笔记本1920x1080复现)。
   只加padding或缩字号都不够 —— continued 缩到 7.8px(不可读)在1256px仍只剩2px, 说明"6项等宽格子"
   这个设计前提本身在7项下不成立, 无法只靠数值微调解决。
   真正修复: 放弃"7项强制等宽"，改成按内容自适应宽度(flex:0 1 auto, width:auto) —— 短文字项
   (ホーム/導入事例/ニュース/採用情報)自然收窄，把省下的空间让给两个长文字项(物流ソリューション/
   拠点・アクセス)，整行仍在容器内、无需把字号缩到不可读。仅缩窄到 1256–1919px 挤压区间生效字号
   微降(1.5rem→1.25rem)做二次保险；1920px+ 因本身空间充足，字号不变。 */
/* 2026-07-02晚 修订(用户反馈"PC菜单变小/整体变窄"): 之前为塞下7项把字号降到1.25rem+靠左紧凑, 导致
   桌面菜单比原来(6项 1.5rem 撑满)明显偏小、且宽屏下缩在左侧一团。经实测(1256px下7项1.5rem内容总宽528px、
   可用622px, 离下拉箭头仍有8px), 字号根本不必降。最终方案:
   ① 7项按内容自适应宽度(短项 ホーム 不再像等宽176px格子那样孤立居中) —— 保留 S8 的核心;
   ② 恢复 base 1.5rem 字号(桌面全区间), 不再降到1.25;
   ③ 菜单整体 justify-content:center 居中(不再靠左缩一团, 宽屏两侧留白对称);
   ④ 项间距随宽度分档渐进: 1256=12px(极限宽度刚好塞下不撞箭头), 1440=22px, 1680=32px(宽屏舒展但不散,
      避免 space-between 在1920拉到108px的过散). 右侧padding 24px 给橙色下拉箭头留安全位。 */
@media (min-width:1256px){
  .l-gnav__item{ width:auto !important; flex:0 1 auto !important; }
  .c-gnav-item__btn{ font-size:1.5rem !important; padding:0 24px 0 10px !important; box-sizing:border-box !important; white-space:nowrap !important; }
  .l-gnav__link{ font-size:1.5rem !important; white-space:nowrap !important; }
  .l-header__mainnav .l-gnav{ justify-content:center !important; column-gap:12px !important; }
}
/* 极窄桌面(1256–1359px): 7项用完整1.5rem内容就要~610px、几乎顶满可用的~622px, 放不下间距会溢出压到
   右侧工具区。此区间半档降到1.4rem+小间距, 刚好舒适塞下(1360px以上空间就够, 恢复完整1.5rem)。 */
@media (min-width:1256px) and (max-width:1359px){
  .c-gnav-item__btn{ font-size:1.35rem !important; }
  .l-gnav__link{ font-size:1.35rem !important; }
  .l-header__mainnav .l-gnav{ column-gap:8px !important; }
}
@media (min-width:1440px){ .l-header__mainnav .l-gnav{ column-gap:22px !important; } }
@media (min-width:1680px){ .l-header__mainnav .l-gnav{ column-gap:32px !important; } }
/* ============================ 导航栏箭头重叠 end ============================ */

/* ============================ 2026-07-02晚 S1: CTA按钮白字缺失(全站30个) ============================
   根因: 站内所有 .c-btn.-bg-orange 主橙CTA 的文字都在 <span class="u-color-white"> 里, 但 .u-color-white
   这个工具类在全站已加载的CSS里【根本没有定义】(grep确认为空)。于是 span 拿不到白色, 继承父级
   .c-btn.-pd-l{color:#C2410C !important}(本文件522行) 的深橙, 变成深橙字压在橙底上(对比度~1.4:1, 发暗发浑)。
   sea-parcel / 3pl/customs / fulfillment 等30个页面的咨询按钮全部如此(用户在 sea-parcel 上发现)。
   修复: 补上这个缺失的工具类定义即可, 一处修全站。仅定义 .u-color-white, 不加 .c-btn.-bg-orange span 兜底
   (审核发现有2个白底橙字反色按钮 style="background:#fff;color:#E85D20" 也带 -bg-orange, 若强制 span 白字会白底白字看不见)。
   实测全站所有 u-color-white 都在 -bg-* 深色按钮上, 补定义为白色安全无副作用。 */
.u-color-white{ color:#fff !important; }

/* ============================ 2026-07-02晚 S8: >=1920px 导航 ホーム 离其他项太远 ============================
   根因: <1920 已用内容自适应宽度(上方 max-width:1919 块), 但 >=1920 回退到 base .l-gnav__item{width:16.6667%}
   (stylesheet3e6c.css:964)=固定7个等宽176px格子, 短标题 ホーム(37px)在176px格子里居中→左右各空~70px, 视觉上
   与 企業情報 拉开~115px, 显得孤立。容器在 >=1241px 已是 flex-start+4px 间隙(本文件3420行), 唯一缺的就是
   >=1920 时 item 也用内容宽度。修复: 只补 item width:auto(字号保持 base 1.5rem, 空间充足), 不动 justify/gap,
   否则若误加 space-between 又会把 ~115px 间隙带回来。
   (2026-07-02晚修订: S8 的 >=1920 width:auto 已并入上方"导航栏箭头重叠"块的 min-width:1256 统一规则,
    此处不再单独设置, 避免与新的 1.5rem字号/居中/分档间距 规则冲突。) */
/* ============================ S1/S8 end ============================ */

/* ============================ 2026-07-02晚 T1: 右侧竖条(l-rightmenu)遮挡汉堡菜单按钮 ============================
   根因: .l-rightmenu__inner 在 >=768px 是 position:fixed; top:50%; translateY(-50%)(垂直居中) + z-index:9999
   (高于 header)。汉堡菜单在 <1256px 出现, 关闭/展开按钮 .c-header-btn 在右上角。矮窗口(手机横屏812×375、
   小笔记本等)下, 居中的竖条上移到顶部, 正好盖住右上角的汉堡按钮 —— elementFromPoint 实测 X 中心取到的是
   l-rightmenu__tracking, 汉堡按钮点不到(菜单展开态点不到关闭X, 收起态点不到≡打不开菜单)。
   修复: 汉堡模式区间(768–1255px)把右侧竖条改成和 <768px 一致的【底部固定栏】(bottom:0, 横排, 不进入
   header 区), 既彻底不遮挡汉堡按钮, 又保留倉庫・拠点/お問い合わせ/貨物追跡 三个快捷入口, 与 <768 体验统一。
   (>=1256 桌面保持右侧竖条不变; <768 本就是底部栏。) */
@media (min-width:768px) and (max-width:1255px){
  .l-rightmenu{
    position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; top:auto !important;
    width:100% !important; margin:0 !important; transform:none !important;
    display:flex !important; justify-content:center !important;
    background-color:#1d1d1d !important; border-radius:6px 6px 0 0 !important; z-index:999 !important;
  }
  .l-rightmenu__inner{
    position:static !important; top:auto !important; right:auto !important; transform:none !important;
    width:100% !important; display:flex !important; justify-content:center !important;
  }
  .l-rightmenu__list{ display:flex !important; }
}
/* ============================ T1 end ============================ */

/* ============================ 2026-07-02晚 T2: header 右上 お問い合わせ 与 Language 垂直错位 ============================
   根因: 汉堡模式宽度(如812px手机横屏)下 .l-subnav 的 align-items 变成 flex-start(顶部对齐), 桌面(>=1440)才是
   center。お問い合わせ 是较高的橙色按钮(35px), Language 是纯文字(25px), 顶部对齐时两者中心错开~17px, 视觉上
   Language 偏高。且 Language 埋在多层嵌套(li > ul.l-subnav__btns > li.l-subnav__lang), 只改最外层 align 仍差8px。
   修复: 强制 .l-subnav 及其子项、嵌套的 __btns 全部垂直居中, 清掉可能的上下 margin。实测 812px 下两者中心对齐
   centerDiff=0。
   ⚠️ 必须限定 min-width:768px: <768 手机端 base CSS 把 __contact / __tracking 设为 display:none(移到底部固定栏),
   若无条件 `display:flex !important` 会把这两个橙色按钮强制显示回头部, 竖排字符溢出压住 hero 标题(已实测到该回归)。
   768px 以上两个按钮才真正在头部, 才需要这套对齐。 */
@media (min-width:768px){
  .l-header__subnav .l-subnav{ align-items:center !important; }
  .l-header__subnav .l-subnav > li{ margin-top:0 !important; margin-bottom:0 !important; align-self:center !important; display:flex !important; align-items:center !important; }
  .l-header__subnav .l-subnav__btns{ align-items:center !important; margin:0 !important; }
}
/* ============================ T2 end ============================ */