@charset "UTF-8";
/* Webフォント（Roboto ＆ Noto Sans JP）の読み込み */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Roboto:wght@400;700&display=swap");
/* =========================================================
   カラー変数（カスタムプロパティ）の定義
   ※ 比較テストを行う際は、このブロックの変数を書き換えてください。
========================================================= */
:root {
  /* --- 1. 基礎カラーパレット（変更しないでください） --- */
  --color-brand-red: #ff0000; /* 従来のブランドカラー（CI指定色） */
  --color-a11y-red: #d20000; /* アクセシビリティ対応の濃赤（AA基準クリア） */
  --color-black: #000000;
  --color-gray: #333333;
  --color-white: #ffffff;
  /* --- 2. 用途別（セマンティック）カラー定義 --- */
/* ▼ ユーティリティリンク（パンくず、右肩リンク等）のテキスト色 */
  /* AA基準(コントラスト比4.5:1)をクリアするには、ここを var(--color-a11y-red) に変更する */
  --link-color-utility: var(--color-brand-red);
  /* ▼ 大きな見出し用のテキスト色（19px以上あるためブランドカラー適用可など調整用） */
  --heading-color-primary: var(--color-brand-red);
  /* ▼ UIの枠線・背景色（グローバルナビ、タブ、ボーダー等） */
  --ui-brand-red: var(--color-brand-red);
  /* ▼ キーボードフォーカス時のアウトライン色 */
  --focus-outline-color: var(--color-a11y-red);
  /* ▼ カードリンク（fr-policy-grid / a11y-index-grid / sus-2nd-grid）のホバー/フォーカス背景色 */
  --color-card-hover-bg: #fcfcfc;
}
/* =========================================================
   2026 アクセシビリティ改修：サイト全体最適化
========================================================= */
/* ★ 必須ユーティリティ：隠し文字用CSS */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* ★ フッター用ポップアップボタン（文字リンク化） */
.footer-btn-link {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.banner-main img {
  vertical-align: bottom !important;
}
/* =========================================================
   【文字色設定】サイト全体
========================================================= */
@media screen and (min-width: 1px) {
  /* メインコンテンツ（本文・パンくずナビのベース等）およびサイドナビ大項目は純黒 */
  body.is-a11y-mdn {
    color: var(--color-black) !important;
  }
  /* サイドナビの「小項目」のみ、コントラストを高めた #333333（濃いグレー）へ変更 */
  body.is-a11y-mdn #alpha #sidenav li li a,
  body.is-a11y-mdn #alpha #sidenav li li a:visited {
    color: var(--color-gray) !important;
  }
  /* フッター領域は #333333 */
  body.is-a11y-mdn #footer,
  body.is-a11y-mdn #footer a,
  body.is-a11y-mdn #footer dl dt a,
  body.is-a11y-mdn #footer dl button,
  body.is-a11y-mdn #footerLink06,
  body.is-a11y-mdn #footerLink06 a,
  body.is-a11y-mdn #footernav a {
    color: var(--color-gray) !important;
  }
}
/* =========================================================
   ★ サイト全体共通：キーボードフォーカス時の枠線（WCAG AA対応）
========================================================= */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--focus-outline-color) !important;
  outline-offset: 2px !important;
}
/* =========================================================
   小さいリンク文字を濃い赤（--link-color-utility）にする
========================================================= */
@media screen and (min-width: 1px) {
  /* 他のリンクや記号には影響を与えず、現在地（breadcrumb-now）のみを変更*/
  body.is-a11y-mdn #beta #content .content-nav .breadcrumb-now {
    color: var(--link-color-utility) !important;
  }
  /* >チャート文字 */
  body.is-a11y-mdn #stockchart a {
    color: var(--link-color-utility) !important;
  }
}
/* =========================================================
   【フォントサイズ・スケーリング】13pxベース・高密度版
   本文・smallはPC/モバイル共通。見出しのみ画面幅で出し分け。
========================================================= */
/* A. サイト全体にモダンフォントを適用（PC・モバイル共通） */
body.is-a11y-mdn {
  font-family:
    "Roboto", "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
/* B. 本文の地の文（PC・モバイル共通：13px）。FRトップの.msgは除外 */
body.is-a11y-mdn #content p:not(.msg),
body.is-a11y-mdn #content li,
body.is-a11y-mdn #content dl,
body.is-a11y-mdn #content dt,
body.is-a11y-mdn #content dd,
body.is-a11y-mdn #content th,
body.is-a11y-mdn #content td {
  font-size: 13px !important;
  line-height: 1.5 !important;
}
/* 小サイズテキスト（PC・モバイル共通：11px） */
body.is-a11y-mdn .small,
body.is-a11y-mdn p.small,
body.is-a11y-mdn span.small {
  font-size: 11px !important;
  line-height: 1.4 !important;
}
/* C-1. 見出しサイズ【PC：768px以上】h1=20 h2=18 h3=16 h4=14 h5=13 */
@media screen and (min-width: 768px) {
  body.is-a11y-mdn #content h1:not(.sp) {
    font-size: 20px !important;
    font-weight: bold !important;
  }
  body.is-a11y-mdn #content h2 {
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
  }
  body.is-a11y-mdn #content h3 {
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
  }
  body.is-a11y-mdn #content h4 {
    font-size: 14px !important;
    font-weight: bold !important;
  }
  body.is-a11y-mdn #content h5 {
    font-size: 13px !important;
    font-weight: bold !important;
  }
}
/* C-2. 見出しサイズ【モバイル：767px以下】h1=18 h2=16 h3=15 h4=13 h5=13
   PCより一回り小さくして狭い画面での窮屈さを回避 */
@media screen and (max-width: 767px) {
  body.is-a11y-mdn #content h1:not(.sp) {
    font-size: 18px !important;
    font-weight: bold !important;
  }
  body.is-a11y-mdn #content h2 {
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
  }
  body.is-a11y-mdn #content h3 {
    font-size: 15px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
  }
  body.is-a11y-mdn #content h4 {
    font-size: 13px !important;
    font-weight: bold !important;
  }
  body.is-a11y-mdn #content h5 {
    font-size: 13px !important;
    font-weight: bold !important;
  }
}
/* =========================================================
   1. PC表示時 (601px以上) の新設ナビ・フッター制御
========================================================= */
@media screen and (min-width: 601px) {
  /* ★ PC版での .sp 非表示設定（FRトップの重複スローガン防止等） */
  .sp {
    display: none !important;
  }
  /* サブナビゲーション */
  #subnav {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    list-style: none !important;
    width: 100% !important;
    max-width: 1026px !important;
    margin: 0 auto !important;
    margin-top: -18px !important;
    padding: 0 0 4px 0 !important;
    position: relative !important;
    z-index: 100 !important;
    background: transparent !important;
  }
  #subnav li {
    display: flex !important;
    align-items: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
  }
  #subnav li::before,
  #subnav li::after {
    display: none !important;
    content: none !important;
  }
  #subnav a,
  #subnav button {
    display: flex !important;
    align-items: flex-end !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--link-color-utility) !important;
    font-size: 11px !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
    text-decoration: none !important;
    line-height: 1 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
  }
  #subnav li.t-chinese::after,
  #subnav li.english::after,
  #subnav li.fontd::after {
    content: "|" !important;
    color: var(--link-color-utility) !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: normal !important;
    margin-left: 6px !important;
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    transform: translateY(-1px) !important;
  }
  #subnav a:hover,
  #subnav a:focus,
  #subnav button:hover,
  #subnav button:focus {
    text-decoration: underline !important;
    outline: none !important;
  }
  #subnav li.fontl button {
    font-size: 14px !important;
    font-weight: bold !important;
    transform: translateY(1px) !important;
  }
  #subnav li.fontd {
    margin-left: -3px !important;
  }
  #subnav li.fontd button {
    font-size: 11px !important;
  }
  #subnav li.print button {
    font-size: 11px !important;
  }
  #subnav li.print button img {
    display: block !important;
    width: 9px !important;
    height: auto !important;
    margin-bottom: 0px !important;
    margin-right: 16px !important;
  }
  /* グローバルナビゲーション */
  .a11y-gnav {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 1026px !important;
    height: 38px !important;
    background: none !important;
    background-color: var(--ui-brand-red) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
    clear: both !important;
  }
  .a11y-gnav > li {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }
  .a11y-gnav > li::after,
  .a11y-gnav > li > a::before,
  .a11y-gnav > li > a::after {
    display: none !important;
    content: none !important;
  }
  .a11y-gnav > li + li {
    margin-left: -1px !important;
  }
  .a11y-gnav > li.nav-corner-logo {
    flex: 0 0 210px !important;
    height: 100% !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 210px 38px !important;
  }
  body.home .nav-corner-logo {
    background-image: none !important;
  }
  body.about .nav-corner-logo {
    background-image: url("/jp/images/gnav_about.svg") !important;
  }
  body.group .nav-corner-logo {
    background-image: url("/jp/images/gnav_group.svg") !important;
  }
  body.ir .nav-corner-logo {
    background-image: url("/jp/images/gnav_ir.svg") !important;
  }
  body.sustainability .nav-corner-logo {
    background-image: url("/jp/images/gnav_sus.svg") !important;
  }
  body.about .nav-corner-logo .corner-about,
  body.group .nav-corner-logo .corner-group,
  body.ir .nav-corner-logo .corner-ir,
  body.sustainability .nav-corner-logo .corner-csr {
    display: block !important;
  }
  .a11y-gnav > li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 16px !important;
    background-color: var(--color-white) !important;
    z-index: 5 !important;
  }
  .a11y-gnav > li.nav-corner-logo::before {
    display: none !important;
  }
  .a11y-gnav > li > a,
  .a11y-gnav > li > button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 11px !important;
    color: var(--color-white) !important;
    font-size: 18.7px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    z-index: 10 !important;
  }
  .a11y-gnav > li.nav-item-glossary > button {
    font-size: 18.7px !important;
    font-weight: bold !important;
  }
  .a11y-gnav > li > a:hover,
  .a11y-gnav > li > a:focus,
  .a11y-gnav > li > button:hover,
  .a11y-gnav > li > button:focus {
    background-color: var(--color-white) !important;
    color: var(--ui-brand-red) !important;
    border: 1px solid var(--ui-brand-red) !important;
    outline: none !important;
  }
  body.about .a11y-gnav li.nav-item-about a,
  body.group .a11y-gnav li.nav-item-group a,
  body.ir .a11y-gnav li.nav-item-ir a,
  body.sustainability .a11y-gnav li.nav-item-csr a,
  body.employment .a11y-gnav li.nav-item-employment a {
    background-color: var(--color-white) !important;
    color: var(--ui-brand-red) !important;
    border: 1px solid var(--ui-brand-red) !important;
  }
  body.about .a11y-gnav li.nav-item-about::before,
  body.group .a11y-gnav li.nav-item-group::before,
  body.ir .a11y-gnav li.nav-item-ir::before,
  body.sustainability .a11y-gnav li.nav-item-csr::before,
  body.employment .a11y-gnav li.nav-item-employment::before,
  body.about .a11y-gnav li.nav-item-about + li::before,
  body.group .a11y-gnav li.nav-item-group + li::before,
  body.ir .a11y-gnav li.nav-item-ir + li::before,
  body.sustainability .a11y-gnav li.nav-item-csr + li::before,
  body.employment .a11y-gnav li.nav-item-employment + li::before {
    display: none !important;
  }
  .a11y-gnav > li:hover::before,
  .a11y-gnav > li:focus-within::before {
    display: none !important;
  }
  .a11y-gnav > li.nav-item-about:hover ~ li.nav-item-group::before,
  .a11y-gnav > li.nav-item-group:hover ~ li.nav-item-ir::before,
  .a11y-gnav > li.nav-item-ir:hover ~ li.nav-item-csr::before,
  .a11y-gnav > li.nav-item-csr:hover ~ li.nav-item-employment::before,
  .a11y-gnav > li.nav-item-employment:hover ~ li.nav-item-search::before,
  .a11y-gnav > li.nav-item-search:hover ~ li.nav-item-glossary::before {
    display: none !important;
  }
  .a11y-gnav > li.nav-item-search {
    order: 1 !important;
    padding: 0 11px !important;
  }
  .a11y-gnav > li.nav-item-glossary {
    order: 2 !important;
  }
  .a11y-search-form {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
  }
  .a11y-search-input {
    width: 92px !important; /*（110px → 92px） */
    height: 24px !important;
    padding: 0 5px !important;
    margin: 0 5px 0 0 !important;
    border: 1px solid var(--color-white) !important;
    background-color: var(--color-white) !important;
    color: var(--color-black) !important;
    font-size: 14px !important;
  }
  .a11y-search-input::placeholder {
    color: transparent !important;
  }
  .a11y-search-btn {
    width: auto !important;
    height: 100% !important;
    padding: 0 5px !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    color: var(--color-white) !important;
    font-size: 14px !important;
    cursor: pointer !important;
  }
  .sp-only-footer {
    display: none !important;
  }
  .pc-only-footer {
    display: block !important;
  }
}
body.home .a11y-gnav {
  margin-bottom: 15px !important;
}
/* =========================================================
   ★ モバイル版（幅600px以下）の制御
========================================================= */
@media screen and (max-width: 600px) {
  /* ★ スマホ版での .pc 非表示設定 */
  .pc {
    display: none !important;
  }
  /* ナビ・ヘッダー制御 */
  .a11y-gnav {
    display: none !important;
  }
  .go_menu_button button#sp-menu-trigger {
    z-index: 10030 !important;
    cursor: pointer !important;
    width: 7.89vw !important;
    height: 7.89vw !important;
    position: relative !important;
    display: block !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }
  .content-d {
    display: none !important;
  }
  /* ヘッダーの赤線と余白の完全復元 */
  #header,
  .sp_support #header {
    border-bottom: none !important;
    margin-bottom: 0.4rem !important;
    position: relative !important;
    z-index: 10010 !important;
    background-color: #fff !important;
  }
  .a11y-gnav {
    display: block !important;
    height: 2px !important;
    background-color: var(--ui-brand-red) !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }
  .a11y-gnav > li {
    display: none !important;
  }
  /* モバイルフッター制御 */
  body.sp_support .sp-only-footer {
    display: flex !important;
  }
  body.sp_support .pc-only-footer {
    display: none !important;
  }
  .sp_support .foot_sub {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    padding: 25px 10px 20px 10px !important;
    margin: 0 !important;
    border: none !important;
    border-top: 2px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  body.home.sp_support .foot_sub,
  body.irtop.sp_support .foot_sub {
    border-top: none !important;
  }
  .sp_support .ir_main ul {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
  }
  .sp_support .ir_main ul li {
    width: 50% !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
  }
  .sp_support .ir_main ul li:nth-child(odd) {
    border-right: 1px solid var(--ui-brand-red) !important;
  }
  #footer {
    background-color: var(--ui-brand-red) !important;
    padding: 12px 10px !important;
    text-align: center !important;
    border: none !important;
    margin: 0 !important;
  }
  #footer p,
  #footerLink06 {
    color: var(--color-white) !important;
    font-size: 12px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
  }
  #footer p > span:not([lang="en"]),
  #footerLink06 > span:not([lang="en"]) {
    display: none !important;
  }
  #footer span[lang="en"],
  #footerLink06 span[lang="en"] {
    display: block !important;
  }
  /* 【修正】モバイルフッターのコピーライト文字を白に。
     グローバルの#footerLink06{color:gray}が効いて黒っぽく見える問題を
     赤背景フッター内では白で明示的に上書きする */
  #footer,
  #footer p,
  #footer a,
  #footerLink06,
  #footerLink06 a,
  #footerLink06 span,
  #footerLink06 span[lang="en"] {
    color: var(--color-white) !important;
  }
}
/* =========================================================
   【PC用フッター完全修正版】文字あふれ・罫線切れ解消
========================================================= */
@media screen and (min-width: 768px) {
  /* FRトップ（.home）以外でのみサイトマップ(巨大フッター)のFlexbox化を有効にする */
  body.is-a11y-mdn:not(.home) #footerLinkArea {
    display: flex !important;
    align-items: stretch !important;
  }
  /* IRフッター用 */
  body.is-a11y-mdn #footer dl {
    float: none !important;
    height: auto !important;
    padding-bottom: 20px !important;
  }
  body.is-a11y-mdn #footernav .footernav-box .row .menu-box {
    display: flex !important;
    align-items: stretch !important;
  }
  body.is-a11y-mdn #footernav .footernav-box .row .menu-box .col-a,
  body.is-a11y-mdn #footernav .footernav-box .row .menu-box .col-b,
  body.is-a11y-mdn #footernav .footernav-box .row .menu-box .col-c,
  body.is-a11y-mdn #footernav .footernav-box .row .menu-box .col-d,
  body.is-a11y-mdn #footernav .footernav-box .row .menu-box .col-e {
    float: none !important;
    display: block !important;
    height: auto !important;
    padding-bottom: 20px !important;
  }
  /* 文字サイズ最適化 */
  body.is-a11y-mdn #footer dl dt a,
  body.is-a11y-mdn #footer dl a,
  body.is-a11y-mdn #footer dl button,
  body.is-a11y-mdn #footernav .footernav-box .row .menu-box li,
  body.is-a11y-mdn #footernav .footernav-box .row .menu-box li a,
  body.is-a11y-mdn #footernav .footernav-box .row .menu-box li button {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}
/* =========================================================
   トップページ（PC版）：フッターサブリンクの非表示対応・スキップナビ
========================================================= */
body.home #footerLinkArea,
body.home #footernav {
  display: none !important;
}
.skipnav a {
  position: absolute !important;
  top: -1000px !important;
  left: 0 !important;
  background: var(--color-black) !important;
  color: var(--color-white) !important;
  padding: 10px !important;
  z-index: 10000 !important;
}
.skipnav a:focus {
  top: 0 !important;
}
/* =========================================================
   Flexboxモダン化 ＆ 隙間解消（PC専用）
========================================================= */
@media screen and (min-width: 768px) {
  body.is-a11y-mdn #pagebody {
    background-image: none !important;
  }
  body.is-a11y-mdn #pagebody::before,
  body.is-a11y-mdn #pagebody::after {
    display: none !important;
    content: none !important;
  }
  body.is-a11y-mdn #wrapper > hr,
  body.is-a11y-mdn #pagebody > hr {
    display: none !important;
  }
  /* メイン領域のFlexbox化 */
  body.is-a11y-mdn #pagebody {
    display: flex !important;
    align-items: stretch !important;
    border-left: 1px solid var(--ui-brand-red) !important;
  }
  body.is-a11y-mdn.home #pagebody,
  body.is-a11y-mdn.is-1col #pagebody {
    display: block !important;
    border-left: none !important;
  }
  body.is-a11y-mdn #alpha {
    float: none !important;
    width: 180px !important;
    flex: 0 0 180px !important;
    margin: 0 !important;
    padding: 0 0 30px 0 !important;
    box-sizing: border-box !important;
    border-right: 2px solid var(--ui-brand-red) !important;
  }
  body.is-a11y-mdn #alpha #sidenav {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.is-a11y-mdn #alpha #sidenav li,
  body.is-a11y-mdn #alpha .sidemenu li {
    width: 100% !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.is-a11y-mdn #alpha #sidenav li li {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.is-a11y-mdn #beta {
    float: none !important;
    flex: 1 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    min-width: 0 !important;
  }
  body.is-a11y-mdn #beta #content,
  body.is-a11y-mdn #beta .entry-content {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
}
/* =========================================================
   株価ウィジェットの調整（180px幅最適化）
========================================================= */
body.is-a11y-mdn #alpha #stockchart {
  width: 100% !important;
  margin: 10px 0 0 0 !important;
  padding: 0 10px 12px 15px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid var(--ui-brand-red) !important;
  background: transparent !important;
}
body.is-a11y-mdn #alpha #stockchart > img {
  width: 100% !important;
  max-width: 145px !important;
  height: auto !important;
  display: block !important;
  margin-bottom: 5px !important;
}
body.is-a11y-mdn #alpha #stockchart iframe {
  display: block !important;
  margin-left: 0 !important;
}
body.is-a11y-mdn #alpha #stockchart p {
  margin: 8px 0 0 0 !important;
  padding: 0 !important;
  text-align: right !important;
}
/* =========================================================
   汎用メディアブロック・経営方針インデックス
========================================================= */
.a11y-media-block {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 24px !important;
  margin-bottom: 30px !important;
  width: 100% !important;
}
.a11y-media-block__img {
  flex: 0 0 var(--img-width, 300px) !important;
  max-width: 100% !important;
}
.a11y-media-block__img img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  vertical-align: bottom !important;
}
.a11y-media-block__body {
  flex: 1 1 300px !important;
  min-width: 0 !important;
}
.a11y-media-block__body p:first-child {
  margin-top: 0 !important;
}
@media screen and (max-width: 600px) {
  .a11y-media-block {
    flex-direction: column !important;
    gap: 16px !important;
  }
  .a11y-media-block__img {
    flex: 0 0 100% !important;
    width: 100% !important;
  }
}
/* =========================================================
   【扉ページ】テンプレート側 <h1> の非表示（ID非依存・モダンブラウザ）
   経営方針(.direction-top)・ユニクロ事業(.group-strategy-top)などの扉ページは、
   本文側に独自の見出し（最終更新日の下に表示する大見出し）を持つため、
   テンプレート側の見出し（#content直下の.title）を非表示にして重複を防ぐ。
   旧styles.cssは記事ID（div#mt-1527 等）で制御していたが、本番とTESTでIDが
   異なり効かないため、:has()で「本文に扉ページ用ラッパーを含むページ」を判定し、
   #contentの直接の子である.title（=テンプレート側）だけをピンポイントで消す。
   本文側の見出し（.entry-content .group-strategy-top .title 等）は深い階層に
   あるため #content > .title には該当せず、影響しない。
========================================================= */
body.is-a11y-mdn #content:has(.group-strategy-top) > .title,
body.is-a11y-mdn #content:has(.direction-top) > .title {
  display: none !important;
}
/* =========================================================
   【経営方針など】扉ページのカードリンク（.fr-policy-grid）
   記事本文に直書きされていた<style>を移設。is-a11y-mdn限定で他ページへの影響を防ぐ。
   トップメッセージ/トップインタビュー/業界でのポジション/配当政策/事業リスクの
   カードリンクを2列グリッドで表示。見出しは黒→ホバーで赤＋下線（現行踏襲）。
========================================================= */
/* 扉ページ本文ラッパーの左右paddingを打ち消し（最終更新日を右上に絶対配置するため） */
body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.direction-top) .entry,
body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.direction-top) .entry-content {
  position: relative !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}
/* 最終更新日（.small）：経営方針(.direction-topを含むページ)限定で右上に配置。
   :has()で限定し、ユニクロ事業など他の扉ページの更新日（通常フロー）には効かせない */
body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.direction-top) p.entry-nav.small {
  font-size: 11px !important;
  position: absolute !important;
  top: -28px !important;
  right: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  text-align: right !important;
  width: auto !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .direction-top {
  display: block !important;
  margin: 20px 0 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
/* 経営方針 本文側h1（最終更新日の下に表示。テンプレート側h1は:has()で非表示） */
body.is-a11y-mdn #wrapper #pagebody #beta #content .direction-top > .title {
  display: block !important;
  margin: 0 0 6px 0 !important;
  padding: 0 0 0 27px !important;
  background: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: 1px solid var(--ui-brand-red) !important;
  border-left: none !important;
  border-right: 1px solid var(--ui-brand-red) !important;
  box-sizing: border-box !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__item {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 50% !important;
  flex: 0 0 50% !important;
  border-bottom: 1px solid var(--ui-brand-red) !important;
  background-color: transparent !important;
  list-style-type: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__item:nth-child(odd) {
  border-right: 1px solid var(--ui-brand-red) !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__item:nth-child(even) {
  border-right: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 15px !important;
  padding: 10px 10px 10px 12px !important;
  text-decoration: none !important;
  height: 100% !important;
  color: var(--color-gray) !important;
  box-sizing: border-box !important;
  border: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__card:hover,
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__card:focus {
  background-color: var(--color-card-hover-bg) !important;
  outline: none !important;
}
/* カードホバー/フォーカスで見出しを赤＋下線 */
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__card:hover .fr-policy-grid__text h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__card:focus .fr-policy-grid__text h2 {
  color: var(--color-brand-red) !important;
  text-decoration: underline !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__img {
  flex: 0 0 100px !important;
  width: 100px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__img img {
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  display: block !important;
  border: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__text {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__text h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__text p {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__text h2 {
  font-size: 15px !important;
  font-weight: bold !important;
  color: var(--color-black) !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 6px !important;
  line-height: 1.3 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__text h2 img {
  margin: 0 !important;
  /* 2行見出しでも矢印を1行目の文字の縦中心に合わせる（上揃え＋微調整） */
  margin-top: 5px !important;
  flex: 0 0 auto !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__text p {
  font-size: 13px !important;
  color: var(--color-gray) !important;
  line-height: 1.5 !important;
}
@media screen and (max-width: 600px) {
  body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid {
    border-right: none !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__card {
    padding: 10px 8px !important;
    gap: 8px !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__img {
    flex: 0 0 55px !important;
    width: 55px !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__text h2 {
    font-size: 14px !important;
    gap: 4px !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__text p {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.direction-top) p.entry-nav.small {
    font-size: 11px !important;
    top: -24px !important;
    right: 10px !important;
  }
}
/* =========================================================
   【ユニクロ事業トップ】扉ページ（.group-strategy-top）
   旧 .group #beta #content .group-strategy-top ... に詳細度で勝つため、
   body.is-a11y-mdn #wrapper #pagebody #beta #content のチェーン＋!important で記述。
   3ブロック：(1)ブランドメッセージ(hero) (2)カードリンク(a11y-index-grid流用)
   (3)各国・地域リンク(group-strategy-region)。見た目は現行を踏襲。
========================================================= */
/* 扉ページ本文側の見出し（最終更新日の下に表示する大見出し）。
   テンプレート側h1は:has()で非表示済み。本文側h1を赤い左ボーダーの見出しに */
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top {
  padding: 0 !important;
  margin: 0 -27px !important;
}
/* group-strategy-topを-27pxで全幅にしたため、本文側の見出し(.title)だけ
   左27pxを戻して現行どおり内側に。h1の赤ボーダーは共通styles.cssに任せる */
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top > .title {
  display: block !important;
  margin: -3px 0 6px 0 !important;
  padding-top: 0 !important;
  padding-left: 27px !important;
  background: none !important;
}
/* 本文側h1の上下の余白（高さ）を詰めてタイトに */
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top > .title h1 {
  margin: 0 !important;
  line-height: 1.0 !important;
}
/* (1) ブランドメッセージ：左にロゴ＋メッセージ、右に店舗写真 */
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-hero {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  /* 現行：上・右で囲む（左罫線なし）。上下paddingなしで画像をぴったり収める */
  border-top: 1px solid var(--ui-brand-red) !important;
  border-right: 1px solid var(--ui-brand-red) !important;
  background-color: var(--color-white) !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-hero__main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  /* 写真(203px)と高さを揃える。はみ出す数pxの行間余白を隠して隙間をなくす */
  max-height: 203px !important;
  overflow: hidden !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-hero__main img {
  max-width: 100% !important;
  height: auto !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-hero__photo {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  font-size: 0 !important;
  line-height: 0 !important;
  /* 現行：写真の左に赤い区切り線（col-b border-left 相当） */
  border-left: 1px solid var(--ui-brand-red) !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-hero__photo img {
  display: block !important;
  vertical-align: bottom !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-hero__photo img {
  max-width: 100% !important;
  height: auto !important;
}
/* (2) カードリンク（経営方針 a11y-index-grid を .group-strategy-top でも有効化） */
body.is-a11y-mdn #wrapper #content .group-strategy-top ul.a11y-index-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 0 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
  /* 現行：上・右で囲み、各itemの下＝border-bottom。左罫線なし */
  border-top: 1px solid var(--ui-brand-red) !important;
  border-right: 1px solid var(--ui-brand-red) !important;
  background-color: var(--color-white) !important;
}
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-index-grid li.a11y-index-grid__item {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 50% !important;
  border-bottom: 1px solid var(--ui-brand-red) !important;
  background: var(--color-white) !important;
  list-style-type: none !important;
}
/* 左カードの右側に中央区切り線（現行の col-a margin-right:1px 相当） */
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-index-grid li.a11y-index-grid__item:nth-child(odd) {
  border-right: 1px solid var(--ui-brand-red) !important;
}
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-index-grid__item a.a11y-card-link-index {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 15px 12px !important;
  text-decoration: none !important;
  color: var(--color-gray) !important;
  height: 100% !important;
  box-sizing: border-box !important;
  border: none !important;
}
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-index-grid__item a.a11y-card-link-index:hover,
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-index-grid__item a.a11y-card-link-index:focus {
  background-color: var(--color-card-hover-bg) !important;
  outline: none !important;
  box-shadow: inset 0 0 0 2px var(--ui-brand-red) !important;
}
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-card-link-index__img {
  flex: 0 0 72px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-card-link-index__img img {
  width: 72px !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-card-link-index .a11y-card-link-index__body {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  flex: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-card-link-index__body h2,
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-card-link-index__body p {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  text-indent: 0 !important;
}
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-card-link-index__body h2 {
  font-size: 16px !important;
  font-weight: bold !important;
  color: var(--color-black) !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  line-height: 1.3 !important;
  width: auto !important;
  height: auto !important;
}
/* カード全体ホバー/フォーカスで見出しを赤＋下線（現行 h2 a:hover 相当） */
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-card-link-index:hover .a11y-card-link-index__body h2,
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-card-link-index:focus .a11y-card-link-index__body h2 {
  color: var(--color-brand-red) !important;
  text-decoration: underline !important;
}
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-card-link-index__body h2 img {
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-card-link-index__body p.small {
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: var(--color-gray) !important;
}
/* (3) 各国・地域リンク：左にアイコン、右にリンクリスト（1リスト化・複数列） */
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 0 10px 13px !important;
  box-sizing: border-box !important;
  /* 現行：上ブロックから続く外枠。右罫線＋下罫線で囲む */
  border-right: 1px solid var(--ui-brand-red) !important;
  border-bottom: 1px solid var(--ui-brand-red) !important;
  background-color: var(--color-white) !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region__img {
  flex: 0 0 72px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region__img img {
  width: 72px !important;
  height: auto !important;
  display: block !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region__nav {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 0 0 10px !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region__list {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region__list li {
  flex: 0 0 50% !important;
  box-sizing: border-box !important;
  margin: 0 0 3px 0 !important;
  padding: 0 10px 0 0 !important;
  list-style: none !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 4px !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region__list li img {
  flex: 0 0 auto !important;
  margin-top: 5px !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region__list li a {
  color: var(--color-black) !important;
  text-decoration: none !important;
  font-weight: bold !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region__list li a:hover,
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region__list li a:focus-visible {
  color: var(--color-brand-red) !important;
  text-decoration: underline !important;
}
/* モバイル：ヒーロー縦積み、カード1列、地域リンク1列 */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-hero {
    flex-direction: column !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-hero__main,
  body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-hero__photo {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
  body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-index-grid li.a11y-index-grid__item {
    flex: 0 0 100% !important;
    border-right: none !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region__list li {
    flex: 0 0 100% !important;
  }
}
/* =========================================================
   【各種詳細最適化】タブ・テーブル・グラフ
========================================================= */
#ir-a11y-v2 .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* ユーティリティラベル（データのダウンロード等の疑似見出し）抜け落ち補填 */
@media screen and (min-width: 1px) {
  #ir-a11y-v2 .a11y-utility-label {
    font-size: 16px !important;
    font-weight: bold !important;
    margin-top: 1em !important;
    margin-bottom: 0.5em !important;
    color: var(--color-black) !important;
  }
  #ir-a11y-v2 .a11y-utility-label strong {
    display: flex !important;
    align-items: center !important;
  }
  #ir-a11y-v2 .a11y-utility-label img {
    margin-right: 6px !important;
  }
}
/* タブエリア */
#ir-a11y-v2 .tab_area {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 20px 0 !important;
  padding: 0 0 0 6px !important;
  list-style: none !important;
  border-bottom: 2px solid var(--ui-brand-red) !important;
  background: none !important;
  height: auto !important;
}
#ir-a11y-v2 .tab_area li {
  flex: 0 0 auto !important;
  margin: 0 0 -2px 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}
#ir-a11y-v2 .tab_area li a {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 6px 18px !important;
  background: var(--color-white) !important;
  color: var(--link-color-utility) !important;
  border: 2px solid var(--ui-brand-red) !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
}
#ir-a11y-v2 .tab_area li.active a,
#ir-a11y-v2 .tab_area li a:hover,
#ir-a11y-v2 .tab_area li a:focus {
  background: var(--link-color-utility) !important;
  color: var(--color-white) !important;
  border-color: var(--link-color-utility) !important;
  outline: none !important;
}
#ir-a11y-v2 .tab_area li a:focus-visible {
  outline: 2px solid var(--color-black) !important;
  outline-offset: 2px !important;
}
/* データテーブル */
#ir-a11y-v2 .unit {
  font-size: 10px !important;
  margin: 0 0 -15px 0 !important;
  text-align: right !important;
  line-height: 1 !important;
  display: block !important;
  position: relative !important;
  z-index: 10 !important;
}
#ir-a11y-v2 .financial-table {
  width: 100% !important;
  border-collapse: collapse;
  font-size: 13px !important;
  margin: 0 0 5px 0 !important;
  table-layout: auto;
}
#ir-a11y-v2 .financial-table th,
#ir-a11y-v2 .financial-table td {
  border: 1px solid var(--color-gray);
  padding: 4px 8px !important;
  text-align: right;
  vertical-align: middle;
  width: auto !important;
  line-height: 1.2 !important;
}
#ir-a11y-v2 .financial-table thead th {
  background: #555555;
  color: var(--color-white);
  text-align: center;
  font-weight: bold;
  padding: 4px 8px !important;
}
#ir-a11y-v2 .financial-table tbody th {
  text-align: left;
  background: #f7f7f7;
  font-weight: bold;
  color: var(--color-black);
}
/* グラフエリア */
#ir-a11y-v2 .ir-financial-data-graph {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4% !important;
  list-style: none !important;
  padding: 0 !important;
  width: 80% !important;
  max-width: none !important;
  margin: 0 auto 40px !important;
  justify-content: flex-start !important;
}
#ir-a11y-v2 .ir-financial-data-graph li {
  flex: 0 0 48% !important;
  width: 48% !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  background: none !important;
}
#ir-a11y-v2 .ir-financial-data-graph li img {
  width: 100% !important;
  height: auto !important;
  border: 1px solid #cccccc !important;
  box-sizing: border-box !important;
}
@media screen and (max-width: 600px) {
  #ir-a11y-v2 .ir-financial-data-graph {
    width: 100% !important;
    gap: 0 !important;
    justify-content: center !important;
  }
  #ir-a11y-v2 .ir-financial-data-graph li {
    flex: 0 0 85% !important;
    width: 85% !important;
    margin: 0 auto 30px auto !important;
  }
  #ir-a11y-v2 .ir-financial-data-graph li img {
    width: 100% !important;
    height: auto !important;
  }
}
/* =========================================================
   【完全版】財務・業績リスト（点線リスト）の余白・ボタン配置
========================================================= */
@media screen and (min-width: 1px) {
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list {
    border-top: 1px dotted #999999 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: auto !important;
    padding: 14px 0 14px 10px !important;
    text-indent: 0 !important;
    border-bottom: 1px dotted #999999 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li h2,
  body
    #wrapper
    #pagebody
    #beta
    #content
    #ir-a11y-v2
    ul.a11y-data-list
    li
    .a11y-data-title {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: bold !important;
    width: auto !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li h2 a,
  body
    #wrapper
    #pagebody
    #beta
    #content
    #ir-a11y-v2
    ul.a11y-data-list
    li
    .a11y-data-title
    a {
    text-decoration: none !important;
    color: var(--color-black) !important;
  }
  body
    #wrapper
    #pagebody
    #beta
    #content
    #ir-a11y-v2
    ul.a11y-data-list
    li
    h2
    img,
  body
    #wrapper
    #pagebody
    #beta
    #content
    #ir-a11y-v2
    ul.a11y-data-list
    li
    .a11y-data-title
    img {
    margin: 0 8px 0 0 !important;
    width: auto !important;
    height: auto !important;
  }
  body
    #wrapper
    #pagebody
    #beta
    #content
    #ir-a11y-v2
    ul.a11y-data-list
    li
    .link-buttons,
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li p {
    float: none !important;
    margin: 0 30px 0 0 !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 30px !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 .btn-term {
    display: inline-block !important;
    width: 54px !important;
    height: 15px !important;
    line-height: 13px !important;
    text-align: center !important;
    text-indent: 0 !important;
    letter-spacing: normal !important;
    font-size: 10px !important;
    font-weight: bold !important;
    color: var(--link-color-utility) !important;
    background: var(--color-white) !important;
    border: 1px solid var(--ui-brand-red) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
    vertical-align: top !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 .btn-term:hover,
  body #wrapper #pagebody #beta #content #ir-a11y-v2 .btn-term:focus {
    background: var(--link-color-utility) !important;
    color: var(--color-white) !important;
  }
}
@media screen and (max-width: 600px) {
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li {
    padding: 12px 0 12px 5px !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li h2,
  body
    #wrapper
    #pagebody
    #beta
    #content
    #ir-a11y-v2
    ul.a11y-data-list
    li
    .a11y-data-title {
    font-size: 14px !important;
    padding-left: 0 !important;
  }
  body
    #wrapper
    #pagebody
    #beta
    #content
    #ir-a11y-v2
    ul.a11y-data-list
    li
    .link-buttons,
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li p {
    margin: 0 !important;
    gap: 2.3vw !important;
    width: auto !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 .btn-term {
    width: 48px !important;
    height: 15px !important;
    line-height: 13px !important;
    font-size: 10px !important;
  }
}
/* =========================================================
   【FRトップ用】ティッカーエリア
========================================================= */
@media screen and (min-width: 1px) {
  body.is-a11y-mdn .rss_area {
    width: 490px !important;
    height: 30px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    position: relative !important;
    clear: both !important;
  }
  body.is-a11y-mdn .rss_area .rss {
    float: left !important;
    width: 40px !important;
    margin-top: 0 !important;
  }
  body.is-a11y-mdn .rss_area .rss img {
    margin-top: 8px !important;
  }
  body.is-a11y-mdn .rss_area #item {
    float: right !important;
    width: 450px !important;
    height: 30px !important;
    margin-top: 0 !important;
    overflow: hidden !important;
  }
  body.is-a11y-mdn .ticker {
    font-size: 13px !important;
    line-height: 30px !important;
    list-style: none !important;
    display: inline-block !important;
    white-space: nowrap !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.is-a11y-mdn .ticker li {
    display: inline-block !important;
    padding-left: 50px !important;
  }
  body.is-a11y-mdn .ticker a {
    color: var(--color-black) !important;
    text-decoration: none !important;
  }
  body.is-a11y-mdn .ticker a:hover,
  body.is-a11y-mdn .ticker a:focus {
    color: var(--link-color-utility) !important;
    text-decoration: underline !important;
  }
  body.is-a11y-mdn .rss_sp {
    width: 490px !important;
    margin: 5px auto 20px auto !important;
    text-align: right !important;
    padding-left: 0 !important;
    font-size: 13px !important;
    clear: both !important;
  }
  body.is-a11y-mdn .rss_area #item:hover .ticker {
    animation-play-state: paused !important;
  }
}
@keyframes modern-marquee-slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-10%);
  }
}
@media screen and (max-width: 768px) {
  body.is-a11y-mdn #wrapper #pagebody #content .rss_area {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    height: 30px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #content .rss_area .rss {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #content .rss_area .rss img {
    display: block !important;
    width: 26px !important;
    height: auto !important;
    margin: 0 auto !important;
    visibility: visible !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #content .rss_area #item {
    display: block !important;
    width: 100% !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #content .rss_sp {
    display: block !important;
    width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
    text-align: right !important;
    margin: 5px 0 30px 0 !important;
  }
}
/* =========================================================
   【IRトップ個別最適化】重要なお知らせ・IRニュース小リンク
========================================================= */
body.is-a11y-mdn #wrapper #pagebody #beta #content ul.content-a li {
  margin-bottom: 6px !important;
  line-height: 1.4 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content ul.content-a li:last-child {
  margin-bottom: 0 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content ul.content-a li a {
  font-size: 16px !important;
  font-weight: bold !important;
  color: var(--color-black) !important;
  text-decoration: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content ul.content-a li a:hover,
body.is-a11y-mdn #wrapper #pagebody #beta #content ul.content-a li a:focus {
  color: var(--link-color-utility) !important;
  text-decoration: underline !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content ul.content-a li a span {
  font-size: 13px !important;
  font-weight: normal !important;
  color: inherit !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content ul.content-a li img {
  margin-right: 6px !important;
  vertical-align: middle !important;
  transform: translateY(-2px) !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  font-size: 19px !important;
  font-weight: bold !important;
  color: var(--heading-color-primary) !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 .i-rss {
  margin-left: 15px !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 span a {
  font-size: 13px !important;
  font-weight: normal !important;
  color: var(--link-color-utility) !important;
  text-decoration: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 span a:hover,
body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 span a:focus {
  color: var(--link-color-utility) !important;
  text-decoration: underline !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 > img {
  margin: 0 10px !important;
  transform: translateY(3px) !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 span.i-email {
  background-size: auto 11px !important;
  padding-left: 22px !important;
  background-position: left calc(50% + 1px) !important;
}
body.is-a11y-mdn
  #wrapper
  #pagebody
  #beta
  #content
  .content-c
  h2
  span.i-email
  a {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 span.i-uniqlo {
  background-size: auto 11px !important;
  padding-left: 50px !important;
  background-position: left calc(50% + 1px) !important;
}
body.is-a11y-mdn
  #wrapper
  #pagebody
  #beta
  #content
  .content-c
  h2
  span.i-uniqlo
  a {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
@media screen and (max-width: 600px) {
  body.is-a11y-mdn #wrapper #pagebody #beta #content ul.content-a li {
    margin-bottom: 8px !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content ul.content-a li a {
    font-size: 15px !important;
    font-weight: bold !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content ul.content-a li a span {
    font-size: 12px !important;
    display: inline-block !important;
    margin-top: 4px !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 .i-rss {
    margin-left: 8px !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 span a {
    font-size: 11px !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 > img {
    margin: 0 6px !important;
  }
  body.is-a11y-mdn
    #wrapper
    #pagebody
    #beta
    #content
    .content-c
    h2
    span.i-email {
    padding-left: 20px !important;
  }
  body.is-a11y-mdn
    #wrapper
    #pagebody
    #beta
    #content
    .content-c
    h2
    span.i-uniqlo {
    padding-left: 46px !important;
  }
}
/* =========================================================
   IRニュースブログ専用 差分追加CSS（重複・矛盾排除版）
========================================================= */
.brand-accent-text {
  background-color: var(--ui-brand-red) !important;
  color: var(--color-white) !important;
  font-weight: bold !important;
  font-size: 19px !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  display: inline-block !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}
.a11y-content-body a {
  color: var(--link-color-utility) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.a11y-content-body a:hover,
.a11y-content-body a:focus-visible {
  text-decoration-thickness: 2px !important;
}
/* =========================================================
   【pagetop】「ページトップへ」リンク（サイト全体の共通パーツ）
   デフォルト：テキスト黒（#000）・下線なし
   ホバー／フォーカス：ブランドレッド（#ff0000）・下線あり
   .a11y-content-body a の汎用リンク装飾より優先して上書き
========================================================= */
.a11y-content-body p.pagetop a,
body.is-a11y-mdn #content p.pagetop a {
  color: var(--color-black) !important;
  text-decoration: none !important;
}
.a11y-content-body p.pagetop a:hover,
.a11y-content-body p.pagetop a:focus-visible,
body.is-a11y-mdn #content p.pagetop a:hover,
body.is-a11y-mdn #content p.pagetop a:focus-visible {
  color: var(--color-brand-red) !important;
  text-decoration: underline !important;
}
/* =========================================================
   【inline-link-btn】本文中のポップアップ起動ボタン（例：「地図はこちら」）
   <a onclick="openBrWindow()> を <button class="popup-trigger"> に置換したため、
   見た目を現行のテキストリンク（赤文字＋下線）に揃える。
   buttonの既定スタイル（枠・背景）を消し、インラインのリンク風にする
========================================================= */
.a11y-content-body .inline-link-btn {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  font: inherit !important;
  color: var(--color-brand-red) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  cursor: pointer !important;
  vertical-align: baseline !important;
}
.a11y-content-body .inline-link-btn:hover,
.a11y-content-body .inline-link-btn:focus-visible {
  color: var(--color-brand-red) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
}
/* =========================================================
   【記事本文の2カラム .col2box / 画像 .img100】
   これらは記事側インラインstyleで幅を定義する超汎用クラス。
   記事がインラインstyleを持つページ（GU・各ニュース・サステナ等）では
   a11y側を発火させず、記事自身のstyleに描画を委ねる（＝現行本番と同一）。
   セレクタを .a11y-content-body:not(:has(style)) に限定し、
   インラインstyleを持たないページにのみ整形を適用する。
   ※ img.popup の小サイズ固定のみ、style有無に関わらず常時保護。
========================================================= */
.a11y-content-body:not(:has(style)) .col2box {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 20px !important;
  margin: 10px 0 !important;
}
/* 写真左・本文右（1つ目のブロック） */
.a11y-content-body:not(:has(style)) .col2box .cols-left {
  float: none !important;
  flex: 0 0 280px !important;
  max-width: 280px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.a11y-content-body:not(:has(style)) .col2box .cols-right {
  float: none !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* 本文左・写真右（2つ目のブロック） */
.a11y-content-body:not(:has(style)) .col2box .cols-left_2 {
  float: none !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.a11y-content-body:not(:has(style)) .col2box .cols-right_2 {
  float: none !important;
  flex: 0 0 280px !important;
  max-width: 280px !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* 写真は枠内いっぱい（PC280px相当→コンテナ幅100%） */
.a11y-content-body:not(:has(style)) .img100 img:not(.popup) {
  width: 100% !important;
  max-width: 280px !important;
  height: auto !important;
  margin-bottom: 5px !important;
}
/* 別ウィンドウを示すポップアップアイコン（icon_popup.gif）は元の小サイズを維持。
   .img100 img の全幅ルールに巻き込まれて巨大化するのを防ぐ */
.a11y-content-body img.popup {
  width: 12px !important;
  height: 11px !important;
  max-width: 12px !important;
  margin: 0 2px 0 0 !important;
  vertical-align: middle !important;
  display: inline !important;
}
/* モバイル：各カラム縦積み（全幅） */
@media screen and (max-width: 600px) {
  .a11y-content-body:not(:has(style)) .col2box {
    gap: 10px !important;
  }
  .a11y-content-body:not(:has(style)) .col2box .cols-left,
  .a11y-content-body:not(:has(style)) .col2box .cols-right,
  .a11y-content-body:not(:has(style)) .col2box .cols-left_2,
  .a11y-content-body:not(:has(style)) .col2box .cols-right_2 {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  .a11y-content-body:not(:has(style)) .img100 img:not(.popup) {
    max-width: 100% !important;
  }
}
.a11y-flex-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.a11y-flex-dl .news-item {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
}
.a11y-flex-dl dt {
  flex: 0 0 auto !important;
  margin-right: 24px !important;
  font-weight: bold !important;
}
.a11y-flex-dl dd {
  flex: 1 1 0% !important;
  margin: 0 !important;
  min-width: 0 !important;
}
.visually-hidden.focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  white-space: normal !important;
  background-color: var(--color-black) !important;
  color: var(--color-white) !important;
  padding: 16px !important;
  z-index: 10000 !important;
  display: block !important;
}
.a11y-flex-layout {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
}
.layout-sidebar {
  flex: 0 0 100% !important;
}
.layout-main {
  flex: 1 1 0% !important;
  min-width: 0 !important;
}
@media (min-width: 768px) {
  .layout-sidebar {
    flex: 0 0 180px !important;
  }
}
/* =========================================================
   汎用：文字色変更ユーティリティクラス
========================================================= */
.txt-red {
  color: var(--color-brand-red) !important;
}
.txt-darkred {
  color: var(--color-a11y-red) !important;
}
.icon-square {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  background-color: var(--ui-brand-red) !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
  transform: translateY(-1px) !important;
}
/* =========================================================
   ユーティリティリンク ＆ パンくずの挙動統一
========================================================= */
#content .utility-links a,
#content .entry-nav a,
#content .top-nav a,
#content .disclaimer a,
#stockchart a,
.backnumber a,
#content .rss_sp a,
#content .stock a {
  color: var(--link-color-utility) !important;
  text-decoration: none !important;
}
/* =========================================================
   【top-nav】最終更新日・to English page の表示位置調整
   グループ事業トップ固有の個別調整（body.grouptopで限定）。
   PC・モバイル共通で3px上にずらす（transformで周囲レイアウトに影響を与えない）
========================================================= */
body.is-a11y-mdn.grouptop #content p.top-nav {
  transform: translateY(-3px) !important;
}
.content-nav a {
  color: var(--color-black) !important;
  text-decoration: none !important;
}
.content-nav .breadcrumb-now {
  color: var(--link-color-utility) !important;
}
#content .utility-links a:hover,
#content .utility-links a:focus,
#content .entry-nav a:hover,
#content .entry-nav a:focus,
#content .top-nav a:hover,
#content .top-nav a:focus,
#content .disclaimer a:hover,
#content .disclaimer a:focus,
#stockchart a:hover,
#stockchart a:focus,
.backnumber a:hover,
.backnumber a:focus,
#content .rss_sp a:hover,
#content .rss_sp a:focus,
#content .stock a:hover,
#content .stock a:focus,
#content .abouttop-box a:hover,  /* ← 追記：会社情報トップのボックス内リンク */
#content .abouttop-box a:focus,  /* ← 追記：会社情報トップのボックス内リンク */
#content .direction-top a:hover,  /* ← 追記：会社情報トップのボックス内リンク */
#content .direction-top a:focus,  /* ← 追記：会社情報トップのボックス内リンク */
#content .irtop-box a:hover,  /* ← 追記：IRトップのボックス内リンク */
#content .irtop-box a:focus,  /* ← 追記：IRトップのボックス内リンク */
.content-nav a:hover,
.content-nav a:focus {
  color: var(--link-color-utility) !important;
  text-decoration: underline !important;
}
/* =========================================================
   汎用ニュースリスト：各ニュース間の余白調整 ＆ リンク装飾
========================================================= */
.news-list dd {
  margin-bottom: 1em !important;
}
.news-list dd:last-of-type {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 600px) {
  .news-list dd {
    margin-bottom: 12px !important;
  }
}
.news-list a {
  color: var(--color-black) !important;
  text-decoration: underline !important;
  text-decoration-color: #949494 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
  text-decoration-skip-ink: auto !important;
}
.news-list a:hover {
  color: var(--link-color-utility) !important;
  text-decoration-color: var(--link-color-utility) !important;
}
.news-list a:focus-visible {
  color: var(--link-color-utility) !important;
  text-decoration-color: var(--link-color-utility) !important;
}
/* =========================================================
   汎用ニュースリスト：日付(dt)＝左／タイトル(dd)＝右の2カラムを“全幅で”維持（案A・共通）
   【a11y改修】グループ事業ニュース対応で追加。IRニュース/ニュースリリース/グループ事業ニュース共通。
     ・dt/ddは全幅でfloat:leftを維持（float:noneにすると段落ち・インライン連結が起きる）
     ・タイトル幅はdlを上限590px・画面幅で可変。ddはcalcでフルード
     ・dlをブロック化（flow-root）し、後続「○年のバックナンバー」を“下→右”へ
     ・メディアクエリで分岐せず全幅共通にし、特定幅での縦積み/連結を防止
========================================================= */
body.is-a11y-mdn #content .news-list {
  display: flow-root !important;        /* ブロック化＝後続バックナンバーを“下”へ。dt/ddのfloatは内包 */
  float: none !important;
  width: auto !important;               /* 親幅まで */
  max-width: 590px !important;          /* PCの上限。モバイルはcontainer幅まで縮む（フルード） */
  box-sizing: border-box !important;
}
body.is-a11y-mdn #content .news-list > dt {
  display: block !important;            /* 旧SPのinline化を打ち消す */
  float: left !important;               /* 日付＝左列（全幅共通） */
  clear: left !important;
  width: 80px !important;               /* 日付列幅（はみ出すなら微増可） */
  margin: 0 !important;
  overflow-wrap: anywhere !important;
  box-sizing: border-box !important;
}
body.is-a11y-mdn #content .news-list > dd {
  display: block !important;            /* 旧SPのinline化を打ち消す */
  float: left !important;               /* ★タイトル＝日付と同じ行に整列（段落ち/縦積み防止） */
  width: calc(100% - 80px) !important;  /* 残り幅をフルードに（dl幅に追従） */
  margin: 0 0 1em 0 !important;          /* 項目間の余白 */
  overflow-wrap: anywhere !important;   /* 長い英字列/URLも折り返してはみ出し防止 */
  box-sizing: border-box !important;
}
/* 【a11y改修】グループ事業トップ・IR情報トップのニュース：日付(dt)とタイトル(dd)が近すぎるため余白を作る。
   両トップは .news-list ではなく以下の構造（レガシーfloatで日付列が作られ隙間がほぼ無い）。
     ・IR top   ：<dl class="content-c01"><dt>日付</dt><dd>タイトル</dd></dl>
     ・group top：.group-top-news 内の <dl class="pkg"><dt>日付</dt><dd>タイトル</dd></dl>
   ＜方式＞<dl>自体をFlexbox化し、dt(日付)＝幅自動＋右マージン14pxで余白、dd(タイトル)＝flex:1＋
   min-width:0で残り幅いっぱい・折り返し可。float方式は.pkgクリアフィックスと干渉して段落ちしたため不採用。
   overflow:hiddenを使わないのでタイトルが隠れる心配もなし。PC幅(601px以上)限定。
   モバイルは既存レイアウト（group top=5rem flex / IR top=レガシー）を維持。 */
@media screen and (min-width: 601px) {
  body.is-a11y-mdn.irtop #content .content-c01,
  body.is-a11y-mdn.grouptop #content .group-top-news dl {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin: 0 0 5px 0 !important;     /* ニュースごとの行間（下5px） */
    box-sizing: border-box !important;
  }
  body.is-a11y-mdn.irtop #content .content-c01 > dt,
  body.is-a11y-mdn.grouptop #content .group-top-news dl > dt {
    flex: 0 0 auto !important;
    width: auto !important;
    float: none !important;
    margin: 0 14px 0 0 !important;   /* 日付の右に14pxの余白 */
    padding: 0 !important;
    white-space: nowrap !important;  /* 日付は折り返さない */
  }
  body.is-a11y-mdn.irtop #content .content-c01 > dd,
  body.is-a11y-mdn.grouptop #content .group-top-news dl > dd {
    flex: 1 1 auto !important;
    min-width: 0 !important;         /* タイトルが残り幅内で折り返せるようにする */
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;    /* 隠さない（折り返して縦に伸びる） */
  }
}
/* 【a11y改修】IR情報トップのニュースは“モバイルでも”同じ余白を効かせる。
   モバイルはレガシーstyles.css（.content-c01 dt/dd の display:inline/float:left、
   dd の width:calc(100%-4rem)）が効いて日付とタイトルが密着するため、
   601px未満でも上記Flexと同じ指定を!importantで適用して上書きする。
   （グループ事業トップは .group-top-news の5remレイアウトが別途あるため対象外） */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.irtop #content .content-c01 {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin: 0 0 5px 0 !important;
    box-sizing: border-box !important;
  }
  body.is-a11y-mdn.irtop #content .content-c01 > dt {
    flex: 0 0 auto !important;
    width: auto !important;
    float: none !important;
    margin: 0 14px 0 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }
  body.is-a11y-mdn.irtop #content .content-c01 > dd {
    flex: 1 1 auto !important;
    width: auto !important;          /* レガシーの width:calc(100%-4rem) を打ち消す */
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
}
/* 【a11y改修】グループ事業トップ・IR情報トップのニュースタイトルリンク：
   リンクと判別できるよう既定で下線（黒文字＋グレー下線、ホバー/フォーカスで赤）。
   一覧ページ（.news-list a）と統一。WCAG 1.4.1（色のみに依存しない）配慮。全幅共通。 */
body.is-a11y-mdn.irtop #content .content-c01 > dd a,
body.is-a11y-mdn.grouptop #content .group-top-news dl > dd a {
  color: var(--color-black) !important;
  text-decoration: underline !important;
  text-decoration-color: #949494 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
  text-decoration-skip-ink: auto !important;
}
body.is-a11y-mdn.irtop #content .content-c01 > dd a:hover,
body.is-a11y-mdn.irtop #content .content-c01 > dd a:focus-visible,
body.is-a11y-mdn.grouptop #content .group-top-news dl > dd a:hover,
body.is-a11y-mdn.grouptop #content .group-top-news dl > dd a:focus-visible {
  color: var(--link-color-utility) !important;
  text-decoration-color: var(--link-color-utility) !important;
}
/* =========================================================
   グローバルナビ：検索ボタンの視認性向上
========================================================= */
#a11y-gnav .a11y-search-btn {
  font-weight: bold !important;
}
/* =========================================================
   財務・業績リスト（.ir-financial-data-list）のリンク挙動
========================================================= */
/* ▼ デフォルト状態：黒文字 ＋ 下線なし */
body.is-a11y-mdn
  #wrapper
  #pagebody
  #beta
  #content
  ul.ir-financial-data-list
  li
  a {
  color: var(--color-black) !important;
  text-decoration: none !important;
}
/* ▼ ホバー ＆ キーボードフォーカス状態：指定色（濃赤） ＋ 下線あり */
body.is-a11y-mdn
  #wrapper
  #pagebody
  #beta
  #content
  ul.ir-financial-data-list
  li
  a:hover,
body.is-a11y-mdn
  #wrapper
  #pagebody
  #beta
  #content
  ul.ir-financial-data-list
  li
  a:focus {
  color: var(--link-color-utility) !important;
  text-decoration: underline !important;
}
/* =========================================================
   【a11y-section-box】
   旧クラス名 .irtop-box-full を .a11y-section-box に統一。
   styles.cssの固定px・float・IE6ハック・ハードコードカラーを
   すべて廃棄し、Flexbox＋CSS変数で再定義。
   IR情報トップ・グループ事業トップ共通で使用。
   ■ 内部クラス名を専用名に統一し名前衝突・詳細度競合を根本解消：
     .asb-row-inner  ← 旧 .col-a（.row直下のFlexboxコンテナ）
     .asb-icon       ← 旧 .col-c（アイコン画像エリア）
     .asb-body       ← 旧 .col-d（見出し＋メニューエリア）
     .asb-menu-col   ← 旧 .col-a/.col-b/.col-c（menu-box内の列）
========================================================= */
@media screen and (min-width: 601px) {
  /* =========================================================
     【group-top-map】グループ事業ロゴ画像＋ブランド一覧（#nav）の2カラム
     旧styles.cssのfloat(469px/145px)を廃しFlexboxで再定義。
     ブランド一覧（#nav）の最初のリンクがロゴ画像の上端に揃うよう
     上余白を設ける。
  ========================================================= */
  .group-top-map {
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* 【修正】旧styles.cssの幅比率（col-a:469px / col-b:145px）を再現。
     全体614pxに対する割合 469/614≒76.4%、145/614≒23.6% */
  .group-top-map > .col-a {
    flex: 0 0 70% !important;
    float: none !important;
    width: 70% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  /* h1ロゴ画像（default.jpg 469x212）：col-a幅に追従、原寸を超えて拡大しない */
  .group-top-map > .col-a h1 {
    margin: 0 !important;
    padding: 0 !important;
  }
  .group-top-map > .col-a h1 img {
    display: block !important;
    /* 【修正】max-width: 469pxの制限を外し、col-a幅（76.4%）いっぱいに拡大。
       画像を引き伸ばして大きく表示する */
    width: 100% !important;
    height: auto !important;
  }
  .group-top-map > .col-b {
    flex: 0 0 30% !important;
    float: none !important;
    width: 30% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  /* 【修正】ブランド一覧（nav）の上に40pxの余白を設ける */
  .group-top-map > .col-b > nav {
    margin-top: 40px !important;
  }
  /* ── ボックス全体（右端に縦罫線を引く） ── */
  .a11y-section-box {
    width: 100% !important;
    border-top: 1px solid var(--ui-brand-red) !important;
    border-right: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  /* ── 行（.row）── */
  .a11y-section-box > .row {
    width: 100% !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
    padding-bottom: 5px !important;
    box-sizing: border-box !important;
  }
  /* ── .asb-row-inner：アイコン＋テキストを横並びにするFlexboxコンテナ ── */
  .a11y-section-box .asb-row-inner {
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 0 10px 13px !important;
    box-sizing: border-box !important;
  }
  /* ── .asb-icon：アイコン画像エリア ── */
  .a11y-section-box .asb-icon {
    display: block !important;
    flex: 0 0 auto !important;
  }
  .a11y-section-box .asb-icon img {
    display: block !important;
    vertical-align: top !important;
  }
  /* ── .asb-body：見出し＋メニューエリア ── */
  .a11y-section-box .asb-body {
    display: block !important;
    flex: 1 1 auto !important;
    /* 3列×150px=450px + menu-box margin 15px + 余裕分 = 480px を最小幅として確保 */
    min-width: 480px !important;
    margin: 0 10px !important;
  }
  .a11y-section-box .asb-body > p {
    margin: 0 !important;
    padding: 0 !important;
  }
  /* ── h2見出し（セクションタイトル）──
     グローバルh2（18px）よりh3相当（16px）に設定 */
  .a11y-section-box .asb-body > h2 {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
  }
  .a11y-section-box .asb-body > h2 a {
    color: var(--color-black) !important;
    font-weight: bold !important;
    text-decoration: none !important;
  }
  .a11y-section-box .asb-body > h2 a:hover,
  .a11y-section-box .asb-body > h2 a:focus {
    color: var(--ui-brand-red) !important;
    text-decoration: underline !important;
  }
  /* ── h2内の装飾矢印画像：文字の中心高さに縦揃え ── */
  .a11y-section-box .asb-body > h2 img {
    margin: 0 3px 0 0 !important;
    vertical-align: middle !important;
  }
  /* ── .menu-box：サブメニューコンテナ（CSS Grid 3列固定）──
     Flexboxの子要素幅競合問題を回避するためCSS Gridに変更。
     3列固定で各列150px、margin-left: 15px分をcalcで差し引く */
  .a11y-section-box .menu-box {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    align-items: start !important;
    width: calc(100% - 15px) !important;
    margin: 0 0 0 15px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  /* ── .asb-menu-col：グリッドアイテム（幅はgrid側で制御） ── */
  .a11y-section-box .asb-menu-col {
    text-align: left !important;
    min-width: 0 !important;
  }
  /* ── .uqlink：リンクリスト共通 ── */
  .a11y-section-box .uqlink {
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
  }
  .a11y-section-box .uqlink ul {
    padding: 10px 0 0 10px !important;
    margin: 0 !important;
  }
  .a11y-section-box .uqlink ul li {
    display: block !important;
    float: none !important;
    position: relative !important;
    margin: 0 0 3px 0 !important;
    text-indent: -13px !important;
    padding: 0 0 0 13px !important;
  }
  /* ── .menu-box内 ul / li ── */
  .a11y-section-box .menu-box ul {
    margin: 0 !important;
    padding: 0 !important;
  }
  .a11y-section-box .menu-box ul li {
    margin: 0 0 3px 0 !important;
    text-indent: -13px !important;
    padding: 0 0 0 13px !important;
  }
  /* ── リストテキスト・リンクのフォントサイズ ──
     旧styles.cssの10px（小さすぎ）を本文相当13pxに正規化 */
  .a11y-section-box .menu-box li,
  .a11y-section-box .menu-box li a,
  .a11y-section-box .uqlink ul li,
  .a11y-section-box .uqlink ul li a {
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
  }
  /* ── li内の矢印画像：文字の中心高さに縦揃え＋矢印と文字の間に3px余白 ── */
  .a11y-section-box .menu-box li img,
  .a11y-section-box .uqlink ul li img {
    vertical-align: middle !important;
    margin: 0 3px 0 0 !important;
  }
  /* ── uqlink内リンク ── */
  .a11y-section-box .uqlink a {
    color: var(--color-black) !important;
    font-weight: normal !important;
    text-decoration: none !important;
  }
  .a11y-section-box .uqlink a:hover,
  .a11y-section-box .uqlink a:focus {
    color: var(--ui-brand-red) !important;
    text-decoration: underline !important;
  }
  /* ── .menu-box.uqlink：複合クラス競合解消 ──
     .menu-box（margin-left:15px）と.uqlink（margin-bottom:15px）の
     競合を複合セレクタで解消。Grid設定も再確定させる */
  .a11y-section-box .menu-box.uqlink {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    align-items: start !important;
    width: calc(100% - 15px) !important;
    margin: 0 0 15px 15px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  /* =========================================================
     【business-icon-box】ジーユー／セオリー／プラステ／コントワー事業
     旧styles.cssの固定px(613px)・float・IE6ハック・#FF0000を全廃し
     CSS Grid 3列で再定義。内部クラスを専用名に統一：
       .asb-biz-col  ← 旧 .col-a/.col-b/.col-c（事業セル）
       .asb-biz-icon ← 旧 .col-e（アイコン41px）
       .asb-biz-body ← 旧 .col-f（テキスト・見出し）
  ========================================================= */
  /* ── ボックス全体：右端に縦罫線を引く（セル間の縦線と揃える） ── */
  .business-icon-box {
    width: 100% !important;
    border: none !important;
    border-right: 1px solid var(--ui-brand-red) !important;
    background: none !important;
    box-sizing: border-box !important;
  }
  /* ── .row：3列グリッド ──
     旧styles.css設計に準拠し、.row自体には下線を引かない。
     ブロック間の区切り線は.business-icon-box-btmが担う。
     最終ブロック（business-icon-box--single）の下線のみ別途引く（後述） */
  .business-icon-box > .row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    width: 100% !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
  }
  /* ── .business-icon-box-btm：1ブロック目と2ブロック目の間の区切り線。
     旧styles.css同様、高さ1pxの罫線専用要素として下線・右線を引く ── */
  .business-icon-box-btm {
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
    border-right: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  .business-icon-box-btm > .row {
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;
    border: none !important;
    grid-template-columns: none !important;
  }
  /* 【修正】最終ブロック（コントワー単独）の下線は不要のため引かない。
     区切りは.business-icon-box-btmの罫線で足りる */
  /* ── .asb-biz-col：各事業セル（アイコン＋テキストを横並び） ── */
  .business-icon-box .asb-biz-col {
    display: flex !important;
    align-items: center !important;
    float: none !important;
    width: auto !important;
    min-height: 57px !important;
    padding: 5px 0 5px 5px !important;
    border-right: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  /* 各行最後のセル（3列目）の右罫線は消す（ボックス右端は引かない） */
  .business-icon-box .asb-biz-col:nth-child(3n) {
    border-right: none !important;
  }
  /* 最終セルの右罫線も消す（2ブロック目のコントワーは1セルのみのため
     nth-child(3n)に該当せず右罫線が残る。これを打ち消す） */
  .business-icon-box .asb-biz-col:last-child {
    border-right: none !important;
  }
  /* 【修正】2ブロック目（コントワー単独）のセルはグリッド全幅（3列ぶち抜き）にし、
     見出しを折り返さず一列で表示する */
  .business-icon-box--single .asb-biz-col {
    grid-column: 1 / -1 !important;
  }
  /* ── .asb-biz-icon：アイコン画像エリア ── */
  .business-icon-box .asb-biz-icon {
    flex: 0 0 auto !important;
    float: none !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
  }
  .business-icon-box .asb-biz-icon img {
    display: block !important;
    vertical-align: middle !important;
  }
  /* ── .asb-biz-body：テキスト・見出しエリア ── */
  .business-icon-box .asb-biz-body {
    flex: 1 1 auto !important;
    float: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .business-icon-box .asb-biz-body p {
    margin: 0 !important;
    padding: 0 !important;
  }
  /* ── h2見出し：h3相当（16px）に統一（旧10pxから拡大しコントラスト・可読性向上） ── */
  .business-icon-box .asb-biz-body h2 {
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .business-icon-box .asb-biz-body h2 a {
    color: var(--color-black) !important;
    font-weight: bold !important;
    text-decoration: none !important;
  }
  .business-icon-box .asb-biz-body h2 a:hover,
  .business-icon-box .asb-biz-body h2 a:focus {
    color: var(--ui-brand-red) !important;
    text-decoration: underline !important;
  }
  /* h2内の装飾矢印画像：文字の中心高さに縦揃え */
  .business-icon-box .asb-biz-body h2 img {
    margin: 0 3px 0 0 !important;
    vertical-align: middle !important;
  }
  /* =========================================================
     【関連リンクバナー】セグメント情報・セグメント業績数値
     旧画像バナー（banner_right01/02.gif）をテキストリンクに置換。
     赤枠ボタン風の見た目を.group-top-banner-btnで再現。
  ========================================================= */
  .group-top-banners .group-top-banner-btn {
    display: block !important;
    /* 【修正】固定幅130pxをやめ、コンテナ幅いっぱい（赤縦線の内側10pxから右端まで）に伸ばす */
    width: calc(100% - 10px) !important;
    padding: 12px 8px !important;
    margin: 5px 0 10px 10px !important;
    border: 1px solid var(--ui-brand-red) !important;
    border-radius: 2px !important;
    background: var(--color-white) !important;
    color: var(--link-color-utility) !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-align: center !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
  }
  .group-top-banners .group-top-banner-btn:hover,
  .group-top-banners .group-top-banner-btn:focus {
    background: var(--link-color-utility) !important;
    color: var(--color-white) !important;
    text-decoration: none !important;
  }
  .group-top-banners .group-top-banner-btn:focus-visible {
    outline: 2px solid var(--focus-outline-color) !important;
    outline-offset: 2px !important;
  }
  /* =========================================================
     【group-top-box】グループ企業ニュース＋関連リンクの2カラム
     旧styles.cssの固定px(614px/427px/138px)・float・#FF0000を廃し
     Flexboxで左右2カラムに再定義。
  ========================================================= */
  .group-top-box {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* ── 左：グループ企業ニュース（可変幅） ──
     旧styles.cssの margin: 0 20px 0 25px を再現。
     コンテナ自体が左右に余白を持つため、内側のh2下線も左右に余白がある状態で表示される */
  .group-top-box .group-top-news {
    flex: 1 1 auto !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 20px 0 13px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  /* ── 右：関連リンク（固定幅＋左に赤い区切り線） ──
     旧styles.cssの margin: 0・border-left を再現。
     コンテナに余白がないため、h2下線は左の赤縦線に接着し右端まで伸びる。
     右端には縦線を引かない（border-rightなし） */
  .group-top-box .group-top-banners {
    flex: 0 0 158px !important;
    float: none !important;
    width: 158px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  /* ── 見出しh2：旧styles.cssの仕様を再現 ──
     下線（border-bottom）は両方ともh2要素の幅いっぱい。
     ・グループ企業ニュース：コンテナに左右margin(25px/20px)があるため
       下線は結果的に左右に余白がある状態で表示される。テキストはpadding-left:0
     ・関連リンク：コンテナにmarginが無く左に赤縦線があるため
       下線は赤縦線に接着し右端まで伸びる。テキストのみpadding-left:10pxで内側に
     グローバルh2（18px・margin/padding付き）を上書きする */
  .group-top-box .group-top-news > h2 {
    display: block !important;
    width: 100% !important;
    color: var(--heading-color-primary) !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
    margin: 20px 0 7px 0 !important;
    padding: 0 0 6px 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  .group-top-box .group-top-banners > h2 {
    display: block !important;
    width: 100% !important;
    color: var(--heading-color-primary) !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
    margin: 20px 0 7px 0 !important;
    padding: 0 0 6px 10px !important;
    border: none !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
}
/* ── モバイル（600px以下）：PC専用ボックスを非表示 ── */
@media screen and (max-width: 600px) {
  /* 【a11y改修】旧styles.cssの.sp_support.group依存を廃止し、
     クラス名変更後の.a11y-section-boxを対象に統一。
     PC用の事業ボックス（ユニクロ詳細・他事業アイコン）はモバイルでは
     .sp-only-contentのリンクリストに集約されるため非表示にする */
  .a11y-section-box,
  .business-icon-box,
  .business-icon-box-btm {
    display: none !important;
  }
  /* 【a11y改修】グループトップ地図エリア：モバイルではブランド名リスト（col-b＝#nav）を
     非表示にし、ロゴ画像（col-a）のみ表示（現行サイト＝旧.col-b display:none を踏襲）。
     ブランド各ページへの導線は下部の.sp-only-contentリンクリストに集約される */
  .group-top-map .col-b {
    display: none !important;
  }
  .group-top-map .col-a {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .group-top-map .col-a img {
    width: 100% !important;
    height: auto !important;
  }
  /* 【a11y改修】グループトップ：PCで横並びだったニュース＋関連リンクを縦積みに。
     旧styles.cssのfloat指定をモバイルで解除し1カラム表示にする */
  .group-top-box {
    display: block !important;
  }
  /* ── グループ企業ニュース ──
     旧styles.css同様、コンテナは width:100% + padding:0 4%（内側余白）。
     box-sizing:border-boxによりブロックは全幅、中身が左右4%内側に入る。
     区切り罫線は次の.group-top-bannersのborder-top（全幅）が担うため
     このブロック自体には下罫線を引かない ── */
  .group-top-box .group-top-news {
    /* 【修正】旧styles.cssの display:inline を打ち消す。
       inlineのままだと左右paddingがレイアウトに反映されず中身が左端に張り付く */
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 4% 20px 4% !important;
    border-left: none !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
  }
  /* 見出しh2：下線付き。padding内側にあるため下線も中身も4%余白を持つ */
  .group-top-box .group-top-news > h2 {
    display: block !important;
    /* 【修正】旧CSSのwidth:434px固定を打ち消しauto（親の幅いっぱい）に */
    width: auto !important;
    color: var(--heading-color-primary) !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin: 20px 0 7px 0 !important;
    padding: 0 0 6px 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  /* ニュース日付（dt）と本文（dd）：dt 5rem / dd 残り幅 */
  .group-top-box .group-top-news dl {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .group-top-box .group-top-news dt {
    /* 【修正】旧CSSの display:inline / float:left を打ち消す */
    display: block !important;
    float: none !important;
    width: 5rem !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    box-sizing: border-box !important;
  }
  .group-top-box .group-top-news dd {
    display: block !important;
    float: none !important;
    width: calc(100% - 5rem) !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    box-sizing: border-box !important;
  }
  /* バックナンバー：右寄せ（padding 4%は親で確保済み） */
  .group-top-box .group-top-news p.backnumber {
    margin: 0 0 0 0 !important;
    text-align: right !important;
  }
  /* ── 関連リンク：現行仕様 width:100% / padding:0 4% ──
     コンテナ自体は100%幅で左右に4%パディング。
     見出しh2は左padding 10px、ボタンは2つ横並び（各47%） */
  .group-top-box .group-top-banners {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    float: none !important;
    /* 【修正】旧styles.css準拠：width:100% + padding:0 4%。
       box-sizing:border-boxによりブロックは全幅、中身が左右4%内側。
       border-top（全幅）がニュースとの区切り線になる（バックナンバー下の罫線） */
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    padding: 20px 4% 0 4% !important;
    border-left: none !important;
    border-top: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  .group-top-box .group-top-banners > h2 {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    color: var(--heading-color-primary) !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin: 20px 0 7px 0 !important;
    padding: 0 0 6px 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  /* 関連リンクボタン：現行 width:47% / margin-bottom:1rem / font 0.8rem相当 */
  .group-top-banners .group-top-banner-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 47% !important;
    width: 47% !important;
    min-height: 44px !important;
    padding: 12px 6px !important;
    margin: 10px 0 1rem 0 !important;
    border: 1px solid var(--ui-brand-red) !important;
    border-radius: 2px !important;
    background: var(--color-white) !important;
    color: var(--link-color-utility) !important;
    font-size: 0.85rem !important;
    font-weight: bold !important;
    text-align: center !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
  }
  .group-top-banners .group-top-banner-btn:hover,
  .group-top-banners .group-top-banner-btn:focus {
    background: var(--link-color-utility) !important;
    color: var(--color-white) !important;
  }
  /* 【a11y改修】グループ事業メニュー（スマートフォン用リンクリスト）。
     現行サイト（旧.sp_nemu）の仕様を踏襲し2列グリッド・罫線囲みで再現。
     ・ul：上罫線＋Flexbox折り返し
     ・li：幅50%（2列）・下罫線・padding 1rem 0.3rem
     ・奇数番liの右罫線で左右列の間に縦線
     ・li a：font-size 0.8rem・bold・line-height 1.3 */
  .sp-only-content nav ul {
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  .sp-only-content nav ul li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50% !important;
    margin: 0 !important;
    padding: 1rem 0.3rem !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  /* 奇数番（左列）の右側に縦罫線 */
  .sp-only-content nav ul li:nth-child(odd) {
    border-right: 1px solid var(--ui-brand-red) !important;
  }
  /* 【修正】最終項目（コントワー・左列単独）の下に余白を設ける。
     現行サイトのレイアウトを再現 */
  .sp-only-content nav ul li:last-child {
    padding-bottom: 2rem !important;
  }
  .sp-only-content nav ul li a {
    display: block !important;
    width: 100% !important;
    color: var(--color-black) !important;
    font-size: 0.8rem !important;
    font-weight: bold !important;
    text-align: center !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
  }
  .sp-only-content nav ul li a:hover,
  .sp-only-content nav ul li a:focus {
    color: var(--link-color-utility) !important;
    text-decoration: underline !important;
  }
}
/* =========================================================
   【IR情報トップ】カード大見出し（col-d h2）の装飾矢印の縦位置補正
   旧styles.cssが .col-d img に vertical-align:top を当てており、矢印が
   見出し文字より上にずれる。is-a11y-mdn限定・高詳細度で文字中心に揃える。
   （IRトップHTMLは旧クラス名 irtop-box/col-d のままのため旧クラスを対象にする）
========================================================= */
body.is-a11y-mdn.irtop #beta #content .irtop-box .row .col-a .col-d h2 img,
body.is-a11y-mdn.irtop #beta #content .irtop-box .row .col-b .col-d h2 img,
body.is-a11y-mdn.irtop #beta #content .irtop-box-full .row .col-a .col-d h2 img,
body.is-a11y-mdn.irtop #beta #content .irtop-box-full .row .col-b .col-d h2 img {
  vertical-align: middle !important;
  /* 文字中心からさらに1px上げる */
  margin: -1px 4px 0 0 !important;
}
/* サブメニュー（menu-box内）の矢印も文字の縦中心に揃える */
body.is-a11y-mdn.irtop #beta #content .irtop-box .menu-box li img,
body.is-a11y-mdn.irtop #beta #content .irtop-box-full .menu-box li img {
  vertical-align: middle !important;
  margin: 0 4px 0 0 !important;
}
/* IRトップのサブリンク（menu-sub / uqlink内の<a>）をレギュラーに統一。
   旧styles.cssの .uqlink a { font-weight:bold } 等に高詳細度で勝つ。
   グループ事業トップとデザインを揃えるため bold→normal */
body.is-a11y-mdn.irtop #beta #content .irtop-box .row .col-a .col-d .menu-box li a,
body.is-a11y-mdn.irtop #beta #content .irtop-box .row .col-b .col-d .menu-box li a,
body.is-a11y-mdn.irtop #beta #content .irtop-box-full .row .col-a .col-d .menu-box li a,
body.is-a11y-mdn.irtop #beta #content .irtop-box-full .row .col-b .col-d .menu-box li a,
body.is-a11y-mdn.irtop #beta #content .irtop-box-full .row .col-a .col-d .uqlink a,
body.is-a11y-mdn.irtop #beta #content .irtop-box-full .row .col-b .col-d .uqlink a {
  font-weight: normal !important;
}
/* =========================================================
   【会社情報トップ】カード見出し・サブメニューの矢印縦位置とリンク太さ
   IRトップと同じ構造（abouttop-box / col-d / menu-box menu-sub）。
   旧styles.cssの vertical-align:top（矢印上ずれ）と col-d a の bold を
   is-a11y-mdn限定・高詳細度で打ち消し、IR情報トップとデザインを揃える。
========================================================= */
/* カード大見出し（col-d h2）の矢印：文字中心からさらに1px上げる */
body.is-a11y-mdn.abouttop #beta #content .abouttop-box .row .col-a .col-d h2 img,
body.is-a11y-mdn.abouttop #beta #content .abouttop-box .row .col-b .col-d h2 img {
  vertical-align: middle !important;
  margin: -1px 4px 0 0 !important;
}
/* サブメニュー（menu-box内）の矢印：文字の縦中心に揃える */
body.is-a11y-mdn.abouttop #beta #content .abouttop-box .menu-box li img {
  vertical-align: middle !important;
  margin: 0 4px 0 0 !important;
}
/* サブメニューのリンク（menu-sub内の<a>）をレギュラーに。
   大見出し（h2 a）は太字維持のため対象外 */
body.is-a11y-mdn.abouttop #beta #content .abouttop-box .row .col-a .col-d .menu-box li a,
body.is-a11y-mdn.abouttop #beta #content .abouttop-box .row .col-b .col-d .menu-box li a {
  font-weight: normal !important;
}
/* =========================================================
   サステナビリティトップ：other-top-box-full の写真枠
   - PC（893px以上）：バナーを200px等倍で右に配置（歪み・切れなし）
   - 隙間の原因は .col-a の上下padding 10px。これを除去（a11yのline-height/font-sizeは不変）
   - 892px以下：画像が切れ始める手前で写真を非表示・テキスト全幅
   （csr.css・多言語版には触れず当ページのこの枠のみにスコープ）
========================================================= */
body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a {
  display: flex;
  align-items: center;
  padding-top: 0;            /* ★ csr.css の padding:10px 0 を打消し＝上下の隙間の正体 */
  padding-bottom: 0;
}
body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-d {
  float: none;
  flex: 1 1 auto;
  min-width: 0;
}
body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c {
  float: none;
  flex: 0 0 200px;
  margin: 0;
}
body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c img {
  width: 200px;
  height: auto;             /* 等倍：歪まない・切れない */
  aspect-ratio: auto;
  margin: 0;                /* csr.css の -10px を打消し */
  display: block;
  vertical-align: top;
}
/* 892px以下：画像が切れ始める手前で写真を非表示・テキスト全幅 */
@media screen and (max-width: 892px) {
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
  }
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c {
    display: none;
  }
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-d {
    float: none;
    width: auto;
    margin: 0;
  }
}
/* =========================================================
   サステナビリティ 扉ページのカードリンク（.sus-2nd-grid）
   IRの fr-policy-grid を範に、サステナ専用に独立。
   画像は右・罫線にぴったり接着（上下左右）、画像なしセルはテキスト全幅、
   箇条書き（listDisc）対応。見出しは黒→ホバー/フォーカスで赤＋下線。
   （csr.css本体・多言語版には触れず styles-a11y.css 末尾に追記）
========================================================= */
/* グリッドを内包する扉ページは本文ラッパーの左右paddingを打ち消し、端まで伸ばす */
body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.sus-2nd-grid) .entry,
body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.sus-2nd-grid) .entry-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: 1px solid var(--ui-brand-red) !important;
  border-left: none !important;                       /* ★ 一番左の罫線を削除 */
  border-right: 1px solid var(--ui-brand-red) !important;
  box-sizing: border-box !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__item {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 50% !important;
  flex: 0 0 50% !important;
  border-bottom: 1px solid var(--ui-brand-red) !important;
  background-color: transparent !important;
  list-style-type: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__item:nth-child(odd) {
  border-right: 1px solid var(--ui-brand-red) !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__item:nth-child(even) {
  border-right: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__item--empty {
  background-color: transparent !important;
}
/* カード：上下padding 10px・左padding 12px・右padding 0（画像が右罫線に接着）。overflow:hiddenで画像の負マージンはみ出しを枠内に収める */
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__card {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  padding: 10px 0 10px 12px !important;
  text-decoration: none !important;
  height: 100% !important;
  min-height: 100px !important;
  color: var(--color-gray) !important;
  box-sizing: border-box !important;
  border: none !important;
  overflow: hidden !important;                        /* ★ 画像の負マージンを枠内に収める */
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__card:hover,
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__card:focus {
  background-color: var(--color-card-hover-bg) !important;
  outline: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__card:hover .sus-2nd-grid__text h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__card:focus .sus-2nd-grid__text h2 {
  color: var(--color-brand-red) !important;
  text-decoration: underline !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* 画像：右接着＋上下を負マージン(-10px)でカードpaddingを食い破り罫線に接着 */
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__img {
  flex: 0 0 100px !important;
  width: 100px !important;
  margin: -10px 0 -10px auto !important;              /* ★ 上下-10pxで罫線接着・右端へ押出し */
  padding: 0 !important;
  align-self: stretch !important;
  overflow: hidden !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__img img {
  width: 100px !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  max-width: none !important;
  display: block !important;
  border: none !important;
  margin: 0 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__text h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__text p {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__text h2 {
  font-size: 15px !important;
  font-weight: bold !important;
  color: var(--color-black) !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 6px !important;
  line-height: 1.3 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__text h2 img {
  margin: 0 !important;
  margin-top: 5px !important;
  flex: 0 0 auto !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__text p {
  font-size: 13px !important;
  color: var(--color-gray) !important;
  line-height: 1.5 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__text ul.listDisc {
  margin: 2px 0 0 0 !important;
  padding: 0 0 0 1.2em !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__text ul.listDisc li {
  list-style-type: disc !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--color-black) !important;
}
@media screen and (max-width: 600px) {
  /* 2列維持（1列化しない）。中仕切りの縦罫線も維持 */
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__item:nth-child(odd) {
    border-right: 1px solid var(--ui-brand-red) !important;
  }
  /* SPでも--fullを含むグリッド（governance）は奇偶反転して中仕切りを正す */
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid:has(.sus-2nd-grid__item--full) .sus-2nd-grid__item:nth-child(even) {
    border-right: 1px solid var(--ui-brand-red) !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid:has(.sus-2nd-grid__item--full) .sus-2nd-grid__item:nth-child(odd) {
    border-right: none !important;
  }
  /* カード：余白を詰めてコンパクトに */
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__card {
    padding: 10px 0 10px 8px !important;
    gap: 8px !important;
    min-height: 0 !important;
  }
  /* 箇条書きは全ページSPで非表示（現行踏襲：見出しのみ） */
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__text ul.listDisc {
    display: none !important;
  }
  /* 見出し：折り返しあり・SP用に縮小 */
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__text h2 {
    font-size: 14px !important;
    gap: 4px !important;
  }
  /* グリッド内のセル画像（vision/products）はSPでも表示。右接着のまま縮小 */
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__img {
    flex: 0 0 80px !important;
    width: 80px !important;
    margin: -10px 0 -10px auto !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__img img {
    width: 80px !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.sus-2nd-grid) .entry,
  body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.sus-2nd-grid) .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.sus-2nd-grid) .sus-2nd-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  /* SP：グリッドを持つ扉の最終更新日（entry-nav）に右余白を与え、全幅化で右端に張り付くのを防ぐ */
  body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.sus-2nd-grid) p.entry-nav.small {
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }
}
/* =========================================================
   サステナビリティ 扉ページ（.csr-cat-top を含む：labor等）
   本文側h1を生かし、テンプレート側h1（.title > h1）を非表示にして二重を防ぐ。
   IR経営方針（.direction-top）と同方式。
   ※テンプレート側h1は <main id="content"> 直下の <div class="title">。
     本文側h1は .csr-cat-top 内の <div class="title">。前者だけを隠す。
   entry-nav（最終更新日）が通常フローでh1上に居座り余白を作るため、
   右上に絶対配置して通常フローから外し、h1を上に詰める。
   メイン画像（csr-cat-top-boxTop）は罫線一本化＋baseline隙間除去でグリッドに接着。
========================================================= */
/* テンプレh1（#content直下の.title）を非表示にして二重を防ぐ */
body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.csr-cat-top) > .title {
  display: none !important;
}
/* entry-content を絶対配置の基準に */
body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.csr-cat-top) .entry-content {
  position: relative !important;
  padding-top: 0 !important;
}
/* 最終更新日（entry-nav）：パンくず行の右に揃える位置へ */
body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.csr-cat-top) p.entry-nav.small {
  position: absolute !important;
  top: -10px !important;
  right: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  line-height: 1.4 !important;
  text-align: right !important;
}
/* h1（本文側）＋メイン画像のまとまりを下げ、メイン画像上罫線を左ナビ項目の罫線に揃える */
body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-cat-top {
  margin-top: 18px !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-cat-top > .title {
  margin-top: 0 !important;
  margin-bottom: 0px !important;
  padding-top: 0 !important;
}
/* メイン画像直後のグリッドを上に詰めて画像下罫線と接着 */
body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-cat-top .sus-2nd-grid {
  margin-top: 0 !important;
}
/* メイン画像（csr-cat-top-boxTop）：下罫線を消しグリッド側border-topに一本化 */
body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-cat-top .csr-cat-top-boxTop {
  border-bottom: none !important;
}
/* 画像下のbaseline隙間を根本除去（line-height/font-size 0 ＋ img display:block） */
body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-cat-top .csr-cat-top-boxTop .col-a {
  font-size: 0 !important;
  line-height: 0 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-cat-top .csr-cat-top-boxTop .col-a img {
  display: block !important;
  vertical-align: bottom !important;
  margin: 0 !important;
}
@media screen and (max-width: 600px) {
  /* SPでは絶対配置を解除し通常フローに戻す（h1との重なり回避）。現行モバイル踏襲で右寄せ */
  body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.csr-cat-top) p.entry-nav.small {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin: 0 0 6px 0 !important;
    padding: 0 10px 0 0 !important;
    text-align: right !important;
    width: auto !important;
    line-height: 1.4 !important;
  }
  /* SPではh1まとまりの上マージン調整を通常値に */
  body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-cat-top {
    margin-top: 8px !important;
  }
  /* SP：メイン画像とグリッドを内包する扉ページの本文ラッパー左右余白を打ち消し、横幅いっぱいに */
  body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.csr-cat-top) .entry,
  body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.csr-cat-top) .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* メイン画像ブロックを全幅に */
  body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-cat-top .csr-cat-top-boxTop,
  body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-cat-top .csr-cat-top-boxTop .col-a {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  /* メイン画像自体も枠いっぱいに（SPは幅追従） */
  body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-cat-top .csr-cat-top-boxTop .col-a img {
    width: 100% !important;
    height: auto !important;
  }
  /* SP：本文ラッパー（.entry / .entry-content）を親いっぱいに広げ右側の余白を解消 */
  body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.csr-cat-top) .entry,
  body.is-a11y-mdn #wrapper #pagebody #beta #content:has(.csr-cat-top) .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* =========================================================
   サステナビリティ 扉ページ：グリッド内の全幅セル（.sus-2nd-grid__item--full）
   governance のコーポレートガバナンス等、現行が「全幅1セル」で組んでいたセルを
   2列グリッド内で1行ぶち抜きにする。
   ※全幅セルが nth-child(1) を消費するため、以降の2列セルの奇偶が1つズレて
     中仕切り罫線が左右逆転する（全幅セル右端に不要な線／2列の間に線が出ない）。
     :has() で「--full を含むグリッド」だけ奇偶を反転して補正する。
     --full を持たない他扉（vision/environment等）には一切影響しない。
========================================================= */
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__item--full {
  flex: 0 0 100% !important;
  width: 100% !important;
  border-right: none !important;                  /* 全幅セルの右端に不要な縦線が出るのを消す */
}
/* --full を含むグリッドは奇偶を反転：偶数（=2列の左セル）に右罫線、奇数（=右セル・full自身）は消す */
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid:has(.sus-2nd-grid__item--full) .sus-2nd-grid__item:nth-child(even) {
  border-right: 1px solid var(--ui-brand-red) !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid:has(.sus-2nd-grid__item--full) .sus-2nd-grid__item:nth-child(odd) {
  border-right: none !important;
}
/* 全幅セル（コーポレートガバナンス等）の箇条書きは横2カラム表示（現行踏襲）。
   仕切り縦線は不要のため column-rule は付けない。SPは画面が狭いため1カラム */
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__item--full .sus-2nd-grid__text ul.listDisc {
  column-count: 2 !important;
  column-gap: 40px !important;
}
@media screen and (max-width: 600px) {
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__item--full .sus-2nd-grid__text ul.listDisc {
    column-count: 1 !important;
  }
}
/* =========================================================
   サステナビリティ コミュニケーション（report）扉のカードリンク（.sus-report-grid）
   他扉（sus-2nd-grid＝画像右接着）と異なり、画像は「左」配置・罫線で囲む2列。
   IRの fr-policy-grid を範にサステナ専用クラスとして独立。
   1行目のみ画像あり（130px）、2行目以降は画像なし＝テキスト全幅。
   見出しは黒→ホバー/フォーカスで赤＋下線。最終行の空セルは罫線だけの空白。
   （csr.css本体・多言語版には触れず styles-a11y.css 末尾に追記）
========================================================= */
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: 1px solid var(--ui-brand-red) !important;
  border-left: 1px solid var(--ui-brand-red) !important;
  border-right: 1px solid var(--ui-brand-red) !important;
  box-sizing: border-box !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__item {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 50% !important;
  flex: 0 0 50% !important;
  border-bottom: 1px solid var(--ui-brand-red) !important;
  background-color: transparent !important;
  list-style-type: none !important;
}
/* 左列（奇数）の右に中仕切り縦罫線 */
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__item:nth-child(odd) {
  border-right: 1px solid var(--ui-brand-red) !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__item:nth-child(even) {
  border-right: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__item--empty {
  background-color: transparent !important;
}
/* カード：画像左・テキスト右。fr-policy-grid同様にpadding確保・罫線非接着 */
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  padding: 15px 15px 15px 12px !important;
  text-decoration: none !important;
  height: 100% !important;
  color: var(--color-gray) !important;
  box-sizing: border-box !important;
  border: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__card:hover,
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__card:focus {
  background-color: var(--color-card-hover-bg) !important;
  outline: none !important;
}
/* カードホバー/フォーカスで見出しを赤＋下線 */
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__card:hover .sus-report-grid__text h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__card:focus .sus-report-grid__text h2 {
  color: var(--color-brand-red) !important;
  text-decoration: underline !important;
}
/* 画像：左・130px固定 */
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__img {
  flex: 0 0 130px !important;
  width: 130px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__img img {
  width: 130px !important;
  height: auto !important;
  max-width: none !important;
  display: block !important;
  border: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__text h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__text p {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__text h2 {
  font-size: 15px !important;
  font-weight: bold !important;
  color: var(--color-black) !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 6px !important;
  line-height: 1.3 !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__text h2 img {
  margin: 0 !important;
  margin-top: 5px !important;
  flex: 0 0 auto !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__text p {
  font-size: 13px !important;
  color: var(--color-gray) !important;
  line-height: 1.5 !important;
}
/* SP：2列維持・中仕切り維持。画像は縮小せず130pxのままだと窮屈なため幅追従に */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__card {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 10px 8px !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__img {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__img img {
    width: 100% !important;
    max-width: 130px !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__text h2 {
    font-size: 14px !important;
  }
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__text p {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
}
/* =========================================================
   サステナビリティ記事本文：h3見出しの左ずれ補正
   csr.css の「.csr #beta #content h3 { padding-left:1em; text-indent:-1em }」は
   本来ぶら下げインデント用だが、styles-a11y.css 側の
   「#beta #content .entry-content h3 { padding:0 0 8px 0 }」が戻し側(padding-left)を
   打ち消すため、text-indent:-1em だけが残り見出しが約1em左へ飛び出す。
   サステナ記事本文(.csr配下の.entry-content)のh3のtext-indentを0に正規化して解消。
   csr.css本体は変更せず、a11y側で限定スコープ上書き。
========================================================= */
body.is-a11y-mdn.csr #wrapper #pagebody #beta #content .entry-content h3 {
  text-indent: 0 !important;
}
/* =========================================================
   About 2ndary ガバナンス「メッセージ」(/jp/about/governance/message.html)
   固定px 2カラムの Flexbox 化（PC幅のみ）
   ---------------------------------------------------------
   【a11y改修】styles.css の
     .about-governance-message .col-b の width:590px（＋col-a/col-b の float:left）
   は、#beta が a11y改修で可変幅化した結果、#beta の実効幅が
   固定px合計(約777px=col-a160+本文590+左右余白)を下回ると、
   col-b(本文・590px固定) が col-a(写真・160px) の下へ回り込んで崩れる。
   写真(col-a)は160px固定のまま、本文(col-b)を「残り全幅の可変」に変更し
   回り込み(デッドゾーン)を解消する。
   SP(≤600px)は styles.css 側で既に col-a/col-b とも width:100% の縦積みのため
   対象外（min-width:601px のPC幅のみに限定）。
   styles.css は変更せず、a11y 側で .about-governance-message 限定スコープ上書き。
========================================================= */
@media screen and (min-width: 601px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-governance-message {
    display: flex !important;          /* 【a11y改修】float 2カラム → Flexbox 行に */
    align-items: flex-start !important;/* 【a11y改修】float:left と同じ上揃え */
    flex-wrap: nowrap !important;      /* 【a11y改修】回り込み禁止＝崩れの直接原因を断つ */
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-governance-message .col-a {
    flex: 0 0 160px !important;        /* 【a11y改修】写真は160px固定を維持 */
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-governance-message .col-b {
    flex: 1 1 auto !important;         /* 【a11y改修】本文は残り全幅の可変に（590px固定を解除） */
    width: auto !important;            /* 【a11y改修】固定590pxを打ち消す */
    min-width: 0 !important;           /* 【a11y改修】長語・長URLでのはみ出し保険 */
  }
}

/* =========================================================
   PC用フッター コピーライト行(#footerLink06)の文字サイズ底上げ（PC幅のみ）
   ---------------------------------------------------------
   【a11y改修】#footerLink06 は legacy styles.css で 9.3px(地の文)/10px(リンク)。
   footerLinkArea のリンク列は a11y で 12px 化済みのため、コピーライト行だけ
   一段小さく不揃いだった。最小サイズ基準 11px(.small と同値・PC/モバイル共通)へ
   底上げして揃える。
   SP(≤600px)は別の赤帯フッターブロック(@media max-width:600px)側で既に
   #footerLink06=12px(白・© のみ表示)のため対象外。min-width:601px のPC幅に限定し、
   SP の既存挙動には一切干渉しない（範囲が重ならず競合なし）。
   styles.css は変更せず a11y 側 #footerLink06 限定スコープ上書き。
========================================================= */
@media screen and (min-width: 601px) {
  body.is-a11y-mdn #footerLink06,
  body.is-a11y-mdn #footerLink06 a {
    font-size: 11px !important;   /* 【a11y改修】9.3/10px → 最小基準 11px に統一 */
  }
}

/* =========================================================
   二次ナビ系の最小テキストを固定 11px に統一
   （パンくず・backnumber・株価ボックスのチャートリンク）
   ---------------------------------------------------------
   【a11y改修】styles_d.css/styles.css 由来で
   パンくず(.content-nav 80%×body80%≈10.24px)・p.backnumber(85%≈10.88px)・
   #stockchart p a(10px固定) が 11px 未満。可読性向上のため 11px へ底上げ。
   注記系(.small)が固定11pxのため、単位ポリシーを固定pxに合わせて統一する
   （当初 rem で入れた本ブロックを 11px 固定へ変更し、stockchart を追加）。
   子要素(.col-a / a / .breadcrumb-now)は styles_d の全称セレクタ font-size:100% により
   親を継承するため、コンテナ指定で波及。色は不変（A/B案クライアント判断待ち）。
   styles.css / styles_d.css は不変、a11y 側スコープ上書きのみ。
========================================================= */
body.is-a11y-mdn #beta #content .content-nav,
body.is-a11y-mdn #beta #content p.backnumber,
body.is-a11y-mdn #stockchart p a {
  font-size: 11px !important;   /* 【a11y改修】10〜10.88px → 固定11pxに統一 */
}

/* =========================================================
   フッターリンクのホバー/フォーカス時 下線（マウス・キーボード共通）
   ---------------------------------------------------------
   【a11y改修】legacy はフッターリンクのホバー下線を抑止(text-decoration:none)。
   リンク/ボタンのアフォーダンス向上のため、フッターのリンク列(#footerLinkArea)・
   コピーライト行(#footerLink06)・用語集ボタン(.footer-btn-link)に、ホバーと
   :focus-visible(キーボード) の両方で下線を付与し、マウス/キーボードの挙動を統一する。
   用語集ボタンは既存 a11y で常時下線だったため、通常時は下線なしへ変更し、
   ホバー/フォーカス時のみ下線へ（他のフッターリンクと挙動統一）。
   通常時(非ホバー/非フォーカス)はいずれも下線なし。
   ※ キーボード時はグローバルの :focus-visible 枠線も併存（下線は両者共通）。
   styles.css 不変、a11y 側スコープ上書きのみ。
========================================================= */
/* 用語集ボタン：常時下線 → 通常時は下線なしへ */
body.is-a11y-mdn #footerLinkArea .footer-btn-link {
  text-decoration: none !important;
}
/* リンク列・コピーライト行・用語集ボタン：ホバー/フォーカスで下線 */
body.is-a11y-mdn #footerLinkArea a:hover,
body.is-a11y-mdn #footerLinkArea a:focus-visible,
body.is-a11y-mdn #footerLinkArea .footer-btn-link:hover,
body.is-a11y-mdn #footerLinkArea .footer-btn-link:focus-visible,
body.is-a11y-mdn #footerLink06 a:hover,
body.is-a11y-mdn #footerLink06 a:focus-visible {
  text-decoration: underline !important;
}

/* =========================================================
   SPフッター コピーライト：赤帯白文字 → PC同様「赤線＋黒文字」へ
   ---------------------------------------------------------
   【a11y改修】SPの #footer は赤背景＋白文字(#fff on #ff0000 ≈ 4.0:1)。
   small text の 4.5:1 を満たすには 19px以上の太字(large text 3:1)が必要だが、
   SPでは19px以上にできないため、白on赤の継続はコントラスト不足になる。
   そこで PC同様に背景の赤を解除し「赤線(border-top)＋黒(#333)コピーライト」へ。
   #333 on 白 ≈ 12.6:1 で、サイズに依らずコントラストを満たす。
   表示は © のみ（リンクは .foot_sub.sp-only-footer 側で別途表示のため重複回避＝既存のまま）。
   styles.css は不変、a11y 側 SP(@media max-width:600px) スコープ上書きのみ。
========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn #footer {
    background-color: transparent !important;              /* 【a11y改修】赤背景を解除 */
    border-top: 3px solid var(--ui-brand-red) !important;  /* 【a11y改修】赤線（PCの border-top と同趣旨） */
    color: var(--color-gray) !important;
  }
  body.is-a11y-mdn #footer p,
  body.is-a11y-mdn #footerLink06,
  body.is-a11y-mdn #footerLink06 a,
  body.is-a11y-mdn #footerLink06 span,
  body.is-a11y-mdn #footerLink06 span[lang="en"] {
    color: var(--color-gray) !important;                   /* 【a11y改修】白 → #333（コントラスト確保） */
  }
}

/* =========================================================
   SPハンバーガーメニュー：背景の透け解消＋フッターを「赤線＋黒コピーライト」へ
   ---------------------------------------------------------
   【a11y改修】#go_modal_overlay は背景透明のため、メニュー内容が画面より短いと
   下から実ページが透ける(iPhone実機で再現)。オーバーレイを不透明白にして全画面を
   覆い透けを解消する(高さは既存 height:100% が視野を覆うため不変)。
   フッター #menu_footer は赤帯白文字(白on赤 ≈4.0:1)だったため、PC/SPフッター同様
   「赤線(border-top)＋黒(#333)コピーライト」へ変更。#333 on 白 ≈12.6:1 でサイズに
   依らずコントラストを満たす。表示は © のみ(リンクは別ブロックに無し)。
   styles.css は不変、a11y 側 SP スコープ上書きのみ。
========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn #go_modal_overlay {
    background-color: var(--color-white) !important;        /* 【a11y改修】透明→白：背景の透けを解消 */
  }
  body.is-a11y-mdn #menu_footer {
    background-color: transparent !important;               /* 【a11y改修】赤帯を解除 */
    border-top: 3px solid var(--ui-brand-red) !important;   /* 【a11y改修】赤線 */
    color: var(--color-gray) !important;                    /* 【a11y改修】白 → #333（コントラスト確保） */
  }
}

/* =========================================================
   FRトップ(.home)フッター：赤線↔コピーライトの余白を他ページに合わせる（PC幅）
   ---------------------------------------------------------
   【a11y改修】FRトップは .home #footer に padding-top:10px が付くため、
   非.home の #footer(padding-top:0)＋#footerLink06(padding:10px 0) と比べ、
   赤線(border-top)とコピーライト行の間隔が約10px広い。
   PC幅で .home #footer の padding-top を 0 に揃え、他ページと余白を統一する。
   赤線(border-top:3px solid)は維持。SP は別系統のため min-width:601px に限定。
   styles.css は不変、a11y 側スコープ上書きのみ。
========================================================= */
@media screen and (min-width: 601px) {
  body.is-a11y-mdn.home #footer {
    padding-top: 0 !important;   /* 【a11y改修】FRトップ固有の +10px を解消し他ページと統一 */
  }
}

/* =========================================================
   5トップSPグリッド統一：IR(.ir_main)・HOME(.index_main) を a11y統一グリッド仕様へ
   ---------------------------------------------------------
   【a11y改修】グループ等が使う a11y統一グリッド（.sp-only-content nav ul li a）に
   合わせ、legacy系の IRトップ(.ir_main) と HOME(.index_main) を同一仕様へ揃える。
   ・font-size：3.19vw(可変) → 0.8rem(固定) ＝統一グリッドと一致
   ・color #000・font-weight bold・line-height 1.3・通常時は下線なし
   ・hover/focus-visible：--link-color-utility（A/Bレバー＝B案で#d20000）＋下線
   ※hover色は統一グリッドと同じ --link-color-utility に統一（B案で一括適合）。
   レイアウト（2列・罫線・padding）は legacy .index_main/.ir_main の既存指定を流用。
   styles.css は不変、a11y 側スコープ上書きのみ。
========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn .ir_main ul li a,
  body.is-a11y-mdn .index_main ul li a {
    color: var(--color-black) !important;        /* 【a11y改修】HOMEの赤字を黒へ／IRは据置 */
    font-size: 13px !important;                  /* 【a11y改修】0.8rem(12.8px) → 13px固定。ブラウザ文字設定に依らず意図どおりの見た目。拡大はズームで対応 */
    font-weight: bold !important;                /* 【a11y改修】統一グリッドと同じ bold */
    line-height: 1.3 !important;
    text-decoration: none !important;            /* 【a11y改修】通常時は下線なし */
  }
  body.is-a11y-mdn .ir_main ul li a:hover,
  body.is-a11y-mdn .ir_main ul li a:focus-visible,
  body.is-a11y-mdn .index_main ul li a:hover,
  body.is-a11y-mdn .index_main ul li a:focus-visible {
    color: var(--color-brand-red) !important; /* 【a11y改修】現段階は #ff0000（CIブランド赤）。B案確定時に --link-color-utility へ寄せる想定 */
    text-decoration: underline !important;        /* 【a11y改修】ホバー/フォーカスで下線 */
  }
}

/* =========================================================
   SP共通フッターのリンク一覧（.foot_sub.sp-only-footer）：font-size 11px固定＋ホバー/フォーカスで下線（色は不変）
   ---------------------------------------------------------
   【a11y改修】legacy は .foot_sub a:hover で color:#999（≈2.85:1 と薄い・下線なし）。
   要望により色は変えず、ホバー/フォーカスで下線のみ付与。#999 への変色は打ち消して
   通常色 #000 を維持（薄いグレー化によるコントラスト低下も同時に回避）。
   下線が操作フィードバックの非色キューになる。マウス/キーボード統一。
   .foot_sub は SP のみ表示のため max-width:600px に限定。
   styles.css は不変、a11y 側スコープ上書きのみ。
========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn .foot_sub.sp-only-footer a {
    font-size: 11px !important;   /* 【a11y改修】2.92vw(可変) → 11px固定。間延び解消＋11px系と単位統一 */
  }
  body.is-a11y-mdn .foot_sub.sp-only-footer a:hover,
  body.is-a11y-mdn .foot_sub.sp-only-footer a:focus-visible {
    color: var(--color-black) !important;        /* 【a11y改修】色変更なし（legacy #999 を打ち消し #000 維持） */
    text-decoration: underline !important;        /* 【a11y改修】ホバー/フォーカスで下線 */
  }
}

/* =========================================================
   SPグリッド文字サイズを px 固定へ（統一グリッド本体）
   ---------------------------------------------------------
   【a11y改修】.sp-only-content nav ul li a は既存で 0.8rem（ルート文字設定に追従）。
   方針変更により、ブラウザの既定文字サイズ設定に左右されず「意図どおりの見た目」を
   担保するため 13px 固定へ上書き（IR/HOMEの .ir_main/.index_main も同値13pxで統一済み）。
   文字拡大はブラウザズームで対応（ズームは px でも等倍で効く）。
   既存ルール(L付近)は不変・append上書きのみ。styles.css も不変。
========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn .sp-only-content nav ul li a {
    font-size: 13px !important;   /* 【a11y改修】0.8rem → 13px 固定（IR/HOMEと統一） */
  }
}

/* =========================================================
   会社情報トップ・サステナトップ SPグリッド（.sp_nemu）：ホバー/フォーカスで赤＋下線
   ---------------------------------------------------------
   【a11y改修】両トップ下部の2カラムリンクは .sp_nemu（legacy）。
   legacy は :hover が color #f00 のみで下線が無く、リンクのホバー手応えが弱い。
   他トップ（.ir_main/.index_main/.sp-only-content nav）と挙動を揃え、
   hover と focus-visible（キーボード）の両方で 赤（--color-brand-red）＋下線を付与する。
   通常時の文字色・サイズは legacy のまま不変（今回はホバー/フォーカスの挙動のみ）。
   .sp_nemu はSP専用（PCは display:none）。会社情報トップ＝body.abouttop／サステナトップ＝body.csrtop に限定。
   styles.css 不変、a11y 側 append上書きのみ。
========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.abouttop .sp_nemu ul li a:hover,
  body.is-a11y-mdn.abouttop .sp_nemu ul li a:focus-visible,
  body.is-a11y-mdn.csrtop .sp_nemu ul li a:hover,
  body.is-a11y-mdn.csrtop .sp_nemu ul li a:focus-visible {
    color: var(--color-brand-red) !important;     /* 【a11y改修】legacy #f00 と同等の赤を明示 */
    text-decoration: underline !important;         /* 【a11y改修】★ legacy に無い下線を追加 */
  }
}

/* =========================================================
   会社情報トップ・サステナトップ SPグリッド（.sp_nemu）：文字サイズ 13px 固定（他トップと統一）
   ---------------------------------------------------------
   【a11y改修】両トップの .sp_nemu リンクは legacy で font-size 0.8rem（ルート文字設定に追従）。
   他トップ（.ir_main/.index_main＝13px固定、.sp-only-content nav＝13px固定）に合わせ、
   ブラウザ既定文字サイズに左右されない 13px 固定へ統一する（文字拡大はズームで対応）。
   通常時の色（#000）・太さ（bold）・行間（1.3）は legacy と同値のため変更しない（サイズのみ）。
   .sp_nemu はSP専用（PCは display:none）。body.abouttop／body.csrtop に限定。
   styles.css 不変、a11y 側 append上書きのみ。
========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.abouttop .sp_nemu ul li a,
  body.is-a11y-mdn.csrtop .sp_nemu ul li a {
    font-size: 13px !important;   /* 【a11y改修】0.8rem(可変) → 13px 固定（IR/HOME/グループと統一） */
  }
}

/* ============================================================
   【a11y改修】会社情報 csr-cat-top 扉ページ：PCでメイン画像をコンテンツ幅に収める
   理由：about のメイン画像は旧来 width="100%" 属性で幅制約していたが、
         セマンティック化で属性を撤去。a11y側はSP（max-width:600px）にのみ
         画像 width:100% を持ち、PCに幅指定が無いため intrinsic 表示で右に溢れる。
   対応：PC側にも width:100% / height:auto を付与（SP既存ルールと同値）。
   スコープ：.about 限定。device確認済み・完了済みのサステナ（.csr）には影響させない。
   ============================================================ */
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .csr-cat-top .csr-cat-top-boxTop .col-a img {
  width: 100% !important;
  height: auto !important;
}

/* ============================================================
   【a11y改修】会社情報 csr-cat-top 扉ページ：メイン画像枠の上・右の赤罫線を補う
   理由：サステナは csr.css が .csr-cat-top-boxTop に枠線（上/左/右）を与えるが、
         about は csr.css 非読込のため画像に枠線が無く、下のグリッド枠と連続しない。
         下罫線は既存ルールで none（グリッド上罫線と一本化済み）。
         不足する上・右の赤罫線のみを補い、グリッド枠と連続させる。
   スコープ：.about 限定（csr.css を持つサステナ .csr には不干渉）。
            左は付けない（グリッドの border-left:none と同方針＝レイアウト左罫線に委ねる）。
   ============================================================ */
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .csr-cat-top .csr-cat-top-boxTop {
  border-top: 1px solid var(--ui-brand-red) !important;
  border-right: 1px solid var(--ui-brand-red) !important;
}

/* ============================================================
   【a11y改修】会社情報 csr-cat-top 扉ページ：h1とメイン画像の間に余白＋画像上罫線を左ナビ罫線に揃える
   理由：サステナは csr.css がタイトル箱と余白を与え、画像上罫線が左サイドナビの
         横罫線（#sidenav li の border-bottom）に揃う。about は csr.css 非読込のため
         その余白が無く画像トップの位置がズレる。.csr-cat-top の margin-top:18px は
         section非依存（サステナ共用）で触れないため、about 側だけ画像の上マージンで補う。
   調整：下記 margin-top を実機で微調整し、メイン画像の上罫線を左ナビ赤罫線に合わせる
         （サイドナビ罫線間隔は約28px）。実機確定値6px。
   スコープ：.about 限定（サステナ .csr には不干渉）。
   ============================================================ */
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .csr-cat-top .csr-cat-top-boxTop {
  margin-top: 6px !important;
}

/* ============================================================
   【a11y改修】役員一覧（about-profile）リンク：黒文字・下線なし／ホバー・フォーカスで赤＋下線
   理由：.a11y-content-body a の汎用装飾（赤＋下線・!important）が当たり、参照CSSの
         .about-profile li a の color:#000 が後勝ちで打ち消されていた。
         pagetop と同方針（黒→ホバー赤＋下線）で、より高い詳細度で上書きする。
   スコープ：about-profile のリンクのみ。多言語リンク（to English page）は確定方針＝赤のため対象外。
   ============================================================ */
.a11y-content-body ul.about-profile li a {
  color: var(--color-black) !important;
  text-decoration: none !important;
}
.a11y-content-body ul.about-profile li a:hover,
.a11y-content-body ul.about-profile li a:focus-visible {
  color: var(--color-brand-red) !important;
  text-decoration: underline !important;
}

/* ============================================================
   【a11y改修】役員個別ページ 略歴リスト（about-profile-history）：SP表示の横幅拡張
   理由：SP(≤600px)で width:330px 固定のため画面幅を使い切れず、dt:70px で年月（11月）が
         折返し、dd:230px で説明が過剰に折返して読みにくい。
   対応：コンテナを実質全幅化、dt を年月が1行に収まる幅へ、dd を残り全幅へ。
   スコープ：SP(≤600px)・about-profile-history のみ。PC（560px/100+460）は不変。
   ============================================================ */
@media screen and (max-width: 600px) {
  .a11y-content-body .about-profile-history {
    width: 100% !important;
  }
  .a11y-content-body .about-profile-history dt {
    width: 88px !important;
  }
  .a11y-content-body .about-profile-history dd {
    width: calc(100% - 88px) !important;
  }
}

/* ============================================================
   【a11y改修】役員個別ページ 略歴(about-profile-history) SP：dt/dd を float→Grid 2カラム化
   理由：SPで dt/dd が float のままのため、dd が複数行に折り返すと次の dt が回り込み、
         年月と内容の行対応が崩れる（例：認定NPO法人…副理事長など3行ddで顕在化）。
   対応：dl を display:grid（max-content 1fr）。dt列は年月の実幅にフィットし1行固定、
         dd は残り全幅。dd が何行でも行の対応が保たれ、px固定不要でページ別調整も不要。
   ※直前の SP幅指定(width:100%/dt:88px/dd:calc)はこのGrid化で上書きされる（append-only保持）。
   スコープ：SP(≤600px)・about-profile-history のみ。PC（560px/dt100/dd460）は不変。
   ============================================================ */
@media screen and (max-width: 600px) {
  .a11y-content-body .about-profile-history {
    display: grid !important;
    grid-template-columns: max-content 1fr !important;
    column-gap: 10px !important;
  }
  .a11y-content-body .about-profile-history dt,
  .a11y-content-body .about-profile-history dd {
    float: none !important;
    width: auto !important;
  }
  .a11y-content-body .about-profile-history dt {
    white-space: nowrap !important;
  }
}
/* =========================================================
   a11y-link-dark：黒文字リンクの共通受け皿（pagetop と同方針）
   デフォルト：テキスト黒・下線なし
   ホバー／フォーカス：ブランドレッド・下線あり
   用途：記事内の遷移リンク群を「赤既定」から黒へ切り替える共通クラス。
   付与方法：リンクを内包する容器に追加（例 library-top-box に併記）、
   または個々のアンカーに直接付与。既存クラス名・構造は変更しない。
   特異度：.a11y-content-body a（汎用・赤＋下線）より高く設計。
   ========================================================= */
.a11y-content-body .a11y-link-dark a,
.a11y-content-body a.a11y-link-dark {
  color: var(--color-black) !important;
  text-decoration: none !important;
}
.a11y-content-body .a11y-link-dark a:hover,
.a11y-content-body .a11y-link-dark a:focus-visible,
.a11y-content-body a.a11y-link-dark:hover,
.a11y-content-body a.a11y-link-dark:focus-visible {
  color: var(--color-brand-red) !important;
  text-decoration: underline !important;
}
/* =========================================================
   事業内容・セグメント情報 扉：h1 重複解消
   現象：テンプレ側 .title（#content 直下・mtタイトル）と
         本文側 .business-top 内 .title で h1 が二重出力される。
   対応：business 扉のときだけ、#content 直下のテンプレ側 .title を非表示。
         本文側 .business-top .title（子孫）は直下結合子の対象外のため残る。
   ガバナンス扉の :has(.csr-cat-top) と同方針（本文ラッパ違いのため business 版を新設）。
   スコープ：about かつ business-top を含むページに限定。styles.css は不変。
   ========================================================= */
body.is-a11y-mdn.about #wrapper #pagebody #beta #content:has(.business-top) > .title {
  display: none !important;
}
/* =========================================================
   事業内容・セグメント情報 扉：キャッチコピーのサイズを h2 基準に統一
   現象：本文の「服を変え、常識を変え、世界を変えていく」が
         インライン font-size:13pt（pt単位・約17.3px）で、本文 h2 より小さく見える。
   対応：.business-top-boxTop .col-a p を h2 と同サイズへ。PC18px / SP16px。
         a11y 側で上書き（記事HTMLのインライン値は変更しない）。font-weight:bold は維持。
   スコープ：about の business-top-boxTop 内のキャッチ p に限定。styles.css は不変。
   ========================================================= */
@media screen and (min-width: 768px) {
  body.is-a11y-mdn.about #beta #content .business-top-boxTop .col-a p {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 767px) {
  body.is-a11y-mdn.about #beta #content .business-top-boxTop .col-a p {
    font-size: 16px !important;
  }
}
/* =========================================================
   フォトライブラリー扉（および about の library-top 扉）：h1 重複解消
   現象：テンプレ側 .title（#content 直下・mtタイトル）と
         本文側 .library-top 内 .title で h1 が二重出力される。
   対応：about かつ本文に .library-top を含むページのみ、#content 直下の
         テンプレ側 .title を非表示。本文側 .library-top .title（子孫）は
         直下結合子の対象外のため残る。
   スコープ：about 限定。IR・グループの library-top には波及させない。
   business 扉の :has(.business-top) と同方針（本文ラッパ違いのため library-top 版を新設）。
   styles.css は不変。
   ========================================================= */
body.is-a11y-mdn.about #wrapper #pagebody #beta #content:has(.library-top) > .title {
  display: none !important;
}
/* =========================================================
   フォトライブラリー扉：本文ブロックをサイドナビに接着（左隙間の解消）
   現象：business 扉（.business-top に legacy の margin-left:-27px）と異なり、
         photolibrary の本文ラッパ .library-top には負マージンが無く、
         グリッドが左に寄らずサイドナビとの間に隙間が出る。
   対応：business 扉と同じ -27px で本文ブロック（h1＋説明文＋グリッド）を左へ。
   スコープ：article 直下に .library-top を持つページ＝photolibrary に限定。
         business 扉は .library-top が .business-top の内側（直下でない）ため
         :has(> .library-top) に該当せず、二重適用されない。
   PC（768px以上）限定。styles.css は不変。
   ========================================================= */
@media screen and (min-width: 768px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) {
    margin-left: -27px !important;
  }
}
/* =========================================================
   フォトライブラリー扉：SP（600px以下）はタイトルのみ表示
   現象：SP で各ボックス幅が狭く、アイコン写真＋説明文が窮屈になる。
   対応：photolibrary 限定で、アイコン(col-c)と説明文(p.small)を非表示、
         タイトル(col-d)を全幅化してリンクのみ見せる。
   スコープ：article 直下に .library-top を持つページ＝photolibrary 限定。
         business 扉は :has(> .library-top) に該当せず波及しない。
   styles.css は不変。
   ========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .col-c {
    display: none !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .col-d p.small {
    display: none !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .col-d {
    width: auto !important;
    margin: 0 !important;
    padding: 12px 10px !important;
    white-space: normal !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .col-d h2 {
    margin: 0 !important;
    white-space: normal !important;
  }
}
/* =========================================================
   フォトライブラリー扉：SP（600px以下）の赤罫線をビューポート全幅へ
   現象：library-top-box は本文幅で止まり、罫線が画面端まで届かない。
         さらに SP では border-right:0 で右罫線が消えている。
   対応：100vw 化＋左右ネガティブマージンで画面端まで広げ、消えていた
         右罫線を復活。外枠（上・右）＋ .row の下罫線が両端に届く。
         左罫線は元々無し（border-left なし）＝ヘッダー/フッター帯と同様、
         画面左端で切れる見せ方を維持。
   スコープ：photolibrary 限定（:has(> .library-top)）。business 扉は非該当。
   付帯：横スクロール防止のため body 側で overflow-x:hidden を補強。
   styles.css は不変。
   ========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-right: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row {
    width: 100% !important;
  }
  body.is-a11y-mdn.about:has(.library-top) {
    overflow-x: hidden !important;
  }
}
/* =========================================================
   フォトライブラリー扉：SP 右罫線の撤去＋見出しの早期改行防止
   (1) 直前の全幅化で復活させた右の縦罫線が不要 → border-right を再度 0 に。
       左罫線なしと揃え、両端で開く帯の見せ方に統一。
   (2) タイトルのみ表示時に col-d がコンテンツ幅に縮み、長い見出し
       （例：グローバルブランド事業）が早期に折返す。col-d を列の
       残り幅いっぱい（width:100%）にして、列幅を使い切ってから自然に折返す。
   スコープ：photolibrary 限定（:has(> .library-top)）。styles.css は不変。
   ※後勝ち（同セレクタ・ソース後方）で直前ルールの値を上書き。
   ========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box {
    border-right: 0 !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .col-d {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* =========================================================
   フォトライブラリー扉：SP col-d の右 padding のみ詰める
   目的：タイトル（例：グローバルブランド事業）のテキスト幅を稼ぎ、
         早期改行をさらに抑える。左（矢印側）padding と上下は維持。
   変更：padding 12px 10px → 12px 2px 12px 10px（右のみ 10→2）。
   スコープ：photolibrary 限定（:has(> .library-top)）。styles.css は不変。
   ※後勝ち（同セレクタ・ソース後方）で直前ルールを上書き。
   ========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .col-d {
    padding: 12px 2px 12px 10px !important;
  }
}
/* =========================================================
   フォトライブラリー扉：col-d（テキスト側）の幅拡張（PC・SP両方）
   原因：参照CSSが高特異度（.row .col-a .col-d / .row .col-b .col-d）で
         col-d に width:201px(PC)/calc(50% - 85px)(SP) ＋ white-space:nowrap を
         固定しており、低特異度の上書き（.library-top-box .col-d）が負けて
         col-d が狭いまま＝見出しが早期に折返していた。
   対応：参照CSSと同経路（.row .col-a .col-d, .row .col-b .col-d）まで含めた
         高特異度で、固定幅と nowrap を打ち消す。
         PC＝アイコン分を除いた残り幅（float で自然伸長：width:auto）。
         SP＝col-c 非表示のため列いっぱい（width:auto）。いずれも折返し可。
   スコープ：photolibrary 限定（:has(> .library-top)）。styles.css は不変。
   ========================================================= */
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-a .col-d,
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-b .col-d {
  width: auto !important;
  white-space: normal !important;
}
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-a .col-d h2,
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-b .col-d h2 {
  white-space: normal !important;
}
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-a .col-d,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-b .col-d {
    width: auto !important;
    margin: 0 !important;
  }
}
/* =========================================================
   フォトライブラリー扉：col-d 幅を明示値に修正（float崩れの解消）
   問題：直前の width:auto は float 要素では幅不定となり、col-d が
         アイコン下へ回り込み段組みが崩れた。
   修正：明示幅に差し替え（後勝ち）。
     PC：列内で col-c(72px)+左margin13px=85px、col-d 左右margin20px を控除
         → width:calc(100% - 105px)（アイコン右で残り全幅・崩れなし）。
     SP：col-c 非表示・col-d margin:0 のため width:100%（列いっぱい）。
   white-space:normal は前段ルールで適用済み（折返し可）。
   スコープ：photolibrary 限定（:has(> .library-top)）。styles.css は不変。
   ========================================================= */
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-a .col-d,
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-b .col-d {
  width: calc(100% - 105px) !important;
}
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-a .col-d,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-b .col-d {
    width: 100% !important;
    margin: 0 !important;
  }
}
/* =========================================================
   フォトライブラリー扉：h2 矢印アイコンを1行目テキストの縦中央へ
   仕様：矢印はインライン（h2 を flex 化しない）＝1行目に固定。
         テキストが2行に折返しても矢印は1行目のまま下がらない。
   現行：.col-d img { vertical-align:top; margin:3px 4px 0 0 } で上端揃え。
   対応：参照CSSと同経路の高特異度で vertical-align:middle、上マージン0に。
         1行目インラインボックス内で天地中央寄せ（PC/SP両方）。
   ※ middle は x-height 基準のため、実機で僅かにズレる場合は margin-top を微調整。
   スコープ：photolibrary 限定（:has(> .library-top)）。styles.css は不変。
   ========================================================= */
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-a .col-d img,
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-b .col-d img {
  vertical-align: middle !important;
  margin: 0 4px 0 0 !important;
}
/* =========================================================
   フォトライブラリー個別（写真一覧）：PC のカラム間グレー縦罫線を border で再現
   現象：現行は about-media-photo-list の背景パターン(photolibbgptn.gif, repeat-y,
         560px幅前提)でカラム間の縦線を描いていたが、a11y の可変幅化で
         背景パターンの線位置が崩れPCで縦線が消える。
   対応：背景に依存せず、col-a/col-b/col-c の右に border-right(#dfdfdf)を引き、
         カラム間の縦線（内側3本）を再現。最終列 col-d には引かない。
   範囲：PC（768px以上）。SP は既存の #dfdfdf border が効くため対象外。
   スコープ：about の写真一覧（about-media-photo-list）に限定。styles.css は不変。
   ========================================================= */
@media screen and (min-width: 768px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-a,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-b,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-c {
    border-right: 1px solid #dfdfdf !important;
  }
}
/* =========================================================
   フォトライブラリー個別（写真一覧）：PC 外枠の左右グレー縦線を追加
   現行は写真一覧が四方グレーで囲まれた格子。内側3本（col-a/b/c の右）に加え、
   外枠の左（col-a の左）・右（col-d の右）にも縦線が必要。
   対応：col-a に border-left、col-d に border-right（#dfdfdf）を追加（PC）。
   範囲：PC（768px以上）。SP は既存ルールで対応済み。
   スコープ：about の写真一覧（about-media-photo-list）限定。styles.css は不変。
   ========================================================= */
@media screen and (min-width: 768px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-a {
    border-left: 1px solid #dfdfdf !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-d {
    border-right: 1px solid #dfdfdf !important;
  }
}
/* =========================================================
   フォトライブラリー個別（写真一覧）：PC 各セルの上下左右パディング均等化
   現象：col に border を引いたが padding が無く、写真・文字が罫線に重なり
         セルごとの余白がまちまち。
   対応：col-a〜col-d に padding:3px を均等付与。box-sizing:border-box で
         列幅（calc）を保ったまま内側に余白を確保し、罫線との重なりを解消。
   範囲：PC（768px以上）。SP は既存の padding:4px 等が効くため対象外。
   スコープ：about の写真一覧（about-media-photo-list）限定。styles.css は不変。
   ========================================================= */
@media screen and (min-width: 768px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-a,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-b,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-c,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-d {
    padding: 3px !important;
    box-sizing: border-box !important;
  }
}
/* =========================================================
   フォトライブラリー個別（写真一覧）：PC を Flexbox 等高に統一
   現象：PC は col が float のため行内のセル高さが不揃いで、空セルは潰れ、
         縦罫線が上下までつながらない／ガタつく。
   対応：about-media-photo-list を PC で flex 化（折返し可）。col を 4等分・
         box-sizing:border-box・等高（align-items:stretch 既定）にし、float を
         打ち消す。これで縦罫線が上下までつながり、空セルも高さを持つ。
   範囲：PC（768px以上）。SP は既存 flex を維持。
   スコープ：about の写真一覧（about-media-photo-list）限定。styles.css は不変。
   ※後勝ち（ソース後方）で前段の float/width を上書き。
   ========================================================= */
@media screen and (min-width: 768px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-a,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-b,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-c,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-d {
    float: none !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
    box-sizing: border-box !important;
  }
}
/* =========================================================
   フォトライブラリー個別（写真一覧）：PC 4列が収まらない不具合の修正
   原因：flex:0 0 25% + max-width:25% は basis 25%×4=100% で余白ゼロのため、
         border(縦罫線)/丸め誤差の累積で 100% を超え 3列で折返していた。
   修正：固定% basis をやめ flex:1 1 0 で残り幅を均等分配（後勝ち）。
         width:auto / max-width:none で 25%固定を解除。border・padding は
         box-sizing:border-box で内側に含めるため溢れない。これで必ず4列に。
   範囲：PC（768px以上）。スコープ：about の写真一覧限定。styles.css は不変。
   ========================================================= */
@media screen and (min-width: 768px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-a,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-b,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-c,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-d {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
  }
}
/* =========================================================
   フォトライブラリー個別（写真一覧）：PC セルを行高まで伸ばし罫線を接続・上詰め
   現象：align-items:stretch でも縦罫線が中身の高さで止まり、上下の横罫線と
         接続しない／セル内の余白がばらつく。
   対応：各 col を flex-column＋align-self:stretch にし、行の高さいっぱいへ伸長。
         これで col の border(縦線)が上下の横罫線に接続。中身は上から詰める。
   範囲：PC（768px以上）。スコープ：about の写真一覧限定。styles.css は不変。
   ========================================================= */
@media screen and (min-width: 768px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-a,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-b,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-c,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-d {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
  }
}
/* =========================================================
   フォトライブラリー個別（写真一覧）：PCを「SP格子方式」の4列版に一本化
   ---------------------------------------------------------
   【a11y改修】PC(601px以上)は参照CSSが背景画像(photolibbgptn.gif/560px前提)で
   縦罫線を描くfloat方式。#beta可変化で背景がズレPCの縦線が崩れる。
   SP(≤600px)で安定の flex+border 格子方式を601px以上へ展開し列幅のみ50%→25%。
   背景画像依存を断ち、写真は参照CSSの a img{width:100%} でセル幅追従。
   前段の768px群（border/flex/column伸長）はソース後方の本ブロックが後勝ちで上書き。
   折返し防止に box-sizing:border-box 徹底で 4×25%=100% に収める。
   スコープ：about の写真一覧限定。styles.css は不変。
   ========================================================= */
@media screen and (min-width: 601px) {
  /* 親：背景画像を廃し、SPと同じ外罫線(上・左)＋flex折返し＋行内等高 */
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list {
    width: 100% !important;
    background: none !important;                 /* 【a11y改修】560px前提の背景パターンを撤去 */
    border-top: 1px solid #dfdfdf !important;
    border-left: 1px solid #dfdfdf !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;             /* 【a11y改修】行内セル等高＝横罫線を一直線に */
    box-sizing: border-box !important;
  }
  /* 最終ブロックの親 border-bottom は不要（各セルの下罫線が閉じる）＝SPと同じく二重線回避 */
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list-last {
    border-bottom: 0 !important;                 /* 【a11y改修】SP(≤600)の-last border:0 に揃える */
  }
  /* セル：4列(25%)＋box-sizingで border/padding 込み100%。下・右罫線で内格子 */
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-a,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-b,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-c,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-d {
    float: none !important;                      /* 【a11y改修】前段float/calc(25%-9px)を解除 */
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    box-sizing: border-box !important;           /* 【a11y改修】border/padding込み25%で折返し防止 */
    border-top: 0 !important;                     /* 【a11y改修】親border-topと二重化させない */
    border-left: 0 !important;                    /* 【a11y改修】前段col-a border-left(4078)を打消し親に一本化 */
    border-bottom: 1px solid #dfdfdf !important;
    border-right: 1px solid #dfdfdf !important;
    padding: 4px !important;
    margin: 0 !important;
  }
}

/* =========================================================
   フォトライブラリー個別（写真一覧）：複数段ブロックの段間二重罫線(2px)を解消
   ---------------------------------------------------------
   【a11y改修】同一見出し内に .about-media-photo-list が複数段並ぶ箇所で、
   上段の最終行セル border-bottom(1px)＋下段の親 border-top(1px)が重なり
   段の境目だけ2pxに見える。直前が写真一覧ブロックのとき(=2段目以降)のみ
   親 border-top を消し、上段セルの下罫線1本に一本化する。
   見出し直後の段(直前が h2)は隣接に該当せず border-top:1px を維持。
   隣接兄弟 + を末尾に付け前段親ルールより高詳細度＝後勝ちで上書き。
   スコープ：about の写真一覧限定・PC(601px以上)。styles.css は不変。
   ========================================================= */
@media screen and (min-width: 601px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list + .about-media-photo-list {
    border-top: 0 !important;   /* 【a11y改修】2段目以降の上罫線を消し段間を1pxに */
  }
}

/* =========================================================
   フォトライブラリー個別（写真一覧）：SP(≤600px)も段間二重罫線(2px)を解消
   ---------------------------------------------------------
   【a11y改修】SPの写真一覧（参照CSS由来：親 border-top＋セル border-bottom＋
   親 border-left の2列格子）も、複数段が連続する箇所で 上段セル border-bottom
   ＋下段親 border-top が重なり段間だけ2pxになる（PCと同構造）。
   PCと同一ロジックで、直前が写真一覧ブロックのとき(=2段目以降)のみ親 border-top を
   消し1pxに一本化。見出し直後(直前 h2)は維持。
   隣接兄弟 + を末尾に付け参照CSSの親ルールより高詳細度＝後勝ちで上書き。
   スコープ：about の写真一覧限定・SP(600px以下)。styles.css は不変。
   ========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list + .about-media-photo-list {
    border-top: 0 !important;   /* 【a11y改修】2段目以降の上罫線を消しSP段間を1pxに */
  }
}

/* =========================================================
   印刷（A4）対応：ナビ類カット・本文全幅・A4整形
   ---------------------------------------------------------
   【a11y改修】head_common で styles-a11y.css の media を
   "screen,tv" → "screen,tv,print" に変更し、印刷時も a11y のベース整形を適用。
   そのうえで本ブロック（@media print）で印刷専用に調整する。
   ・styles.css は印刷で無効（media=screen,tv）のため本文整形は a11y 側が担う
   ・ナビ/サイド/フッターサイトマップ/株価/ティッカー/操作ボタンを非表示
   ・#pagebody の2カラムFlexを解除し本文を全幅化
   ・色は黒・背景は除去（赤背景ナビは非表示済み）
   ・見出しサイズは @media screen 限定で印刷に乗らないため改めて指定
   ・@page で A4・余白
   ※まず最小構成。実機A4プレビューで消し残し/崩れを見て追記で詰める。
   ========================================================= */
@media print {
  /* 1. ナビ・操作・装飾を非表示 */
  body.is-a11y-mdn .skipnav,
  body.is-a11y-mdn #subnav,
  body.is-a11y-mdn .a11y-gnav,
  body.is-a11y-mdn .go_menu_button,
  body.is-a11y-mdn #go_modal_overlay,
  body.is-a11y-mdn #alpha,
  body.is-a11y-mdn .rss_area,
  body.is-a11y-mdn .rss_sp,
  body.is-a11y-mdn #footerLinkArea,
  body.is-a11y-mdn #footernav,
  body.is-a11y-mdn .pagetop,
  body.is-a11y-mdn .sp-only-footer,
  body.is-a11y-mdn .pc-only-footer {
    display: none !important;
  }
  /* 2. 本文を全幅化（2カラムFlex解除） */
  body.is-a11y-mdn #pagebody {
    display: block !important;
    border-left: none !important;
  }
  body.is-a11y-mdn #beta {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
  }
  body.is-a11y-mdn #beta #content,
  body.is-a11y-mdn #beta .entry-content {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* 3. 色は黒・背景は除去（box-shadowも消す） */
  body.is-a11y-mdn,
  body.is-a11y-mdn #content,
  body.is-a11y-mdn #content * {
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.is-a11y-mdn #content a {
    color: #000 !important;
    text-decoration: underline !important;
  }
  /* 4. 見出しサイズ（screen限定指定が印刷に乗らないため再掲） */
  body.is-a11y-mdn #content h1:not(.sp) {
    font-size: 18px !important;
    font-weight: bold !important;
  }
  body.is-a11y-mdn #content h2 {
    font-size: 16px !important;
    font-weight: bold !important;
  }
  body.is-a11y-mdn #content h3 {
    font-size: 15px !important;
    font-weight: bold !important;
  }
  body.is-a11y-mdn #content h4 {
    font-size: 13px !important;
    font-weight: bold !important;
  }
  /* 5. 改ページ抑制（見出し直後の分断・画像の途中切れを防ぐ） */
  body.is-a11y-mdn #content h1,
  body.is-a11y-mdn #content h2,
  body.is-a11y-mdn #content h3 {
    break-after: avoid !important;
  }
  body.is-a11y-mdn #content img {
    break-inside: avoid !important;
  }
}
@page {
  size: A4;
  margin: 15mm;
}

/* =========================================================
   印刷（A4）対応・追補：SP専用の出し分け要素を非表示
   ---------------------------------------------------------
   【a11y改修】印刷時は screen メディアが無効なため、画面で
   @media screen (min-width:601px) により非表示にしていた SP専用要素
   （.sp / SP用フッターリンク / SP用グリッド等）が印刷で表示され、
   PC相当要素と二重に出てしまう。印刷では PC 相当へ一本化するため、
   SP専用の出し分け要素を明示的に非表示にする。
   ※パンくず（.content-nav）・コピーライト（#footer）は現行どおり残す（消さない）。
   ========================================================= */
@media print {
  body.is-a11y-mdn .sp,
  body.is-a11y-mdn .foot_sub,
  body.is-a11y-mdn .sp-only-content,
  body.is-a11y-mdn .sp_nemu,
  body.is-a11y-mdn .ir_main,
  body.is-a11y-mdn .index_main {
    display: none !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補：ヘッダー（#header）を一括非表示
   ---------------------------------------------------------
   【a11y改修】個別指定（.a11y-gnav / #subnav / 検索）だけでは
   #header 内の細かい要素（search_icon 等）が消し残るため、
   ヘッダーを一括で非表示にして確実化する。
   スキップリンク(.skipnav)は #header の外なので別途非表示済み。
   パンくず(.content-nav)は #content 内のため #header 非表示でも残る。
   ※前提：head_common の styles-a11y.css は media="screen,tv,print"。
     これが未反映だと印刷で styles-a11y 全体（本ブロック含む）が無効。
   ========================================================= */
@media print {
  body.is-a11y-mdn #header {
    display: none !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補：コピーライト（#footerLink06）を黒字で表示
   ---------------------------------------------------------
   【a11y改修】#footerLink06 の色・表示制御は SP用(screen,max600)と
   PC用(screen)に集中しており、印刷では無効。PC設計では濃色背景上の
   白文字（©のみ表示）のため、背景の出ない印刷では白文字が白地に乗り
   見えなくなる。印刷時はフッター背景・色をリセットし、© を黒字で表示する。
   日本語併記分（span[lang=en]以外）は現行SP同様に非表示として © のみ残す。
   ========================================================= */
@media print {
  body.is-a11y-mdn #footer {
    display: block !important;
    background: transparent !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }
  body.is-a11y-mdn #footerLink06 {
    display: block !important;
    color: #000 !important;
    font-size: 12px !important;
  }
  body.is-a11y-mdn #footerLink06 span[lang="en"],
  body.is-a11y-mdn #footerLink06 a {
    display: inline !important;
    color: #000 !important;
  }
  body.is-a11y-mdn #footerLink06 > span:not([lang="en"]) {
    display: none !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補：コピーライトの上に区切り罫線（現行どおり）
   ---------------------------------------------------------
   【a11y改修】現行print様式に合わせ、本文末とコピーライトの間に
   区切り罫線を引く。前の追補で #footer を border:none にしているため、
   後勝ちで border-top を上書きする。色は薄グレー（実機で要微調整）。
   ========================================================= */
@media print {
  body.is-a11y-mdn #footer {
    border-top: 1px solid #ccc !important;
    padding-top: 10px !important;
    margin-top: 20px !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補：罫線〜コピーライト間の余白を半減
   ---------------------------------------------------------
   【a11y改修】罫線とコピーライトの間隔(padding-top)を 10px→5px に半減。
   本文末〜罫線(margin-top)は現状維持。後勝ちで上書き。
   ========================================================= */
@media print {
  body.is-a11y-mdn #footer {
    padding-top: 5px !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補7：見出し h1 の赤い縦罫（マーカー）を再現
   ---------------------------------------------------------
   【a11y改修】各トップ等の h1 左端の赤い縦罫は、styles.css の
   #beta #content .title h1 の border-left（4px solid 赤）由来。
   方針Aでは印刷時に styles.css が無効（media=screen,tv）のため、
   この border-left ごと印刷に乗らずマーカーが消える。
   styles.css と同値の指定を a11y 側スコープで印刷時に再付与して再現する。
   ・border 色は赤を明示。section3 の color 黒指定は border 色に影響しない。
   ・border は印刷で既定除去されないため確実に表示される。
   ・テンプレ側 .title は display:none のままのため二重化しない。
   ・全トップ（direction-top / group-strategy-top / csr-cat-top 等）が
     同じ styles.css 由来のため、本ルール1つで一律に再現できる。
   ========================================================= */
@media print {
  body.is-a11y-mdn #content .title h1 {
    border-left: 4px solid #FF0000 !important;
    padding-left: 5px !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補8：財務・業績（financial-top）本文リストを
   ブラウザ同等で印刷（方針A' パイロット・1ページ限定）
   ---------------------------------------------------------
   【a11y改修】財務・業績の本文リスト（#ir-a11y-v2 ul.a11y-data-list）の
   PC版レイアウトは screen 限定メディア内で定義され印刷に乗らない。
   そのため印刷では素のブロック流し込みになり、期間ボタン（通期分/四半期分）が
   見出しの下・左寄せに落ちてブラウザ表示と食い違う。
   screen and min-width 1px の PC 版宣言と同値を @media print として再宣言し、
   ブラウザ同等（見出しと期間ボタンが同一行・右寄せ、点線区切り、赤枠ボタン）を
   印刷でも再現する。SP版 max-width 600px は PC 相当一本化のため対象外。
   ・変数は :root グローバル定義のため印刷でも解決する。
   ・セレクタは screen 版と同一（5ID）で、印刷 section3 の color 黒・
     text-decoration 下線・background 透過より高詳細度のため後勝ちする。
   ・印刷では無効な hover/focus は再宣言しない。
   ========================================================= */
@media print {
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list {
    border-top: 1px dotted #999999 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: auto !important;
    padding: 14px 0 14px 10px !important;
    text-indent: 0 !important;
    border-bottom: 1px dotted #999999 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li h2,
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li .a11y-data-title {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: bold !important;
    width: auto !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li h2 a,
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li .a11y-data-title a {
    text-decoration: none !important;
    color: var(--color-black) !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li h2 img,
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li .a11y-data-title img {
    margin: 0 8px 0 0 !important;
    width: auto !important;
    height: auto !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li .link-buttons,
  body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li p {
    float: none !important;
    margin: 0 30px 0 0 !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 30px !important;
  }
  body #wrapper #pagebody #beta #content #ir-a11y-v2 .btn-term {
    display: inline-block !important;
    width: 54px !important;
    height: 15px !important;
    line-height: 13px !important;
    text-align: center !important;
    text-indent: 0 !important;
    letter-spacing: normal !important;
    font-size: 10px !important;
    font-weight: bold !important;
    color: var(--link-color-utility) !important;
    background: var(--color-white) !important;
    border: 1px solid var(--ui-brand-red) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
    vertical-align: top !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補9：IR情報トップ（body.irtop）カードメニューを A4幅へフィット
   ---------------------------------------------------------
   【a11y改修】IRトップのPCカードメニュー（.irtop-box / .irtop-box-full →
   .row → .col-a/.col-b、.menu-box.uqlink の3列）は legacy styles.css / styles_d.css
   由来で a11y には定義が無い。印刷では styles.css 無効・styles_d.css は print.css の
   @import 経由で有効なため、カードは出るが legacy デスクトップ固定幅のまま狭く、
   A4幅を使い切れない。周囲の top-nav 等は既に全幅で出るため、全体 scale ではなく
   狭いカード container を全幅までフィットさせる。
   styles-a11y は印刷スタックで最後＝ties で勝つため、ここで幅を上書きできる。
   ・2列（経営方針/月次）と3列（サブリンク）は flex で明示し legacy float に依存しない。
   ・SP用 .ir_main は .sp-only-content で印刷非表示（head インライン style、二重化なし）。
   ・body.irtop 限定のため財務・業績など他 .ir ページには影響しない。
   ========================================================= */
@media print {
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .content-b,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .content-b > .col-a {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .banner-main img {
    width: 100% !important;
    height: auto !important;
  }
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box-full {
    width: 100% !important;
  }
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box .row,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box-full .row {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
  }
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box .row > .col-a,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box .row > .col-b {
    flex: 0 0 50% !important;
    width: 50% !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box-full .row > .col-a {
    flex: 0 0 100% !important;
    width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .menu-box.uqlink {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
  }
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .menu-box.uqlink > .col-a,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .menu-box.uqlink > .col-b,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .menu-box.uqlink > .col-c {
    flex: 0 0 33.333% !important;
    width: 33.333% !important;
    float: none !important;
    box-sizing: border-box !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補10：IRトップ カード列の段落ち解消（flex子のマージン0）
   ---------------------------------------------------------
   【a11y改修】追補9で 2列（経営方針/月次）と 3列（サブリンク）を flex 化したが、
   flex 子カラム（.col-a/.col-b/.col-c）に legacy のマージンが残り、
   50%+50%（や 33.3%×3）＋マージンで 100% を超え flex-wrap で折り返す（段落ち）。
   flex 子のマージンを 0 にして、意図どおり同一行に収める。box-sizing は追補9で border-box 済み。
   body.irtop 限定・@media print・append で追補9のマージンを後勝ちで上書き。
   ========================================================= */
@media print {
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box .row > .col-a,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box .row > .col-b,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box-full .row > .col-a,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .menu-box.uqlink > .col-a,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .menu-box.uqlink > .col-b,
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .menu-box.uqlink > .col-c {
    margin: 0 !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補11：IRトップ 全幅カード（irtop-box-full）の
   写真(col-c)と本文(col-d)を横並びに戻す（IRライブラリー/財務・業績/株式情報）
   ---------------------------------------------------------
   【a11y改修】追補9で .menu-box.uqlink を width:100% の flex にした結果、
   それを内包する外側 .col-d が全幅化し、legacy float の写真 .col-c の隣に
   収まらず下へ段落ちした。外側 .col-a を flex 行にして
   写真(col-c)=左・本文(col-d)=右 を確定する。col-d は flex:1 で残り幅を占有。
   2列カード（経営方針/月次＝irtop-box）は legacy float のまま正常のため対象外。
   セレクタは直下結合子 > で外側 col-c/col-d のみを指し、
   menu-box.uqlink 内の入れ子 col-a/col-b/col-c には作用しない。
   ========================================================= */
@media print {
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box-full .row > .col-a {
    display: flex !important;
    align-items: flex-start !important;
  }
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box-full .row > .col-a > .col-c {
    flex: 0 0 auto !important;
    float: none !important;
  }
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box-full .row > .col-a > .col-d {
    flex: 1 1 auto !important;
    float: none !important;
    min-width: 0 !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補12-1：グループ事業トップ PC レイアウトの印刷ミラー
   ---------------------------------------------------------
   【a11y改修】group-top-map / a11y-section-box / business-icon-box 等の
   PC レイアウト（flex・grid）は screen and min-width 601px 限定で定義され
   印刷に乗らず、印刷ではリンク縦積み・カード空箱化の大崩れになる。
   当該ブロック内側（screen 版と同一宣言）を @media print として複製し、
   印刷でも screen と同一のレイアウトを再現する。値は同一のため競合なし。
   セレクタは group-top-* / a11y-section-box / business-icon-box（asb-*）に
   限定され、これらはグループトップ固有クラスのため他ページへ波及しない。
   ========================================================= */
@media print {
  /* =========================================================
     【group-top-map】グループ事業ロゴ画像＋ブランド一覧（#nav）の2カラム
     旧styles.cssのfloat(469px/145px)を廃しFlexboxで再定義。
     ブランド一覧（#nav）の最初のリンクがロゴ画像の上端に揃うよう
     上余白を設ける。
  ========================================================= */
  .group-top-map {
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* 【修正】旧styles.cssの幅比率（col-a:469px / col-b:145px）を再現。
     全体614pxに対する割合 469/614≒76.4%、145/614≒23.6% */
  .group-top-map > .col-a {
    flex: 0 0 70% !important;
    float: none !important;
    width: 70% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  /* h1ロゴ画像（default.jpg 469x212）：col-a幅に追従、原寸を超えて拡大しない */
  .group-top-map > .col-a h1 {
    margin: 0 !important;
    padding: 0 !important;
  }
  .group-top-map > .col-a h1 img {
    display: block !important;
    /* 【修正】max-width: 469pxの制限を外し、col-a幅（76.4%）いっぱいに拡大。
       画像を引き伸ばして大きく表示する */
    width: 100% !important;
    height: auto !important;
  }
  .group-top-map > .col-b {
    flex: 0 0 30% !important;
    float: none !important;
    width: 30% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  /* 【修正】ブランド一覧（nav）の上に40pxの余白を設ける */
  .group-top-map > .col-b > nav {
    margin-top: 40px !important;
  }
  /* ── ボックス全体（右端に縦罫線を引く） ── */
  .a11y-section-box {
    width: 100% !important;
    border-top: 1px solid var(--ui-brand-red) !important;
    border-right: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  /* ── 行（.row）── */
  .a11y-section-box > .row {
    width: 100% !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
    padding-bottom: 5px !important;
    box-sizing: border-box !important;
  }
  /* ── .asb-row-inner：アイコン＋テキストを横並びにするFlexboxコンテナ ── */
  .a11y-section-box .asb-row-inner {
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 0 10px 13px !important;
    box-sizing: border-box !important;
  }
  /* ── .asb-icon：アイコン画像エリア ── */
  .a11y-section-box .asb-icon {
    display: block !important;
    flex: 0 0 auto !important;
  }
  .a11y-section-box .asb-icon img {
    display: block !important;
    vertical-align: top !important;
  }
  /* ── .asb-body：見出し＋メニューエリア ── */
  .a11y-section-box .asb-body {
    display: block !important;
    flex: 1 1 auto !important;
    /* 3列×150px=450px + menu-box margin 15px + 余裕分 = 480px を最小幅として確保 */
    min-width: 480px !important;
    margin: 0 10px !important;
  }
  .a11y-section-box .asb-body > p {
    margin: 0 !important;
    padding: 0 !important;
  }
  /* ── h2見出し（セクションタイトル）──
     グローバルh2（18px）よりh3相当（16px）に設定 */
  .a11y-section-box .asb-body > h2 {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
  }
  .a11y-section-box .asb-body > h2 a {
    color: var(--color-black) !important;
    font-weight: bold !important;
    text-decoration: none !important;
  }
  .a11y-section-box .asb-body > h2 a:hover,
  .a11y-section-box .asb-body > h2 a:focus {
    color: var(--ui-brand-red) !important;
    text-decoration: underline !important;
  }
  /* ── h2内の装飾矢印画像：文字の中心高さに縦揃え ── */
  .a11y-section-box .asb-body > h2 img {
    margin: 0 3px 0 0 !important;
    vertical-align: middle !important;
  }
  /* ── .menu-box：サブメニューコンテナ（CSS Grid 3列固定）──
     Flexboxの子要素幅競合問題を回避するためCSS Gridに変更。
     3列固定で各列150px、margin-left: 15px分をcalcで差し引く */
  .a11y-section-box .menu-box {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    align-items: start !important;
    width: calc(100% - 15px) !important;
    margin: 0 0 0 15px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  /* ── .asb-menu-col：グリッドアイテム（幅はgrid側で制御） ── */
  .a11y-section-box .asb-menu-col {
    text-align: left !important;
    min-width: 0 !important;
  }
  /* ── .uqlink：リンクリスト共通 ── */
  .a11y-section-box .uqlink {
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
  }
  .a11y-section-box .uqlink ul {
    padding: 10px 0 0 10px !important;
    margin: 0 !important;
  }
  .a11y-section-box .uqlink ul li {
    display: block !important;
    float: none !important;
    position: relative !important;
    margin: 0 0 3px 0 !important;
    text-indent: -13px !important;
    padding: 0 0 0 13px !important;
  }
  /* ── .menu-box内 ul / li ── */
  .a11y-section-box .menu-box ul {
    margin: 0 !important;
    padding: 0 !important;
  }
  .a11y-section-box .menu-box ul li {
    margin: 0 0 3px 0 !important;
    text-indent: -13px !important;
    padding: 0 0 0 13px !important;
  }
  /* ── リストテキスト・リンクのフォントサイズ ──
     旧styles.cssの10px（小さすぎ）を本文相当13pxに正規化 */
  .a11y-section-box .menu-box li,
  .a11y-section-box .menu-box li a,
  .a11y-section-box .uqlink ul li,
  .a11y-section-box .uqlink ul li a {
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
  }
  /* ── li内の矢印画像：文字の中心高さに縦揃え＋矢印と文字の間に3px余白 ── */
  .a11y-section-box .menu-box li img,
  .a11y-section-box .uqlink ul li img {
    vertical-align: middle !important;
    margin: 0 3px 0 0 !important;
  }
  /* ── uqlink内リンク ── */
  .a11y-section-box .uqlink a {
    color: var(--color-black) !important;
    font-weight: normal !important;
    text-decoration: none !important;
  }
  .a11y-section-box .uqlink a:hover,
  .a11y-section-box .uqlink a:focus {
    color: var(--ui-brand-red) !important;
    text-decoration: underline !important;
  }
  /* ── .menu-box.uqlink：複合クラス競合解消 ──
     .menu-box（margin-left:15px）と.uqlink（margin-bottom:15px）の
     競合を複合セレクタで解消。Grid設定も再確定させる */
  .a11y-section-box .menu-box.uqlink {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    align-items: start !important;
    width: calc(100% - 15px) !important;
    margin: 0 0 15px 15px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  /* =========================================================
     【business-icon-box】ジーユー／セオリー／プラステ／コントワー事業
     旧styles.cssの固定px(613px)・float・IE6ハック・#FF0000を全廃し
     CSS Grid 3列で再定義。内部クラスを専用名に統一：
       .asb-biz-col  ← 旧 .col-a/.col-b/.col-c（事業セル）
       .asb-biz-icon ← 旧 .col-e（アイコン41px）
       .asb-biz-body ← 旧 .col-f（テキスト・見出し）
  ========================================================= */
  /* ── ボックス全体：右端に縦罫線を引く（セル間の縦線と揃える） ── */
  .business-icon-box {
    width: 100% !important;
    border: none !important;
    border-right: 1px solid var(--ui-brand-red) !important;
    background: none !important;
    box-sizing: border-box !important;
  }
  /* ── .row：3列グリッド ──
     旧styles.css設計に準拠し、.row自体には下線を引かない。
     ブロック間の区切り線は.business-icon-box-btmが担う。
     最終ブロック（business-icon-box--single）の下線のみ別途引く（後述） */
  .business-icon-box > .row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    width: 100% !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
  }
  /* ── .business-icon-box-btm：1ブロック目と2ブロック目の間の区切り線。
     旧styles.css同様、高さ1pxの罫線専用要素として下線・右線を引く ── */
  .business-icon-box-btm {
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
    border-right: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  .business-icon-box-btm > .row {
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;
    border: none !important;
    grid-template-columns: none !important;
  }
  /* 【修正】最終ブロック（コントワー単独）の下線は不要のため引かない。
     区切りは.business-icon-box-btmの罫線で足りる */
  /* ── .asb-biz-col：各事業セル（アイコン＋テキストを横並び） ── */
  .business-icon-box .asb-biz-col {
    display: flex !important;
    align-items: center !important;
    float: none !important;
    width: auto !important;
    min-height: 57px !important;
    padding: 5px 0 5px 5px !important;
    border-right: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  /* 各行最後のセル（3列目）の右罫線は消す（ボックス右端は引かない） */
  .business-icon-box .asb-biz-col:nth-child(3n) {
    border-right: none !important;
  }
  /* 最終セルの右罫線も消す（2ブロック目のコントワーは1セルのみのため
     nth-child(3n)に該当せず右罫線が残る。これを打ち消す） */
  .business-icon-box .asb-biz-col:last-child {
    border-right: none !important;
  }
  /* 【修正】2ブロック目（コントワー単独）のセルはグリッド全幅（3列ぶち抜き）にし、
     見出しを折り返さず一列で表示する */
  .business-icon-box--single .asb-biz-col {
    grid-column: 1 / -1 !important;
  }
  /* ── .asb-biz-icon：アイコン画像エリア ── */
  .business-icon-box .asb-biz-icon {
    flex: 0 0 auto !important;
    float: none !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
  }
  .business-icon-box .asb-biz-icon img {
    display: block !important;
    vertical-align: middle !important;
  }
  /* ── .asb-biz-body：テキスト・見出しエリア ── */
  .business-icon-box .asb-biz-body {
    flex: 1 1 auto !important;
    float: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .business-icon-box .asb-biz-body p {
    margin: 0 !important;
    padding: 0 !important;
  }
  /* ── h2見出し：h3相当（16px）に統一（旧10pxから拡大しコントラスト・可読性向上） ── */
  .business-icon-box .asb-biz-body h2 {
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .business-icon-box .asb-biz-body h2 a {
    color: var(--color-black) !important;
    font-weight: bold !important;
    text-decoration: none !important;
  }
  .business-icon-box .asb-biz-body h2 a:hover,
  .business-icon-box .asb-biz-body h2 a:focus {
    color: var(--ui-brand-red) !important;
    text-decoration: underline !important;
  }
  /* h2内の装飾矢印画像：文字の中心高さに縦揃え */
  .business-icon-box .asb-biz-body h2 img {
    margin: 0 3px 0 0 !important;
    vertical-align: middle !important;
  }
  /* =========================================================
     【関連リンクバナー】セグメント情報・セグメント業績数値
     旧画像バナー（banner_right01/02.gif）をテキストリンクに置換。
     赤枠ボタン風の見た目を.group-top-banner-btnで再現。
  ========================================================= */
  .group-top-banners .group-top-banner-btn {
    display: block !important;
    /* 【修正】固定幅130pxをやめ、コンテナ幅いっぱい（赤縦線の内側10pxから右端まで）に伸ばす */
    width: calc(100% - 10px) !important;
    padding: 12px 8px !important;
    margin: 5px 0 10px 10px !important;
    border: 1px solid var(--ui-brand-red) !important;
    border-radius: 2px !important;
    background: var(--color-white) !important;
    color: var(--link-color-utility) !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-align: center !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
  }
  .group-top-banners .group-top-banner-btn:hover,
  .group-top-banners .group-top-banner-btn:focus {
    background: var(--link-color-utility) !important;
    color: var(--color-white) !important;
    text-decoration: none !important;
  }
  .group-top-banners .group-top-banner-btn:focus-visible {
    outline: 2px solid var(--focus-outline-color) !important;
    outline-offset: 2px !important;
  }
  /* =========================================================
     【group-top-box】グループ企業ニュース＋関連リンクの2カラム
     旧styles.cssの固定px(614px/427px/138px)・float・#FF0000を廃し
     Flexboxで左右2カラムに再定義。
  ========================================================= */
  .group-top-box {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* ── 左：グループ企業ニュース（可変幅） ──
     旧styles.cssの margin: 0 20px 0 25px を再現。
     コンテナ自体が左右に余白を持つため、内側のh2下線も左右に余白がある状態で表示される */
  .group-top-box .group-top-news {
    flex: 1 1 auto !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 20px 0 13px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  /* ── 右：関連リンク（固定幅＋左に赤い区切り線） ──
     旧styles.cssの margin: 0・border-left を再現。
     コンテナに余白がないため、h2下線は左の赤縦線に接着し右端まで伸びる。
     右端には縦線を引かない（border-rightなし） */
  .group-top-box .group-top-banners {
    flex: 0 0 158px !important;
    float: none !important;
    width: 158px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  /* ── 見出しh2：旧styles.cssの仕様を再現 ──
     下線（border-bottom）は両方ともh2要素の幅いっぱい。
     ・グループ企業ニュース：コンテナに左右margin(25px/20px)があるため
       下線は結果的に左右に余白がある状態で表示される。テキストはpadding-left:0
     ・関連リンク：コンテナにmarginが無く左に赤縦線があるため
       下線は赤縦線に接着し右端まで伸びる。テキストのみpadding-left:10pxで内側に
     グローバルh2（18px・margin/padding付き）を上書きする */
  .group-top-box .group-top-news > h2 {
    display: block !important;
    width: 100% !important;
    color: var(--heading-color-primary) !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
    margin: 20px 0 7px 0 !important;
    padding: 0 0 6px 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
  .group-top-box .group-top-banners > h2 {
    display: block !important;
    width: 100% !important;
    color: var(--heading-color-primary) !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
    margin: 20px 0 7px 0 !important;
    padding: 0 0 6px 10px !important;
    border: none !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補12-2：事業内容扉（business-top）2列間の縦赤罫線を復活
   ---------------------------------------------------------
   【a11y改修】ファーストリテイリングについて（col-a）／セグメント情報（col-b）
   の間の縦罫は styles.css の .business-top-boxTop .col-b の border-left。
   styles.css は印刷で無効なため消える（箱外枠・横罫は styles_d 由来で残る）。
   同値を a11y 側スコープで印刷時に再付与して縦罫を復活する。about 限定。
   ========================================================= */
@media print {
  body.is-a11y-mdn.about #beta #content .business-top-boxTop .col-b {
    border-left: 1px solid var(--ui-brand-red) !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補13：グループ事業トップ マップ枠罫の復活
   ---------------------------------------------------------
   【a11y改修】ロゴ群＋ブランド一覧（.group-top-map）を囲む枠罫は
   legacy styles.css の .group-top-map の border-top / border-bottom / border-right
   由来で、a11y 側の .group-top-map には border が無く枠を legacy に依存している。
   印刷では styles.css が無効なため枠罫が消えて途切れる。同値を @media print で
   .group-top-map に再付与して枠を復活する。左罫は legacy にも無いため対象外。
   grouptop 限定。
   ========================================================= */
@media print {
  body.is-a11y-mdn.grouptop #beta #content .group-top-map {
    border-top: 1px solid var(--ui-brand-red) !important;
    border-bottom: 1px solid var(--ui-brand-red) !important;
    border-right: 1px solid var(--ui-brand-red) !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補14：グループ事業トップ マップ左列(col-a)の高さ復元
   ---------------------------------------------------------
   【a11y改修】マップ枠の下罫がロゴ列の下で途切れる原因は、legacy styles.css /
   styles_d.css の .group-top-map .col-a に height:212px（固定）があり、
   screen では .sp_support の col-a height:auto 上書きで解除されるが、印刷では
   その解除（styles.css 側）が無効化され col-a が 212px 固定のまま残るため。
   ロゴ画像（width:100%）は col-a 幅に追従して 212px を超え、固定高の col-a から
   はみ出し、コンテナ下罫（追補13）より下に飛び出す。印刷時に col-a を height:auto へ
   戻し、col-a をロゴ高に追従させて枠内へ収める。grouptop 限定。
   ========================================================= */
@media print {
  body.is-a11y-mdn.grouptop #beta #content .group-top-map > .col-a {
    height: auto !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補15：ガバナンス扉（csr-cat-top）entry-nav の区切り画像を非表示
   ---------------------------------------------------------
   【a11y改修】csr-cat-top 扉（会社情報/サステナビリティ配下のガバナンス同型）の
   .entry-nav は PC/印刷時 position:absolute で、最終更新日の後の
   「to English page」リンクが紙面右外へクリップされて出ない。結果、両者の
   区切り画像 icon_dividerred2.gif（｜）だけが最終更新日の右に取り残される。
   印刷時、csr-cat-top を含む記事の entry-nav 内画像のみを非表示にして解消する。
   :has(.csr-cat-top) で限定し、IR/グループの .top-nav（英語版リンクが表示され
   区切りが機能しているページ）には波及させない。区切りは装飾画像のみ。
   ========================================================= */
@media print {
  body.is-a11y-mdn .entry-content:has(.csr-cat-top) .entry-nav img {
    display: none !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補16：サステナビリティトップ 冒頭空ページ解消（ヒーロー高さ上限）
   ---------------------------------------------------------
   【a11y改修】サステナビリティトップのヒーロー画像（#content h1 img、インライン
   width:100%）は印刷時に A4幅いっぱいで縦長になり、印刷基本ブロックの
   #content img の break-inside:avoid（画像を途中で割らない）と相まって、
   1ページ目の残り高さに収まらず画像ごと次ページへ送られ冒頭が空ページ化する。
   h1 の break-after:avoid も相乗する。印刷時のみヒーロー画像に高さ上限を設け
   1ページ内へ収める。width:auto/height:auto で縦横比を保持し歪ませない
   （width:100% のまま max-height を足すと縦横比が壊れるため width を auto 化）。
   body.csrtop 限定（サステナビリティトップのみ、配下記事は single-entry で対象外）。
   max-height 値は実機で調整可能。
   ========================================================= */
@media print {
  body.is-a11y-mdn.csrtop #beta #content h1 img {
    width: auto !important;
    height: auto !important;
    max-height: 120mm !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補17：サステナビリティトップ ヒーロー高さを 120mm→100mm へ圧縮
   ---------------------------------------------------------
   【a11y改修】追補16（max-height:120mm）でも印刷が1枚に収まらないため、
   ヒーロー画像の高さ上限を 100mm へ下げて全体高を圧縮する。Safari では空ページは
   解消済み（Chrome の break-inside:avoid 残余高さ処理差に起因する挙動）。
   歪み防止の width:auto / height:auto は維持。body.csrtop 限定。追補16 の値を後勝ちで上書き。
   ========================================================= */
@media print {
  body.is-a11y-mdn.csrtop #beta #content h1 img {
    max-height: 100mm !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補18：サステナビリティトップ 先頭空ページ解消（本文の分割許可）
   ---------------------------------------------------------
   【a11y改修】Chrome で本文(#content)一式が「分割不可の塊」として次ページへ送られ、
   1ページ目が空・©が更に次ページへ送られる。a11y側に overflow/break 塊化要因は無く、
   print.css が @import する styles_d.css の overflow 指定等で #content が
   フラグメント不可になっている公算が高い。csrtop 印刷時のみ #content 系に
   overflow:visible と break-inside:auto を明示し、ページ跨ぎの分割を許可して
   本文を1ページ目から流す。ヒーロー h1 の break-after:avoid も塊化を誘発しうるため
   csrtop のみ break-after:auto に緩める。Safari は元から分割するため無影響。
   ヒーロー高さ（100mm・追補17）は維持。body.csrtop 限定。
   ========================================================= */
@media print {
  body.is-a11y-mdn.csrtop #wrapper #pagebody,
  body.is-a11y-mdn.csrtop #wrapper #pagebody #beta,
  body.is-a11y-mdn.csrtop #wrapper #pagebody #beta #content {
    overflow: visible !important;
    break-inside: auto !important;
  }
  body.is-a11y-mdn.csrtop #beta #content .content2,
  body.is-a11y-mdn.csrtop #beta #content .content2 > .col-a,
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full {
    break-inside: auto !important;
  }
  body.is-a11y-mdn.csrtop #beta #content h1 {
    break-after: auto !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補19：サステナビリティトップ 本文を zoom で一括縮小し1ページ化（案X）
   ---------------------------------------------------------
   【a11y改修】Chrome の先頭空ページは「要素の改ページ」でも「巨大単一要素」でも
   「塊化(overflow/break)」でもないことが切り分けで確定（#content内にbreak-before無し・
   900px超要素無し・overflow/break-inside緩和でも不変）。残る要因は総高がA4 1枚を
   わずかに超えることによる Chrome 固有のページ送り。#content を zoom で一括縮小し
   総高を1ページ未満へ落として空ページを連鎖的に解消する。zoom はレイアウトごと縮むため
   Flexbox の幅リフローを保持でき、transform:scale のような右側の空きが出ない。
   ©(#footer)は#content外のため、本文が1枚に収まれば繰り上がる。
   ヒーロー max-height:100mm（追補17）は比率縮小される。色・コントラストへの影響なし＝CI不変。
   body.csrtop 限定・@media print のみ（画面・他ページ非影響）。値は実機で最適化。
   ========================================================= */
@media print {
  body.is-a11y-mdn.csrtop #wrapper #pagebody #beta #content {
    zoom: 0.92 !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補20：IR情報トップ IRニュース下・経営方針上の赤罫を右端まで延伸
   ---------------------------------------------------------
   【a11y改修】IRニュース(.content-c)の下・カード上の赤い横罫は legacy styles.css /
   styles_d.css の .content-c の border-bottom(1px solid 赤)由来。.content-c に
   legacy 固定幅(590px)が付いているため、追補9で全幅化したカード(irtop-box)に対し
   罫線だけ右端まで届かず途切れる。印刷時に .content-c を width:100% にして
   border-bottom をカード右端まで延伸し揃える。body.irtop 限定。
   ========================================================= */
@media print {
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .content-c {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    float: none !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補21：IR情報トップ メイン画像と枠罫の間の上下余白を除去
   ---------------------------------------------------------
   【a11y改修】ヒーロー枠罫は legacy .banner-main の border(top/right/bottom, 赤)。
   枠罫と画像の間の上下の隙間は内側 <h1> の既定マージン（見出しの上下マージン）と、
   画像がインライン要素であることによる下端のベースライン隙間が原因。
   印刷時に .banner-main 内 h1 のマージン/パディングを 0 にし、画像を display:block に
   して枠罫へ密着させる。.banner-main 自身の margin-top:13px（枠の外側・日付との間隔）は
   ご指示対象外のため維持。body.irtop 限定。
   ========================================================= */
@media print {
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .banner-main h1 {
    margin: 0 !important;
    padding: 0 !important;
  }
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .banner-main img {
    display: block !important;
    vertical-align: top !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補22：.top-nav の言語リンク・区切りを印刷で非表示（トップ系全般）
   ---------------------------------------------------------
   【a11y改修】.top-nav（最終更新日行）内の言語リンク(a)と区切り画像(img)を印刷で
   非表示にし、最終更新日テキストのみ残す。印刷物では言語切替リンクは機能しないため
   一律に消す。.top-nav 内の a は /eng/ /tc/ の言語リンクのみ・img は区切り装飾のみで、
   本文リンクやパンくず(.content-nav)には非干渉。.top-nav を持つトップ系全般
   （IR/グループ/サステナ等）に適用。ガバナンス扉は .entry-nav（追補15）で別対応済み。
   ========================================================= */
@media print {
  body.is-a11y-mdn #content .top-nav a,
  body.is-a11y-mdn #content .top-nav img {
    display: none !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補23：.entry-nav の言語リンク・区切りを印刷で非表示（記事系全般）
   ---------------------------------------------------------
   【a11y改修】.entry-nav（最終更新日行・記事系）内の言語リンク(a)と区切り画像(img)を
   印刷で非表示にし、最終更新日テキストのみ残す。追補22(.top-nav)と方針統一。
   追補15（csr-cat-top の entry-nav img 限定）を包含し、direction-top 等
   .entry-nav を使う IR/会社情報配下の記事系全般へ拡張する。
   .entry-nav 内の a は /eng/ /tc/ の言語リンクのみ・img は区切り装飾のみで、
   本文リンク(.a11y-content-body a / .fr-policy-grid)・パンくず(.content-nav)には非干渉。
   追補15 と同じ display:none のため競合・二重害なし。
   ========================================================= */
@media print {
  body.is-a11y-mdn #content .entry-nav a,
  body.is-a11y-mdn #content .entry-nav img {
    display: none !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補24：IR情報トップ 経営方針｜月次データ間の縦赤罫を復活
   ---------------------------------------------------------
   【a11y改修】経営方針(col-a)と月次データ(col-b)の間の縦罫は legacy styles.css の
   .irtop-box .row .col-a の border-right(1px solid 赤)由来。印刷では styles.css 無効で消える。
   追補9〜11 で当該 col-a を flex 50%・box-sizing:border-box にしたが border-right の
   再付与が漏れていた。印刷時に .irtop-box .row > .col-a へ border-right を再付与して縦罫を復活する。
   .irtop-box-full は別クラスのため全幅カードには非影響。box-sizing:border-box 既設で 50% 内に収まる。
   flex 既定 align-items:stretch により両列同高＝罫線は行の全高に伸びる。body.irtop 限定。
   ========================================================= */
@media print {
  body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .irtop-box .row > .col-a {
    border-right: 1px solid var(--ui-brand-red) !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補25：会社情報トップ ヒーロー枠内余白除去(A)＋列間縦罫(B)
   ---------------------------------------------------------
   【a11y改修】(A) ヒーロー枠(.quiz-box: border top/right/bottom・padding:0)の内側で、
   h1 の既定マージン（上下）と、.quiz-box img がインライン要素であることによる
   下端の約3pxベースライン隙間が、画像と枠罫の間に出る。ブラウザ表示でも同隙間が
   あるため screen＋print 両方（メディア非依存）で h1 margin:0＋img display:block により解消。
   (B) 会社概要|事業内容 と 沿革|フォトライブラリー の間の縦赤罫は、legacy に
   .abouttop-box .row .col-a の border-right が無い（IRトップと異なり未定義）。印刷対応の
   一環として @media print で col-a に border-right を新規付与。box-sizing:border-box で
   49%幅内に罫線を収め段落ちを防ぐ。いずれも body.abouttop 限定。
   ========================================================= */
body.is-a11y-mdn.abouttop #wrapper #pagebody #beta #content .quiz-box h1 {
  margin: 0 !important;
  padding: 0 !important;
}
body.is-a11y-mdn.abouttop #wrapper #pagebody #beta #content .quiz-box img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  vertical-align: top !important;
}
@media print {
  body.is-a11y-mdn.abouttop #wrapper #pagebody #beta #content .abouttop-box .row .col-a {
    border-right: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補26：会社情報トップ カードを A4幅へフィット＋段落ち解消（IRトップ追補9〜11 同型）
   ---------------------------------------------------------
   【a11y改修】会社情報トップのカード(.abouttop-box)は IRトップ(.irtop-box)と同型で、
   legacy デスクトップ固定幅(613px)のまま印刷され、全幅のメイン画像より狭い＝右に余白。
   さらに col-c(写真)/col-d(本文)の float 回り込みで「会社概要」「沿革」等の見出しが
   写真の下へ段落ちする。印刷時に .abouttop-box〜.row〜col-a/col-b を全幅化＋flex で
   2列(50%)明示し、内部 col-a/col-b を flex 行にして写真(col-c)左・本文(col-d)右を確定する。
   追補25 の列間縦罫(col-a border-right・box-sizing:border-box)はそのまま活き 50%内に収まる。
   body.abouttop 限定。
   ========================================================= */
@media print {
  body.is-a11y-mdn.abouttop #wrapper #pagebody #beta #content .abouttop-box {
    width: 100% !important;
    max-width: none !important;
  }
  body.is-a11y-mdn.abouttop #wrapper #pagebody #beta #content .abouttop-box .row {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: none !important;
  }
  body.is-a11y-mdn.abouttop #wrapper #pagebody #beta #content .abouttop-box .row > .col-a,
  body.is-a11y-mdn.abouttop #wrapper #pagebody #beta #content .abouttop-box .row > .col-b {
    flex: 0 0 50% !important;
    width: 50% !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
  }
  body.is-a11y-mdn.abouttop #wrapper #pagebody #beta #content .abouttop-box .row > .col-a > .col-c,
  body.is-a11y-mdn.abouttop #wrapper #pagebody #beta #content .abouttop-box .row > .col-b > .col-c {
    flex: 0 0 auto !important;
    float: none !important;
  }
  body.is-a11y-mdn.abouttop #wrapper #pagebody #beta #content .abouttop-box .row > .col-a > .col-d,
  body.is-a11y-mdn.abouttop #wrapper #pagebody #beta #content .abouttop-box .row > .col-b > .col-d {
    flex: 1 1 auto !important;
    width: auto !important;
    float: none !important;
    min-width: 0 !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補27：事業内容扉 ファーストリテイリングについて|セグメント情報 の縦赤罫
   ---------------------------------------------------------
   【a11y改修】事業内容・セグメント情報扉のカード「ファーストリテイリングについて(col-a)」と
   「セグメント情報(col-b)」の間の縦罫は、legacy .about … .library-top-box .row .col-a に
   border-right が無く、ブラウザ・印刷とも未表示だった。追補12-2 は存在しない
   .business-top-boxTop .col-b（HTML上コメントアウト）を対象に空振りしていた。正しい対象
   .library-top-box .row .col-a へ border-right を印刷で付与する。
   :has(.business-top) で事業内容扉に限定し、純粋なライブラリー/フォトライブラリー扉
   （.library-top はあるが .business-top は無い）には波及させない。
   box-sizing:border-box で col-a の calc(50%-1px) 幅内に罫線を収め段落ちを防ぐ。
   2段(row)とも col-a に付与し、箱の中央を縦に貫く連続した縦罫にする。body.about 限定。
   ========================================================= */
@media print {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content:has(.business-top) .library-top-box .row .col-a {
    border-right: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補28：事業内容扉 カード内の写真＋見出しを横並び化（左列の段落ち解消）
   ---------------------------------------------------------
   【a11y改修】追補27の縦罫適用後、事業内容扉の左列セル（ファーストリテイリングについて／
   グループ店舗一覧）で写真(col-c)と見出し(col-d)が横並びにならず見出しが写真の下へ段落ちする。
   原因は legacy float＋固定幅（.col-c width:72px float / .col-d width:201px float）が残り、
   左列の長い見出し（ファーストリテイリング/について 折り返し）が収まらず回り込むため。
   会社情報トップ追補26と同型で、.library-top-box の .row を flex 2列化、col-a/col-b を
   50% flex かつ内部 flex 行にして写真(col-c)左・見出し(col-d)右を確定し、legacy 固定幅を打ち消す。
   追補27 の縦罫（col-a border-right・box-sizing:border-box）は border 内包でそのまま活きる。
   :has(.business-top) で事業内容扉に限定。body.about 限定。
   ========================================================= */
@media print {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content:has(.business-top) .library-top-box .row {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: none !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content:has(.business-top) .library-top-box .row > .col-a,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content:has(.business-top) .library-top-box .row > .col-b {
    flex: 0 0 50% !important;
    width: 50% !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content:has(.business-top) .library-top-box .row > .col-a > .col-c,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content:has(.business-top) .library-top-box .row > .col-b > .col-c {
    flex: 0 0 auto !important;
    float: none !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content:has(.business-top) .library-top-box .row > .col-a > .col-d,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content:has(.business-top) .library-top-box .row > .col-b > .col-d {
    flex: 1 1 auto !important;
    width: auto !important;
    float: none !important;
    min-width: 0 !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補29：フォトライブラリー扉 左右カード間の縦赤罫を表示
   ---------------------------------------------------------
   【a11y改修】印刷PDFで、左列(col-a)＝国内ユニクロ/ジーユーと右列(col-b)＝
   海外ユニクロ/グローバルブランドの間に縦罫が無いことを確認。事業内容扉の
   追補27と同型で、.library-top-box .row .col-a へ border-right を印刷時に
   付与して中央の縦赤罫を表示する。
   スコープは .entry-content 直下に .library-top を持つページ＝photolibrary 限定。
   事業内容扉は .library-top が .business-top の内側（直下でない）ため
   :has(> .library-top) に非該当＝追補27と二重適用にならない。
   box-sizing:border-box で col-a 幅内に罫線を収め段落ちを防ぐ。
   2段(row)とも col-a に付与し縦罫を通す。body.about 限定。
   ========================================================= */
@media print {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-a {
    border-right: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
}
/* =========================================================
   印刷（A4）対応・追補30：写真一覧（about-media-photo-list）の格子を印刷で再現（A'）
   ---------------------------------------------------------
   【a11y改修】写真一覧の4列格子（グレー罫線・flex＋border方式）は
   screen and (min-width:601px) 限定で定義され印刷に乗らない。印刷では
   styles.css 無効・styles_d.css 有効のため、写真は並ぶが格子罫線が消え
   セル余白も不揃いになる（国内ユニクロ事業の印刷PDFで確認）。
   screen 601px版の一本化ブロックと同値を @media print として複製し、
   印刷でもブラウザ同等の4列格子を再現する（追補12-1 と同型のA'）。
   段間二重罫線の解消ルール（隣接兄弟 + の border-top:0）も併せてミラー。
   スコープ：about の写真一覧限定。国内/海外ユニクロ・GU・グローバル
   ブランドの4個別ページは共通構造のため同時に効く。styles.css / styles_d.css は不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list {
    width: 100% !important;
    background: none !important;
    border-top: 1px solid #dfdfdf !important;
    border-left: 1px solid #dfdfdf !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list-last {
    border-bottom: 0 !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-a,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-b,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-c,
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list .col-d {
    float: none !important;
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    box-sizing: border-box !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-bottom: 1px solid #dfdfdf !important;
    border-right: 1px solid #dfdfdf !important;
    padding: 4px !important;
    margin: 0 !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list + .about-media-photo-list {
    border-top: 0 !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補31：写真一覧のポップアップアイコンを印刷で非表示
   ---------------------------------------------------------
   【a11y改修】写真一覧（about-media-photo-list）の別ウィンドウ標識
   img.popup（icon_popup.gif）は、画面では写真リンクの付随アイコンだが、
   印刷では screen 限定の legacy 配置が乗らず通常フローで1行を占有し、
   セルごとにテキスト開始位置がズレて余白が不揃いになる（国内ユニクロ
   事業の印刷PDFで確認）。印刷物ではリンクが機能せず「別ウィンドウで
   開く」の予告情報自体が不要なため、印刷時のみ非表示にする。
   追補22・23（言語リンク・区切り画像の印刷非表示）と同方針。
   画面表示の img.popup（既存の常時保護ルール）には一切影響しない。
   スコープ：about の写真一覧限定（国内/海外ユニクロ・GU・グローバル
   ブランドの4個別ページ共通構造に同時適用）。styles.css は不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list img.popup {
    display: none !important;
  }
}
/* =========================================================
   印刷（A4）対応・追補32：写真一覧ポップアップアイコン印刷非表示（セレクタ修正）
   ---------------------------------------------------------
   【a11y改修】追補31の img.popup は実HTMLに存在せず空振り（Console実査で確定）。
   アイコンの実体は img.download_icon（src=/jp/images/icon_popup2.gif、
   type2/type3/type5 のバリアント混在）で、<a> の外・各 col-a〜col-d の
   直下に配置されている。実クラス download_icon を対象に印刷時のみ
   非表示にし、セル内余白の不揃いを解消する。
   基底クラス指定のため typeN バリアントも全て捕捉される。
   追補31（img.popup）は対象不存在の無害な死にルールとして残置
   （append-only 原則により削除しない）。
   スコープ：about の写真一覧限定。画面表示には一切影響しない。
   styles.css は不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list img.download_icon {
    display: none !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補33：写真一覧の写真をセル幅いっぱいに表示（印刷）
   ---------------------------------------------------------
   【a11y改修】画面の4列格子では写真の全幅化を参照CSS(styles.css)の
   a img { width:100% } に依存しているが、styles.css は印刷で無効のため、
   印刷では写真が原寸ベースの幅で描画され、セル内に空白が残る
   （追補32でアイコン自体は非表示化済み・国内ユニクロ事業の印刷PDFで確認）。
   screen と同値の全幅指定を @media print でミラーし、写真をセル幅追従に
   して空白を解消する（A'方針）。display:block で画像下のベースライン隙間も防ぐ。
   スコープ：about の写真一覧内・リンク内画像（a img）限定。
   追補32で非表示のアイコン（a の外）や icon_jpeg.gif（p.small 内）には
   効かない。styles.css は不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-media-photo-list a img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補34：ガバナンス「社外取締役・監査役からのメッセージ」カード2列を印刷で再現
   ---------------------------------------------------------
   【a11y改修】カード列組みは legacy styles.css（8210行〜 rwd2022 revised）の
   .colsbox（width:49%・border #666・padding 10px・margin 2px・height:16em）と
   .cols-left（float:left 73%）/.cols-right（float:right 25%）由来で screen 限定。
   印刷では styles.css 無効のため幅・float が消え、li が全幅化して
   width=100% 属性の写真がA4幅に巨大化・縦積みに崩壊する（印刷PDFで確認）。
   ul の display:flex はインライン style のため印刷でも有効＝li の幅復元だけで2列に戻る。
   legacy と同値を @media print でミラーする（A'）。ただし height:16em は
   固定高が印刷時の文字はみ出しリスクになるため移植せず、flex 既定の
   align-items:stretch による等高で代替する。float の包含は .cols の
   display:flow-root で確保（legacy は固定高が包含を担っていた）。
   li に break-inside:avoid を付与しカードのページ跨ぎ分断を防ぐ。
   スコープ：about のガバナンス .about-governance-shagai 限定。styles.css は不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .about-governance-shagai {
    list-style: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .about-governance-shagai > li.colsbox {
    flex: 0 0 49% !important;
    width: 49% !important;
    border: 1px solid #666666 !important;
    padding: 10px !important;
    margin: 2px !important;
    box-sizing: border-box !important;
    break-inside: avoid !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .about-governance-shagai .cols {
    margin: 10px !important;
    display: flow-root !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .about-governance-shagai .cols .cols-left {
    float: left !important;
    width: 73% !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .about-governance-shagai .cols .cols-right {
    float: right !important;
    width: 25% !important;
  }
}
/* =========================================================
   印刷（A4）対応・追補35：ガバナンス メッセージ全文ページ 写真160px＋本文可変の2カラムを印刷で再現
   ---------------------------------------------------------
   【a11y改修】/jp/about/governance/message.html の各役員ブロック
   （.about-governance-message：col-a=写真／col-b=本文）は、screen では
   legacy styles.css（col-a 160px float・col-a img 160px・col-b 590px float）と
   a11y の Flexbox 化（screen min-width:601px 限定・col-b を可変幅化）で
   2カラム表示になるが、いずれも印刷に乗らない。印刷では styles.css 無効で
   col-a/col-b の幅・float が消え、写真が原寸幅（大きい画像は全幅級）で巨大化し
   本文が縦流れに崩壊する（印刷PDFで確認）。
   screen の a11y Flex と同方式＋legacy の写真幅 160px を @media print で
   ミラーし、写真左（160px固定）・本文右（残り全幅）を印刷で再現する（A'）。
   margin は legacy と同値（col-a: 0 5px 0 2px／col-b: 0 2px 0 18px）。
   スコープ：about の .about-governance-message 限定。ガバナンス扉のカード
   （.about-governance-shagai・追補34）とはクラスが別で相互不干渉。styles.css は不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-governance-message {
    display: flex !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-governance-message .col-a {
    flex: 0 0 160px !important;
    width: 160px !important;
    float: none !important;
    margin: 0 5px 0 2px !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-governance-message .col-a img {
    width: 160px !important;
    height: auto !important;
    margin-bottom: 10px !important;
  }
  body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content .about-governance-message .col-b {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 2px 0 18px !important;
  }
}
/* =========================================================
   【a11y改修】追補36：基本理念（/jp/about/frway/）PDF各国語版
   2列（col-a／col-b）の幅を1.5倍に拡大（PCのみ）
   現行 styles.css：親 div.pdf 幅420px、col-a・col-b 各幅210px、float:left
   変更：親を630px、各列を315pxへ（いずれも1.5倍）。max-width の
   ガードで狭幅ウィンドウ時のはみ出し（1.4.10 リフロー）を防止。
   SP（600px以下）は現行挙動のまま不変。
   スコープ：.about-frway は基本理念ページ固有の容器のため他ページへ非干渉。
   legacy は !important 無しのため、本追補の !important が優先される。
   ========================================================= */
@media screen and (min-width: 601px) {
  body.is-a11y-mdn .a11y-content-body .about-frway div.pdf {
    width: 630px !important;
    max-width: 100% !important;
  }
  body.is-a11y-mdn .a11y-content-body .about-frway div.pdf .col-a,
  body.is-a11y-mdn .a11y-content-body .about-frway div.pdf .col-b {
    width: 315px !important;
    max-width: 50% !important;
  }
}
/* =========================================================
   【a11y改修】追補37：a11y-link-dark 容器内の inline-link-btn を黒既定化
   契機：概況（/jp/about/company/）「地図はこちら」2箇所の K-05 対応で
   a（onclick=openBrWindow）を button.popup-trigger.inline-link-btn へ置換。
   矢印アイコン付きリンク＝黒既定・ホバー/フォーカスで赤＋下線の
   確定ポリシーへ、ボタン型トリガーも追従させる汎用拡張。
   inline-link-btn 単体の既定（赤＋下線・1826行〜）は従来どおり不変。
   a11y-link-dark 容器の内側、またはボタン直付けの場合のみ黒既定へ切替。
   ========================================================= */
.a11y-content-body .a11y-link-dark .inline-link-btn,
.a11y-content-body .inline-link-btn.a11y-link-dark {
  color: var(--color-black) !important;
  text-decoration: none !important;
}
.a11y-content-body .a11y-link-dark .inline-link-btn:hover,
.a11y-content-body .a11y-link-dark .inline-link-btn:focus-visible,
.a11y-content-body .inline-link-btn.a11y-link-dark:hover,
.a11y-content-body .inline-link-btn.a11y-link-dark:focus-visible {
  color: var(--color-brand-red) !important;
  text-decoration: underline !important;
}
/* =========================================================
   【a11y改修】追補38：SP専用矢印ブロック（.sp-arw）を印刷で非表示
   契機：概況（/jp/about/company/）でSP用の「役員情報／執行役員等情報
   はこちら」ブロックが印刷PDFに出力されてしまう。
   原因：記事側インラインstyleの非表示指定が screen 限定
   （@media screen and min-width:600px）のため、印刷媒体には効かない。
   対応：印刷はPCレイアウト基準（A4）のため、.sp-arw は印刷では
   常に非表示とする。同型・同原因の .sp-arw を持つ基本理念
   （/jp/about/frway/）の印刷漏れも本ルールで同時に解消される。
   ========================================================= */
@media print {
  body.is-a11y-mdn .sp-arw {
    display: none !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補36：サステナビリティトップ zoom 0.92→0.85（デフォルト余白の先頭空ページ解消）
   ---------------------------------------------------------
   【a11y改修】@page margin:15mm 前提でチューニングした zoom:0.92（追補19）では、
   印刷ダイアログで「デフォルト余白」を選ぶと印刷可能高さが変わり、総高が再び A4 1頁を跨いで
   Chrome 固有の先頭空ページが再発する。zoom はレイアウトごと縮む有効レバーのため、
   デフォルト（やや広め）余白でも確実に1頁未満へ収まるよう zoom を 0.85 に下げて余裕を確保する。
   追補19 の 0.92 を後勝ちで上書き。©(#footer)は#content外のため本文が1頁に収まれば繰り上がる。
   色・コントラストへの影響なし＝CI不変。body.csrtop 限定・@media print のみ。値は実機で最適化可。
   ========================================================= */
@media print {
  body.is-a11y-mdn.csrtop #wrapper #pagebody #beta #content {
    zoom: 0.85 !important;
  }
}
/* =========================================================
   【a11y改修】追補39：個人投資家の皆様へ 扉：h1 重複解消
   現象：テンプレ側 .title（#content 直下・mtタイトル）と
         本文側 .individual-investor-top 内 .title で h1 が二重出力される。
   対応：本文に .individual-investor-top を含むページのみ、#content 直下の
         テンプレ側 .title を非表示。本文側は子孫のため直下結合子の対象外で残る。
   business 扉の :has 方式と同方針。スコープ：ir 限定。styles.css は不変。
   ========================================================= */
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content:has(.individual-investor-top) > .title {
  display: none !important;
}
/* =========================================================
   【a11y改修】追補40：個人投資家の皆様へ 扉：上・左余白の解消
   現象：旧styles.css の .entry 左右padding 27px（L1425）による左余白と、
         最終更新日 p.entry-nav.small が通常フローで1行分＋下padding 20px を
         占有することによる上余白で、現行本番より本文開始位置がずれる。
   対応：経営方針扉 direction-top の確立済みパターンを踏襲。
         (1) .entry / .entry-content の左右paddingを打ち消し・絶対配置基準化
         (2) 最終更新日を右上へ絶対配置（PC top -28px / SPは先例同様に微調整）
   スコープ：ir かつ本文に .individual-investor-top を含むページ限定。
   styles.css は不変。実機確認後に top / right 値のみ微調整の可能性あり。
   ========================================================= */
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content:has(.individual-investor-top) .entry,
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content:has(.individual-investor-top) .entry-content {
  position: relative !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content:has(.individual-investor-top) p.entry-nav.small {
  font-size: 11px !important;
  position: absolute !important;
  top: -28px !important;
  right: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  text-align: right !important;
  width: auto !important;
}
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content:has(.individual-investor-top) p.entry-nav.small {
    font-size: 11px !important;
    top: -24px !important;
    right: 10px !important;
  }
}
/* =========================================================
   【a11y改修】追補41：個人投資家の皆様へ 扉：余白微調整（実機フィードバック反映）
   (1) h1上の余白：パンくずとの間が詰まりすぎのため、h1下の余白
       （旧styles.css h1 margin-bottom 23px）と同等の23pxを .title の
       padding-top で確保（旧値9pxを上書き）。
   (2) 最終更新日：追補40の top -28px では上に行きすぎるため top 0 へ上書き
       （.entry 上端＝パンくず直下、(1)で生じる帯の右側に収まる）。SPも同様。
   append-only原則により追補40は削除せず後勝ちで上書き。
   スコープ：ir かつ .individual-investor-top を含むページ限定。styles.css 不変。
   ========================================================= */
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content:has(.individual-investor-top) .individual-investor-top .title {
  padding-top: 23px !important;
}
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content:has(.individual-investor-top) p.entry-nav.small {
  top: 0 !important;
}
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content:has(.individual-investor-top) p.entry-nav.small {
    top: 0 !important;
  }
}
/* =========================================================
   【a11y改修】印刷（A4）対応・追補42：個人投資家の皆様へ 4ボックスの枠線復元
   現象：ボックス枠は旧styles.css（rwd2022・col1/col2への 1px solid 赤 border）
         由来だが、styles.css は media screen,tv のため印刷で無効化され、
         縦線（左右枠）が消える。PDFに残る横線は box_btm.gif 等の画像線。
   対応：a11y側 @media print に同等ボーダーを再定義（CL-01準拠で変数使用）。
   スコープ：ir の .investortop-box 内 col1/col2 限定。styles.css 不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .col-a .row .col1,
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .col-a .row .col2 {
    border: 1px solid var(--ui-brand-red) !important;
  }
}
/* =========================================================
   【a11y改修】印刷（A4）対応・追補43：4ボックスの段落ち解消
   現象：追補42で col1/col2 に左右各1pxのボーダーを追加した結果、
         既定の box-sizing content-box では列幅合計が親幅を超過し、
         2列目が折り返して段落ちする（ボーダー起因のフロート落ち）。
   対応：同セレクタに box-sizing border-box を追加し、ボーダーを
         幅の内側に収める。枠線の見た目は不変。
   append-only原則により追補42は削除せず本追補で補完。styles.css 不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .col-a .row .col1,
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .col-a .row .col2 {
    box-sizing: border-box !important;
  }
}
/* =========================================================
   【a11y改修】印刷（A4）対応・追補44：旧画像線（box_btm.gif）の印刷非表示
   現象：旧デザインはボックス下端の罫線を row-bottom / row-bottom2 内の
         1px高GIF画像で描画している。追補42で四辺ボーダーを復元したため
         印刷では役割が重複し、ボックス外に孤立した不要線として出力される。
   対応：印刷時のみ当該コンテナを非表示。画面表示は不変。
   スコープ：ir の .investortop-box 内限定。styles.css 不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .row-bottom,
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .row-bottom2 {
    display: none !important;
  }
}
/* =========================================================
   【a11y改修】印刷（A4）対応・追補45：4ボックスの高さ揃え＋右枠線切れの解消
   現象：印刷はレガシーprint.cssの旧PC設計（float・固定188px・h2画像188px）で
         レイアウトされるため、(1) 高さが揃わない (2) 追補43のborder-box化で
         内容幅が184pxとなり、188px固定のh2画像が右にはみ出して右枠線を隠す。
   対応：画面側rwd2022（styles.css）の実装を @media print にミラー。
         (1) .row を flex 化（align-items 既定 stretch で2カラム等高）
         (2) h2画像を width 100% に（枠内に収める）
   スコープ：ir の .investortop-box 内限定。styles.css・print.css 不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .col-a .row {
    display: flex !important;
    align-items: stretch !important;
  }
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .col-a .row .col1 h2 img,
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .col-a .row .col2 h2 img {
    width: 100% !important;
    height: auto !important;
  }
}
/* =========================================================
   【a11y改修】印刷（A4）対応・追補46：1段目と2段目の段間スペース復元
   現象：追補44で row-bottom / row-bottom2 をdivごと非表示にした結果、
         画像線とともに段間余白（row-bottom の margin-bottom 16px）も消え、
         1段目と2段目のボックスが密着した。
   対応：画面側rwd2022と同一挙動へ修正——divは表示（余白スペーサーとして
         復帰・マージンは画面と同値を明示）、内部の画像線のみ非表示。
   append-only原則により追補44は削除せず本追補で後勝ち上書き。
   スコープ：ir の .investortop-box 内限定。styles.css・print.css 不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .row-bottom {
    display: block !important;
    margin: 0 0 16px 0 !important;
  }
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .row-bottom2 {
    display: block !important;
    margin: 0 !important;
  }
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .row-bottom img,
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .row-bottom2 img {
    display: none !important;
  }
}
/* =========================================================
   【a11y改修】追補47：個人投資家の皆様へ (1)段間余白の確実化 (2)メイン画像下の白隙間解消
   (1) 印刷の段間：追補46の margin-bottom 16px は高さ0の空divのため
       マージン相殺で潰れる。相殺の影響を受けない height 16px で確保
       （margin は 0 に明示。追補46を後勝ち上書き）。
   (2) メイン画像：img がインラインのためベースライン下の隙間が
       border-bottom との間に白い帯として出る（画面・印刷共通）。
       display block で解消。メディア指定なし＝screen,tv,print 全適用。
   スコープ：ir の当該ページ限定。styles.css・print.css 不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .investortop-box .row-bottom {
    height: 16px !important;
    margin: 0 !important;
  }
}
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .individual-investor-top .main-image img {
  display: block !important;
}
/* =========================================================
   【a11y改修】追補48：個人投資家の皆様へ h1見出しの上下余白を2pxずつ詰め
   上：追補41の padding-top 23px → 21px（後勝ち上書き）
   下：旧styles.css の h1 margin-bottom 23px → 21px（a11y側で上書き）
   スコープ：ir の .individual-investor-top 内限定。styles.css 不変。
   ========================================================= */
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content:has(.individual-investor-top) .individual-investor-top .title {
  padding-top: 21px !important;
}
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .individual-investor-top h1 {
  margin: 0 0 21px 0 !important;
}
/* =========================================================
   【a11y改修】追補49：個人投資家の皆様へ h1見出しの上下余白をさらに1pxずつ詰め
   上：追補48の padding-top 21px → 20px（後勝ち上書き）
   下：追補48の margin-bottom 21px → 20px（後勝ち上書き）
   スコープ：ir の .individual-investor-top 内限定。styles.css 不変。
   ========================================================= */
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content:has(.individual-investor-top) .individual-investor-top .title {
  padding-top: 20px !important;
}
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .individual-investor-top h1 {
  margin: 0 0 20px 0 !important;
}
/* =========================================================
   【a11y改修】追補50：IRカレンダー 日付セルのth化に伴う見た目維持
   K-07対応で td.date を th scope="row" 化するのに合わせ、
   UAデフォルトの太字を打ち消し従来の見た目を維持する。
   幅・右寄せ・点線罫線は旧styles.cssのクラス指定（.date）が
   そのまま適用されるため変更不要。
   スコープ：ir の .ir-calender-table 限定。styles.css 不変。
   ========================================================= */
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .ir-calender-table th.date {
  font-weight: normal !important;
  text-align: right !important;
}
/* =========================================================
   【a11y改修】追補51：売上情報 月次データ表の列幅をHTML属性からCSSへ移設
   HTML5廃止のwidth属性（th width="20%"）を記事から除去するのに伴い、
   同値の列幅をa11y側で定義（旧styles.cssに列幅定義がないため移設が必要）。
   角の空セルはth→td化されるため tr:first-child td で対象化。
   スコープ：ir の .monthly-data-table 限定。styles.css 不変。
   ========================================================= */
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .monthly-data-table thead tr:first-child td {
  width: 20% !important;
}
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .monthly-data-table .header2,
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .monthly-data-table .header2a {
  width: 20% !important;
}
/* =========================================================
   【a11y改修】印刷（A4）対応・追補52：月次系2表のヘッダー背景色を印刷に反映
   現象：表ヘッダーの背景色は旧styles.css（media screen,tv）由来のため
         印刷で消える。またブラウザ既定では背景印刷が省略されるため、
         print-color-adjust exact で背景描画を強制する。
   対象：売上情報 .monthly-data-table の .header/.header2（#f1f1f1）、
         出退店情報 .ir-monthly-shopinfo の thead th（#999地・白文字）。
         いずれも旧styles.cssの実値をそのまま踏襲（グレー系のためCL-01対象外）。
   スコープ：ir 限定。styles.css・print.css 不変。
   ========================================================= */
@media print {
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .monthly-data-table .header,
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .monthly-data-table .header2 {
    background: #f1f1f1 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .ir-monthly-shopinfo thead th {
    background: #999999 !important;
    color: #ffffff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}
/* ============================================================
   【a11y改修】追補53: 扉ページ(.library-top)のエントリー余白ゼロ化
   旧styles.cssのエントリーID直打ちハック(#entry-1533等 padding:0)が
   TESTのID変更(実測: entry-47)で失効し、#beta #content .entry の
   padding: 0 27px(styles.css 1425行)が露出して扉ボックスが
   サイドナビから27px離れるため、ID非依存の構造スコープで復元する。
   ir/about/group の .library-top 構造の扉ページ全てに適用される。
   2026-07-08
   ============================================================ */
body.is-a11y-mdn #beta #content .entry:has(.library-top) {
  padding: 0;
}
/* ==== 追補54 株式情報・手続き扉 entry padding補正 20260710 ==== */
/* 旧styles.css #entry-1535 padding:0 のID非依存代替。 */
/* TESTのID変更でハック失効しentry paddingが復活、27pxズレ再発のため。 */
/* タイトル重複は記事内h1削除(K-09)で対処、本追補はpaddingのみ。 */
body.is-a11y-mdn #beta #content .entry:has(.stockinfo-top) {
  padding: 0;
}

/* ==== 追補55 株式の概要 stock-info-general th コントラスト補正 20260711 ==== */
/* 旧styles.css 6122行 th 白文字×背景#999=2.85:1 が 1.4.3 AA不適合。 */
/* 月次売上情報ヘッダーと同型の淡グレー地×黒文字へ変更。#f1f1f1×黒=18.7:1でAA適合。 */
body.is-a11y-mdn.ir #beta #content .entry-content .stock-info-general th {
  background: #f1f1f1;
  color: var(--color-black);
}

/* ==== 追補56 IRライブラリー扉・株式情報扉 印刷縦罫復元 20260711 ==== */
/* 中央縦罫は旧styles.cssで background: url(top_bgptn.gif) repeat-y 実装のため、 */
/* 背景を印刷しないブラウザ既定でPDFに出ない。横罫はborder実装のため印刷される。 */
/* 会社情報系の確立パターン(追補27同型)に従い col-a へ border-right を印刷付与。 */
/* スコープは実機確認済みの :has() 経路(追補53/54)を踏襲。 */
/* about側photolibraryへ重畳しても既存追補と同宣言のため描画差なし。 */
@media print {
  body.is-a11y-mdn #beta #content .entry:has(.library-top) .library-top-box .row .col-a,
  body.is-a11y-mdn #beta #content .entry:has(.stockinfo-top) .library-top-box .row .col-a {
    border-right: 1px solid var(--ui-brand-red) !important;
    box-sizing: border-box !important;
  }
}

/* ==== 追補57 追補56の段落ち補正(印刷縦罫の寸法中立化) 20260711 ==== */
/* 追補56の box-sizing:border-box が印刷レガシーレイアウトの col-a 内容幅を */
/* 1px縮め、内包する col-d が col-c の下へ段落ちした(IR側2扉の印刷は */
/* print.cssレガシーのままのため。about側はa11y側が幅を自前管理しており無影響)。 */
/* content-box へ戻して内容幅を復元し、border 1px分の外形増は margin-right:-1px */
/* で相殺=外形・内容とも追補56適用前と同寸。罫線はborder実装のまま維持。 */
/* body:not(.about) でabout側photolibraryを除外し追補27のborder-box設計を保護。 */
@media print {
  body.is-a11y-mdn:not(.about) #beta #content .entry:has(.library-top) .library-top-box .row .col-a,
  body.is-a11y-mdn:not(.about) #beta #content .entry:has(.stockinfo-top) .library-top-box .row .col-a {
    box-sizing: content-box !important;
    margin-right: -1px !important;
  }
}

/* ==== 追補58 追補53の過剰適用補正(about側 entry padding復元) 20260711 ==== */
/* 追補53の子孫:has(.library-top)が、.library-topを内包する会社情報側の */
/* 事業内容・セグメント情報扉(.business-top内)とフォトライブラリー扉にも */
/* マッチし、旧styles.css L1425の .entry 左右padding 27px を剥がして */
/* スクリーン表示が崩れていた。aboutスコープで旧実値 0 27px を復元する。 */
/* 後方ソース順+.about加算の詳細度で追補53に勝つ。 */
/* IR側(追補53本来の対象=IRライブラリー扉)には .about が無いため不変。 */
body.is-a11y-mdn.about #beta #content .entry:has(.library-top) {
  padding: 0 27px;
}

/* ==== 追補59 配当・株主還元 dividend表thコントラスト補正 20260712 ==== */
/* 旧styles.css 5446行 thead th / 5530行 th 白文字×背景#999=2.85:1 が 1.4.3 AA不適合。 */
/* 追補55(株式の概要)と同型の淡グレー地×黒文字へ変更。#f1f1f1×黒=18.7:1でAA適合。 */
body.is-a11y-mdn.ir #beta #content .entry-content .ir-stockinfo-dividend thead th,
body.is-a11y-mdn.ir #beta #content .entry-content .ir-dividend-self-stock th {
  background: #f1f1f1;
  color: var(--color-black);
}

/* ==== 追補60 株式の状況 breakdown表thコントラスト補正 20260712 ==== */
/* 旧styles.css 5563行 thead th 白文字×背景#999=2.85:1 が 1.4.3 AA不適合。 */
/* 追補55/59と同型の淡グレー地×黒文字へ変更。#f1f1f1×黒=18.7:1でAA適合。 */
body.is-a11y-mdn.ir #beta #content .entry-content .ir-stockinfo-breakdown thead th {
  background: #f1f1f1;
  color: var(--color-black);
}

/* ==== 追補61 株式分割 trend表thコントラスト補正 20260712 ==== */
/* 旧styles.css 5601行 thead th / 5637行 th 白文字×背景#999=2.85:1 が 1.4.3 AA不適合。 */
/* 追補55/59/60と同型の淡グレー地×黒文字へ変更。#f1f1f1×黒=18.7:1でAA適合。 */
body.is-a11y-mdn.ir #beta #content .entry-content .ir-stockinfo-trend thead th,
body.is-a11y-mdn.ir #beta #content .entry-content .ir-stockinfo-trend-number th {
  background: #f1f1f1;
  color: var(--color-black);
}

/* ==== 追補62 株主総会 印刷時の表紙画像回り込み余白 20260712 ==== */
/* A4印刷では .ir-stock-meeting-box の col-b(表紙画像)が col-a(PDFリスト)の */
/* 下へ回り込み、直前テキストとの間に余白が無い。回り込み後の間隔として */
/* 上方向20pxを印刷限定で付与。screen 側のレイアウトには影響しない。 */
@media print {
  body.is-a11y-mdn.ir #beta #content .entry-content .ir-stock-meeting-box .col-b {
    margin-top: 20px !important;
  }
}

/* ==== 追補63 アナリストカバレッジ analyst-coverage表thコントラスト補正 20260712 ==== */
/* 旧styles.css 6175行 thead th 白文字 + 6193行 th.title 背景#808080 = 約3.95:1。 */
/* 小サイズ文字(.small)のためAA基準4.5:1に届かず 1.4.3 不適合。 */
/* 追補55/59/60/61と同型の淡グレー地×黒文字へ変更。#f1f1f1×黒=18.7:1でAA適合。 */
body.is-a11y-mdn.ir #beta #content .entry-content .analyst-coverage thead th {
  background: #f1f1f1;
  color: var(--color-black);
}

/* ==== 追補64 格付・社債 rating表thコントラスト補正 20260712 ==== */
/* 旧styles.css 3970行 / 4000行 th 白文字×背景#999=2.85:1 が 1.4.3 AA不適合。 */
/* 追補55/59/60/61/63と同型の淡グレー地×黒文字へ変更。#f1f1f1×黒=18.7:1でAA適合。 */
body.is-a11y-mdn.ir #beta #content .entry-content .ir-financial-rating th,
body.is-a11y-mdn.ir #beta #content .entry-content .ir-financial-rating-history th {
  background: #f1f1f1;
  color: var(--color-black);
}

/* ==== 追補65 株式諸手続き procedure-detail表thコントラスト補正 20260712 ==== */
/* 旧styles.css 5682行 th 白文字×背景#999=2.85:1 が 1.4.3 AA不適合。 */
/* 追補55/59/60/61/63/64と同型の淡グレー地×黒文字へ変更。#f1f1f1×黒=18.7:1でAA適合。 */
body.is-a11y-mdn.ir #beta #content .entry-content .ir-stockinfo-procedure-detail th {
  background: #f1f1f1;
  color: var(--color-black);
}

/* ==== 追補66 株式諸手続き 印刷時のテーブル直後段落の重なり解消 20260712 ==== */
/* 記事側の段落に負マージン(インライン margin-top:-15px / -10px)があり、 */
/* screen では表の下マージンが吸収するが、A4印刷では表の下端に食い込む。 */
/* 印刷限定で procedure-detail 表直後の段落に上余白15pxを付与し重なりを断つ。 */
/* インライン指定への上書きのため important 必須。screen 側には影響しない。 */
@media print {
  body.is-a11y-mdn.ir #beta #content .entry-content .ir-stockinfo-procedure-detail + p {
    margin-top: 15px !important;
  }
}

/* ==== 追補67 株主総会バックナンバー 印刷時の年ナビ直後見出し余白 20260712 ==== */
/* A4印刷で年ナビ(ページ内リンク群)最終行と先頭見出し(第63期)の間隔が過小。 */
/* 年ナビ直後のアンカーに続く先頭h2のみへ印刷限定で上余白25pxを付与。 */
/* 隣接限定スコープのため2番目以降の各期h2には効かない。screen 側には影響しない。 */
@media print {
  body.is-a11y-mdn.ir #beta #content .entry-content .ir-library-earning-back-nav + a + h2 {
    margin-top: 25px !important;
  }
}

/* ==== 追補68 株主総会バックナンバー 年ナビfloat包含(印刷) 20260712 ==== */
/* 原因: 年ナビliはfloat:left(旧styles.css 4423行)だがulにクリアフィックスが無く、 */
/* ulが高さ0に収縮しリンク行が下方へあふれるため、ul下マージン(インライン20px)と */
/* 追補67のh2上マージンが視覚上機能しない(floatの下に空間が生まれない)。 */
/* 印刷限定でulにoverflowを与えfloatを包含し、既存マージン群を有効化する。 */
/* 共有クラスのため、当ページ固有の ir-stockinfo-meeting を has アンカーに併用し */
/* IRライブラリー側の同名ナビには波及させない(追補53教訓ルール準拠)。 */
@media print {
  body.is-a11y-mdn.ir #beta #content .entry-content:has(.ir-stockinfo-meeting) .ir-library-earning-back-nav {
    overflow: hidden !important;
  }
}

/* ==== 追補69 株主総会バックナンバー 印刷時の年ナビ非表示 20260712 ==== */
/* 方針変更(リード指示): ページ内リンクの年ナビは紙面では機能しないため印刷非表示。 */
/* あわせて追補67で先頭h2に付与した上マージンを既定値(旧1504行 margin-top:0)へ */
/* 同一セレクタ後読みで復元する。追補68のoverflow包含は非表示化により実質無効(無害)。 */
/* スコープは追補68同様 ir-stockinfo-meeting の has アンカー併用で当ページ限定。 */
@media print {
  body.is-a11y-mdn.ir #beta #content .entry-content:has(.ir-stockinfo-meeting) .ir-library-earning-back-nav {
    display: none !important;
  }
  body.is-a11y-mdn.ir #beta #content .entry-content .ir-library-earning-back-nav + a + h2 {
    margin-top: 0 !important;
  }
}

/* ==== 追補70 株主総会バックナンバー SP時の年ナビfloat包含 20260712 ==== */
/* SP(430px)では年ナビ20リンクが多段に折り返し、float収縮した高さ0のulから */
/* あふれて先頭h2に食い込む(追補68で特定した構造と同一原因のSP発現)。 */
/* SP限定でulにoverflowを与えfloatを包含し、後続要素への食い込みを解消する。 */
/* スコープは追補68/69同様 ir-stockinfo-meeting の has アンカー併用で当ページ限定。 */
/* PC(601px以上)は現状問題なしのため対象外。印刷は追補69で非表示済み。 */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.ir #beta #content .entry-content:has(.ir-stockinfo-meeting) .ir-library-earning-back-nav {
    overflow: hidden !important;
  }
}

/* ==== 追補71 グループ個別ページ印刷: 企業紹介ブロックの段落ち防止 20260713 ==== */
/* 事象: 印刷時、group-intro-content-corp 内の col-b 写真がページ境界で
   次ページへ単独送りされ、表と写真が分断される(欧州・ベルギー節で確認)。
   内容ブロックの分断回避のみだと見出しが前ページ末尾に単独残りするため、
   見出しブロックの直後改ページ回避を併記する(2点セットで初めて成立)。
   スコープ: 改修済みグループ個別ページ #group-a11y-v2 配下に限定。
   検証: DevTools Rendering - Emulate CSS media type: print で computed 確認後、
   印刷プレビューで実ページ割りを確認のこと。 */
@media print {
  body.is-a11y-mdn.group #group-a11y-v2 .group-intro-head-corp,
  body.is-a11y-mdn.group #group-a11y-v2 .group-intro-head-corp2 {
    break-after: avoid;
    page-break-after: avoid;
  }
  body.is-a11y-mdn.group #group-a11y-v2 .group-intro-content-corp {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}
/* ==== 追補72 事業戦略(tactics)ページ内ナビの印刷非表示 20260713 ==== */
/* 事象: 印刷時に冒頭のページ内ナビ(tactics-nav)が絶対URL付きで出力される。
   ページ内リンクは紙面で無意味のため非表示とする(欧州TOCは pagetop クラス
   転用により既存ルールで非表示済み・本ページは tactics-nav のため個別対応)。
   スコープ: 改修済みページ #group-a11y-v2 配下に限定。 */
@media print {
  body.is-a11y-mdn.group #group-a11y-v2 .tactics-nav {
    display: none !important;
  }
}
/* =========================================================
   【a11y改修】追補73：文中部分リンクの下線常時表示（a11y-link-inline）
   事象：a11y-link-dark 容器内で文の一部のみがアンカーの場合、
         黒・下線なしでは周囲本文と判別できず WCAG 1.4.1（F73）不適合。
   対応：容器または個別アンカーに a11y-link-inline を併記した場合のみ、
         デフォルト状態でも下線を表示する。色は黒のまま。
         ホバー／フォーカスの赤＋下線は既存 a11y-link-dark ルールを継承。
   特異度：0,3,1＋!important。基本ルール（3829行・0,2,1＋!important）より
         後方かつ上位のため確実に勝つ。HTML側で明示付与するオプトイン
         方式であり、既存ページへの越境影響なし。
   初出：グループ事業 ジーユー（gu_v3）店舗検索リンク。
   8/5 リンク色一括統一のレビュー対象に含める。 */
.a11y-content-body .a11y-link-dark.a11y-link-inline a,
.a11y-content-body a.a11y-link-dark.a11y-link-inline {
  text-decoration: underline !important;
}

/* =========================================================
   印刷（A4）対応・追補74：印刷リンクの一律下線ポリシーを廃止（screen 装飾に統一）
   ---------------------------------------------------------
   【a11y改修】印刷基本ブロックの body.is-a11y-mdn #content a への一律
   text-decoration:underline を、同一セレクタ・同詳細度の none 後勝ちで無効化する。
   理由：(1) WCAG は印刷出力物を適合対象としておらず印刷下線は必須要件ではない、
   (2) 現行本番サイトの印刷はリンク下線なしであり現行踏襲となる、(3) インク浪費回避。
   印刷のリンク装飾は screen と同じ「デフォルト下線なし」に統一され、opt-in の
   a11y-link-inline（追補73・詳細度0,3,1＋important）は詳細度で勝ち印刷でも下線維持。
   HPチェック指摘 No.3（役員情報カード内スペーサー行 nbsp の下線が「-」に見える）・
   No.6（ガバナンス見出し前の href なしアンカー nbsp の下線が「-」に見える）は本廃止で解消。
   検討過程の中間案（hrefなしアンカー個別除去／about-profile 個別除去／spacer span化＋HTML置換）
   は本統合版に置き換えて撤回し、HTML 置換は実施しない。color:#000（印刷黒）は維持。
   ========================================================= */
@media print {
  body.is-a11y-mdn #content a {
    text-decoration: none !important;
  }
}
/* =========================================================
   印刷（A4）対応・追補75：a11y-link-inline の印刷時下線を復元
   ---------------------------------------------------------
   【a11y改修】追補74（印刷リンク一律下線の廃止・詳細度1,1,2＋important）が、
   追補73の a11y-link-inline（詳細度0,3,1＋important）に対して ID を含む分だけ
   上回っており、opt-in 下線まで印刷時に消えてしまう副作用が実機で確認された。
   追補74コメント中の「a11y-link-inline は詳細度で勝ち印刷でも下線維持」という
   記述は詳細度の算定誤り（ID の重み見落とし）であり、本追補で訂正する。
   対応：追補74と同じ ID スコープを含む上位詳細度（1,3,2）で、追補74より
   後方に下線を再宣言する。screen には影響しない（print 限定）。
   対象：gu_v3／theory_v2／plst_v2 の「店舗検索」インラインリンク3箇所
   （HTML 実体は追補73実装時に確認済み・新規クラス付与なし）。 */
@media print {
  body.is-a11y-mdn #content .a11y-link-dark.a11y-link-inline a,
  body.is-a11y-mdn #content a.a11y-link-dark.a11y-link-inline {
    text-decoration: underline !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補76：連結業績推移「単位：百万円」の表ヘッダー重なり解消
   ---------------------------------------------------------
   【a11y改修】HPチェック指摘 No.4。screen では #ir-a11y-v2 .unit（L1294）の
   負マージン -15px で単位ラベルを表右上に重ね置きしているが、印刷では
   印刷基本ブロックが thead の濃色背景を transparent 化・文字を黒化するため、
   黒ラベルが黒いヘッダー文字（2025年8月期 等）に素で重なって印字される。
   対応：印刷時のみ負マージンを解除し、ラベルを表の直上の独立行として
   右寄せ配置する。screen 表示は不変。対象＝通期 past_5yrs.html・
   四半期 past_qtr.html（共通コンテナ #ir-a11y-v2 経由で双方に適用）。
   詳細度 1,1,1＋important（screen 既存 1,0,1 より上位・後方で print 時に勝つ）。 */
@media print {
  body.is-a11y-mdn #ir-a11y-v2 .unit {
    margin: 0 0 4px 0 !important;
    position: static !important;
    z-index: auto !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補77：グループ事業トップ ブランド一覧の右枠罫接触解消
   ---------------------------------------------------------
   【a11y改修】HPチェック指摘 No.2。印刷複製ブロック（L4709 付近）の
   .group-top-map 直下 .col-b は padding:0（important）のまま、追補13が
   .group-top-map に印刷時の右枠罫を再付与しているため、列内最長の
   「COMPTOIR DES COTONNIERS」が右罫線に接触して印字される。
   対応：印刷時のみ col-b に右パディング 10px を付与し、罫線との間に
   余白を確保する。長辞は必要に応じ自然折返し。screen 表示は不変。
   詳細度 1,3,1＋important（既存印刷複製 0,1,1 より上位・後方で勝つ）。
   grouptop 限定スコープ（越境なし）。 */
@media print {
  body.is-a11y-mdn.grouptop #beta #content .group-top-map > .col-b {
    padding-right: 10px !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補78：グループ事業トップ ブランド一覧の固定幅・折返し禁止を解除
   ---------------------------------------------------------
   【a11y改修】HPチェック指摘 No.2 の続き。追補77（col-b 右パディング10px）は
   print エミュレートの getComputedStyle で反映確認済み（paddingRight=10px）だが、
   li の computed width が 145px 固定（legacy col-b 幅と同値）であり、かつ PDF では
   「COMPTOIR DES COTONNIERS」が折り返さず1行ではみ出す。印刷では print.css が
   styles_d.css を import するため、styles_d 由来の固定幅・折返し禁止が印刷時のみ
   生き残るのが原因（styles.css は screen,tv 限定で印刷無効）。
   対応：印刷時のみ #nav の li と a の幅を可変化し、通常折返しを許可する。
   長辞は col-b 幅（追補77 の右パディング込み）内で自然折返しする。
   実HTML構造は Console 出力の ul#nav（li 直下 a）で確認済み。
   screen 表示は不変。grouptop 限定スコープ（越境なし）。 */
@media print {
  body.is-a11y-mdn.grouptop #beta #content .group-top-map > .col-b ul#nav li,
  body.is-a11y-mdn.grouptop #beta #content .group-top-map > .col-b ul#nav li a {
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補79：サステナビリティトップ バックナンバー下の赤罫を除去
   ---------------------------------------------------------
   【a11y改修】HPチェック指摘 No.5（クライアント確認済み＝不要）。
   News & Updates 容器 div.content2（バックナンバーで終わる）に赤 1px の
   border-bottom があり、直後の LifeWear カード row の border-top（赤・正常）と
   二重罫線になって印字される。a11y 正本・styles.css のいずれにも当該 border
   定義は無く、styles_d.css 由来（print.css の import で印刷時有効）と判定。
   print エミュレートの getComputedStyle で borderBottom 1px 赤を実測確認済み。
   対応：印刷時のみ .content2 の下罫を除去。カード側の row 枠罫は不変。
   screen 側の同罫線の要否は 7/31 中間レビューでクライアント確認（本追補は
   印刷限定・screen 不変）。body.csrtop 限定スコープ（越境なし）。 */
@media print {
  body.is-a11y-mdn.csrtop #beta #content .content2 {
    border-bottom: none !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補80：サステナ vision扉 FRロゴの印刷時見切れ解消
   ---------------------------------------------------------
   【a11y改修】HPチェック指摘 No.1。/jp/sustainability/vision/ の
   「ビジョン」カード内 FRロゴ（原寸100×100）が印刷時のみ左右欠け
   （F が切れて AST RETAILING と印字）。原因：印刷はコンテンツ幅が狭く
   テキスト列の折返し増でカード高が増加し、__img img の height:100%＋
   object-fit:cover（L3063 付近）がロゴをセル高に合わせ拡大→幅100pxの
   枠外へはみ出した左右がトリミングされるため。screen はカード高≒原寸で
   顕在化しない。写真セルは cover のままで成立するため、対応は印刷時の
   当該ロゴ1枚のみ contain（全体が収まる縮尺）へ切替。対象は受領HTMLで
   確認済みの src 完全一致で特定し、他カード・他ページへの越境なし。 */
@media print {
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__img img[src="/jp/sustainability/vision/images/index0.jpg"] {
    object-fit: contain !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補81：サステナ vision扉 FRロゴと右罫線の間に余白を確保
   ---------------------------------------------------------
   【a11y改修】HPチェック指摘 No.1 の続き。追補80（contain 化）でロゴ全体は
   印字されたが、__img 枠は設計上右罫線に接着（margin-right:auto 押出し・
   L3055 付近）のため、ロゴ右端が罫線に接して重なって見える。写真は接着で
   成立するがロゴでは不体裁。対応：印刷時のみ当該ロゴ img に padding-right
   8px＋box-sizing:border-box を付与。object-fit はパディングを除いた
   コンテンツボックス内に描画されるため、ロゴが右罫線から 8px 離れる。
   枠の右接着・他カード写真・screen 表示はいずれも不変。追補80 と同一の
   src 完全一致セレクタで越境なし。 */
@media print {
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__img img[src="/jp/sustainability/vision/images/index0.jpg"] {
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補82：ガバナンス「株主の皆様との対話」箇条書き番号の印刷時ずれ解消
   ---------------------------------------------------------
   【a11y改修】HPチェック指摘 No.7。番号 1）〜6）は記事内インライン style による
   レガシー実装で、li は list-style:none、番号は span 直下の p を
   position:absolute・left:0（top 未指定＝静的位置）で行頭に置く構造。
   top 未指定の絶対配置は span 内側 p のマージンに縦位置が依存する。
   screen は styles.css 系リセットで p の margin-top が 0 相当のため1行目に
   揃うが、印刷では styles.css が無効化され UA デフォルトの p margin-top
   （約1em）が復活し、絶対配置ボックス内では外へ相殺されないため番号だけが
   約1行分下へ押し下げられる。
   対応：印刷時のみ番号 span 内の p のマージン・パディングをゼロ化。
   ol li span p は汎用的な並びのため、ページ固有要素 .about-governance-nav6
   （受領HTMLで確認済み）への has ガードでガバナンス記事に限定（追補53の
   教訓に基づく越境防止）。HTML・インライン style は不変。 */
@media print {
  body.is-a11y-mdn.about #beta #content .entry-content:has(.about-governance-nav6) ol > li > span > p {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* =========================================================
   追補83：カラー方針B案確定に伴うリンク色レバー切替（#d20000）
   ---------------------------------------------------------
   【a11y改修】2026/07/20 クライアントよりB案（アクセシビリティ対応案）
   確定の連絡を受領。受け入れ基準 CL-B1 に基づき、通常サイズ赤リンク・
   タブ等の共通レバー --link-color-utility を --color-a11y-red（#d20000・
   白背景コントラスト比 4.5:1 超で WCAG 2.1 AA 1.4.3 適合）へ切り替える。
   append-only 原則により L18 の初期宣言（--color-brand-red 参照）は
   改変せず、本追補の :root 再宣言（同詳細度・後勝ち）で恒久上書きする。
   L18 の値は本追補をもって撤回（監査記録として本文は残置）。
   対象＝var で --link-color-utility を参照する全32箇所（パンくず現在地・
   ユーティリティリンク・ニュースリストリンク・小テキストリンク・
   通期分／四半期分タブ等、比較検討資料 20260527 3章の定義に一致）。
   非対象＝--heading-color-primary（19px以上太字見出し）・--ui-brand-red
   （ナビ背景・罫線等の CI 色）は従来どおり #ff0000 を維持。
   検証＝CL-02 連動テスト（対象要素の一斉変化を目視）および CL-B2
   （CCA によるコントラスト実測記録）。 */
:root {
  --link-color-utility: var(--color-a11y-red);
}

/* =========================================================
   追補84：B案リンク色統一（取り残し赤文字の --link-color-utility 寄せ）
   ---------------------------------------------------------
   【a11y改修】追補83のレバー切替後の CL-02 連動テストで、切替に連動しない
   通常サイズ赤文字を実機採取（IRトップ h2 18px bold・グループトップ h2
   16px bold・ページトップへ 13px 等、いずれも大文字基準 18.66px 未満）。
   原因は3系統：
   系統1＝legacy 直効き：IRトップ・会社情報トップの実HTMLは旧クラス名
   （irtop-box／irtop-box-full／abouttop-box）のままで a11y の色ルールが
   マッチせず、styles.css の a:hover 色 ff0000（L2121・L1986・L2205・
   L6844・L9532・L10253）が素通しになる。
   系統2＝a11y 内のレバー誤参照：新クラス（a11y-section-box／
   business-icon-box）の hover 色が UI 色レバー --ui-brand-red（CI固定
   ff0000）を参照しており文字色レバーに連動しない（L2363・2439・2565、
   印刷複製 L4783・4859・4985 同文）。本追補で撤回し文字色レバーへ是正。
   系統3＝brand-red 直接参照（レバー迂回）：pagetop・inline-link-btn・
   a11y-link-dark hover・about-profile hover・グループ地域リスト hover・
   ir_main／index_main SP hover・sp_nemu SP hover（L1816・1832・1840・
   1194・3640・3697・3773・3838・5725。L3640 は当時のコメントで本対応を
   予告済み）。
   対応：全系統の color を var(--link-color-utility) へ後勝ち統一
   （B案＝d20000・4.5:1 超で WCAG 1.4.3 AA 適合）。text-decoration 等の
   既存宣言は不変。legacy に無い focus-visible を併記しキーボード同等性を
   確保。非対象＝グローバルナビの白地×赤反転（CI・太字 18.7px で大文字
   3:1 適合＝CL-03）および 19px 以上太字見出し。
   カード見出し4種（fr-policy／group-strategy／sus-2nd／sus-report の
   h2 hover）はサイズ実測後に別追補で判断（保留）。 */

/* 系統1：旧クラスDOM（IRトップ・会社情報トップ・グループ内旧箱）の legacy hover 赤対抗 */
body.is-a11y-mdn.irtop #beta #content .irtop-box .row .col-d h2 a:hover,
body.is-a11y-mdn.irtop #beta #content .irtop-box .row .col-d h2 a:focus-visible,
body.is-a11y-mdn.irtop #beta #content .irtop-box-full .row .col-d h2 a:hover,
body.is-a11y-mdn.irtop #beta #content .irtop-box-full .row .col-d h2 a:focus-visible,
body.is-a11y-mdn.irtop #beta #content .irtop-box .row .col-d .uqlink a:hover,
body.is-a11y-mdn.irtop #beta #content .irtop-box .row .col-d .uqlink a:focus-visible,
body.is-a11y-mdn.irtop #beta #content .irtop-box-full .row .col-d .uqlink a:hover,
body.is-a11y-mdn.irtop #beta #content .irtop-box-full .row .col-d .uqlink a:focus-visible,
body.is-a11y-mdn.abouttop #beta #content .abouttop-box .row .col-d h2 a:hover,
body.is-a11y-mdn.abouttop #beta #content .abouttop-box .row .col-d h2 a:focus-visible,
body.is-a11y-mdn.group #beta #content .irtop-box-full .row .col-d .uqlink a:hover,
body.is-a11y-mdn.group #beta #content .irtop-box-full .row .col-d .uqlink a:focus-visible,
body.is-a11y-mdn.group #beta #content .uqtop-box-full .row .col-d .uqlink a:hover,
body.is-a11y-mdn.group #beta #content .uqtop-box-full .row .col-d .uqlink a:focus-visible {
  color: var(--link-color-utility) !important;
}

/* 系統2：新クラス（a11y-section-box／business-icon-box）の --ui-brand-red 誤参照是正 */
.a11y-section-box .asb-body > h2 a:hover,
.a11y-section-box .asb-body > h2 a:focus,
.a11y-section-box .asb-body > h2 a:focus-visible,
.a11y-section-box .uqlink a:hover,
.a11y-section-box .uqlink a:focus,
.a11y-section-box .uqlink a:focus-visible,
.business-icon-box .asb-biz-body h2 a:hover,
.business-icon-box .asb-biz-body h2 a:focus,
.business-icon-box .asb-biz-body h2 a:focus-visible {
  color: var(--link-color-utility) !important;
}

/* 系統3：brand-red 直接参照（レバー迂回）の是正 */
.a11y-content-body p.pagetop a:hover,
.a11y-content-body p.pagetop a:focus-visible,
body.is-a11y-mdn #content p.pagetop a:hover,
body.is-a11y-mdn #content p.pagetop a:focus-visible,
.a11y-content-body .inline-link-btn,
.a11y-content-body .inline-link-btn:hover,
.a11y-content-body .inline-link-btn:focus-visible,
.a11y-content-body .a11y-link-dark a:hover,
.a11y-content-body .a11y-link-dark a:focus-visible,
.a11y-content-body a.a11y-link-dark:hover,
.a11y-content-body a.a11y-link-dark:focus-visible,
.a11y-content-body .a11y-link-dark .inline-link-btn:hover,
.a11y-content-body .a11y-link-dark .inline-link-btn:focus-visible,
.a11y-content-body .inline-link-btn.a11y-link-dark:hover,
.a11y-content-body .inline-link-btn.a11y-link-dark:focus-visible,
.a11y-content-body ul.about-profile li a:hover,
.a11y-content-body ul.about-profile li a:focus-visible,
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region__list li a:hover,
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top .group-strategy-region__list li a:focus-visible,
body.is-a11y-mdn .ir_main ul li a:hover,
body.is-a11y-mdn .ir_main ul li a:focus-visible,
body.is-a11y-mdn .index_main ul li a:hover,
body.is-a11y-mdn .index_main ul li a:focus-visible,
body.is-a11y-mdn.abouttop .sp_nemu ul li a:hover,
body.is-a11y-mdn.abouttop .sp_nemu ul li a:focus-visible,
body.is-a11y-mdn.csrtop .sp_nemu ul li a:hover,
body.is-a11y-mdn.csrtop .sp_nemu ul li a:focus-visible {
  color: var(--link-color-utility) !important;
}

/* =========================================================
   追補85：グループ事業トップ 2カラム見出しの19px化（大文字基準適合）
   ---------------------------------------------------------
   【a11y改修】B案スイープで「グループ企業ニュース」「関連リンク」見出し
   （--heading-color-primary＝ブランド赤維持の前提枠）が大文字基準
   （太字18.66px以上・コントラスト3:1）に未達であることを実機確認。
   現状：PC 18px（L2648・L2661）／767px以下はグローバルh2ルール
   （L167・ID込み詳細度が専用ルールに勝つ）で16px。いずれも太字18.66px
   未満のため #ff0000 では 1.4.3 不適合となる。
   対応：両見出しを全ビューポートで 19px に統一（プロジェクト絶対ルール
   「CI赤テキストは bold＋19px以上」に整合）。色レバーは不変（ブランド赤
   維持＝B案スコープどおり）。L167 に勝つため .group スコープ込みの
   上位詳細度（1,4,2）で後勝ち追記。下線罫・余白・太字は既存定義を継承。
   SPは 16px→19px となるため実機でのレイアウト確認（折返し・下線位置）
   を要する。 */
body.is-a11y-mdn.group #content .group-top-box .group-top-news > h2,
body.is-a11y-mdn.group #content .group-top-box .group-top-banners > h2 {
  font-size: 19px !important;
  line-height: 1.3 !important;
  font-weight: bold !important;
}

/* =========================================================
   追補86：B案リンク色統一（第2弾）マップナビ・サステナカード見出し
   ---------------------------------------------------------
   【a11y改修】追補84後の継続スイープで採取した legacy 直効き（系統1）の
   追加2件を文字色レバーへ統一する。
   1）グループ事業トップ マップ右列ブランド一覧（group-top-map 内 ul#nav）：
      legacy L176 の a:hover 色 ff0000 が素通し（13px bold＝通常サイズ）。
      DevTools 実測・legacy 定義とも確認済み。
   2）サステナビリティトップ other-top-box-full（LifeWear・採用情報カード）
      の見出しリンク：legacy L10421 同型（黒基底＋hover 赤）の hover 色
      ff0000 が素通し。実機で hover 赤の残存を確認済み。
   いずれも hover に加え focus-visible を併記（キーボード同等性）。
   text-decoration 等の既存装飾は不変。 */
body.is-a11y-mdn.grouptop #beta .group-top-map .col-b li a:hover,
body.is-a11y-mdn.grouptop #beta .group-top-map .col-b li a:focus-visible,
body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-d h2 a:hover,
body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-d h2 a:focus-visible {
  color: var(--link-color-utility) !important;
}

/* =========================================================
   追補87：B案リンク色統一（第3弾）カードリンク見出し4種の hover 赤
   ---------------------------------------------------------
   【a11y改修】追補84で保留していた群2（カードリンクの hover 見出し赤・
   brand-red 直接参照）を lever へ統一する。実測により sus-2nd-grid の
   h2 は 15px bold（DevTools computed・2026/07/20）で通常サイズ確定。
   同一パターンの姉妹グリッド（fr-policy／group-strategy カード／
   sus-report）も同帯域であり、仮に大文字基準超のものが混在しても
   d20000 は 4.5:1 超で適合方向のため一括で lever に寄せる。
   対象元定義＝L887・L1124・L3042・L3366（撤回・本追補で上書き）。
   セレクタ・擬似クラス構成は元定義と同一（同詳細度・後勝ち）。 */
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__card:hover .fr-policy-grid__text h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .fr-policy-grid__card:focus .fr-policy-grid__text h2,
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-card-link-index:hover .a11y-card-link-index__body h2,
body.is-a11y-mdn #wrapper #content .group-strategy-top .a11y-card-link-index:focus .a11y-card-link-index__body h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__card:hover .sus-2nd-grid__text h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-2nd-grid__card:focus .sus-2nd-grid__text h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__card:hover .sus-report-grid__text h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid__card:focus .sus-report-grid__text h2 {
  color: var(--link-color-utility) !important;
}
/* =========================================================
   追補88：サステナトップ バナー3種テキスト化（WCAG 1.4.5 文字画像の解消）
   ---------------------------------------------------------
   【a11y改修】csrトップ .content2 右列（.col-b）の画像バナー3種
   （topBtn_01〜03.gif＝人権／取引先工場リスト／カリフォルニア州
   サプライチェーンの透明法及び現代奴隷法にかかる声明）を、HTML機械置換
   （img撤去→ a.csr-top-banner-btn の直書きテキスト）と併せてテキストボタン化。
   見た目は関連リンクの .group-top-banner-btn と同型：
   白地・赤枠 --ui-brand-red・文字 --link-color-utility（B案レバー連動）、
   hover/focus で赤地白抜きに反転、focus-visible で 2px アウトライン。
   3件目の長文は line-height 1.3 で折返し。
   現行リンクは3件とも同一ウィンドウ遷移（target 無し）のため
   別窓事前通知・rel 付与は不要（HTML側の現行属性を踏襲）。
   min-height 45px は旧画像高 45px の踏襲かつタップ領域 44px 以上の確保。
   ビューポート共通の単一定義（列幅・SP時の並びは親 .col-b／csr.css に従う）。
   セレクタは受領済み csrトップ テンプレートHTMLの実構造に基づく
   （実HTML断片確認ルール充足）。body.csrtop 限定。
   ========================================================= */
body.is-a11y-mdn.csrtop #beta #content .content2 .col-b .csr-top-banner-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 45px !important;
  padding: 8px 6px !important;
  margin: 0 0 10px 0 !important;
  border: 1px solid var(--ui-brand-red) !important;
  border-radius: 2px !important;
  background: var(--color-white) !important;
  color: var(--link-color-utility) !important;
  font-size: 13px !important;
  font-weight: bold !important;
  text-align: center !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  box-sizing: border-box !important;
}
body.is-a11y-mdn.csrtop #beta #content .content2 .col-b .csr-top-banner-btn:hover,
body.is-a11y-mdn.csrtop #beta #content .content2 .col-b .csr-top-banner-btn:focus {
  background: var(--link-color-utility) !important;
  color: var(--color-white) !important;
  text-decoration: none !important;
}
body.is-a11y-mdn.csrtop #beta #content .content2 .col-b .csr-top-banner-btn:focus-visible {
  outline: 2px solid var(--focus-outline-color) !important;
  outline-offset: 2px !important;
}

/* =========================================================
   追補89：サステナトップ News & Updates 見出しテキスト化（WCAG 1.4.5）
   ---------------------------------------------------------
   【a11y改修】csrトップ .content2 左列（.col-a）の見出し画像
   topTtl_news.gif（alt="News & Updates"・115x15）を、HTML機械置換で
   h2 テキスト（class="actionTtl csr-top-news-heading"）へ置換するのと
   併せて見た目を定義する。残タスクメモの「テキスト描画のため対象外の
   見込み」はテンプレート受領により文字画像と最終確認され対象へ昇格。
   ・h2 化によりセクション見出しの文書構造も明示（WCAG 1.3.1）。
   ・色は --heading-color-primary（ff0000 赤維持枠）とし、
     19px 太字＝大文字基準で AA 3対1 を充足（追補85 の
     グループトップ2見出しと同一の設計判断・全ビューポート19px）。
   ・L167 の SP グローバル h2 16px（詳細度1,1,2）には
     本セレクタ（2id 系・後方定義）で勝つ。
   ・旧 inline style の margin-bottom -3pt（画像専用の光学調整）は
     HTML置換で除去し、下の罫線画像との間隔は margin-bottom 4px で
     再現（値は実機で微調整可）。.actionTtl は csr.css 側レイアウト
     継承のため残置。
   セレクタは受領済み csrトップ テンプレートHTMLの実構造に基づく。
   body.csrtop 限定。
   ========================================================= */
body.is-a11y-mdn.csrtop #beta #content .content2 .col-a h2.csr-top-news-heading {
  color: var(--heading-color-primary) !important;
  font-size: 19px !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  background: none !important;
}

/* =========================================================
   追補90：backnumberCSR リンクの B案色統一（legacy 素通し回収）
   ---------------------------------------------------------
   【a11y改修】サステナトップ News & Updates 下部の「バックナンバー」
   リンク（p.backnumberCSR small 内）が computed rgb(255,0,0)＝
   legacy styles.css の全称 a 素通しであることを実測で確認
   （2026/07/20・VP 1119px・CSSOM 機械判定でマッチルール列挙）。
   原因：utility-links 系ブロック（L1999／L2025）のセレクタは
   .backnumber a のみで、CSR系の別名クラス .backnumberCSR が
   カバー外だったもの。small＝通常サイズのため B案 d20000 対象。
   対応：同ブロックと同型の基底＋hover/focus を .backnumberCSR 用に
   末尾追記（レバー --link-color-utility 参照・:focus-visible 併記）。
   focus-visible のアウトラインはグローバル定義（L89）を継承。
   実HTML断片は受領済み csrtop テンプレートおよび実機 outerHTML で
   確認済み（p.backnumberCSR は sustainability セクションの
   バックナンバー導線。クラス自体が用途限定のためスコープは
   is-a11y-mdn ガード＋#content 配下とする）。
   ========================================================= */
body.is-a11y-mdn #content .backnumberCSR a {
  color: var(--link-color-utility) !important;
  text-decoration: none !important;
}
body.is-a11y-mdn #content .backnumberCSR a:hover,
body.is-a11y-mdn #content .backnumberCSR a:focus,
body.is-a11y-mdn #content .backnumberCSR a:focus-visible {
  color: var(--link-color-utility) !important;
  text-decoration: underline !important;
}
/* =========================================================
   追補91：役員一覧（about-profile）カードの略歴リンク位置・矢印整列の是正
   ---------------------------------------------------------
   【a11y改修】PC 表示で 2 症状を確認（印刷 PDF はその写像）。
   症状1＝略歴の矢印アイコンがテキストから浮く：legacy L7132 の
   li img float:left が写真だけでなく矢印画像（icon_arwred2）にも適用され、
   行ボックス上端に浮くため。
   症状2＝氏名 2 行のカード（コール キャシー ミツコ）で「略歴」が写真の
   下・左端へ回り込む：略歴行の位置が写真 float の残り高さに依存する
   構造のため、テキストが写真高 85px を超えると float が解けて落ちる。
   対応：写真を絶対配置し、テキスト列を padding-left（写真 75px＋間隔 9px）
   で恒久確保する方式へ置換。氏名の行数に関係なく略歴は常にテキスト列に
   留まり、矢印は float 解除＋vertical-align で本文に整列する。
   HTML 不変。legacy 詳細度（IDx2 の 2,3,1）を上回る 2,3,4＋important で
   後勝ち。スコープ＝about-profile 一覧のみ（個別ページの
   about-profile-detail／history には触れない）。screen・print 共通適用。 */
body.is-a11y-mdn #beta #content .entry-content ul.about-profile li a {
  position: relative !important;
  display: block !important;
  width: auto !important;
  min-height: 85px !important;
  padding-left: 84px !important;
}
body.is-a11y-mdn #beta #content .entry-content ul.about-profile li a > img:first-child {
  float: none !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  margin: 0 !important;
}
body.is-a11y-mdn #beta #content .entry-content ul.about-profile li span {
  width: auto !important;
  margin: 0 !important;
}
body.is-a11y-mdn #beta #content .entry-content ul.about-profile li a img.icon-arrow {
  float: none !important;
  position: static !important;
  vertical-align: middle !important;
  margin: 0 4px 0 0 !important;
}

/* =========================================================
   追補92：役員一覧（about-profile）の Grid 化と行間調整（追補91の残課題）
   ---------------------------------------------------------
   【a11y改修】追補91の実機確認で 2 症状を確認。
   症状1＝コール氏カードの「略歴」が下段（京谷氏）カードへ食い込む：
   一覧は legacy の float 50 パーセント段組で、行整列がカード等高に暗黙依存。
   追補91 でカード高が可変になったため float 段組が引っかかり重なった。
   対応＝ul を Grid 2 カラム化（float 全廃・高さ不揃いでも行が自動整列。
   about-profile-history SP の float から Grid への置換と同型の確立パターン）。
   症状2＝全カードで「略歴」が氏名・肩書から離れすぎる：HTML の写真直後の
   br が、追補91 の写真絶対配置化により本文流の空の 1 行目として復活し
   全体が 1 行分下がった（legacy の span margin-top -10px はこの br の
   補償だったと推定）。加えて span 末尾の nbsp スペーサー行が肩書と略歴の
   間に 1 行の空きを作る。対応＝a 直下の br（写真直後のもののみ・span 内の
   氏名改行 br は対象外）を非表示化し、span の下マージンを負値で圧縮して
   肩書から略歴までの間隔を約 10px に調整（値は実機で微調整可）。
   HTML 不変。screen・print 共通。スコープ＝about-profile 一覧のみ。 */
body.is-a11y-mdn #beta #content .entry-content ul.about-profile {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 16px !important;
}
body.is-a11y-mdn #beta #content .entry-content ul.about-profile li {
  float: none !important;
  width: auto !important;
}
body.is-a11y-mdn #beta #content .entry-content ul.about-profile li a > br {
  display: none !important;
}
body.is-a11y-mdn #beta #content .entry-content ul.about-profile li span {
  margin: 0 0 -12px 0 !important;
}

/* =========================================================
   印刷（A4）対応・追補93：サステナビリティトップ zoom 0.85→0.80（1枚化の回帰是正）
   ---------------------------------------------------------
   【a11y改修】追補88（バナー3種テキスト化・3件目は5行折返し）と追補89
   （News & Updates 見出しテキスト化・19px）で本文総高が旧画像時より増加し、
   追補36 の zoom 0.85 では総高が再び A4 1頁を僅かに超えて、#content 外の
   フッター（罫線＋コピーライト）が2頁目へ落ちる回帰を実機PDFで確認
   （2026/07/21）。対応：確立済みの zoom レバー（追補19→36 と同型）を
   後勝ちで 0.80 へ更新し、デフォルト余白でも確実に1頁未満へ収める余裕を
   確保する。レイアウトごと縮むため Flexbox リフロー・CI 色は不変。
   body.csrtop 限定・print のみ（screen・他ページ非影響）。値は実機で
   最適化（過小なら 0.82 等へ引き上げ調整）。追補36 の 0.85 は本追補を
   もって撤回（監査記録として残置）。 */
@media print {
  body.is-a11y-mdn.csrtop #wrapper #pagebody #beta #content {
    zoom: 0.80 !important;
  }
}

/* =========================================================
   追補94：サステナトップ カード写真（other-top-box-full）の上下余白解消
   ---------------------------------------------------------
   【a11y改修】LifeWear・採用情報カードの右側写真に上下の余白が出る件
   （2026/07/21 指摘・screen と印刷で共通）。原因＝既存写真枠ルール
   （L2936 付近）が「200px 等倍・切れなし」方針＋align-items center のため、
   テキスト列がカード高を伸ばすと画像が上下センター配置となり両側に
   余白が生じる。対応＝写真セルをカード高いっぱいに stretch し、画像を
   object-fit cover で高さ追従させて上下罫線に接着（vision 扉
   sus-2nd-grid の接着パターンへ統一）。等倍方針は本追補で撤回し、
   代償として画像左右がわずかにトリミングされる（写真バナーのため許容・
   リード確定）。screen・print 共通。csrtop 限定・同詳細度後勝ち。 */
body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c {
  align-self: stretch !important;
  display: flex !important;
}
body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c img {
  width: 200px !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* =========================================================
   追補95：サステナトップ カード写真の等比高さ追従（左右トリミング回避）
   ---------------------------------------------------------
   【a11y改修】追補94（cover 接着）に対し「写真の左右は切らない」の
   リード指示（2026/07/21）。幅 200px 固定のまま高さ充填・非トリミング・
   非変形は同時成立しないため、幅固定を撤回し等比スケールへ変更する。
   仕様：画像はカード高さ 100 パーセントに追従し縦横比を維持（切れ・歪みなし）、
   幅は成り行き（カードごとに僅かに変動）、右端は罫線接着のまま。
   写真セルの flex 固定幅 200px（L2949 付近）と追補94 の width 200px・
   object-fit cover は本追補で撤回（監査記録として残置）。
   screen・print 共通。csrtop 限定・同詳細度後勝ち。 */
body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c {
  flex: 0 0 auto !important;
}
body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c img {
  width: auto !important;
  height: 100% !important;
  object-fit: unset !important;
}

/* =========================================================
   追補96：サステナトップ カード写真 screen 完全復元＋接着調整の印刷限定化
   ---------------------------------------------------------
   【a11y改修】追補95（幅成り行き・高さ100パーセント）は flex の高さ解決が
   循環しパーセンテージが未解決となり、screen で画像が原寸描画され
   レイアウトが崩壊（2026/07/21 実機確認）。リード指示＝screen は元のまま・
   調整は印刷のみ。対応：
   1）screen＝追補94・95 を撤回し、元仕様（L2947 付近：flex 0 0 200px・
      200px 等倍・行内センター）へ後勝ちで完全復元。
   2）print＝行コンテナ（col-a）を align-items stretch にして両列の高さを
      確定させたうえで、画像を高さ追従の等比（切れ・歪みなし・上下接着・
      幅成り行き）とする。高さ基準を列の stretch で確定させる標準経路のため
      screen で失敗した循環は生じない想定だが、実PDFで要確認。
   追補94・95 は本追補をもって撤回（監査記録として残置）。csrtop 限定。 */
@media screen {
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c {
    flex: 0 0 200px !important;
    align-self: auto !important;
    display: block !important;
  }
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c img {
    width: 200px !important;
    height: auto !important;
    object-fit: unset !important;
  }
}
@media print {
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a {
    align-items: stretch !important;
  }
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c {
    flex: 0 0 auto !important;
    align-self: stretch !important;
    display: block !important;
  }
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c img {
    width: auto !important;
    height: 100% !important;
    object-fit: unset !important;
  }
}

/* =========================================================
   追補97：サステナトップ カード写真（印刷）実値高さ方式へ切替
   ---------------------------------------------------------
   【a11y改修】追補96 の print 側（stretch＋height 100 パーセント）も
   実PDFで画像の原寸暴発を確認（2026/07/21）。flex 子要素への
   パーセンテージ高さは screen・print とも解決不能と実証されたため
   同経路を放棄し、決定論的な実値高さ方式へ切替える。
   仕様（print のみ）：画像高さを実値 90px に固定（幅は等比の成り行き・
   切れ・歪みなし）。テキスト列より画像が高くなることでカード高は画像が
   決定し、上下罫線への接着が自動成立する。行の縦揃えは元のセンターへ
   戻す（テキストは上下中央）。値 90px は現行PDFのカード実測に基づく
   初期値で、実機で微調整（隙間が残れば増、カードが不必要に高ければ減）。
   追補96 の print ブロック（stretch・height 100 パーセント）は本追補で
   撤回（監査記録として残置）。screen は追補96 の復元状態のまま不変。 */
@media print {
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a {
    align-items: center !important;
  }
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c {
    flex: 0 0 auto !important;
    align-self: auto !important;
    display: block !important;
  }
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c img {
    width: auto !important;
    height: 90px !important;
    object-fit: unset !important;
  }
}

/* =========================================================
   印刷（A4）対応・追補98：サステナトップ バナー列の印刷幅拡張（3行収まり）
   ---------------------------------------------------------
   【a11y改修】印刷PDFで「カリフォルニア州サプライチェーン透明法及び
   現代奴隷法にかかる声明」バナーが5行に折返す（PC は3行）。バナーは
   width 100 パーセント（追補88）のため折返しは .col-b の列幅で決まり、
   印刷時は csr.css の float 幅が PC より狭く効いているのが原因。
   対応：確立済み B2 型（legacy 固定幅の flex 化）を印刷限定で適用。
   .content2 を flex 化し、バナー列（.col-b）を実値 190px で確保、
   ニュース列（.col-a）は残り幅へ自動縮小（リード了承済み）。
   190px は PC の3行折返し幅に基づく初期値で、実PDFで微調整可。
   screen 不変・csrtop 限定。 */
@media print {
  body.is-a11y-mdn.csrtop #beta #content .content2 {
    display: flex !important;
  }
  body.is-a11y-mdn.csrtop #beta #content .content2 > .col-a {
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }
  body.is-a11y-mdn.csrtop #beta #content .content2 > .col-b {
    float: none !important;
    flex: 0 0 190px !important;
    width: 190px !important;
    margin-left: 12px !important;
  }
}

/* =========================================================
   追補99：サステナトップ カード写真 892px 以下の非表示を復元（追補94/96 の副作用閉塞）
   ---------------------------------------------------------
   【a11y改修】追補91 以降の残置ルール監査（2026/07/21）で検出。
   892px 以下の写真非表示（L2967・important なし）に対し、追補94
   （無スコープ・display flex important）と追補96（screen 全幅・
   display block important）が重要度で勝ち、タブレット幅で写真が
   200px 固定のまま再表示される副作用が潜伏していた。
   対応：最後尾で 892px 以下の非表示を important 付きで再宣言し閉塞。
   893px 以上の screen（追補96 の復元状態）と print（追補97/98）は不変。 */
@media screen and (max-width: 892px) {
  body.is-a11y-mdn.csrtop #beta #content .other-top-box-full .row .col-a .col-c {
    display: none !important;
  }
}

/* =========================================================
   追補100：サステナトップ SP バナー3種の上端揃え
   ---------------------------------------------------------
   【a11y改修】SP 表示（600px 以下）でバナー3種が横並びになった際、
   複数行の「カリフォルニア州サプライチェーン透明法及び現代奴隷法に
   かかる声明」のみ上端が下がる（2026/07/21 実機確認）。csr.css 由来の
   行組みが縦揃えベースライン基準のため、複数行ボタンの1行目基準線が
   1行ボタンの中央テキストへ合わせられ箱上端が沈む症状と合致。
   対応：ボタン自身に上端揃えを宣言（flex 親向け align-self flex-start＋
   インラインブロック親向け vertical-align top の両防御）。
   PC の縦積み・印刷（追補98 の flex 化）では両宣言とも作用しない中立
   プロパティのため他ビューポートへの影響なし。csrtop 限定。 */
body.is-a11y-mdn.csrtop #beta #content .content2 .col-b .csr-top-banner-btn {
  align-self: flex-start !important;
  vertical-align: top !important;
}

/* =========================================================
   追補101：サステナトップ SP バナーのラッパー div 上端揃え（追補100 の是正）
   ---------------------------------------------------------
   【a11y改修】Console 実測（2026/07/22）で機構確定：各バナーは機械置換時に
   残置したクラスなし div ラッパーに包まれ、当該 div が inline-block＋
   vertical-align baseline。ラッパーのベースラインは内包 flex ボタンの
   1行目基準線から取られるため、1行ボタン（基準線＝箱中央付近）と
   複数行ボタン（基準線＝箱上部）の基準線合わせで複数行の箱だけが
   下に押し下げられる。折返し発生時のみ沈む観測と完全一致。
   追補100（a への align-self と vertical-align）はラッパーに届かず不発
   のため本追補で撤回（中立プロパティ・実害なし・監査残置）。
   対応：ラッパー div 自身へ vertical-align top を宣言。クラスなし div の
   ため has によるバナー内包限定＋csrtop ページスコープ併用（追補53 原則）。
   PC 縦積み・印刷（ブロック文脈）では inline-block でないため作用せず
   他ビューポート不変。 */
body.is-a11y-mdn.csrtop #beta #content .content2 .col-b > div:has(> .csr-top-banner-btn) {
  vertical-align: top !important;
}
/* =========================================================
   追補102：financial-table 内訳行（th.pd15）のインデント復元
   ---------------------------------------------------------
   【a11y改修】pl_qtr・pl_5yrs への型適用時に判明。legacy styles.css の
   .ir2ndary #beta #content .entry-content .ir-financial-data table tbody th.pd15
   （padding-left 15px・非important）が、確立型 L1310-1311 の
   #ir-a11y-v2 .financial-table th の padding 4px 8px（important・
   ショートハンド）に打ち消され、内訳行・帰属行の字下げが消失していた。
   past_5yrs/past_qtr はフラット7行構成のため型確立時には非顕在（回帰）。
   対応：新型の基準 padding-left 8px に legacy の字下げ差分 10px
   （legacy pd15 15px − legacy 基準 5px）を加えた 18px を important
   明示で復元。後方宣言の longhand important が先行 shorthand important
   に優先する。対象＝#ir-a11y-v2 配下の financial-table のみで
   他セクションの表へは波及しない。pd30/pd45 は financial 系の受領HTMLに
   実出現を確認した時点で個別追補する（追補53原則・発明禁止）。 */
#ir-a11y-v2 .financial-table tbody th.pd15 {
  padding-left: 18px !important;
}

/* =========================================================
   追補103：複数表ページ（ir-multi-table）の列幅統一
   ---------------------------------------------------------
   【a11y改修】segment_5yrs 適用時に判明。確立型 L1308 の
   table-layout auto は各表がセル内容から独自に列幅を計算するため、
   1ページに4表を積む segment 系では表ごとに列幅が不揃いになる。
   legacy は th の width 属性（160px と 80px×5・計560px）で全表を
   揃えていたが、型適用で属性を廃止したため非顕在だった差が露出。
   対応：複数表ページ限定の修飾クラス ir-multi-table を article に
   付与し、fixed レイアウト＋先頭列 28.6 パーセント（legacy 160/560
   の比率）で全表の列割りを統一。残り5列は fixed により等分される。
   単一表ページ（pl_5yrs 等・実機確認済み）には一切影響しない。
   後方宣言 important が L1303-1317 の auto/width auto に優先する。 */
#ir-a11y-v2.ir-multi-table .financial-table {
  table-layout: fixed !important;
}
#ir-a11y-v2.ir-multi-table .financial-table thead th:first-child {
  width: 28.6% !important;
}

/* =========================================================
   追補104：financial 系 h2.break の印刷改ページ抑止（印刷のみ）
   ---------------------------------------------------------
   【a11y改修】bs_5yrs 印刷PDFで判明。legacy の break クラス
   （印刷時 改ページ指定）が h2「国際会計基準（IFRS）」に付与された
   ページ（bs 系・segment 系）では、ダウンロード節とタブ直後の
   文書冒頭で強制改ページとなり、1ページ目がほぼ空白のまま
   表本体が2ページ目から始まってしまう。
   対応：#ir-a11y-v2 配下の h2.break のみ改ページを auto へ戻す。
   ul や div に付く break（segment のグラフ節・第4表の改ページ＝
   図表の塊を新ページに置く意図的指定）は対象外として温存する。
   screen 表示は不変（改ページ系プロパティは印刷でのみ作用するが、
   規約に従い @media print で限定）。h2 の HTML クラスは本番どおり
   維持し CSS 側で無効化するため、バッチ生成物の変更は不要。 */
@media print {
  #ir-a11y-v2 h2.break {
    page-break-before: auto !important;
    break-before: auto !important;
  }
}

/* =========================================================
   追補105：狭幅テーブルバリアント（is-narrow）の新設
   ---------------------------------------------------------
   【a11y改修】estimate.html 適用時に判明。設備投資・為替の2表は
   legacy でインライン style width 320px の狭幅設計（3列・横スク
   ロール不要）だが、確立型 L1303-1304 の financial-table は
   width 100 パーセント important のため、型適用すると狭幅表が
   全幅へ伸びてしまい、また L1294 の unit（width 100 パーセント
   右寄せ・負マージン重ね置き）は単位ラベルだけが表から離れた
   右端に浮く。
   対応：セクション div へ修飾クラス is-narrow を付与し、コンテナ
   を fit-content 化・表を内容幅へ戻す。unit はコンテナ幅＝表幅と
   なるため既存ルールのまま表右上に正しく重なる。インライン style
   は全廃。overscroll 非使用（横スクロール不要幅）も本番どおり。
   min-width 320px は legacy の指定幅を下限として踏襲。
   単一・全幅テーブルのページには一切影響しない（クラス opt-in）。 */
#ir-a11y-v2 .ir-financial-data.is-narrow {
  width: fit-content;
  max-width: 100%;
}
#ir-a11y-v2 .ir-financial-data.is-narrow .financial-table {
  width: auto !important;
  min-width: 320px;
}

/* =========================================================
   追補106：狭幅表の単位ラベルを表右端へ結合（追補105の是正）
   ---------------------------------------------------------
   【a11y改修】estimate 実機で判明。追補105 の fit-content は
   セクション div 全体に掛けたため、コンテナ幅が最も広い子である
   h3 見出し（日付併記で表より長い）に一致し、右寄せの unit ラベル
   が表の右端より外側＝h3 の右端に揃ってしまった。
   対応：unit と table だけを内側ラッパー table-unit-wrap で包み、
   ここに fit-content を掛ける。パーセント幅の子はフィット幅算定に
   寄与しないため、ラッパー幅＝表の実幅となり、unit（幅100
   パーセント・右寄せ・負マージン重ね置き＝既存 L1294 と legacy）
   は表右上へ正しく載る。h3・注記はラッパー外で従来どおり。
   追補105 の is-narrow 側ルールは無害のため監査残置（撤回なし）。 */
#ir-a11y-v2 .ir-financial-data.is-narrow .table-unit-wrap {
  width: fit-content;
  max-width: 100%;
}

/* =========================================================
   追補107：印刷時の unit 固定幅560px無効化（追補106の印刷側是正）
   ---------------------------------------------------------
   【a11y改修】estimate 印刷エミュレート実測で確定
   （wrap computed 403px・table 320px に対し unit 560px）。
   印刷では styles.css 無効・styles_d.css が print.css 経由で有効
   という本サイトの印刷アーキテクチャにより、styles_d 由来の
   legacy 固定幅 560px が .unit に残存し、狭幅表ラッパー
   （追補106・fit-content）から単位ラベルだけがはみ出していた。
   screen は styles.css の幅100パーセントが効くため非発症＝
   印刷限定の症状。
   対応：印刷時のみ table-unit-wrap 配下の unit をラッパー幅
   100パーセントへ固定し、表右端に結合する。規約どおり
   デフォルト @media print 限定・screen 不変。
   全幅テーブルのページは table-unit-wrap 非使用のため無影響。 */
@media print {
  body.is-a11y-mdn #ir-a11y-v2 .table-unit-wrap .unit {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* =========================================================
   追補108：summary（決算サマリー記事型）のユーティリティ新設
   ---------------------------------------------------------
   【a11y改修】summary.html の型適用。legacy は font 要素の
   ff0000 直書き×13・インライン style（見出し13pt・リスト余白・
   画像幅90パーセント）で構成されていたため、CL-01 に従い
   赤はレバー（--heading-color-primary＝B案 d20000・白地
   コントラスト比 5.9 対 1 で AA 適合）経由へ、疑似見出しは
   実見出し h2/h3 へ構造化する。見た目は legacy を再現：
   h2 は 13pt 相当 17px・h3 は本文サイズ・リストは padding 20px
   と li 下 5px・画像は幅 90 パーセント。すべて #ir-a11y-v2
   スコープで他ページへ波及しない。 */
#ir-a11y-v2 .summary-h2 {
  font-size: 17px;
  font-weight: bold;
  color: var(--heading-color-primary);
  margin: 1.5em 0 0.5em;
}
#ir-a11y-v2 .summary-h3 {
  font-size: 100%;
  font-weight: bold;
  color: var(--heading-color-primary);
  margin: 1em 0 0.3em;
}
#ir-a11y-v2 .summary-list {
  padding: 0 0 0 20px;
  margin: 0 0 1em;
}
#ir-a11y-v2 .summary-list li {
  list-style-type: disc;
  margin-bottom: 5px;
}
#ir-a11y-v2 .img-fluid90 {
  width: 90%;
  height: auto;
}

/* =========================================================
   追補109：summary 見出し書式の現行準拠固定（追補108の是正）
   ---------------------------------------------------------
   【a11y改修】TEST実機確認で、実見出し化（h2/h3）に伴い共通CSS
   既定の見出し書式（K-09：h2 18px・h3 16px 等）が適用され、
   現行の見た目（見出し風段落＝13pt/本文サイズの太字赤・装飾なし）
   から変化した。リード指示により書式は現行どおりへ戻す。
   見出し要素そのものは維持する（K-09 は strong 等による疑似見出し
   も禁止のため、要素を戻すと別違反。サイズ既定からの逸脱のみ
   合意済み逸脱として台帳記録・summary-h2/h3 限定）。
   現行値の再現：h2＝13pt 太字赤（旧 font-size 13pt 指定）、
   h3＝本文サイズ 太字赤（旧は素の p+strong+font）。余白は旧 p 相当。
   追補108 の同名クラス宣言は本追補が後方 important で上書き
   （撤回せず監査残置）。色レバーは B案（コントラスト 5.9 対 1）。 */
#ir-a11y-v2 .summary-h2,
#ir-a11y-v2 .summary-h3 {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
  width: auto !important;
  letter-spacing: normal !important;
  line-height: 1.6 !important;
  color: var(--heading-color-primary) !important;
  font-weight: bold !important;
}
#ir-a11y-v2 .summary-h2 {
  font-size: 13pt !important;
  margin: 1em 0 !important;
}
#ir-a11y-v2 .summary-h3 {
  font-size: 100% !important;
  margin: 1em 0 0.3em !important;
}

/* =========================================================
   追補110：summary 見出し色の是正（追補108/109のレバー選定誤り）
   ---------------------------------------------------------
   【a11y改修】コントラスト検証で不適合を検出。追補108/109 が参照
   した --heading-color-primary は 19px 以上の大見出し用レバーで、
   再宣言がなくブランド赤 ff0000（白地 4.00 対 1）のまま。summary の
   見出しは 13pt 太字と本文サイズ太字＝大文字サイズ（14pt 太字＝
   約18.66px）未満のため通常文字基準 4.5 対 1 が適用され不適合。
   対応：CL-01 の区分どおり文字色レバー --link-color-utility
   （L6435 で B案 d20000 再宣言済み・白地 5.61 対 1・AA 適合）へ
   差し替える。後方 important で追補109 の色宣言を上書き
   （撤回せず監査残置）。
   申し送り：7/31 の A/B 最終決定で A案（ff0000）が採用された場合、
   本クラスは通常文字基準を満たせないため、サイズを 14pt 太字以上へ
   引き上げるか B案色の維持を個別合意する必要がある（台帳記録）。 */
#ir-a11y-v2 .summary-h2,
#ir-a11y-v2 .summary-h3 {
  color: var(--link-color-utility) !important;
}

/* =========================================================
   追補111：financial-table 第3階層行（th.pd30）のインデント
   ---------------------------------------------------------
   【a11y改修】outlets.html（店舗数）適用で pd30 が初出。
   追補102 と同じ回帰（型CSS L1310 の padding ショートハンドが
   legacy の pd30＝30px を打ち消す）に対する同型の復元。
   値は追補102 の方式を踏襲し、基準 8px＋legacy 差分 22px＝30px
   で legacy と同じ絶対インデントを再現。pd15（18px）との差 12px
   で第2階層との視覚的段差を維持する。スコープも追補102 と同一。
   pd45 は引き続き未出現のため定義しない（出現時に追補で対応）。 */
#ir-a11y-v2 .financial-table tbody th.pd30 {
  padding-left: 30px !important;
}

/* =========================================================
   追補112：第3階層行（th.pd30）の背景色解除
   ---------------------------------------------------------
   【a11y改修】outlets 実機確認でのリード指示。型CSS の
   tbody th 背景（薄グレー）が第3階層セルにも適用されるが、
   国別などの最下層明細は背景なし（ffffff）とし、階層の視覚
   区別（total 網掛け＞第2階層グレー＞第3階層白）を明確にする。
   文字は黒のため白地コントラスト 21 対 1 で AA 適合。
   pd30 は outlets のみ使用につき他ページへの影響なし。
   後方 important で型CSS の背景宣言に優先する。 */
#ir-a11y-v2 .financial-table tbody th.pd30 {
  background: #ffffff !important;
}

/* =========================================================
   追補113：財務・業績トップ（financial-top）ドアページ対応
   ---------------------------------------------------------
   【a11y改修】financial ハブページの型適用。インライン style
   2箇所（リスト左パディング 30px・先頭スペーサー li の高さ調整）を
   クラスへ移設する。スペーサー li は legacy の data-list li 下点線
   ボーダーを利用してリスト上端の罫線を描く役割のため、除去せず
   aria-hidden 化で支援技術からのみ隠す（視覚は現行どおり）。
   スコープは body.is-a11y-mdn＋ページ固有ラッパー financial-top の
   組み合わせ（追補53 原則）。legacy 側に同プロパティの競合宣言は
   ない（financial-top-list は width のみ・スペーサーは inline
   style のみ）ため important 不要で適用される。 */
body.is-a11y-mdn .financial-top .financial-top-list {
  padding-left: 30px;
}
body.is-a11y-mdn .financial-top .data-list li.data-list-spacer {
  height: 1px;
  padding-top: 0;
}

/* =========================================================
   追補114：追補113 の中和（financial トップは4月改修済みと判明）
   ---------------------------------------------------------
   【a11y改修】追補113 起案後に、financial ハブページは 2026/04/17
   時点で改修済み（div#ir-a11y-v2 ラッパー・a11y-data-list／
   a11y-data-title／btn-term／a11y-utility-label＝正本 L1231-1530
   および L4497 以降に実装済み）であることが判明。改修版 HTML は
   インライン padding とスペーサー li を持たない設計のため、
   追補113 の padding-left 30px は改修版レイアウトへ余計な字下げを
   加えてしまう。後勝ち同詳細度の再宣言で 0 に戻し中和する。
   スペーサー用クラス（data-list-spacer）は改修版で未使用のため
   実害なし・両追補とも監査残置（append-only 原則・削除しない）。
   教訓：ドアページ着手時は当該ページの改修履歴（4月実施分）を
   正本CSSの既存クラス grep で先に確認する。 */
body.is-a11y-mdn .financial-top .financial-top-list {
  padding-left: 0;
}

/* =========================================================
   追補115：financial トップ 項目タイトルリンクの hover/focus 装飾
   ---------------------------------------------------------
   【a11y改修】リード指示。4月改修版（L4507 付近）はタイトルリンクを
   黒・下線なしへリセットしたまま hover 定義がなく、legacy に
   あったホバー時の赤色変化が失われていた。ホバーおよびキーボード
   フォーカス時に赤文字＋下線を付与する（マウス・キーボードで
   同等のフィードバック）。
   色は文字色レバー（B案 d20000・15px 太字＝通常文字基準・白地
   5.61 対 1 で AA 適合）。追補110 のレバー使い分け基準に従い
   大見出しレバーは不使用。既存リセット（同セレクタ・important）
   より疑似クラス分だけ詳細度が高く後方のため確実に勝つ。
   btn-term は既存の hover 定義（赤地白文字反転・L1487）を維持し
   本追補の対象外。 */
body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li h2 a:hover,
body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li h2 a:focus-visible,
body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li .a11y-data-title a:hover,
body #wrapper #pagebody #beta #content #ir-a11y-v2 ul.a11y-data-list li .a11y-data-title a:focus-visible {
  color: var(--link-color-utility) !important;
  text-decoration: underline !important;
}
/* =========================================================
   追補116（台帳No.85） PCナビ検索ボタンの虫眼鏡アイコン化
   ---------------------------------------------------------
   【a11y改修】CL-03の明文（太字18.66px未満の白文字×赤ナビ地
   ff0000は両案とも不合格・1.4.3）に現行14px白文字ボタンが抵触。
   テキストをアイコン画像＋visually-hiddenへ置換し、非テキスト
   コントラスト1.4.11（3対1・白×ff0000は3.99対1）へ切替して是正。
   SPヘッダー既存実装（icon_search.png＋隠しテキスト）と同型。
   可逆設計：button直下にimgが存在する場合のみ発火する。HTMLを
   テキスト「検索」へ差し戻すと本追補は自動失効し、CSS切り戻し
   作業は不要（No.85逆方向スクリプト併納）。has使用は追補53
   ルールに従い a11y-gnav のIDスコープ内・単一固有クラスに限定。
   既存定義との関係：L459付近の a11y-search-btn（PC側メディア
   ブロック内・全宣言important）に対し、本追補は詳細度1,2,0＋
   後方のため優先。競合宣言のある padding のみ important 併用、
   display系・img整形は競合なしのため非important。メディア
   ラップなし＝600px以下では gnav 自体が非表示のため影響なし。
   本CSSは media screen,tv 読込のため印刷へは非適用。 */
#a11y-gnav .a11y-search-btn:has(> img) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px !important; /* 既存 0 5px のテキスト消失分を当たり判定拡張 */
}
#a11y-gnav .a11y-search-btn > img {
  display: block;
  height: 15px; /* ナビ高28px内・14から16pxの目安中央値 */
  width: auto;
}

/* =========================================================
   追補117（台帳No.85追記） 検索アイコン余白圧縮＋検索窓拡張
   ---------------------------------------------------------
   【a11y改修】リード指示。アイコン左右余白を減らし解放分を
   検索窓幅へ移す。幅収支：ボタンpadding左右計16から8へ8px
   解放 → 検索窓92pxから100pxへ+8px。検索エリア合計幅は±0で
   ナビ他項目のレイアウトに不影響。ボタン当たり判定は幅約
   29.9px×ナビ全高（アイコン実表示幅21.9px＋左右4px）を維持。
   追補116のpadding値（0 8px）は本追補で置換（退役・削除せず）。
   両ルールとも has ゲート＝HTML切り戻し時は検索窓幅も92pxへ
   自動復帰し、No.85可逆設計を維持。検索窓のwidth既存定義
   （L446付近・0,1,0・important）に対し詳細度1,3,0＋後方で優先。 */
#a11y-gnav .a11y-search-btn:has(> img) {
  padding: 0 4px !important; /* 追補116の 0 8px を圧縮 */
}
#a11y-gnav .a11y-search-form:has(.a11y-search-btn > img) .a11y-search-input {
  width: 100px !important; /* 解放8pxを移管（92pxから拡張） */
}

/* =========================================================
   追補118（台帳候補・新規） 検索エリアhover時のセパレーター消失是正
   ---------------------------------------------------------
   【a11y改修】リード指摘。L422付近の汎用ルール（li:hover と
   li:focus-within の before を display none）は、ホバーで白箱
   ＋赤枠へ変化する項目の隣接演出用だが、検索エリアの li は
   直下が form のため白箱ホバー対象外（a と button の直下限定
   セレクタに非該当）で、消す理由なくセパレーターだけ消える。
   左側（検索liの自before）に加え、L431の兄弟ルールで右側
   （用語集liのbefore）も同時に消えるため両方を復元する。
   focus-within も同機構のため併せて復元（キーボード操作時の
   一貫性）。復元値は基底定義が position absolute のため
   display block を明示。詳細度1,2,1および1,3,1＋後方で
   既存の非表示ルール（0,2,1・0,3,1）に優先。No.85の可逆設計
   とは独立の恒常修正のため has ゲートは付けない（テキスト
   ボタンへ切り戻しても本欠陥自体は存在するため）。メディア
   ラップなし＝600px以下は gnav 非表示のため影響なし。 */
#a11y-gnav > li.nav-item-search:hover::before,
#a11y-gnav > li.nav-item-search:focus-within::before {
  display: block !important; /* 左側セパレーター復元 */
}
#a11y-gnav > li.nav-item-search:hover ~ li.nav-item-glossary::before {
  display: block !important; /* 右側（用語集側）セパレーター復元 */
}

/* =========================================================
   追補119（台帳候補・新規） 検索窓入力テキストのフォント指定
   ---------------------------------------------------------
   【a11y改修】リード指摘。input要素はUA仕様により親のフォント
   を継承せずシステムフォントで描画されるため、検索窓の入力
   テキストのみ本文（body.is-a11y-mdn のモダンフォントスタック
   L111付近）と異なる書体になっていた。inherit 指定で本文定義を
   単一ソースとして参照させる（スタック複製をしない＝将来の
   フォント変更に自動追従・取り残しゼロ）。継承経路の li と form
   に別フォント指定はなく body の定義がそのまま解決される。
   font-size は既存 14px を維持（最小差分）。important は
   参照不能の styles_l（拡大用代替シート）等に潜在する可能性の
   ある旧input指定への保険として付与。No.85可逆設計とは独立の
   恒常修正のため has ゲートなし。 */
#a11y-gnav .a11y-search-input {
  font-family: inherit !important;
}

/* =========================================================
   追補120（台帳新規） 文字拡大ボタン（AA）の機能復旧
   ---------------------------------------------------------
   【a11y改修】リード決定（B案・機能復旧）。フォントサイズ統一
   追補群の px 固定（important・97件）が代替シート styles_l の
   拡大指定を打ち消し、AAボタンが改修済みページで実質無効化
   されていた。ui-a11y.js 追記の同期処理が拡大モード時に
   body.is-fontl を付与し、本追補が zoom で拡大を実現する。
   97件の固定と個別にカスケード競合させない方式のため追補は
   本1ルールのみで完結。値とスコープは旧 styles_l 実測に整合：
   旧実装はコンテンツ列のみ・本文120パーセント拡大（見出し
   130〜160）だったため zoom 1.2・スコープ beta とした。
   旧実装との差異（承認済み）：zoom は列内の画像等も等倍拡大
   する（旧はテキストのみ）。FRトップは旧実装でも実質拡大対象外
   （rss/stock の span 105パーセントのみ）のため beta スコープ
   外のまま＝旧挙動と同等。C-14でズーム耐性200/400検証済みの
   領域につきリフローは既存基盤で担保。本CSSは screen,tv 読込
   のため印刷へは非適用。L3631ほかの「拡大はズームで対応」
   コメントの方針は本追補をもって更新（コメント自体は不改変）。 */
body.is-a11y-mdn.is-fontl #beta {
  zoom: 1.2;
}/* =========================================================
   【a11y改修】追補121（台帳候補・新規）IRカレンダー表内リンクの
   ニュースリンク型装飾への統一
   ---------------------------------------------------------
   現状は .a11y-content-body a の汎用装飾（赤・下線）を継承していたが、
   黒基調の表中でニュース一覧と同型の「黒文字・グレー下線1px、
   ホバーとフォーカスで赤」に統一する（WCAG 1.4.1 の下線判別は維持）。
   実HTML確認済み：td.desc 直下の a のみが対象（2026年・2025年表）。
   事前grep：ir-calender-table のリンク既存指定は styles-a11y.css・
   参照styles.css ともに無し（追補50は th.date のみ）。競合は
   .a11y-content-body a（詳細度0,1,1・important）で、本追補の
   セレクタが詳細度で優先。追補50と同一チェーンでスコープ限定。
   メディア指定なし＝ニュースリンク型と同運用（印刷にも同装飾）。
   CL-01準拠：赤系は --link-color-utility 経由のみ。
========================================================= */
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .ir-calender-table td.desc a {
  color: var(--color-black) !important;
  text-decoration: underline !important;
  text-decoration-color: #949494 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
  text-decoration-skip-ink: auto !important;
}
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .ir-calender-table td.desc a:hover,
body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .ir-calender-table td.desc a:focus-visible {
  color: var(--link-color-utility) !important;
  text-decoration-color: var(--link-color-utility) !important;
}
/* =========================================================
   【a11y改修】追補122（台帳候補・追補121の印刷例外）IRカレンダー表内
   リンクの印刷時下線抑止
   ---------------------------------------------------------
   追補74の印刷ポリシー＝印刷はリンク下線なし（現行本番踏襲・
   WCAGは印刷出力物を適合対象としない）に合わせ、追補121で付与した
   表内リンクの下線を印刷時のみ無効化する。追補121の運用注記のうち
   「印刷にも同装飾」は本追補をもって撤回（コメント自体は不改変）。
   同一セレクタ・同詳細度・important同士の後勝ちで確実に上書き。
   文字色は追補121の黒のまま維持（印刷可読性・インク節約）。
========================================================= */
@media print {
  body.is-a11y-mdn.ir #wrapper #pagebody #beta #content .ir-calender-table td.desc a {
    text-decoration: none !important;
  }
}
/* =========================================================
   【a11y改修】追補123（台帳候補・新規）更新情報リストのFlexbox化
   ---------------------------------------------------------
   旧styles.cssの固定幅設計＝コンテナ560px・col-a 70px・col-b 60px・
   col-c 430px（SP600px以下はcol-c 230px）のfloat構成により、
   長文タイトルが狭幅で不自然に折り返す（実機確認済み：
   コントワー・デ・コトニエ行）。コンテナを可変幅に、行をFlexに
   変更し、col-cが残り幅全体を使いブラウザ幅に追従して縮む構成へ
   （多言語Flexbox設計ルール準拠・EN/TC展開時の文字幅変動にも対応）。
   col-a/col-bは旧幅70px/60pxを固定基底として維持（視覚差分は
   col-cの折返し位置のみ）。SP帯域も同一機構で自然折返しとなるため
   旧230px指定の上書きを兼ねる。実HTML確認済み：ul.pkg直下に
   li.col-a/col-b/col-c の3列構成（本日の(a)反映で受領）。
   事前grep：styles-a11y.css の about-whatsnew 指定は0件（新規）。
   競合は旧styles.css 8977-9027の固定幅（非important）のみで、
   本追補が詳細度とimportantで優先。floatはflexアイテム化により
   仕様上無効化されるため打消し不要。スコープ：aboutセクション＋
   .about-whatsnew 限定。
========================================================= */
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .about-whatsnew {
  width: auto !important;
  max-width: 100% !important;
}
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .about-whatsnew ul.pkg {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
}
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .about-whatsnew .col-a,
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .about-whatsnew .col-b {
  flex: 0 0 auto !important;
}
body.is-a11y-mdn.about #wrapper #pagebody #beta #content .about-whatsnew .col-c {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}
/* =========================================================
   【a11y改修】追補124（台帳候補・新規）サイトご利用方法：文字サイズ
   説明のA表記グリフ
   ---------------------------------------------------------
   termsofuse の文字サイズ変更説明にあった旧UI色の挿絵画像
   （subnav_alarge/subnav_adefault）を廃し、テキストのAをヘッダー
   AAボタンの改修後の見た目（ユーティリティ赤・Arial太字・
   拡大14px/標準11px）に揃えて表示するためのopt-inクラス。
   非対話の表記であり実操作はヘッダー側ボタンが担う（説明文の
   「ページ右上の」の記載どおり）。色は変数経由（CL-01準拠・
   AB案最終決定に自動追従）。実HTML確認済み：termsofuse本文の
   span 2箇所のみが対象。opt-inクラスのため他ページへの波及なし。
========================================================= */
body.is-a11y-mdn #wrapper #pagebody #beta #content .a11y-content-body .a11y-font-glyph {
  color: var(--link-color-utility) !important;
  font-family: Arial, sans-serif !important;
  font-weight: bold !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .a11y-content-body .a11y-font-glyph-large {
  font-size: 14px !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .a11y-content-body .a11y-font-glyph-std {
  font-size: 11px !important;
}
/* =========================================================
   【a11y改修】追補125 メディアブロックの下余白調整（--flush修飾）
   ---------------------------------------------------------
   a11y-media-block直後に全幅の本文段落が続くレイアウト（IRトップ
   メッセージ2026年5月版で採用）向けのopt-in修飾クラス。既定の
   下余白30pxでは、直前段落自身のpadding-bottom 20px（現行styles
   1494-1496行の標準p間隔）と合算して約50px開くため、ブロック側を
   20pxへ変更し、かつブロック内本文列の最終段落のpaddingを0へ。
   これにより写真下端・本文下端のどちらが低い場合でも後続段落
   との間隔が標準のp間隔（20px）に一致する。基底コンポーネント
   （750行）と同じくopt-inクラス運用のため他ページへの波及なし。
   後勝ちで基底のmargin-bottom 30pxを上書きする。
========================================================= */
.a11y-media-block--flush {
  margin-bottom: 20px !important;
}
.a11y-media-block--flush .a11y-media-block__body p:last-child {
  padding-bottom: 0 !important;
}
/* =========================================================
   【a11y改修】追補126 フォトライブラリー：SP表示の左余白解消
   ---------------------------------------------------------
   フォトライブラリーは見出しの.titleが記事本文内に置かれた
   構造のため、SPでは親コンテナと.title双方のインデントが二重
   掛けになり、h1と説明段落の左余白が下の事業ボックス群より
   深く残る。説明段落はインラインのpadding-left 25pxがSPでも
   有効なまま。対象2要素にHTML側でopt-inクラスa11y-sp-flushを
   付与し、SPのみ左padding/marginを0にして親基準へ揃える
   （事業ボックス群と左端が一致）。インライン指定への打ち勝ち
   にimportantが必要。PCは変更なし（メディア限定）。body固有
   クラスが無いページのためopt-inクラスでスコープを担保。
========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.about.single-entry .a11y-sp-flush {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
}
/* =========================================================
   【a11y改修】追補127 フォトライブラリー：SP説明段落の左位置確定
   ---------------------------------------------------------
   追補126のpadding-left 0では、h1の文字開始位置（.titleの3%＋
   センタリング1%＋赤バー4px＋h1のpadding 5px）より左に出て
   しまうため、実機ライブ当てで確定した calc(4% + 9px) に更新。
   後勝ちで追補126のpadding-left 0を上書きする（126は本項に
   よりpadding-left値のみ superseded。margin-left 0は継続有効）。
   インライン指定への打ち勝ちにimportantが必要。PCは変更なし。
========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.about.single-entry .a11y-sp-flush {
    padding-left: calc(4% + 9px) !important;
  }
}
/* =========================================================
   【a11y改修】追補128 フォトライブラリー：SP説明段落をパンくず左端へ
   ---------------------------------------------------------
   揃え先の変更（h1文字開始→パンくずナビ左端）。パンくずの左
   位置は .content-nav .col-a の margin-left 16px（現行styles
   1310-1312行・SPでも16px維持）で、説明段落は#content直下
   （実測 x=1）のため padding-left 16px で左端が一致する。
   後勝ちで追補127のcalc値を上書き（127はsuperseded）。
   インライン指定への打ち勝ちにimportantが必要。PCは変更なし。
========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.about.single-entry .a11y-sp-flush {
    padding-left: 16px !important;
  }
}
/* =========================================================
   【a11y改修】追補129 フォトライブラリー：SP説明段落＝パンくず左端（実測確定）
   ---------------------------------------------------------
   説明段落は#content直下ではなくdiv.entry（SPで幅98パーセント
   中央寄せ＋左右3パーセント）内のarticle配下にあり、実DOM補正
   値の実測（390px幅）で margin-left -15px がパンくず左端
   （.content-nav .col-a の margin-left 16px）と一致した。
   追補128のpadding-left 16pxは前提誤り（#content直下説）に
   基づくためsuperseded。コンテナのインセットがパーセント基準
   のため、幅320-600pxの端で数pxの漂いの可能性あり。基準機
   430pxで許容外の場合は2点実測からcalc式へ更新する。
========================================================= */
@media screen and (max-width: 600px) {
  body.is-a11y-mdn.about.single-entry .a11y-sp-flush {
    padding-left: 0 !important;
    margin-left: -15px !important;
  }
}
/* =========================================================
   【a11y改修】追補130 IRトップ：UNIQLOバッジのSVG化上書き
   ---------------------------------------------------------
   小型バッジ画像のSVG化（B案赤・キャッシュ刷新・拡大耐性）の
   一環。icon_uniqlo.gifの参照元は現行styles 1801-1804行と
   print.css 356行（いずれも変更不可）のため、本ファイルの
   後勝ちでbackground-imageのみ上書きする。サイズは既存追補
   （1718行 background-size auto 11px・important）が制御済み
   であり、SVGのviewBox由来の縦横比により実寸44x11pxで描画
   されるため本項では宣言しない（競合回避）。セレクタは1718行
   と同一形＝同詳細度・後勝ちで確実に適用。styles_macsafari.css
   の同名参照は廃止対象のため対応不要。背景画像は印刷非出力の
   ため印刷パリティ不変。SVG側要件：viewBox必須（44 11比）。
========================================================= */
body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 span.i-uniqlo {
  background-image: url(/jp/images/icon_uniqlo.svg) !important;
}
/* =========================================================
   【a11y改修】追補131 テキストディバイダー共通クラス
   ---------------------------------------------------------
   区切り記号画像（icon_dividerred.gif 2x11 / icon_dividerred2
   .gif 9x10）をテキストの縦棒に置換するためのopt-inクラス。
   ヘッダーsubnavの確立実装（249-257行・テキスト縦棒＋変数色
   ・11px normal）と同一の造形言語へ全ページ統一（A案確定・
   IRトップ実機ライブ確認済み）。色は変数経由（CL-01準拠・
   AB案最終決定に自動追従・現在B案の濃赤に解決）。aria-hidden
   はHTML側で付与し読み上げ対象外とする。画像置換のため印刷
   では従来非表示だった区切りが印字されるようになる（テキスト
   化の自然な帰結・情報増側の変化のため許容）。
========================================================= */
.a11y-divider {
  color: var(--link-color-utility) !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: normal !important;
  margin: 0 4px !important;
}
/* =========================================================
   追補132：FRトップ 株価行「チャート」矢印の縦位置整列
   ---------------------------------------------------------
   【a11y改修】FRトップ p.stock 内の矢印（icon_arwred2.gif・aの外側の
   兄弟img）が legacy の em 基準 vertical-align（computed -1.17px）では
   当行の小さめフォントに補正不足でベースラインから浮く（2026/07/28
   実測・Console採取済み）。サイズ非依存の middle へ上書きし「チャート」
   テキストと中央整列させる。src 部分一致セレクタで矢印のみに限定
   （株価SVG・iframeには非干渉）。home＝FRトップ限定・screen/print共通。
   追記前grep：同セレクタへの非important×メディア別ルールなしを確認のこと。 */
body.is-a11y-mdn.home #content p.stock img[src*="icon_arwred2"] {
  vertical-align: middle !important;
}/* =========================================================
   追補133：アイコン併用リンクの装飾既定の是正（ルール2の一括適用）
   ---------------------------------------------------------
   【a11y改修】台帳No.126。PDF・三角矢印・別窓・ページ内アンカーの各
   アイコンを伴うリンク（下線ルール分類2＝記号併用）が、本文既定
   （分類3＝赤＋常時下線）を受けて現行本番と見た目が乖離していたため、
   黒既定・下線なし／ホバー・フォーカスで赤＋下線へCSS一括是正する。
   対象実HTMLは /jp/sustainability/labor/ 系で採取済み（2026/07/30）。
   アイコン画像は常にアンカー直前の兄弟要素のため隣接兄弟結合子で
   捕捉し、has 系セレクタは使用しない（追補53の越境懸念を回避）。
   フックは list-pdf・pagetop・a.black・icon-arrow・popup・src部分一致
   （icon_pdf／icon_pagedown／icon_arwred2）の多重掛け。pb20 は汎用
   余白ユーティリティのためフックに用いない（csr.css L3589 実測）。
   レガシー実測（styles.css L92-96）：a.black・.pagetop a＝黒既定・
   ホバー赤＋下線であり本追補はその再現。色は変数経由でAB案に自動
   追従（CL-01・追補83でB案 d20000 確定済み）。3言語共通適用（D3）。
   Excel系アイコンは実HTML未採取のため対象外・採取後に別追補
   （追補31ルール）。特異度は 0,3,1〜0,3,2＝汎用 0,1,1 および
   追補134の 0,2,1 より高く、分類2が分類3既定に勝つ設計。 */
body.is-a11y-mdn .a11y-content-body .list-pdf a,
body.is-a11y-mdn .a11y-content-body .pagetop a,
body.is-a11y-mdn .a11y-content-body a.black,
body.is-a11y-mdn .a11y-content-body img.icon-arrow + a,
body.is-a11y-mdn .a11y-content-body img.popup + a,
body.is-a11y-mdn .a11y-content-body img[src*="icon_pdf"] + a,
body.is-a11y-mdn .a11y-content-body img[src*="icon_pagedown"] + a,
body.is-a11y-mdn .a11y-content-body img[src*="icon_arwred2"] + a {
  color: var(--color-black) !important;
  text-decoration: none !important;
}
body.is-a11y-mdn .a11y-content-body .list-pdf a:hover,
body.is-a11y-mdn .a11y-content-body .list-pdf a:focus-visible,
body.is-a11y-mdn .a11y-content-body .pagetop a:hover,
body.is-a11y-mdn .a11y-content-body .pagetop a:focus-visible,
body.is-a11y-mdn .a11y-content-body a.black:hover,
body.is-a11y-mdn .a11y-content-body a.black:focus-visible,
body.is-a11y-mdn .a11y-content-body img.icon-arrow + a:hover,
body.is-a11y-mdn .a11y-content-body img.icon-arrow + a:focus-visible,
body.is-a11y-mdn .a11y-content-body img.popup + a:hover,
body.is-a11y-mdn .a11y-content-body img.popup + a:focus-visible,
body.is-a11y-mdn .a11y-content-body img[src*="icon_pdf"] + a:hover,
body.is-a11y-mdn .a11y-content-body img[src*="icon_pdf"] + a:focus-visible,
body.is-a11y-mdn .a11y-content-body img[src*="icon_pagedown"] + a:hover,
body.is-a11y-mdn .a11y-content-body img[src*="icon_pagedown"] + a:focus-visible,
body.is-a11y-mdn .a11y-content-body img[src*="icon_arwred2"] + a:hover,
body.is-a11y-mdn .a11y-content-body img[src*="icon_arwred2"] + a:focus-visible {
  color: var(--link-color-utility) !important;
  text-decoration: underline !important;
}
/* =========================================================
   追補134：本文リンク（アイコンなし・分類3）の黒文字化
   ---------------------------------------------------------
   【a11y改修】台帳No.126派生・リード指示（2026/07/31）。地の文リンクの
   既定を赤＋常時下線から黒＋常時下線へ変更し、ホバー・フォーカスで
   赤（変数経由・B案 d20000）＋下線とする。常時下線は既存の汎用ルール
   （L1792 付近・0,1,1）の宣言をそのまま生かすため、本追補は color のみ
   上書きし text-decoration には一切触れない。これにより a11y-link-dark・
   pagetop 等の「下線なし既定」（0,2,1 以上）を巻き込まない。ホバー時の
   下線太さ 2px 化（既存 0,2,1）も維持される。1.4.1 は常時下線の維持に
   より引き続き充足（CL-04）。3言語共通適用（D3）。特異度 0,2,1／
   ホバー系 0,3,1＝既存汎用より高く、追補133・a11y-link-dark 系より
   低い設計。
   例外（リード決定 2026/07/31）：B案比較検討資料3章に列挙の
   ユーティリティ赤リンク（IRトップ「詳細はこちら」「メール配信
   サービス」「IRニュースバックナンバー」等・FRトップ「ニュース
   リリース」「チャート」等）は赤 d20000 を維持する。対象の実HTML
   断片採取後に個別パッチを別追補で起案（追補31ルール）。なお
   a11y-content-body を持たないテンプレート（トップ系の可能性）は
   本追補の対象外のため、Console実測で要否を先に判定すること。 */
body.is-a11y-mdn .a11y-content-body a {
  color: var(--color-black) !important;
}
body.is-a11y-mdn .a11y-content-body a:hover,
body.is-a11y-mdn .a11y-content-body a:focus-visible {
  color: var(--link-color-utility) !important;
}
/* =========================================================
   【a11y改修】追補135 subnav 日本語版リンクのセパレーター定義
   ---------------------------------------------------------
   対象：html[lang="en"] および html[lang="zh-Hant"] の #subnav。
   246-260行が t-chinese / english / fontd の3クラスにのみ
   セパレーターを定義しているため、EN/TC で新たに出現する
   li.japanese に区切りが付かず、言語切替リンク間のセパレーターが
   1本欠落する（221-225行の li::before / li::after 全リセットが
   残るため）。既存246-260行の宣言を値まで完全同一で複製し、
   造形差をゼロにする。色は変数経由でCL-01準拠・AB案に自動追従。
   li.japanese は JP に存在しないため html[lang] スコープは不要
   （クラス出現自体が言語を限定する）。追記前grep：japanese の
   出現0件・同セレクタへの非important×メディア別ルールなしを確認。
   メディア文脈は既存と同一の screen min-width 601px。
   SP（600px以下）には a11y 側の subnav 指定が存在しないため
   本追補も同スコープに限定し、SP挙動は不変。
   本追補は当初133として起案したが、正本に追補133・134が既存の
   ため135へ改番（旧133版は破棄・未適用）。
========================================================= */
@media screen and (min-width: 601px) {
  #subnav li.japanese::after {
    content: "|" !important;
    color: var(--link-color-utility) !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: normal !important;
    margin-left: 6px !important;
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    transform: translateY(-1px) !important;
  }
}
/* =========================================================
   【a11y改修】追補136 EN/TC FRトップ Megahub免責表記の重なり解消
   ---------------------------------------------------------
   対象：EN/TC の FRトップ（body.home）にのみ存在する
   p.mghb（Powered by Megahub Limited Disclaimer）。
   機構：EN の legacy styles.css L860 が .mghb を float:right で
   浮かせており、包含は #pagebody の .pkg クリアフィックス
   （同 L39 の .pkg:after）に依存していた。a11y 側の Flexbox
   モダン化ブロックが body.is-a11y-mdn #pagebody::before /
   ::after を display:none / content:none で無効化するため、
   768px 以上で float が包含されず #pagebody の高さに算入されない。
   結果 #footer の border-top（赤3px）が浮動要素に重なる
   （2026/08/05 実測・重なり14px・Console採取済み）。
   対応：BFC を新設せず（margin 相殺挙動の変化を避けるため）、
   .mghb 自体の float を解除し通常フローの右寄せブロックにする。
   見た目は現行本番と同一（罫線の上に右寄せで1行）。
   .mghb は JP に存在しないため html[lang] スコープは不要
   （クラス出現自体が言語を限定する）。TC も同構造のため本追補で
   同時に解消される。SP（600px以下）は legacy L864 が
   .mghb を display:none とするため本追補の影響を受けない。
   追記前grep：mghb の出現0件・同セレクタへの非important×
   メディア別ルールなしを確認。
========================================================= */
body.is-a11y-mdn.home #pagebody > .mghb {
  float: none !important;
  text-align: right !important;
}
/* =========================================================
   【a11y改修】追補137 英語版グローバルナビの幅超過解消（D3方式）
   ---------------------------------------------------------
   対象：html[lang="en"] の #a11y-gnav のみ。
   機構：英語ラベルは日本語より語長が大きく、EN では gnav の必要幅が
   コンテナ幅を超える。2026/08/05 実測（Console採取済み・VP1024px）：
   gnav 幅1024px に対し scrollWidth 1040px＝16px超過。検索ボタン右端は
   コンテナ右端より5px外側（差の11pxは nav-item-search の右padding分）。
   li は flex-shrink で縮むが white-space:nowrap によりテキストは縮まず、
   検索ボタンが枠外へはみ出す（1.4.4／C-14 不適合）。
   対応：文字サイズは変更せず（CL-03＝太字18.66px以上を厳守）、
   検索窓の幅と項目の左右paddingから合計24pxを回収し8pxの余裕を確保する。
   内訳＝検索窓 100px→88px（12px）＋ 項目padding 11px→10px（左右計2px×
   a/button 5項目＋検索li 1項目＝12px）。
   日本語・繁體中文は語長が短く超過しないため html[lang="en"] で限定
   （TC ヘッダーは No.117 により検索ブロック非搭載＝本追補の対象外）。
   セレクタは既存の追補116・117 と同一チェーンに html[lang="en"] を
   前置し、詳細度で確実に後勝ちさせる。メディアラップなしは既存の
   追補116・117 と同方針（600px以下は gnav 自体が非表示のため無影響）。
   追記前grep：html[lang= の出現0件・同セレクタへの非important×
   メディア別ルールなしを確認。
========================================================= */
html[lang="en"] #a11y-gnav .a11y-search-form:has(.a11y-search-btn > img) .a11y-search-input {
  width: 88px !important;
}
html[lang="en"] #a11y-gnav > li > a,
html[lang="en"] #a11y-gnav > li > button {
  padding: 0 10px !important;
}
html[lang="en"] #a11y-gnav > li.nav-item-search {
  padding: 0 10px !important;
}
/* =========================================================
   【a11y改修】追補138 EN/TC Megahub免責表記の文字サイズ底上げ
   ---------------------------------------------------------
   対象：EN/TC の FRトップにのみ存在する p.mghb。
   現状：EN legacy styles.css L861 が font-size 7pt を指定しており
   実効約9.33px。本プロジェクトの最小基準11px（.small と同値）を
   下回るため底上げする。色は legacy のインライン指定 color:#666
   （白地コントラスト比 5.74 対 1・通常文字基準 4.5 対 1 を充足）の
   ままとし変更しない。
   セレクタは追補136と同一チェーンを用い、同追補の float 解除・
   右寄せと一体で当該行を制御する。.mghb は JP に存在しないため
   html[lang] スコープは不要（クラス出現自体が言語を限定する）。
   SP（600px以下）は legacy L864 が .mghb を display:none とするため
   本追補の影響を受けない。
   追記前grep：mghb への font-size 指定は a11y 側に0件・同セレクタへの
   非important×メディア別ルールなしを確認。
========================================================= */
body.is-a11y-mdn.home #pagebody > .mghb,
body.is-a11y-mdn.home #pagebody > .mghb a {
  font-size: 11px !important;
}
/* =========================================================
   【a11y改修】追補139 英語版フッター文字サイズの底上げ（D3方式）
   ---------------------------------------------------------
   対象：html[lang="en"] のフッター最小テキストのみ。
   経緯：EN 実機確認（2026/08/05）でコピーライト行 11px が小さいとの
   判断。日本語版・繁體中文版は既存検証が完了しているため変更せず、
   EN のみ 11px → 12px へ底上げする（リード決定・言語別の意図的差異）。
   対象と現在値：
     コピーライト行 #footerLink06 / a ＝ 11px（3501行付近・PC 601px以上）
     Megahub免責 p.mghb / a         ＝ 11px（追補138・本追補で12pxへ）
   SP（600px以下）の #footer p / #footerLink06 は既に 12px のため
   本追補で PC/SP の値が揃う。フッターリンク列 #footer dl a（768px以上・
   12px）とも一致し、EN フッター内の最小テキストが 12px に統一される。
   セレクタは既存ルールと同一チェーンに html[lang="en"] を前置し、
   詳細度で確実に後勝ちさせる。追補138 の .mghb 11px は本追補で
   撤回（append-only 原則により本文は監査記録として残置）。
   メディアは既存 #footerLink06 の指定に合わせ screen 601px以上に限定。
   .mghb は SP で legacy が display:none のためメディアラップ不要だが、
   同一ブロック内で扱うため同スコープに含める。
   起票：EN と JP/TC でフッター文字サイズが 12px / 11px と異なるため、
   8/6-7 のクロスサイト検証で不統一と誤検出しないよう台帳へ記録する。
   追記前grep：html[lang="en"] のフッター系指定0件・同セレクタへの
   非important×メディア別ルールなしを確認。
========================================================= */
@media screen and (min-width: 601px) {
  html[lang="en"] body.is-a11y-mdn #footerLink06,
  html[lang="en"] body.is-a11y-mdn #footerLink06 a,
  html[lang="en"] body.is-a11y-mdn.home #pagebody > .mghb,
  html[lang="en"] body.is-a11y-mdn.home #pagebody > .mghb a {
    font-size: 12px !important;
  }
}
/* =========================================================
   【a11y改修】追補140 繁體中文版グローバルナビの項目幅調整（D3方式）
   ---------------------------------------------------------
   対象：html[lang="zh-Hant"] の #a11y-gnav のみ。
   機構：基底290行の justify-content:space-between と306行の
   li の flex:1 1 auto は6〜7項目を等間隔で敷き詰める前提の設計。
   TC は about / ir の2項目のみのため（No.117・group等セクション不在）、
   各項目が帯の残り幅いっぱいに伸長し、現行TCのコンパクトな
   ナビ（項目幅＝文字幅・左詰め）と乖離する（2026/08/06 実機確認）。
   対応：TC に限り項目の伸長を止めて左詰めに変更し、現行の造形に
   合わせて末尾項目の右側にも区切り線を追加する（基底354行の
   li::before と同一ジオメトリの ::after を right:0 に配置）。
   文字サイズ・padding は3言語共通値のまま変更しない（CL-03維持）。
   コーナーロゴ（flex:0 0 210px 指定）は基底のまま。
   日本語・英語は項目数が多く本問題が生じないため html[lang="zh-Hant"]
   で限定する。メディアは基底ブロックと同じ screen 601px以上。
   追記前grep：zh-Hant はコメント内言及1件のみ・セレクタとしての
   既存使用0件・同セレクタへの非important×メディア別ルールなしを確認。
========================================================= */
@media screen and (min-width: 601px) {
  html[lang="zh-Hant"] .a11y-gnav {
    justify-content: flex-start !important;
  }
  html[lang="zh-Hant"] .a11y-gnav > li {
    flex: 0 0 auto !important;
  }
  html[lang="zh-Hant"] .a11y-gnav > li.nav-item-ir {
    position: relative !important;
  }
  html[lang="zh-Hant"] .a11y-gnav > li.nav-item-ir::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 16px !important;
    background-color: var(--color-white) !important;
    z-index: 5 !important;
  }
}
/* =========================================================
   【a11y改修】追補141 繁體中文版コーナーロゴ幅の復元（追補140の是正）
   ---------------------------------------------------------
   対象：html[lang="zh-Hant"] の #a11y-gnav 内 li.nav-corner-logo。
   機構：追補140 の li 全称指定 flex:0 0 auto が、基底325行の
   li.nav-corner-logo の flex:0 0 210px 指定と同詳細度（0,2,1）で
   後勝ちし、コーナーロゴ枠が内容幅（実質0）へ潰れて gnav 項目が
   帯の左端へ詰まった（2026/08/06 実機確認）。日本語版では
   「会社情報」がコーナーロゴ210pxの直後から始まるため、TC の
   「關於我們」も同位置に揃える。
   対応：より高い詳細度（0,3,1）でコーナーロゴ幅210pxを再宣言し、
   基底値を復元する。追補140 の他の変更（左詰め・項目幅auto・
   末尾区切り線）は維持。append-only 原則により140本文は残置。
========================================================= */
@media screen and (min-width: 601px) {
  html[lang="zh-Hant"] .a11y-gnav > li.nav-corner-logo {
    flex: 0 0 210px !important;
  }
}
/* =========================================================
   【a11y改修】追補142 繁體中文版SPトップ 2件の是正（現行造形への一致）
   ---------------------------------------------------------
   対象1：html[lang="zh-Hant"] の .index_sub / .foot_sub（600px以下）。
   機構：TC legacy styles.css 1296-1305行は ul.left / ul.right に
   width 50% と padding-left 8vw / 2vw を与えるが、box-sizing の
   既定（content-box）では合計が 100%＋10vw となり flex-wrap:wrap
   （1251行）により右カラムが折返して縦積みになる（2026/08/06
   実機確認）。現行SPが左右2列なのは旧SP専用ページが /jp/css/ を
   参照していたためで、/tc/css/ 単独では成立しない。
   対応：ul に border-box を与え padding を幅内側へ収める。
   50%＋50%＝100% ちょうどとなり折返しが解消、現行の左右2列に一致。
   対象2：p.mghb（600px以下・言語非依存）。
   機構：EN は legacy styles.css が SP で .mghb を非表示にするが、
   TC legacy には .mghb の定義自体が無く（現行TCはクラスなしの
   インラインstyleのp）、統合版で付与した .mghb がSPに露出する。
   現行TC-SPに当該行は存在しない（SPの同内容リンクは index_sub 右
   カラムが担う）ため、SPでは非表示にして現行造形に合わせる。
   .mghb は JP に存在せず、EN は legacy と二重指定になるが同値の
   ため無害。文字サイズ・色は変更しない。
   追記前grep：index_sub / foot_sub への a11y 側指定は SPフッター
   リンク（3657行）のみで display への干渉なし・mghb の display
   指定0件を確認。
========================================================= */
@media screen and (max-width: 600px) {
  html[lang="zh-Hant"] .index_sub > ul.left,
  html[lang="zh-Hant"] .index_sub > ul.right,
  html[lang="zh-Hant"] .foot_sub > ul.left,
  html[lang="zh-Hant"] .foot_sub > ul.right {
    box-sizing: border-box !important;
  }
  body.is-a11y-mdn.home #pagebody > .mghb {
    display: none !important;
  }
}
/* =========================================================
   【a11y改修】追補143 繁體中文版SPトップ index_sub のflex復元
   ---------------------------------------------------------
   対象：html[lang="zh-Hant"] の .index_sub.sp（600px以下）。
   機構：統合テンプレートは SP 専用ブロックの表示切替のため
   index_sub に sp クラスを併用するが、TC legacy styles.css では
   4758行の .sp display:block（600px以下）が 1271行の .index_sub
   display:flex（600px以下）と同詳細度・後定義のため勝ち、
   コンテナが通常フローとなって ul.left / ul.right が縦積みになる
   （2026/08/06 実測：border-box・幅194px＋194px＝コンテナ388px
   ちょうどで寸法は正常、display のみ block）。追補142 の
   box-sizing 是正は有効のまま、本追補で display を flex に復元して
   現行SPの左右2列に一致させる。
   index_main.sp は自身が block でも内部 ul が flex（1169行）のため
   影響なし。foot_sub は sp クラス非併用のため対象外。
   EN トップは index_sub 自体が存在せず、JP は本クラス構成を
   使用しないため html[lang="zh-Hant"] で限定する。
   追記前grep：index_sub への display 指定は a11y 側に0件を確認。
========================================================= */
@media screen and (max-width: 600px) {
  html[lang="zh-Hant"] .index_sub.sp {
    display: flex !important;
  }
}
/* =========================================================
   【a11y改修】追補144 繁體中文版SPトップ 株価・コピーライトの中央寄せ
   ---------------------------------------------------------
   対象：html[lang="zh-Hant"] の 600px以下のみ。
   1）株価ブロック .home #content .stock
   機構：TC legacy styles.css 1107行（600px以下）が text-align:right
   を指定しており右寄せになる。日本語版SPは中央のため、TC のみ
   center へ上書きして3言語の造形を揃える（リード指示 2026/08/06）。
   2）コピーライト行 #footerLink10
   機構：TC legacy 925行の text-align:left が要素への直接指定のため、
   a11y の #footer text-align:center（565行・継承のみ）に勝ち、
   赤帯内で左寄せになる。JP/EN は legacy の #footerLink06 自体が
   center を持つため中央になる。TC の #footerLink10 に center を
   直接与えて同一の造形にする。
   いずれも PC（601px以上）は現行造形（右寄せ／左寄せ）を維持し
   変更しない。html[lang="zh-Hant"] スコープのため JP/EN に影響なし。
   追記前grep：stock への a11y 側 text-align 指定0件・
   footerLink10 への a11y 側指定0件を確認。
========================================================= */
@media screen and (max-width: 600px) {
  html[lang="zh-Hant"] body.is-a11y-mdn.home #content .stock {
    text-align: center !important;
  }
  html[lang="zh-Hant"] body.is-a11y-mdn #footerLink10 {
    text-align: center !important;
  }
}
/* =========================================================
   【a11y改修】追補145 繁體中文版SPトップ 株価ブロック下の余白復元
   ---------------------------------------------------------
   対象：html[lang="zh-Hant"] の .home #content .stock（600px以下）。
   機構：TC legacy styles.css はグローバルで margin-bottom 60px を
   持つが、1107行（600px以下）のショートハンド margin: 0 auto が
   下余白を 0 に潰し、株価ブロック直下に index_main が密着する
   （2026/08/06 実機確認）。日本語版は margin 0 0 50px 0
   （参照CSS 1107行・SPでも有効）で下50pxを維持している。
   対応：JP と同値の margin-bottom 50px を与えて造形を揃える。
   追補144（中央寄せ）と同一セレクタチェーンを用いる。
   PC（601px以上）は legacy の 60px が生きており変更しない。
   html[lang="zh-Hant"] スコープのため JP/EN に影響なし。
   追記前grep：stock への a11y 側 margin 指定0件を確認。
========================================================= */
@media screen and (max-width: 600px) {
  html[lang="zh-Hant"] body.is-a11y-mdn.home #content .stock {
    margin-bottom: 50px !important;
  }
}
/* =========================================================
   【a11y改修】追補146 英語版サイドナビ文字サイズの日本語版同値化（D3方式）
   ---------------------------------------------------------
   対象：html[lang="en"] の #sidenav 内リンク（全幅）。
   実測（2026/08/07・Console採取）：
     JP #sidenav li a ＝ 12.8px（免責事項・IRトップメッセージの2頁で確認）
     EN #sidenav li a ＝ 11.52px（Disclaimer頁で確認）
   機構：legacy styles.css には EN・JP とも #sidenav への font-size
   指定が存在しない（両ファイル機械走査済み）。EN の 11.52px は
   12.8px×0.9 であり、EN 版 styles_d.css（標準スタイルシート）由来の
   縮小と特定。JP と同一の見え方に揃えるため、EN のみ 12.8px を
   直接指定して底上げする。
   値は px 直値とする（styles_d は代替スタイルシート切替の対象であり、
   %指定では拡大シート styles_l 選択時の挙動が JP と乖離するため。
   a11y の固定px統一ポリシーとも整合）。
   サブ階層（li li a）も同値で明示し、親子とも JP と同一にする。
   html[lang="en"] スコープのため JP/TC に影響なし。
   追記前grep：#sidenav への a11y 側 font-size 指定0件を確認。
========================================================= */
html[lang="en"] #sidenav li a,
html[lang="en"] #sidenav li li a {
  font-size: 12.8px !important;
}
/* =========================================================
   【a11y改修】追補147 繁體中文版コピーライト行の文字サイズ底上げ
   ---------------------------------------------------------
   対象：#footerLink10（TC 固有ID・PC 601px以上）。
   実測（2026/08/07・下層免責聲明ページ Console採取）：9.3px。
   機構：TC のコピーライト行は #footerLink10 であり、JP/EN の
   #footerLink06 を指名する既存の11px底上げ（3501行）の対象外。
   TC legacy の 7pt 相当がそのまま露出し、本プロジェクトの最小基準
   11px（.small と同値）を下回る。JP と同値の 11px へ底上げする。
   リンク（免責聲明）も同値で明示する。
   SP（600px以下）は既存の #footer p 指定（572行・12px）が
   #footerLink10 にも適用済みのため対象外。PC の見え方のみ変わる。
   #footerLink10 は JP/EN に存在しないIDのため言語スコープ不要
   （ID出現自体が言語を限定する・追補136と同方式）。
   追記前grep：footerLink10 への a11y 側指定は追補144（SP中央寄せ）
   のみ・font-size 指定0件を確認。
========================================================= */
@media screen and (min-width: 601px) {
  body.is-a11y-mdn #footerLink10,
  body.is-a11y-mdn #footerLink10 a {
    font-size: 11px !important;
  }
}
/* =========================================================
   【a11y改修】追補148 繁體中文版サイドナビ文字サイズの日本語版同値化
   ---------------------------------------------------------
   対象：html[lang="zh-Hant"] の #sidenav 内リンク（全幅・D3方式）。
   実測（2026/08/07・免責聲明ページ Console採取）：12px。
   JP は 12.8px（body 80% 継承・styles_l 拡大シートも #sidenav に
   非干渉のため標準・拡大とも不変）。TC の 12px は TC 版
   styles_d.css 由来の縮小と推定される（同ファイル未受領のため
   係数は未特定だが、対処は直値上書きのため特定不要）。
   3言語の統一のため JP と同値の 12.8px を直接指定する
   （リード決定 2026/08/07）。追補146（EN 同値化）と同型で、
   これにより JP＝継承 12.8px／EN＝追補146／TC＝本追補の
   3言語が標準時・AA拡大時とも同一の 12.8px となる。
   サブ階層（li li a）も同値で明示し、親子とも JP と同一にする。
   html[lang="zh-Hant"] スコープのため JP/EN に影響なし。
   追記前grep：#sidenav への a11y 側指定は追補146
   （html[lang="en"] 限定）のみ・zh-Hant スコープの指定0件を確認。
========================================================= */
html[lang="zh-Hant"] #sidenav li a,
html[lang="zh-Hant"] #sidenav li li a {
  font-size: 12.8px !important;
}
/* =========================================================
   【a11y改修】追補149 繁體中文版コピーライト行の文字色統一（#333）
   ---------------------------------------------------------
   対象：#footerLink10（TC 固有ID・PC 601px以上）。
   機構：a11y 基礎ブロック（75-78行）はコピーライト行の文字色を
   var(--color-gray)＝#333 に統一しているが、セレクタが JP/EN の
   #footerLink06 を指名しているため TC の #footerLink10 は対象外。
   PC では TC legacy styles.css 925/933行の color:#666 が露出し、
   TC のみ薄いグレーになる（2026/08/07 実機指摘）。
   SP（600px以下）は 3568行の #footer p 経由で #333 適用済みのため
   対象外。PC のみ #333 へ揃え、3言語のコピーライト行を同色にする。
   なお #666 on 白 は 5.74対1 で AA 自体は充足しており、本追補は
   適合是正でなく言語間の造形統一（追補147 の色版）。
   免責聲明リンク（span 内 a）も同値で明示する。
   #footerLink10 は JP/EN に存在しないIDのため言語スコープ不要
   （ID出現自体が言語を限定する・追補147と同方式）。
   追記前grep：#footerLink10 への a11y 側 color 指定0件を確認。
========================================================= */
@media screen and (min-width: 601px) {
  body.is-a11y-mdn #footerLink10,
  body.is-a11y-mdn #footerLink10 a {
    color: var(--color-gray) !important;
  }
}
/* =========================================================
   【a11y改修】追補150 繁體中文版トップ Megahub免責表記の下余白復元
   ---------------------------------------------------------
   対象：html[lang="zh-Hant"] の FRトップ p.mghb（601px以上）。
   機構：TC 現行トップの当該要素はインライン padding-bottom:5px を
   持っていたが、SP統合版で class="mghb" 化（EN形式へ統一）した際に
   インライン style を除去したため下余白が失われた（リード指摘
   2026/08/07）。現行と同値の 5px を復元する。
   EN の現行トップは本余白を持たないため html[lang="zh-Hant"] で
   限定し EN の造形は変えない。SP（600px以下）は追補142 で
   .mghb 自体が非表示のため対象外。
   セレクタは追補136・138 と同一チェーンに言語スコープを前置。
   追記前grep：.mghb への padding 指定は a11y 側0件を確認。
========================================================= */
@media screen and (min-width: 601px) {
  html[lang="zh-Hant"] body.is-a11y-mdn.home #pagebody > .mghb {
    padding-bottom: 5px !important;
  }
}
/* =========================================================
   【a11y改修】追補151 英語版SPトップ 2件の是正（現行造形への一致）
   ---------------------------------------------------------
   対象：html[lang="en"] の 600px以下のみ（D3方式）。
   1）Megahub免責 p.mghb の表示復元
   機構：追補142 の .mghb 非表示は TC 現行SP（当該行なし）に合わせた
   ものだが、セレクタが言語非依存のため EN にも適用され、EN 現行SPに
   存在する Powered by Megahub Limited Disclaimer が消えた
   （2026/08/07 現行比較で発覚・追補142 の副作用）。EN のみ表示を
   復元する。右寄せ・floatなしは追補136（言語非依存）が引き続き担う。
   2）フッターリンク帯 .foot_sub の赤罫復元
   機構：EN legacy 1304行は .foot_sub に border-top 2px の赤罫を
   持つが、a11y 545行の body.home .foot_sub の border-top:none
   （JPトップの造形用）が EN トップにも効き、現行SPに存在する赤罫が
   消える。EN のみ legacy と同じ 2px 赤罫を復元する（CL-01 準拠の
   変数経由・現行の #f00＝ブランド赤）。
   いずれも JP/TC は変更なし。
   追記前grep：html[lang="en"] の SP 帯指定は本追補が初・
   .mghb / .foot_sub への EN スコープ指定0件を確認。
========================================================= */
@media screen and (max-width: 600px) {
  html[lang="en"] body.is-a11y-mdn.home #pagebody > .mghb {
    display: block !important;
  }
  html[lang="en"] body.home.sp_support .foot_sub {
    border-top: 2px solid var(--ui-brand-red) !important;
  }
}
/* =========================================================
   【a11y改修】追補152 英語版トップ 株価ブロックのSP専用改行制御
   ---------------------------------------------------------
   対象：html[lang="en"] の .stock 内 br.br-sp（601px以上で非表示）。
   機構：現行EN-SP（index_sp.html・2026/08/07受領）の株価ブロックは
   見出し画像（Stock Quote / TSE / HDR）の直後に br.br-sp を置き、
   SP のみ縦積みにする構造。ただし .br-sp は EN legacy に定義が
   存在せず（.br-disp とは別物）常時改行のため、PC/SP別HTMLの
   現行では成立するが統合テンプレートでは PC の横並び造形を壊す。
   対応：統合版に現行SPと同じ br.br-sp を3箇所復元したうえで、
   本追補により PC 帯でのみ非表示にする。SP は改行が生きて
   現行SPと同一DOM・同一表示となり、legacy のSP負マージン群
   （sqimg -40px / stock-tse -20px 等）が設計どおり機能する。
   html[lang="en"] スコープのため JP/TC に影響なし。
   追記前grep：br-sp への指定は両CSSとも0件を確認。
========================================================= */
@media screen and (min-width: 601px) {
  html[lang="en"] .stock .br-sp {
    display: none !important;
  }
}
/* =========================================================
   【a11y改修】追補153 英語版SPトップ フッターリンク帯の上下余白復元
   ---------------------------------------------------------
   対象：html[lang="en"] の body.home .foot_sub（600px以下）。
   機構：EN legacy styles.css 1278行は .foot_sub に margin 5vw auto
   （390px幅で約20px）を与え、index_main 最下行の下線と赤罫2px
   （追補151で復元）の間に現行の余白を作る。a11y 540行の
   margin 0（JPのSPフッター帯設計・全 .foot_sub 対象）がこれを潰し、
   ENトップで下線と赤罫が密着する（2026/08/08 実機指摘）。
   対応：ENトップに限り legacy と同値の margin 5vw auto を復元する。
   下層の foot_sub（sp-only-footer 付き・JP設計へ統一済み）は
   body.home 非該当のため変更されない。JP/TC に影響なし。
   追記前grep：html[lang="en"] × .foot_sub の margin 指定0件を確認。
========================================================= */
@media screen and (max-width: 600px) {
  html[lang="en"] body.home.sp_support .foot_sub {
    margin: 5vw auto !important;
  }
}
/* =========================================================
   【a11y改修】追補154 英語版SPトップ Stock Quote見出しの重なり解消
   ---------------------------------------------------------
   対象：html[lang="en"] の .stock .sqimg（600px以下）。
   経緯：TEST で見出し画像（Stock Quote）と stock-tse が約5px重なる
   （2026/08/08 実機）。現行との突合で margin・line-height・
   vertical-align・display・DOMノード列がすべて同値であることを
   実測・機械照合で確認済み（現行間隔6px／TEST間隔-5px）。残余は
   インライン行ボックス計算の文脈差（親構造の違い）と判断し、
   機構の追跡を打ち切って行組み依存を除去する方式に切替える。
   対応：sqimg を block 化して行ボックスの介在自体を無くし、
   margin-bottom を 26px とする。後続 stock-tse の margin-top -20px
   （legacy 1121行・変更なし）との合成で実効間隔＋6px＝現行SPの
   実測値を再現する。上-40px・左30pxは legacy と同値を明示、
   右 auto は幅71px画像の左寄せ維持（block化での挙動固定）。
   PC（601px以上）は br-sp 非表示（追補152）を含め従来どおりで
   変更なし。html[lang="en"] スコープのため JP/TC に影響なし。
========================================================= */
@media screen and (max-width: 600px) {
  html[lang="en"] body.is-a11y-mdn.home .stock .sqimg {
    display: block !important;
    margin: -40px auto 26px 30px !important;
  }
}
/* =========================================================
   【a11y改修】追補155 英語版SPトップ Stock Quote間隔の確定（追補154の完結）
   ---------------------------------------------------------
   対象：html[lang="en"] の .stock .br-sp（600px以下）。
   機構：追補154 の sqimg block 化により、後続の br.br-sp が
   自身の空行ボックス（strut 12.8px）を生成するようになり、
   間隔が 26−20＋12.8≒19px と目標の 6px を超過した
   （2026/08/08 実測 19px・数式一致で機構確定）。inline 時代の
   br は直前行の終端のみで空行を作らなかったが、block 化後は
   改行役を block 自身が担うため br は不要となった。
   対応：SP でも br-sp を非表示にする。これにより sqimg
   margin-bottom 26px と stock-tse margin-top -20px（legacy・
   無変更）が隣接マージンとして相殺され、間隔は算術どおり
   6px＝現行SP実測値に確定する。
   PC は追補152 で非表示済みのため、本追補で br-sp は全帯域
   非表示となる（HTML側の br-sp はDOM資料として残置・無害）。
   html[lang="en"] スコープのため JP/TC に影響なし。
========================================================= */
@media screen and (max-width: 600px) {
  html[lang="en"] .stock .br-sp {
    display: none !important;
  }
}
/* =========================================================
   【a11y改修】追補156 英語版SPトップ 株価ブロック中央配置とMegahub右寄せ
   ---------------------------------------------------------
   対象：html[lang="en"] の 600px以下のみ（リード指示 2026/08/08）。
   1）株価ブロック .stock の中央配置
   機構：EN legacy 1112行（600px以下）は margin 40px auto 20px 0
   （左0・右auto）のため幅310pxのブロックが左寄せになる。
   左右マージンのみ auto へ上書きし、ブロック全体をページ中央に
   配置する。上下（40px/20px）と width 310px・内部の負マージン
   構成（sqimg / stock-tse / stock-hkd・追補154/155含む）は
   一切変更しないため、ブロック内のレイアウトは不変。
   2）Megahub免責 p.mghb の右寄せ
   機構：EN legacy 252行（600px以下）が .sp_support #pagebody を
   display:flex＋justify-content:center とするため、#pagebody
   直下の .mghb は flex アイテムとしてコンテンツ幅へシュリンクし
   中央に配置される（2026/08/08 実測：幅199px・左95／右295＝
   画面390pxの完全中央）。text-align:right 単独では199px箱内の
   右寄せにしかならないため、width:100% の全幅化と併記して
   親内幅全体の右端へ揃える。
   html[lang="en"] スコープのため JP/TC に影響なし
   （TC legacy に同種の #pagebody flex 指定はない）。
========================================================= */
@media screen and (max-width: 600px) {
  html[lang="en"] body.is-a11y-mdn.home #content .stock {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html[lang="en"] body.is-a11y-mdn.home #pagebody > .mghb {
    width: 100% !important;
    text-align: right !important;
  }
}
/* =========================================================
   【a11y改修】追補157 英語版SPトップ Megahub免責の右端余白
   ---------------------------------------------------------
   対象：html[lang="en"] の p.mghb（600px以下）。
   経緯：追補156 の全幅化＋右寄せにより右端に揃ったが、画面右端に
   密着して見づらいため、右に10pxの余白を設ける（リード指示
   2026/08/08）。padding-right で内側に確保し、width:100% との
   併用で横溢れしないよう box-sizing を border-box で固定する。
   html[lang="en"] スコープのため JP/TC に影響なし。
========================================================= */
@media screen and (max-width: 600px) {
  html[lang="en"] body.is-a11y-mdn.home #pagebody > .mghb {
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }
}

/* =========================================================
   追補158 パンくずの ol/li 化に伴う最小補正（C-09）
   ---------------------------------------------------------
   対象：body.is-a11y-mdn の .content-nav 内 ol.a11y-breadcrumb（3言語共通）
   機構：(1) L119 の #content li 13px を打ち消して既存11pxへ戻す
         (2) li をインライン化して従来の1行流し込みと折り返しを再現
   日付：2026-08-10
   ---------------------------------------------------------
   区切り記号は span.a11y-bc-sep（aria-hidden）で HTML 側に持つ。
   疑似要素方式は現行比の横位置ずれが margin 0.4em で +10.7px／区切、
   0 で -3.3px／区切、0.15em で +0.65px／区切となり完全一致に至らず不採用。
   span 方式は IRニュース・VP942px の実測でリンク座標・col-a高（21.7px）とも
   現行と完全一致、Nu HTML Checker で ol/li 由来のエラー0件を確認済み。
   ========================================================= */

/* (1)(2) li が #content li の 13px / line-height 1.5 に捕まるのを戻す。
   値は既存パンくずの実測値（font-size 11px・line-height 1.7）に一致させる */
body.is-a11y-mdn #beta #content .content-nav ol.a11y-breadcrumb,
body.is-a11y-mdn #beta #content .content-nav ol.a11y-breadcrumb li {
  font-size: 11px !important;
  line-height: 1.7 !important;
}

body.is-a11y-mdn #beta #content .content-nav ol.a11y-breadcrumb li {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 区切り span は装飾を持たせず、色・字送りとも親を継承させる。
   宣言を置かない方針とし、legacy の a 非該当テキストとして扱う。
   （必要が生じた場合のみ、実測を根拠に本コメント直下へ追記すること） */

/* 追補159 No.155 株価ブロック（IRニュース・IR情報エントリーアーカイブ）：
   img width="100%" height="100%" ・iframe frameborder="0" 等の廃止属性削除に伴うCSS移管。
   実測145x42・135x30 border0px を維持（2026-08-10 Console生体テストで一致確認済み） */
#stockchart > img {
	width: 100%;
	height: auto;
}
#stockchart #stock-price {
	border: 0;
}
/* =========================================================
   【a11y改修】追補160 JP サイドナビ文字サイズの常時適用化（追補146・148と対）
   ---------------------------------------------------------
   対象：html[lang="ja"] の #sidenav 内リンク（全幅・D3方式）。
   背景：JP の sidenav 12.8px は styles_d.css の body 80% 指定からの
   継承で供給される（追補148コメントに記録済みの機構）。No.158 の
   AA 切替クリック直後は styles_d/l が両方無効化される中間状態となり、
   供給源を失った body が UA 既定 16px となって sidenav も継承で
   16px へ落ちる（2026-08-10 実測）。EN は追補146、TC は追補148で
   本ファイル（title 無し・常時適用）に固定済みのため中間状態でも
   12.8px が保たれる。JP にも同一の D3 方式で 12.8px を常時適用し、
   3言語の供給機構を統一する。sidenav は AA 拡大対象外（No.150）の
   ため拡大モードでも 12.8px で正しい。
   サブ階層（li li a）も同値で明示し、追補146・148 と同型にする。
   html[lang="ja"] スコープのため EN/TC に影響なし。
   追記前grep：a11y 側の #sidenav font-size 指定は追補146（EN）・
   追補148（TC）のみ・ja スコープ0件を確認済み（2026-08-10）。
========================================================= */
html[lang="ja"] #sidenav li a,
html[lang="ja"] #sidenav li li a {
  font-size: 12.8px !important;
}
/* == 追補161 EN search.html probo検索ボタンのbutton化整形（2026-08-11） == */
/* 画像submit（btn_search.gif・TEST欠損）をbutton＋虫眼鏡アイコンへ置換した際の整形。 */
/* 赤hex不使用（CL-01遵守・リンク色統一8/5枠まで黒系アイコンで運用） */
html[lang="en"] .pbForm .probo-search-btn {
	background: transparent;
	border: 0;
	padding: 2px 6px;
	cursor: pointer;
	vertical-align: middle;
}
/* == 追補162 EN IR株価ブロック iframe id一意化への適用拡張（2026-08-11） == */
/* EN IRトップは TSE/HKE の iframe 2本構成で id="stock-price" が重複（Nu Error）。 */
/* -tse / -hke へ一意化するため、追補159の border:0 を新idにも適用する。 */
/* 既存の #stockchart #stock-price ルール（JP・TCが使用）は無変更で併存。 */
#stockchart #stock-price-tse,
#stockchart #stock-price-hke {
border: 0;
}
/* == 追補163 EN IRトップ irtop-box-full 固定高の解除(2026-08-11) == */
/* EN legacy styles.css L2119 が col-c/col-d を height:80px 固定(JPに同指定なし)。 */
/* 英語項目名の折り返しで内容が固定高を超え、ボックス重なりが発生(実測106px/内容高145-190px)。 */
/* Console生体テストで height:auto のみで解消を確認済み(負マージン -75px は共存可・全4ボックスはみ出しfalse)。 */
/* 未使用クラス irtop-box-full-finance(L2310 height:130px)は対象外(現行HTMLに不使用)。 */
html[lang="en"] .irtop #beta #content .irtop-box-full .row .col-a .col-c,
html[lang="en"] .irtop #beta #content .irtop-box-full .row .col-a .col-d {
height: auto;
}
/* =========================================================
   追補164：記事本文内 言語切替リンクの utility 装飾統一（No.152(1)）
   ---------------------------------------------------------
   【a11y改修】グループ企業ニュース・News & Updates・IRニュース等の
   記事本文（MTEntryBody）内の言語切替リンク（to English page 等）が
   p align="right" のまま utility-links 未付与のため、追補134 の
   本文リンク基本形（黒＋常時下線）が適用され、utility 系（濃赤・
   下線なし）とブログ間で装飾が割れていた。是正として、align 右寄せ
   段落内の「ページ自言語と異なる言語ディレクトリへのリンク」のみを
   utility 系と同装飾に統一する。
   誤爆防止：p align="right" 単独起点は署名・PDF リンク等を巻き込む
   ため、html の lang 属性で自言語を判定し、他言語ディレクトリ href
   のみを対象化（STAGE_20260807 断面の機械集計で対象1,987リンク・
   非切替の混入は他言語PDF 2件のみ＝本番データ変換後の最終形と同装飾
   になるため許容。2026-08-13）。
   実測：TEST /jp/group/news/2607241100.html および
   /jp/ir/news/2607091800.html にて Console 生体テスト合格
   （切替リンク＝濃赤・下線なし／同段落内 PDF リンク＝黒・下線 不変。
   2026-08-13・レスポンシブモード PC UA）。
   将来整理：No.152(2) の本番記事データ一括変換（p align 除去＋
   utility-links 付与）完了後は本追補のセレクタは対象消滅により
   自然無害化する。公開後整理（No.93 枠）の削除候補として台帳に記録。
   ========================================================= */
html[lang="ja"] body.is-a11y-mdn #content p[align="right"] a[href^="/eng/"],
html[lang="ja"] body.is-a11y-mdn #content p[align="right"] a[href^="/tc/"],
html[lang="en"] body.is-a11y-mdn #content p[align="right"] a[href^="/jp/"],
html[lang="en"] body.is-a11y-mdn #content p[align="right"] a[href^="/tc/"],
html[lang="zh-Hant"] body.is-a11y-mdn #content p[align="right"] a[href^="/jp/"],
html[lang="zh-Hant"] body.is-a11y-mdn #content p[align="right"] a[href^="/eng/"] {
  color: var(--link-color-utility) !important;
  text-decoration: none !important;
}
html[lang="ja"] body.is-a11y-mdn #content p[align="right"] a[href^="/eng/"]:hover,
html[lang="ja"] body.is-a11y-mdn #content p[align="right"] a[href^="/eng/"]:focus,
html[lang="ja"] body.is-a11y-mdn #content p[align="right"] a[href^="/eng/"]:focus-visible,
html[lang="ja"] body.is-a11y-mdn #content p[align="right"] a[href^="/tc/"]:hover,
html[lang="ja"] body.is-a11y-mdn #content p[align="right"] a[href^="/tc/"]:focus,
html[lang="ja"] body.is-a11y-mdn #content p[align="right"] a[href^="/tc/"]:focus-visible,
html[lang="en"] body.is-a11y-mdn #content p[align="right"] a[href^="/jp/"]:hover,
html[lang="en"] body.is-a11y-mdn #content p[align="right"] a[href^="/jp/"]:focus,
html[lang="en"] body.is-a11y-mdn #content p[align="right"] a[href^="/jp/"]:focus-visible,
html[lang="en"] body.is-a11y-mdn #content p[align="right"] a[href^="/tc/"]:hover,
html[lang="en"] body.is-a11y-mdn #content p[align="right"] a[href^="/tc/"]:focus,
html[lang="en"] body.is-a11y-mdn #content p[align="right"] a[href^="/tc/"]:focus-visible,
html[lang="zh-Hant"] body.is-a11y-mdn #content p[align="right"] a[href^="/jp/"]:hover,
html[lang="zh-Hant"] body.is-a11y-mdn #content p[align="right"] a[href^="/jp/"]:focus,
html[lang="zh-Hant"] body.is-a11y-mdn #content p[align="right"] a[href^="/jp/"]:focus-visible,
html[lang="zh-Hant"] body.is-a11y-mdn #content p[align="right"] a[href^="/eng/"]:hover,
html[lang="zh-Hant"] body.is-a11y-mdn #content p[align="right"] a[href^="/eng/"]:focus,
html[lang="zh-Hant"] body.is-a11y-mdn #content p[align="right"] a[href^="/eng/"]:focus-visible {
  color: var(--link-color-utility) !important;
  text-decoration: underline !important;
}
/* =========================================================
   追補165：ENグループトップ top-nav（Last Updated行）の位置是正
   ---------------------------------------------------------
   【a11y改修】グループトップ固有の top-nav 3px上移動（L2013付近・
   JP実測に基づく個別調整）が、EN版では legacy styles.css の行送り
   前提の違いにより過剰に効き、パンくず（.content-nav）下端へ
   約3px重なって文字下部が欠けて見えていた（2026-08-13実測：
   パンくず下端126pxに対し top-nav 上端123px・本番ENは非発生＝
   改修起因の退行）。
   是正：EN×grouptop 限定で transform を無効化し（重なり解消）、
   下罫線との余白は margin-bottom 4px で確保（Console生体テストで
   none+4px を確定。1px でも上移動するとパンくずへ再重複するため
   transform による調整は不採用）。JP・TC は非対象（JPは正常表示、
   TCグループトップは存在しない）。追補53ルール準拠：html の lang
   属性と grouptop クラスで二重アンカー。
   ========================================================= */
html[lang="en"] body.is-a11y-mdn.grouptop #content p.top-nav {
  transform: none !important;
  margin-bottom: 4px !important;
}
/* =========================================================
   追補166：TC關於我們トップ（abouttop）の表示是正一式
   ---------------------------------------------------------
   【a11y改修】TC關於我們トップは JP会社情報トップと構造が異なる
   （全幅ニュース枠＋2列固定420pxのカード群＋固定高col0/col1/col2）
   ため、JP向け既存ルールの波及で 3点の退行が発生（2026-08-13実測）：
   (1) ニュース枠が .news-list の max-width 590px（L2090系・JP CSR
       トップの列幅前提）で絞られ全幅にならない
   (2) col-a(420px)＋右マージン6px＋col-b(420px)＝846px が可変幅の
       容器(実測843px)に収まらず col-b が縦落ち
   (3) col0 の legacy 固定高(289px)より内容(372px)が長く、枠線が
       途中で途切れ後続へ重なる
   さらに openbr.js 廃止で置換した popup-trigger ボタン（RSS）は
   本文外のため inline-link-btn 装飾（a11y-content-body 配下限定）
   が効かず素のボタン表示になる。
   是正（すべて zh-Hant × abouttop 二重アンカー・追補53ルール準拠）：
   ・news-list の幅上限を解除し全幅化
   ・col-a/col-b を各50%（マージン分3px控除）のフルード幅へ変更し
     どの画面幅でも横並びを維持（legacy固定420pxは幅次第で本番でも
     破綻するため固定値は採らない）
   ・col0/col1/col2 の固定高を解除し flow-root で float を内包
     （枠線が内容全体を包む）
   ・カード内リンクとRSSボタンを IRトップのメニューリンク実測値
     （13px／行高13px／標準ウェイト）に統一。ボタンはリンク風に
     リセットし、hover・focus-visible はリンクと同一宣言
     （brand-red＋下線）。機能は popup-trigger のまま不変。
   Console生体テストで全項目確認済み（2026-08-13〜14）。
   ========================================================= */
html[lang="zh-Hant"] body.is-a11y-mdn.abouttop #content .news-list {
  max-width: none !important;
}
html[lang="zh-Hant"] body.is-a11y-mdn.abouttop #content .abouttop-box > .col-a.pkg,
html[lang="zh-Hant"] body.is-a11y-mdn.abouttop #content .abouttop-box > .col-b.pkg {
  width: calc(50% - 3px) !important;
  box-sizing: border-box !important;
}
html[lang="zh-Hant"] body.is-a11y-mdn.abouttop #content .abouttop-box .col0,
html[lang="zh-Hant"] body.is-a11y-mdn.abouttop #content .abouttop-box .col1,
html[lang="zh-Hant"] body.is-a11y-mdn.abouttop #content .abouttop-box .col2 {
  height: auto !important;
  min-height: 0 !important;
  display: flow-root !important;
}
html[lang="zh-Hant"] body.is-a11y-mdn.abouttop #content .abouttop-box .col-d li a {
  font-size: 13px !important;
  line-height: 13px !important;
  font-weight: normal !important;
}
html[lang="zh-Hant"] body.is-a11y-mdn.abouttop #content .abouttop-box .col-d li .popup-trigger {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  font: inherit !important;
  font-size: 13px !important;
  line-height: 13px !important;
  font-weight: normal !important;
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;
  vertical-align: baseline !important;
}
html[lang="zh-Hant"] body.is-a11y-mdn.abouttop #content .abouttop-box .col-d li a:hover,
html[lang="zh-Hant"] body.is-a11y-mdn.abouttop #content .abouttop-box .col-d li a:focus-visible,
html[lang="zh-Hant"] body.is-a11y-mdn.abouttop #content .abouttop-box .col-d li .popup-trigger:hover,
html[lang="zh-Hant"] body.is-a11y-mdn.abouttop #content .abouttop-box .col-d li .popup-trigger:focus-visible {
  color: var(--color-brand-red) !important;
  text-decoration: underline !important;
}
/* 追補167 現行styles.cssのエントリーID紐付き非表示規則の打ち消し。旧設計は本文側h1を表示しテンプレート側タイトルブロックをIDで非表示にしていたが、a11y改修後は同ブロックがページ唯一のh1のため本番IDで発火するとh1が消える。対象は新本文貼付済み5頁のみに限定し、未貼付頁は旧本文h1が現役のため対象外とする。mt-1533はIRライブラリーと共有IDのため .about 前置でフォトライブラリーのみに発火させる。PC復元値は現行styles.css 1425行、SP復元値は同1435行のメディアクエリ内実測に基づく */
div#mt-1530,
div#mt-107,
div#mt-2561,
div#mt-4682,
.about div#mt-1533 { display: block !important; }
#entry-1530,
#entry-107,
#entry-2561,
#entry-4682,
.about #entry-1533 { padding: 0 27px !important; }
@media screen and (max-width: 600px) {
#entry-1530,
#entry-107,
#entry-2561,
#entry-4682,
.about #entry-1533 { padding: 0 3% !important; }
}
/* 追補168 追補167で表示復帰した5頁に本番IDのみ発火する随伴レイアウト規則の打ち消し。第1に財務業績トップのリスト左30px（現行styles.css 1429行・全幅・TEST不発）を基準0へ復元（SPは現行1444行が既定0のため全幅0で整合）。第2にentry-nav固定規則群（現行3130・5819・7258・7657・4025行）のpaddingとline-heightを既定値（現行1480行 padding 0 0 20px 0・継承line-height）へ復元、widthは現行1487行の上位指定が既に優越するため対処不要。第3にガバナンスの隣接規則（現行1470行）による右padding欠落を既定へ復元。1533はIRライブラリー側温存のため .about 前置。対象IDが頁に不在の場合は全て空振りで無害 */
.sp_support #beta #content .entry#entry-1530 .financial-top-list { padding-left: 0 !important; }
#entry-1530 p.entry-nav,
#entry-107 p.entry-nav,
#entry-2561 p.entry-nav,
#entry-4682 p.entry-nav,
.about #entry-1533 p.entry-nav { padding: 0 0 20px 0 !important; line-height: inherit !important; }
.sp_support #beta #content #mt-4682 + .entry { padding: 0 27px !important; }
@media screen and (max-width: 600px) {
.sp_support #beta #content #mt-4682 + .entry { padding: 0 3% !important; }
}
/* 追補169 追補167の対象からフォトライブラリー（mt-1533）を除外する巻き戻し。TEST実測により当該タイトルブロックはdisplay:noneが正（本文側h1を生かす型・サステナ3頁と同族）と判明したため再非表示へ戻す。追補167のpadding復元と追補168のentry-nav復元は表示可否と無関係のため維持 */
.about div#mt-1533 { display: none !important; }
/* 追補170 フォトライブラリーのSP余白是正。追補167のSP復元値3%は現行styles.css 1435行由来だが、TEST実測（幅375）でabout系の実効値は27pxと判明（IR系は3%で正・financial実測一致）。全幅27pxを後方配置しカスケード後勝ちで追補167のメディアクエリ内3%を上書きする */
.about #entry-1533 { padding: 0 27px !important; }
/* 追補171 html[lang="en"] EN会社情報フォトライブラリー扉（テンプレのEntryIDエイリアス #entry-1547）のpadding復元。現行styles.css（EN版3693行）の #entry-1547 padding:0 がJP側の #entry-1533（追補167・170で復元済み）と同型のままENで発火し、本文全体が27px左に流れて格子罫線がサイドバー罫線を越えて食い込む。JPの復元値と同一（PC・SPとも27px＝追補170のabout系実測値）を適用する。1547はENのIRライブラリー扉（eng/ir/library/index）側で温存のため .about 前置（追補167の1533と同判断）。entry-navは追補168と同内容の既定復元。対象IDが頁に不在の場合は全て空振りで無害 */
html[lang="en"] .about #entry-1547 { padding: 0 27px !important; }
html[lang="en"] .about #entry-1547 p.entry-nav { padding: 0 0 20px 0 !important; line-height: inherit !important; }
/* 追補172 html[lang="en"] EN会社情報フォトライブラリー扉のカラム落ち是正2件。第1にfloat補完＝現行styles.css EN版8764行のfloat指定は3セレクタのみでJP版8897行にある .col-a .col-c が欠落しており、左カードのサムネイルが非floatブロックのままcol-dが下段へ回り込む。JPと同宣言を補完する。第2にcol-d margin正規化＝EN版のみ8811行の全幅発火規則が margin 0 1vw 0 2vw を与え、既存追補のPC幅 calc(100% - 105px)（col-d左右margin計20px前提の余白ゼロ設計）を約18px超過させ右カードも下段へ落ちる。PC限定（min-width 601px）でJP実効値 margin 0 10px 0 10px へ復元する。SPは既存追補の margin 0 が両言語で有効のため対象外。スコープはphotolibrary限定の既存追補と同経路に html[lang="en"] を前置。styles.css は不変 */
html[lang="en"] body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-a .col-c { display: inline; float: left; }
@media screen and (min-width: 601px) {
html[lang="en"] body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-a .col-d,
html[lang="en"] body.is-a11y-mdn.about #wrapper #pagebody #beta #content .entry-content:has(> .library-top) .library-top-box .row .col-b .col-d { margin: 0 10px 0 10px !important; }
}
/* ===== 追補173 No.273枠 EN表示リグレッション是正 2026-08-18 ===== */
/* 【a11y改修】html[lang="en"] governance corpgovenance 氏名はみ出し是正。legacy styles.css 8017行の colsbox height 16em 固定が原因（EN氏名3行で溢れ）。autoに解放し min-height で視覚リズム温存。MQ不要=legacyの16emはベース宣言で全幅適用のため */
html[lang="en"] .about-governance-shagai > li.colsbox {
  height: auto;
  min-height: 16em;
}

/* 【a11y改修】html[lang="en"] whatsnew 日付列幅のJPミラー。legacy EN col-a 62px 不足が日付とカテゴリバッジ重なりの直接原因。t172追補の flex 0 0 auto は width を flex-basis として参照するため width 指定で解消 */
html[lang="en"] .about-whatsnew .col-a {
  width: 70px !important;
}
/* ===== 追補174 No.273枠 ENパンくず保護（本文埋込styleの過剰波及打消し） 2026-08-18 ===== */
/* 【a11y改修】corpgovenance等の記事本文に埋込まれた無スコープ規則 ol li span position absolute left 0 が、追補158でol/li化したパンくず（ol.a11y-breadcrumb内のspan.a11y-bc-sep・span.breadcrumb-now）に波及し全要素が同一座標へ絶対配置される事象の是正。Console実測でsep/nowのposition absolute・x215重畳を確認。positionをstaticへ返すことでinline流し込みが復帰（display blockは絶対配置の副作用のため本規則1プロパティで足りる）。スコープはbody.is-a11y-mdnの3言語共通＝追補158と同一。JPパンくずは旧span形式のため本事象非該当だが本規則は構造上無害。TC貼付後の同事象も本規則が予防する */
body.is-a11y-mdn #beta #content .content-nav ol.a11y-breadcrumb li span {
  position: static !important;
}
/* ===== 追補175 No.273枠 EN #beta 下余白のJPミラー（フッター上余白復元） 2026-08-18 ===== */
/* 【a11y改修】html[lang="en"] EN legacy styles.css 332行台の #beta padding-bottom は2013年9月改訂で40pxから0へ変更されており（コメント 20130.09 rev で確認）、JP legacy 340行台の 40px と13年来の差異。EN全頁でフッター上余白が欠落し、governance扉のグリッド密着（footerTop=grid.bottom 実測568=568）で顕在化。JPの余白体系を完全ミラー：既定40px＋トップ系例外0（JP legacy の .abouttop等 padding 0 と同構造）。実測根拠：JP #beta pb=40px・footerTop-grid.bottom=40px、EN pb=0px・差0px */
html[lang="en"] body.is-a11y-mdn #beta {
  padding-bottom: 40px !important;
}
html[lang="en"] body.is-a11y-mdn.abouttop #beta,
html[lang="en"] body.is-a11y-mdn.irtop #beta,
html[lang="en"] body.is-a11y-mdn.ir-investor-top #beta,
html[lang="en"] body.is-a11y-mdn.csrtop #beta,
html[lang="en"] body.is-a11y-mdn.grouptop #beta {
  padding-bottom: 0 !important;
}
/* ===== 追補176 No.273枠 EN financial扉リストのインデント復元（EntryID毒解毒対） 2026-08-18 ===== */
/* 【a11y改修】html[lang="en"] /eng/ir/financial/ の .financial-top-list 左30pxインデント欠落是正。legacy styles.css はJP1429行台・EN1450行台とも .entry の EntryID 1530 ハードコード条件で padding-left 30px を与えるが、EN実体は entry-1544 のため不発（No.235 毒と解毒剤原則の同型・EntryID照合漏れ）。JPと同値の30pxをEN実IDで供給し、SP帯はJP legacy同様0へ戻す */
html[lang="en"] body.is-a11y-mdn #beta #content .entry#entry-1544 .financial-top-list {
  padding-left: 30px !important;
}
@media screen and (max-width: 600px) {
  html[lang="en"] body.is-a11y-mdn #beta #content .entry#entry-1544 .financial-top-list {
    padding-left: 0 !important;
  }
}
/* ===== 追補177 frwayステートメント文字サイズ復元（EN/TC・a11y-statementクラス化） 2026-08-18 ===== */
/* 【a11y改修】html[lang="en"]・html[lang="zh-Hant"] /about/frway/ のステートメント段落。JP確定形は文字画像（alt付きgif）だがEN/TC生成時にテキスト化された（文字画像廃止1.4.5の観点で正方向）。旧実装のインラインstyleは本CSS124行台の本文正規化 font-size 13px important に敗れ意図サイズ不発（DevTools実測で勝者特定済み）。本文側でインラインstyleを除去しp.a11y-statementへクラス化のうえ、元インライン値を本追補へ忠実移設。同一シート内後方配置＝同importantの後勝ちで正規化規則に優先する */
html[lang="en"] body.is-a11y-mdn #content p.a11y-statement {
  font-size: 13pt !important;
  font-weight: bold !important;
  padding-top: 5px !important;
  text-align: left !important;
}
html[lang="zh-Hant"] body.is-a11y-mdn #content p.a11y-statement {
  font-size: 2em !important;
  font-weight: bold !important;
  padding-top: 5px !important;
}
/* ===== 追補178 EN financial扉 テンプレh1表示復帰（JP現行方式への構造統一） 2026-08-18 ===== */
/* 【a11y改修】html[lang="en"] /eng/ir/financial/ の見出し構造をJP現行方式（テンプレ側h1直表示・本文側h1なし）へ統一。EN legacy styles.css 2776行 div#mt-1544 display none important（旧方式=テンプレh1を隠し本文h1を立てる設計の名残・JPでは廃止済み）をDevTools実測で勝者特定のうえ打ち消し。本文側title/h1ブロックの削除とセットで適用（CSS先行・本文削除後行の順序厳守）。div#mt-1544.titleの詳細度＋後方読み込みで同importantに勝つ */
html[lang="en"] body.is-a11y-mdn div#mt-1544.title {
  display: block !important;
}
/* ===== 追補179 html[lang="en"] EN財務業績トップ（#entry-1544）padding復元・entry-nav既定復元 2026-08-18 ===== */
/* 【a11y改修】追補167・168のENミラー。EN legacy styles.css 2779行台の旧設計規則（#entry-1544 padding 0 important・p.entry-nav固定規則）がJP側#entry-1530と同型のままENで発火し、SPで本文左右余白が欠落（JPは追補167/168で是正済み・EN未着だった）。JP復元値と同一：PC 0 27px・SP 0 3%（IR系は3%が正＝追補170のfinancial実測一致の記録に基づく）。entry-navは追補168と同内容の既定復元。html[lang="en"]前置で詳細度優越＋後方配置の後勝ち。対象IDが頁に不在の場合は空振りで無害 */
html[lang="en"] #entry-1544 { padding: 0 27px !important; }
@media screen and (max-width: 600px) {
html[lang="en"] #entry-1544 { padding: 0 3% !important; }
}
html[lang="en"] #entry-1544 p.entry-nav { padding: 0 0 20px 0 !important; line-height: inherit !important; }
/* ===== 追補180 JP IRライブラリー扉 テンプレh1表示復帰（JP現行方式への統一） 2026-08-19 ===== */
/* 【a11y改修】/jp/ir/library/ の見出し構造をJP現行方式（テンプレ側h1直表示・本文側h1なし）へ統一。legacy styles.css 4020行 div#mt-1533 display none important（IR-2ndary Library-Topセクション・旧方式=テンプレh1を隠し本文h1を立てる設計の名残）を打ち消す。本文側title/h1ブロックの除去とセットで適用（CSS先行・本文後行の順序厳守。8/18のEN financial mt-1544=追補178と同型処理）。mt-1533はフォトライブラリー（.about）とIRライブラリー（.ir）の共有IDのため .ir 前置でスコープし、追補169で none が正と確定した .about 側へは非干渉とする。EN は mt-1547、TC は mt-3008 で mt-1533 不在を実測確認済み＝多言語巻き添えなし */
body.is-a11y-mdn.ir div#mt-1533.title {
  display: block !important;
}
/* ===== 追補181 サステナビリティコミュニケーション扉 グリッド左罫線の重複解消（PC限定・JP/EN共通） 2026-08-19 ===== */
/* 【a11y改修】No.245/No.265（コラム左罫線ずれ・Console実測未了で中止めだった案件）の是正。実測により原因を特定：2カラムレイアウトのPC表示時、#alpha の border-right 2px（x=285-287）に続けて .sus-report-grid の border-left 1px（x=287-288）が描画され、赤い縦線が合計3pxとして視認される。レイアウト区切り線（#alpha）はサイト全域の設計要素のため触らず、グリッド側の左罫線をPC帯でのみ除去して #alpha の線に委ねる。この方針は governance扉の sus-2nd-grid で採用済みの設計（グリッドの border-left なし＝レイアウト左罫線に委ねる）と同型。SP帯（max-width 600px）は1カラムとなり #alpha の右罫線が存在しないため、グリッドの左罫線を現状のまま温存する。JP/EN両言語で同一事象を確認済み・スコープは body.is-a11y-mdn のため未改修頁に非干渉 */
@media screen and (min-width: 601px) {
  body.is-a11y-mdn #wrapper #pagebody #beta #content .sus-report-grid {
    border-left: none !important;
  }
}
/* ===== 追補182 スキップリンク（.skipnav）の親要素 display 復帰（3言語共通・WCAG 2.4.1） 2026-08-19 ===== */
/* 【a11y改修】診断結果の共通問題点1「スキップリンクが display none で機能しない」の残存分の解消。legacy styles.css（JP 60行・EN 52行ほか3言語共通）にある .skipnav と hr を対象とした display none 宣言により親要素 p.skipnav が非表示のままで、a11y側の .skipnav a（644行台 position absolute top -1000px）と .skipnav a:focus（653行台 top 0）による visually-hidden 方式の復帰機構が発火できない状態であった。親が display none だと子孫は描画ツリーから外れフォーカスも受け取れないため、Tab1回目でスキップリンクを飛ばしてロゴへ遷移する挙動をJP/EN/TC全言語のConsole実測で確認（parentDisplay が none）。本追補で親の display のみを復帰させる。子の画面外配置は既存規則がそのまま機能するため、通常時の見た目に変化はなく、Tabフォーカス時のみ左上に出現する。hr は本追補の対象外とし、legacy の同一宣言のうち .skipnav のみを打ち消す。印刷時の非表示は 4266行台の @media print ブロックで別途担保されており、本追補は screen のみに作用する */
body.is-a11y-mdn .skipnav {
  display: block !important;
}
/* ===== 追補183 IRトップ IRニュース枠 h2見出し語の色レバー適用（3言語共通・CI決定） 2026-08-20 ===== */
/* 【a11y改修】CI関連ミーティングの決定「IRトップのIRニュース枠は罫線以外を d20000 でまとめる」に基づき、h2見出し語の文字色をCSS化する。テンプレートへ暫定で直書きしていたインラインstyleは本追補の適用後に除去する（インラインstyle残存はcorpgovenanceのパンくず崩壊と同型のリスク源のため）。色はリテラルを直書きせず既存の文字色レバー var(--link-color-utility) を参照する。追補83で当該レバーは --color-a11y-red（d20000）へ切替済みであり、CL-01方針「赤系はレバー経由のみ」にも準拠する。見出し語は b.ir-news-h2-accent でマークアップされている。span を用いない理由は legacy styles.css 1776行の .irtop 配下 .content-c h2 span 指定（color ff0000・font-weight normal）に捕まるためで、b はHTML5で重要性を加えず視覚的に区別する要素と定義されスクリーンリーダーへ強調セマンティクスを伝えない。font-weight inherit は b 既定の bold が h2 本来の太さを上書きしないための保険。スコープは .irtop 配下かつ .content-c h2 直下に限定し、追補53の :has 越境と同型の事故を避ける。3言語ともテンプレート構造が同一のため本規則1本で JP/EN/TC を賄う */
body.is-a11y-mdn.irtop #wrapper #pagebody #beta #content .content-c h2 .ir-news-h2-accent {
  color: var(--link-color-utility) !important;
  font-weight: inherit !important;
}
/* ===== 追補184 IRトップ メールアイコンのSVG化上書き（3言語共通・CI決定 d20000化） 2026-08-20 ===== */
/* 【a11y改修】CI決定「IRトップのIRニュース枠は罫線以外を d20000 でまとめる」に伴うアイコン色変更。追補130（UNIQLOバッジのSVG化）と同型の対処とする。icon_email.gif の参照元は現行 styles.css の3言語分（JP 1788行・EN 1818行・TC 1828行）でありいずれも変更不可のため、本ファイルの後勝ちで background-image のみ上書きし、3言語をJP配下の単一SVGへ集約する。元gifは3言語とも17x11px・143bytesで同一内容のため集約による表示差は生じない。サイズは既存追補（1701行 background-size auto 11px important）が制御済みであり、SVGのviewBox由来の縦横比により実寸17x11pxで描画されるため本項では宣言しない（競合回避）。セレクタは1701行と同一形＝同詳細度・後勝ちで確実に適用。スコープに irtop 前置を置かないのは追補130と揃えるためで、span.i-email 自体がIRトップのニュース枠固有クラスであり越境の余地がない。背景画像は印刷非出力のため印刷パリティ不変。SVG側要件：viewBox必須（17 11比）・色 d20000 */
body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2 span.i-email {
  background-image: url(/jp/images/icon_email.svg) !important;
}
/* ===== 追補185 本文内のページ内アンカー（href無しa）の下線抑止 2026-08-20 ===== */
/* 【a11y改修】クライアント指摘（2026-08-20レビュー）への対応。ページ内リンクのターゲットとして置かれた空アンカー（形式は a id="01" name="01" に非改行スペース1文字）が、短い横棒として視認される事象の是正。実測により機序を特定：1792行の汎用ルール .a11y-content-body a に text-decoration underline important があり、href の有無を問わず a 全般へ下線を引くため、非改行スペース1文字ぶんの幅（Console実測で4x19px）に黒い下線が描画されていた。当初は追補134が原因と推定されたが、同追補は color のみを上書きし text-decoration には触れない設計（コメントに明記）であり、下線の出所は1792行の汎用ルールであることを確認した。対処は href を持たない a を下線対象から外す1規則とする。詳細度は not 疑似クラス内の属性セレクタぶん加算され1792行より高く、かつ後方配置で確実に適用される。スコープを .a11y-content-body 配下に限定するのは、下線を出している1792行と同一の土俵に揃えて越境を防ぐため。color は触れない（対象は非改行スペースのみで文字色は視認に無関係）。影響範囲の実測：グループ事業14頁の本文内で該当する href 無し a は計39個、いずれもページ内アンカーのターゲットであり中身を持つものは検出されなかったため、意図的な下線が消える副作用はない。本文外のアンカー（pagetop・ハンバーガー等）は1792行の対象外で既に下線なしのため本追補の影響を受けない */
body.is-a11y-mdn .a11y-content-body a:not([href]) {
  text-decoration: none !important;
}
/* ===== 追補186 ユニクロ事業扉 本文ブロックの左右はみ出し是正（JP/EN共通） 2026-08-20 ===== */
/* 【a11y改修】クライアント指摘（2026-08-20レビュー・指摘D）への対応。ユニクロ事業扉で本文ブロックがサイドメニュー領域へ食い込み、サイドメニュー項目の折り返し2行目（ユニクロのビジネスモデル・東南アジア オセアニア・コントワー デ コトニエ プリンセス タム タム事業）が本文の下に隠れて読めなくなる事象の是正。実測により機序を特定：976行の .group-strategy-top に margin 0 -27px があり、本文ブロックが左右へ27pxずつはみ出していた（Console実測で親 x253 w897・本文領域は x280 w843）。当該指定は business扉の記述を参照して書かれたものだが、前提が異なっていた。business扉では親要素側に27px相当の内側余白があり -27px はその相殺として機能し結果は x280 に収まるのに対し、ユニクロ事業扉では基準位置が既に x280 のため同じ -27px が純粋な外側へのはみ出しとなる。対処は margin を 0 に戻す1宣言のみとし、976行の同一プロパティを後勝ちで打ち消す。title の padding-left 27px（982行台）は変更しない。当該余白は全幅化の相殺ではなく見出しを本文ブロックより内側へ置くための造形であり、除去すると見出し位置が business扉と揃わなくなることをブラウザ実測で確認した。適用後の実測：親と本文3ブロック（hero・a11y-index-grid・region）が x280 w843 で本文領域に一致、h1 は親より27px内側＝business扉と同一の位置関係、SP幅でも h1 が親より27px内側で同関係を維持。CSSは3言語共通のため JP/EN 双方に効く */
body.is-a11y-mdn #wrapper #pagebody #beta #content .group-strategy-top {
  margin: 0 !important;
}
/* ===== 追補187 3トップのニュース見出し色を d20000 へ統一・サステナに赤罫線（3言語共通・CI決定） 2026-08-20 ===== */
/* 【a11y改修】CI関連ミーティングの決定「ニュース枠は罫線以外を d20000 でまとめる」を、IRトップ・グループ事業トップ・サステナビリティトップの3箇所へ一括適用する。追補183ではIRトップのみを対象とし、当該h2内に各種リンク（RSS・メール配信・国内プレスリリース）が同居する構造上、見出し語だけを b.ir-news-h2-accent で括って色を当てていた。本追補ではh2全体を対象とする方式へ改め、3トップでマークアップを揃えた（テンプレート側のb要素は削除済み・実出力で3言語とも0件を確認）。h2全体を対象としても見た目は変わらない。IRトップのh2内リンクは既に1686行の h2 span a 指定によりレバー経由で d20000 であり、区切りの a11y-divider も別途 d20000、コンテナspan（i-rss・i-email・i-uniqlo）は中身がリンクか画像のみでテキストノードを持たないためである。これにより追補183のセレクタは効き先を失い実質無効化されるが、CSSは追記専用のため規則自体は残置する。font-size は3トップとも19pxで既に統一済み（追補85がグループ事業トップを全ビューポート19pxへ統一・IRトップは1679行・サステナも同値）のため本追補では触れない。d20000 は白地5.61対1でAA適合するため、追補85が課していた「CI赤テキストはbold＋19px以上」の条件からは解放されるが、視認性を下げる必然がないためサイズは据え置く。罫線は var(--ui-brand-red)（ff0000・罫線の統一色）を用いCI決定の対象外とする。サステナビリティトップについては、見出し直下にHTMLの点線画像 line_action.gif で引かれていた区切りを本文側から削除したため、その代替として赤の実線をh2の下罫線としてCSSで引く。造形はグループ事業トップのニュース見出し（2648行台）から padding-bottom 6px と border-bottom 1px solid を移植した。メディアクエリ外に置くことで全ビューポートに適用する（追補85が同じくメディアクエリ外で19pxを効かせている実績に倣う） */
body.is-a11y-mdn.group #content .group-top-box .group-top-news > h2,
body.is-a11y-mdn.group #content .group-top-box .group-top-banners > h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .content-c h2,
body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-top-news-heading {
  color: var(--link-color-utility) !important;
}
body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-top-news-heading {
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid var(--ui-brand-red) !important;
  box-sizing: border-box !important;
}
/* ===== 追補188 サステナビリティトップ ニュース見出し下の余白調整（JP/EN共通） 2026-08-20 ===== */
/* 【a11y改修】追補187で見出し下に赤罫線を引いた後、罫線と本文（ニュース1件目）の間隔が他トップに比べて狭く見える事象の調整。実測では当該h2の margin-bottom が 4px で、比較対象のグループ事業トップ ニュース見出しの 7px より狭い。加えて、削除した点線画像 line_action.gif は div でくるまれたブロック要素として数px から十数px の高さを占めていたため、その分の余白も失われている。両者を踏まえ、実機で 7px・12px・16px を試したうえで 10px を採用した（7pxでは依然狭く見え、12px以上では開きすぎるため）。padding-bottom 6px（追補187・罫線と見出し文字の間隔）は変更しない。本追補は margin-bottom のみを後勝ちで上書きする1宣言とする。メディアクエリ外に置き全ビューポートへ適用する（追補187と同スコープ）。CSSは3言語共通のためJP/EN双方に効き、TCには当該クラスが存在しないため影響しない */
body.is-a11y-mdn #wrapper #pagebody #beta #content .csr-top-news-heading {
  margin-bottom: 10px !important;
}
/* ===== 追補189 IRトップ株価ボードiframeのスクロールバー解消（クリップ方式） 2026-08-20 ===== */
/* 【a11y改修】クライアント指摘（2026-08-20レビュー・指摘C）への対応。サイドメニュー上部の株価ボードiframeにスクロールバーが表示される事象の是正。原因は改修時の廃止属性整理（No.198）で scrolling="No" を除去したことにより、HTML5既定の auto となってスクロールバーが出現したもの。公開中サイトの同iframeには当該属性が現存しスクロールバーが出ていないことを実測で確認した。iframe内は外部プロバイダ（stockweather.co.jp）配信でクロスオリジンのため中身のレイアウトは制御できず、こちらで扱えるのは寸法のみである。対処として、iframe自体をスクロールバーが不要な寸法（200x50）まで広げたうえで、外側のラッパー div.stock-price-clip を元の表示寸法（135x30）に固定し overflow hidden ではみ出し部分をクリップする方式を採る。iframe要素への overflow hidden 指定はブラウザに無視され効かないことを実測で確認済みであり、この方式が廃止属性を用いない唯一の解となる。寸法はブラウザ実機で複数値を試して決定した（220x60では中身に対して大きすぎ、200x50が最適）。テンプレート側は iframe をラッパー div で包む変更のみで、width height 属性はCSS未読込時のフォールバックとして残置する。本追補はIR情報ブログの2テンプレート（IR情報トップ・エントリーアーカイブ）を対象とし、他言語版および他ブログの同種iframeは寸法や配信元が異なるため別途実測のうえ対応する */
body.is-a11y-mdn #stockchart .stock-price-clip {
  width: 135px !important;
  height: 30px !important;
  overflow: hidden !important;
}
body.is-a11y-mdn #stockchart .stock-price-clip #stock-price {
  width: 200px !important;
  height: 50px !important;
  border: 0 !important;
}
/* ===== 追補190 EN/TC株価ボードiframeのスクロールバー解消（追補189のクリップ方式を多言語へ展開） 2026-08-20 ===== */
/* 【a11y改修】追補189でJP IR系に適用したクリップ方式を、EN・TCの株価ボードへ展開する。EN IRトップおよびIRニュース系にはiframeが2つあり、東証（id stock-price-tse・配信元 stockweather）と香港取引所（id stock-price-hke・配信元 megahubhk）が並ぶ。TCは香港取引所のみ（id stock-price・配信元 megahubhk）で、元の表示高さがJP/ENの30pxに対し35pxである点が異なる。iframe側の寸法はブラウザ実機での実測により3言語とも200x50で共通と確認した（TSE・HKEx・TCいずれもこの寸法でスクロールバーが消え、かつ内容の見切れがない）。クリップ枠の寸法はJP/ENが135x30、TCのみ135x35とする。追補189で定義した .stock-price-clip の135x30をTCで上書きするため、TCの判定には html lang属性のセレクタを用いる。iframe側の200x50は追補189の #stock-price 指定がJPとTCに効くため、本追補ではEN固有の2つのidを追加する。テンプレート側は各iframeをラッパー div.stock-price-clip で包む変更のみで、width height 属性はCSS未読込時のフォールバックとして残置する。なお本事象はWindows環境でのみ視認される。macOSはオーバーレイスクロールバー（スクロール時のみ表示・レイアウト非占有）が既定のため、同じ状態でもスクロールバーが見えない。スクロールバー関連の目視確認はWindows環境で行う必要がある */
body.is-a11y-mdn #stockchart .stock-price-clip #stock-price-tse,
body.is-a11y-mdn #stockchart .stock-price-clip #stock-price-hke {
  width: 200px !important;
  height: 50px !important;
  border: 0 !important;
}
html[lang="zh-Hant"] body.is-a11y-mdn #stockchart .stock-price-clip {
  height: 35px !important;
}
/* ===== 追補191 ニュース系バックナンバーリンクの色レバー適用（4セクション・JP/EN共通） 2026-08-20 ===== */
/* 【a11y改修】追補134の例外リスト（リード決定 2026/07/31）に「IRニュースバックナンバー」等のユーティリティ赤リンクが赤 d20000 を維持する対象として明記されながら、同追補コメントの「対象の実HTML断片採取後に個別パッチを別追補で起案」が未実施のまま残っていた分の対処。実測により4セクションすべてで ff0000 のまま取り残されていることを確認した（Console計測でいずれも rgb 255 0 0）。原因は当該頁の本文ラッパーが entry-content pkg のみで a11y-content-body クラスを持たないため、1792行のリンク色規則が届かず legacy の素のリンク色が効いていること。同じ本文内でも to English page 等のユーティリティリンクは d20000、ニュース記事タイトルは追補134により黒と、他は正しく処理されておりバックナンバーのみが取り残されている状態であった。対象クラスはセクションごとに異なり、IRニュース irnews-backnumber（JP/ENで共通）・ニュースリリース about-newsrelease-backnumber・グループ企業ニュース group-news-backnumber・サステナビリティニュース csr-news-backnumber の4種。本追補では色のみをレバー経由で当て、下線や余白には触れない。本文ラッパーへの a11y-content-body 付与という方法も検討したが、本文内の全リンクが一斉に規則の対象となり記事タイトル等の見え方が変わるため採らず、クラス限定の最小差分とした */
body.is-a11y-mdn #wrapper #pagebody #beta #content p.irnews-backnumber a,
body.is-a11y-mdn #wrapper #pagebody #beta #content p.about-newsrelease-backnumber a,
body.is-a11y-mdn #wrapper #pagebody #beta #content p.group-news-backnumber a,
body.is-a11y-mdn #wrapper #pagebody #beta #content p.csr-news-backnumber a {
  color: var(--link-color-utility) !important;
}
/* a11y-t192 No.300 TC業績説明会資料頁の英文版注記インデント -- 記事本文のインラインstyle padding-left 250px/40px をclass化するための受け皿 PC帯は従来値を再現しSP帯は0として折り返し崩れを解消 本文のclass付与は本追補の適用後に実施 */
html[lang="zh-Hant"] .a11y-resources-note { padding-left: 250px; }
html[lang="zh-Hant"] .a11y-resources-note-s { padding-left: 40px; }
@media screen and (max-width: 600px) {
html[lang="zh-Hant"] .a11y-resources-note, html[lang="zh-Hant"] .a11y-resources-note-s { padding-left: 0; }
}
/* a11y-t193 No.359 グループ事業トップのブランドリンクhover時に旧styles.css 9101行の固定座標背景矢印が可変ボックスと干渉し重複表示や位置ずれを起こすため hover背景画像のみ無効化しホバー表現をa11yリンク色ポリシーに一本化する */
.group #beta .group-top-map .col-b li a:hover { background-image: none !important; }
/* a11y-t194 No.382 TC gnav末尾区切り線の顕現 -- 追補140のnav-item-ir::afterはcontentを再宣言済みだがdisplay未宣言のため基底316行のdisplay none打ち消しが残存し線が一度も描画されていない 同スコープ同メディアでdisplayのみ補完する 現行デザイン維持方針への適合 */
@media screen and (min-width: 601px) {
html[lang="zh-Hant"] .a11y-gnav > li.nav-item-ir::after { display: block !important; }
}