/* ============================================================
   responsive-tune.css — 手調整レイヤー（自動生成 responsive-fluid.css より後に読み込む）
   ここに書いた値が最終的に勝つ。再生成では消えない。280701〜
   ============================================================ */

/* ---- About: リード見出し（260704ユーザー指定: 1200px未満は 22vw/14）
   ≤600px は下の可読性下限 clamp(!important) が優先される ---- */
@media (max-width: 1199.98px) {
  .about-lead__heading { font-size: calc(22vw / 14); }
}

/* ---- About（≤600px 実機調整） ---- */
@media (max-width: 599.98px) {
  .about-lead__body {
    text-align: center;
    font-size: 4vw;
    line-height: 1.8;
    color: var(--color-text-teal, #007C8F);
    padding: 0 3vw 0;
    margin-bottom: 3.5em;
  }
  p:last-child {
    margin-bottom: 0;
    padding-left: inherit;
  }
  .about-col2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 2vw;
    padding-right: 2vw;
    gap: 5.6667vw;
  }
  .about-col2--rev .about-col2__text {
    order: 2;
    margin-left: 0;
    margin-top: 0vw;
  }
  .about-col2__img {
    width: 100vw;
    margin-top: 0;
    margin-left: 0;
    position: relative;
    transform: translateX(0vw);
  }
  .about-col2__img img {
    width: 100%;
    border-radius: 0;
    box-shadow: var(--shadow-sm);
    margin-top: 4.1667vw;
    max-width: 100vw;
    margin-bottom: 4vw;    /* 260721ユーザー確定 */
  }
}

/* ============================================================
   ≤600px 全ページ整備（実機375px確認 260701, v2）
   ・vw縮小で本文が8〜10pxになる → 可読性の下限(clamp)
   ・responsive-fluid のページ限定セレクタ(詳細度高)に勝つため !important
   ============================================================ */
@media (max-width: 599.98px) {

  /* 本文（下限13px） */
  p, li, dd, dt, address, td, th, blockquote,
  .about-col2__body, .hub-body p, .content-col2 p, .global-twocol__body,
  .trade-box__list, .office-item__line, .journey-item__text,
  .fish-card__body, .processing-item__desc, .processing-item__name,
  .export-card__desc, .cert-text-list, .access-offices-note,
  .philosophy-section__body, .about-for-future__closing,
  .contact-info-card__value, .history-table td,
  .company-table td, .company-table th, .hub-list li, .value-item dd {
    font-size: clamp(13px, 3.6vw, 15.5px) !important;
    line-height: 1.85;
  }

  /* 小さめキャプション（下限11px） */
  .fish-card__latin, .fish-card__en, .fish-card__romaji,
  .contact-info-card__sub, .cert-note, .trade-box__note, .sec-head__sub,
  .breadcrumb, .footer-copy, .footer-legal a, .footer-nav__col ul li a,
  .value-item__en, .for-future-card__sub, .about-col2__sub,
  .related-page-item__en, .utility-nav a {
    font-size: clamp(11px, 3vw, 13px) !important;
  }

  /* 見出し類 */
  .sec-head__ja, .about-col2__heading { font-size: clamp(19px, 5.4vw, 25px) !important; }
  .sec-head__en { font-size: clamp(13px, 4vw, 19px) !important; }
  .page-hero__title { font-size: clamp(22px, 6.4vw, 32px) !important; }
  .about-lead__heading { font-size: clamp(18px, 5vw, 24px) !important; }
  .global-export-note { font-size: clamp(15px, 4.4vw, 20px) !important; }
  .for-future-card__title { font-size: clamp(13px, 3.7vw, 16px) !important; }
  .related-page-item__ja { font-size: clamp(14px, 4vw, 17px) !important; }
  .fish-card__ja { font-size: clamp(18px, 5vw, 22px) !important; }
  .export-card__ja { font-size: clamp(15px, 4.4vw, 19px) !important; }
  /* キャッチ・引用 */
  .catch-block, .content-col2 p.catch-block, .hub-body p.catch-block {
    font-size: clamp(16px, 4.6vw, 21px) !important;
  }
  .journey-item__year { font-size: clamp(11px, 3vw, 13px) !important; }
  .main-nav a, .mobile-nav a, .mobile-menu__utility a { font-size: clamp(14px, 4vw, 16px) !important; } /* 260714: utilityも同サイズ */

  /* フォーム: iOS自動ズーム防止に16px */
  input, textarea, select { font-size: 16px !important; }
  .form-label { font-size: clamp(13px, 3.6vw, 15px) !important; }
  .form-radio, .form-check { font-size: clamp(13px, 3.6vw, 15px) !important; }

  /* --- 個別バグ修正 --- */
  /* ① global-reach 認証: 1カラム時に写真(絶対配置)が高さ0 → 比率で高さ確保
     260717⑧: 下部の向きが違う魚が隠れるよう浅め(16/9)＋上寄せクロップに変更 */
  .cert-block__photo { aspect-ratio: 16 / 9; }
  .cert-block__photo img { object-position: center top !important; }
  /* ② sustainability #cycle/#resource が2カラム残り → 1カラム化 */
  #cycle .content-col2--wide-text,
  #resource .content-col2--wide-text { grid-template-columns: 1fr !important; }
  /* ③ about「未来へ向けて」: 260704クライアント指定 RGBA(0,91,113/35%) に一本化
     （about.css 側の .about-for-future__bg::after が全幅で適用されるため追加スクリム廃止） */
}

/* ---- ≤600px 追加調整（260701 ユーザー指示） ---- */
@media (max-width: 599.98px) {

  /* 「未来へ向けて」: 260704クライアント指定フィルターに一本化のため brightness/追いスクリム撤去 */

  /* 各ページ リード文: セクションの左右paddingの見た目を統一（padding-inline解除）
     260721田中様指示: スマホは中央揃えでなく「左右いっぱいに流す」(全ページ共通) */
  .quality-page > .section:first-of-type .container--narrow > p,
  .products-page > .section:first-of-type .container--narrow > p,
  .global-reach-page > .section:first-of-type .container--narrow > p,
  .sustainability-page > .section:first-of-type .container--narrow > p,
  .safety-page > .section:first-of-type .container--narrow > p {
    text-align: justify;
    color: var(--color-primary);
    line-height: 2;
    font-size: 3.5vw;
    padding-inline: 0;
  }
}

/* ---- ≤600px 関連ページ（260714: 横スライド廃止→全て表示。260717クライアント相談: 2列だと
   「グローバル展開」「お問合せ（FAQ）」等が2行に折り返すため、幅を広く取れる縦1列に変更） ---- */
@media (max-width: 599.98px) {
  .related-pages__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px;
    /* 260721①④: 全ページで下部リンクの幅を統一（--left有無で327/227に割れていた）
       グローバル展開基準＝やや短め・中央に揃える */
    padding-inline: 13.3333vw !important;
  }
  .related-pages__grid > .related-page-item {
    min-height: 64px;
    padding: 14px 12px;
    opacity: 1 !important;
    transform: none !important;
  }
  /* ④ 商品紹介ヒーロー: モバイルは比率2.68だと薄すぎるので縦幅を持たせ、葉・花・魚を見せる */
  .products-page .page-hero { aspect-ratio: 4 / 3 !important; }
}

/* ============================================================
   ≤600px 全ページ整備 第2弾（375px実機診断 260701）
   ============================================================ */
@media (max-width: 599.98px) {

  /* 【最重要】スクロール表示アニメをモバイルで無効化。
     news記事・魚カード・加工形態・recruit価値観などが
     IntersectionObserver不発で透明のまま残る実害を確認したため */
  .js-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  /* products 加工形態: アイコン列27pxに画像125pxが重なる → 列幅を確保 */
  .processing-item {
    grid-template-columns: 88px 1fr !important;
    gap: 12px !important;
    align-items: center;
  }
  .processing-item__icon {
    width: 88px !important;
    height: 22px !important;
  }
  .processing-item__icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain; /* 260705: 支給SVG(余白なし)は全体表示 */
  }

  /* recruit 価値観: 縦長楕円(175x304)を通常の角丸カードに */
  .value-card {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 14px !important;
    padding: 22px 20px !important;
    aspect-ratio: auto !important;
  }

  /* top バナー: 260717クライアント相談で縦1列に（2列だと「IYOSUIブランドムービー」等が2行折返し） */
  .top-banner-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .top-banner-item { min-height: 64px; padding: 12px 10px !important; }

  /* top お知らせ表: 日付+カテゴリを1行目、タイトルを2行目に整列 */
  .news-table { display: block; }
  .news-table tbody { display: block; }
  .news-table tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 10px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 124, 143, .18);
  }
  .news-table td { display: block; border: none; padding: 0; }
  .news-table td:last-child { flex: 1 1 100%; }

  /* footer メニュー: 2列化で縦長解消 */
  .footer-nav { grid-template-columns: 1fr 1fr !important; }
}

/* ============================================================
   ≤600px 260714スマホ版校正（cotovia 98枚）対応
   ============================================================ */
@media (max-width: 599.98px) {

  /* 03_1/04_1/05_1/06_1「小さく」: ページヒーローのタイトルを縮小 */
  .page-hero__title { font-size: clamp(17px, 5vw, 24px) !important; }

  /* 03_2/03_4/03_6/03_7「中央そろえ」: quality の各キャッチコピー */
  .quality-page .catch-block,
  .quality-page .content-col2 p.catch-block { text-align: center !important; }

  /* 03_2/03_6/03_8「左右いっぱい」「トリミング調整」: quality セクション写真をフルブリード */
  .quality-page .content-col2__img {
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
  }
  .quality-page .content-col2__img img { width: 100%; border-radius: 0; }

  /* 03_3/03_5/03_9/04_6「余白のばす」: セクション間の縦余白をやや拡大 */
  .quality-page .section,
  .products-page .section { padding-block: calc(var(--sp-xl) * 1.2); }

  /* 04_2〜04_6「1行間ややツメ」: 魚名ブロック(和名/ローマ字/英名/学名)の行間 */
  .fish-card__head { line-height: 1.1 !important; }
  .fish-card__head > * { margin-bottom: .05em !important; }

  /* 04_2〜04_6「魚の上下、やや余白ほしい」: 魚写真の上下にマージン */
  .fish-card__img { margin-block: 12px !important; height: auto !important; aspect-ratio: 16/7; }

  /* 05_6「枠トル」「中央そろえ」「左右いっぱいに」: 海外貿易実績国 */
  .global-reach-page .trade-box { border: none; padding-inline: 0; width: 100%; }
  .global-reach-page .trade-box__head { text-align: center; }

  /* 05_3/05_4「(文字)小さく」: global-reach 本文をやや小さく */
  .global-reach-page .content-col2 p:not(.catch-block),
  .global-reach-page .global-twocol__body { font-size: clamp(12px, 3.3vw, 14px) !important; }

  /* 05_4「ややちいさく」: global-reach セクション見出しをやや縮小 */
  .global-reach-page .sec-head__ja { font-size: clamp(17px, 4.8vw, 22px) !important; }

  /* 06_2〜06_8/07_x/05_6/05_8「中央そろえ」「＞＜」: sustainability/safety/global-reach の見出し(JA+EN)をセンター */
  .sustainability-page .sec-head,
  .safety-page .sec-head,
  .global-reach-page .sec-head { text-align: center !important; }

  /* 06_3/06_4/06_5/06_6/07_4/07_6「左右いっぱい」: 写真をフルブリード */
  .sustainability-page .content-col2__img,
  .safety-page .content-col2__img {
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
    border-radius: 0;
  }

  /* 06_5「トリミング（下の濃い色がみえないように）」: 地域共生写真は上寄せクロップ */
  .sustainability-page #community .content-col2__img { background-position: center top !important; }

  /* 06_2/06_x/07_3/07_4「余白ふやす」「色ベタふやす」: セクションの縦余白を拡大 */
  .sustainability-page .section,
  .safety-page .section { padding-block: calc(var(--sp-xl) * 1.2); }

  /* 06_2「余白ふやす」: クラスター図と次見出しの間 */
  .sustainability-page .sustain-cluster-img { margin-bottom: 2.5rem; }

  /* 06_7「中央そろえ」: ASC/MSC認証書を中央寄せ */
  .sustainability-page .sustain-cert-img { display: block; margin-inline: auto; }

  /* ---- 01_Top ---- */
  /* 01_3: こだわり4枚の写真トリミング位置（260714確定: 世界発信も「上へ」） */
  .quality-card--logistics .quality-card__img img { object-position: center 22%; }
  .quality-card--processing .quality-card__img img { object-position: center 22%; }
  .quality-card--global .quality-card__img img { object-position: center 22%; }
  /* 01_4「やや ツメ」: 魚名の字間 */
  .fish-item__ja { letter-spacing: .01em !important; }
  /* 01_5「ツメて、□の中央へ」: Topバナーカードの文字をカード中央へ */
  .top-banner-item { justify-content: center !important; align-items: center !important; text-align: center !important; letter-spacing: .01em; }
  /* 01_6「Read more 大きく。」 */
  .top-news__read-more { font-size: clamp(15px, 4.2vw, 18px) !important; }
  /* 01_6「ややツメル」: フッター会社名・住所・TELの行間/余白を詰める */
  .footer-brand__name { margin-bottom: .35em !important; }
  .footer-brand__address { line-height: 1.6 !important; }

  /* ---- 02_私たちについて ---- */
  /* 02_1/02_2「大きく」: リード（海の可能性を、その先へ。）と見出しを同格に */
  .about-lead__sub { font-size: clamp(19px, 5.4vw, 25px) !important; }
  .about-lead__heading { font-size: clamp(19px, 5.4vw, 25px) !important; }
  /* 02_3/02_6「もう少し大きく」: セクション英字サブ（IYOSUI Story / Value Circulation / Our Journey） */
  .about-col2__sub { font-size: clamp(15px, 4.4vw, 20px) !important; }
  .about-page .about-dash-head .sec-head__en { font-size: clamp(15px, 4.4vw, 20px) !important; }
  /* 02_2/02_7「(やや)大きく」: アウトラインボタン */
  .btn--outline { font-size: clamp(14px, 4vw, 16px) !important; padding: .8em 2.4em !important; }
  /* 02_4「カット」: 写真とセクション境界の色ベタ帯を詰める */
  .about-page .section--bg-seafoam { padding-bottom: 7vw; }
  .about-page .about-col2__head { margin-bottom: 4vw; }
  /* 02_7/02_8「アイコン大きく。」: 未来へ向けてカードのアイコン */
  .for-future-card__icon img { width: 74px !important; height: auto !important; }
  /* 02_8「海の光が中央にくるように、」: 背景写真の光条(画像x≈52%)を中央へ */
  .about-for-future__bg { background-position: 52% center !important; }

  /* ---- 09_会社概要 ---- */
  /* 09_5/09_7「ややアケル」: セクション間の縦余白 */
  .company-page .section { padding-block: calc(var(--sp-xl) * 1.15); }
  /* 09_7「やや大きく。」: お問合せ(FAQ)ボタン → .btn--outline共通で対応済み */
  /* 09_13「字間ツメ」: Access Map 英字見出し */
  .company-page #access-map .sec-head__en { letter-spacing: .02em !important; }
  /* 09_13/09_14「大きく」: 拠点名見出し */
  .office-item__name { font-size: clamp(16px, 4.6vw, 19px) !important; }
  /* 09_13「＜アケル」: 拠点リンク一覧と本社見出しの間 */
  .company-page .access-offices-nav { margin-bottom: 7vw; }

  /* ---- 10_お問合せ ---- */
  /* 10_1「2行くらいでつめる」: フォーム上の※注記を小さく */
  .contact-form-note { font-size: clamp(11.5px, 3.2vw, 13px) !important; line-height: 1.7; }
  /* 10_2/10_3「(やや)大きく」: ※必須マークとフォームラベル */
  .contact-page .req { font-size: clamp(12px, 3.4vw, 14px) !important; }
  .form-label { font-size: clamp(14px, 3.9vw, 16px) !important; }
  /* 10_3「＜アケル」: 同意チェックと送信ボタンの間 */
  .contact-page .form-submit, .contact-page [class*="submit"] { margin-top: 8vw; }
  /* 10_4「やや大きく（2行にならないくらい）」: FAQ設問 */
  .contact-faq .faq-item__q { font-size: clamp(13.5px, 3.7vw, 15.5px) !important; }

  /* ---- 11_採用情報 ---- */
  /* 11_1「写真もっと下げる」: 採用ヒーロー写真は上部(人物の頭)が見える位置に */
  .recruit-page .page-hero__bg { background-position: center top !important; }
  /* 260721ユーザー確定: 罫線を表示に戻す（左右マージン＋ボーダーはbase） */
  .recruit-divider { display: block !important; }
  /* 11_5〜11_7「大きく/小さく」: 社員の声 引用見出しを大きく・氏名行を小さく */
  .voice-card__quote { font-size: clamp(16px, 4.6vw, 19px) !important; }
  .voice-card__meta { font-size: clamp(11px, 3.1vw, 12.5px) !important; }
  /* 11_5/11_7確定「ふきだしの要素をトル」: 吹き出しのしっぽ削除(SP) */
  .voice-card::after { display: none !important; }
  /* 11_6「アケル」: カード間の余白 */
  .voice-grid { row-gap: 9vw !important; }
  /* 11_7確定「背景写真もう少しふやす」: 声セクションの上下paddingを拡大し背景写真の見える量を増やす */
  .recruit-voices { padding-block: calc(var(--sp-xl) * 1.5) !important; }
  /* 11_8/11_9「中央そろえ」: recruit セクション見出し */
  .recruit-page .sec-head { text-align: center !important; }

  /* 11_3: 価値観3円(.ai画像)は縦積み・75vw（fluidの48.8vw変換に勝たせる） */
  .value-card-grid--img { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 18px !important; }
  .value-circle-img { width: min(75vw, 300px) !important; margin-inline: auto !important; }

  /* ============================================================
     260719 スマホ版校正（cotovia 83枚＋全体5点）
     ============================================================ */

  /* 【全体3】文章の左右アキをページ間で統一（6.4vw=375px時24px）。
     これによりフルブリード計算(calc(50% - 50vw))の親が左右対称になり
     「右にアキ」(06_2/07_3/03_2/03_6)も同時に解消される */
  .container, .container--narrow { padding-inline: 6.4vw !important; }
  .about-col2 { padding-inline: 0 !important; }
  .about-col2__body { padding-left: 0 !important; }
  .content-col2 { padding-inline: 0 !important; }
  /* 260721携帯バグ修正③⑤: content-col2が2カラムのままでフルブリード画像(100vw)が
     グリッドを右にはみ出させていた → モバイルは1カラムに（文章→写真の縦積み） */
  .content-col2,
  .content-col2--wide-text,
  .content-col2--rev.content-col2--wide-text { grid-template-columns: 1fr !important; }

  /* 【全体4】about写真のフルブリード式を統一（旧: margin-left:0で右にアキ） */
  .about-col2__img { margin-inline: calc(50% - 50vw) !important; transform: none !important; }

  /* 【重要バグ修正】見出し中央揃えが効かなかった件: sec-headはflexのため
     text-alignだけでは中央にならない → align-itemsも中央化(06/13で再指摘) */
  .sustainability-page .sec-head,
  .safety-page .sec-head,
  .global-reach-page .sec-head,
  .quality-page .sec-head,
  .recruit-page .sec-head,
  .company-page .sec-head { align-items: center !important; text-align: center !important; }

  /* 【全体5/11_6】関連カード: グローバル展開基準＝コンテナ幅(左右いっぱいでなくやや短め)
     ＋タイル下〜フッター間を2倍アキに */
  .related-pages { padding-bottom: calc(var(--sp-xl) * 2) !important; }

  /* ---- 00 Top ---- */
  /* 00_4: 魚の円と名称の間をアケル */
  .fish-item__circle { margin-bottom: .7rem !important; }
  /* 00_6/00_7: フッター社名を住所よりやや大きく＋コンプラ/ポリシー行を中央 */
  .footer-brand__name { font-size: clamp(17px, 4.8vw, 20px) !important; }
  .footer-legal { text-align: center !important; }

  /* ---- 02 私たちについて ---- */
  /* 02_1: ロゴ画像小さく */
  .about-brand-intro__logo-img { max-width: 62vw !important; }
  /* 02_2: リード見出しと本文の間をもう一行アケル */
  .about-lead__body { margin-top: 1.8em !important; }
  /* 260721ユーザー指定: リード節の上下余白を調整 */
  .about-lead-section { padding-top: 19.3333vw; padding-bottom: 23vw; background: var(--color-bg); }
  /* 02_3/02_4/02_5: Story/Value英字をさらに大きく（260721: 5vw/22px→6vw/26px） */
  .about-col2__sub { font-size: clamp(17px, 6vw, 26px) !important; }
  /* 260721ユーザー指定: セクション見出しの拡大率を調整(5.4vw→4.4vw) */
  .about-page .sec-head__ja, .about-page .about-col2__heading { font-size: clamp(19px, 4.4vw, 25px) !important; }
  /* 02_6: Our Journey=大きく太く・「イヨスイの主な歩み」=小さく */
  .about-page .about-dash-head .sec-head__en { font-size: clamp(17px, 5vw, 22px) !important; font-weight: 700 !important; }
  .about-page .about-dash-head .sec-head__ja { font-size: clamp(15px, 4.2vw, 18px) !important; }
  /* 02_7/02_8: 未来へ向けてカードのアイコンさらに大きく(74→96px) */
  .for-future-card__icon img { width: 96px !important; }
  /* 02_8: 関連カード群の手前に余白 */
  .about-page .related-pages { padding-top: calc(var(--sp-xl) * 1.3); }

  /* ---- 03 こだわり ---- */
  /* 03_3: 引用の下を1行アケル */
  .quality-page .catch-block { margin-bottom: 1.8em !important; }
  /* 03_7: 一貫体制の見出しだけ2行にならないよう小さく */
  #business-model .sec-head__ja { font-size: clamp(14.5px, 4vw, 17px) !important; }

  /* ---- 04 商品紹介 ---- */
  /* 04_1: ヒーロー写真やや上へ(78%→64%) */
  .products-page .page-hero__bg { background-position: center 64% !important; }

  /* ---- 05 グローバル ---- */
  /* 05_1: 輸出ネットワーク導入文は大きく */
  [data-section="global-reach/cards"] .container > p:first-of-type { font-size: clamp(14.5px, 4.1vw, 16px) !important; }
  /* 260721sp05_3: 写真トリミングやめ→実寸比(700×454)で全体表示 */
  .global-reach-page .export-card__img { aspect-ratio: 700 / 454 !important; }
  /* 05_2/05_5: 締め文・認証説明文は小さく */
  [data-section="global-reach/cards"] .container > p:last-of-type,
  [data-section="global-reach/cert"] .container > p { font-size: clamp(12px, 3.4vw, 14px) !important; }
  /* 05_4: 「※アルファベット順」を中央へ */
  .trade-box__note { display: block; margin-left: 0 !important; text-align: center; white-space: normal !important; }
  /* 05_5確定: 認証リスト=上の行(ロゴ枠)との間はアケ・折返し行間はツメ */
  .global-reach-page .cert-text-list { margin-top: 1.6em !important; line-height: 1.4 !important; }
  /* 05_5確定: 認証説明文はさらに小さくして3行に収める */
  [data-section="global-reach/cert"] .container > p { font-size: clamp(11.5px, 3.25vw, 13px) !important; line-height: 1.75 !important; }

  /* ---- 08 お知らせ ---- */
  /* 日付=大きく(3記事とも統一)・タイトル=やや細く */
  .news-item__date, .news-card__date, .single-article__date { font-size: clamp(14px, 4vw, 16px) !important; }
  .news-item__title a, .news-card__title, .single-article__title { font-weight: 400 !important; }
  /* 前後記事ナビをもう少し大きく */
  .post-nav a, .post-nav__label { font-size: clamp(13px, 3.7vw, 15px) !important; }

  /* ---- 09 会社概要 ---- */
  /* 09_2: VALUE英文を2行にならない程度に大きく */
  .company-page .value-item__en { font-size: clamp(13px, 3.7vw, 15px) !important; }
  /* 09_3/09_4/09_5: 「Googleマップで見る」やや大きく */
  .office-map-link { font-size: clamp(13px, 3.7vw, 15px) !important; }

  /* ---- 10 アクセス ---- */
  /* 260722伊達様: 電話/FAXが折返して「電」「話：」に分裂→ラベル左寄せ・折返し禁止・列幅自動で揃える */
  .access-item__info { display: grid !important; grid-template-columns: max-content 1fr; column-gap: .4em; align-items: baseline; }
  .access-item__info dt, .access-item__info dd { margin: 0 !important; }
  .access-item__info dt { text-align: left !important; white-space: nowrap; }

  /* ---- 11 事業部紹介 ---- */
  /* 「字のサイズ、逆に。青字を大きく、金字は小さく」(全9部署・サイズ統一) */
  .division-item__ja { font-size: clamp(17px, 4.8vw, 20px) !important; }
  .division-item__catch { font-size: clamp(12px, 3.4vw, 14px) !important; }

  /* ---- 12 お問合せ ---- */
  /* 12_1: 注記とフォームの間を2倍アキ */
  .contact-form-note { margin-bottom: 10vw !important; }
  /* 12_2: A.の文字サイズをQと同じに */
  .contact-faq .faq-item__a { font-size: clamp(13.5px, 3.7vw, 15.5px) !important; }

  /* ---- 07 安全・安心 ---- */
  /* 07_2: 調達前の緑写真帯を短くカット */
  .safety-photo-divider { height: 40vw !important; }

  /* ---- 13 採用 ---- */
  /* 13_2/13_3: 価値観3円をやや全体に小さく(75vw→66vw) */
  .value-circle-img { width: min(66vw, 270px) !important; }

  /* ---- 260714確定回答分（クライアント判読確定） ---- */
  /* 01_2「IYOSUI Qualityくらい大きく」対象は top-lead の英字見出しと確定（260715ユーザー指定CSS） */
  .top-lead__heading-en { font-size: 4.1667vw !important; }
  /* 03_8「アケル」: こだわり世界発信の商談会写真まわりに余白 */
  .quality-page #global .content-col2__img { margin-block: 5vw; }
  /* 05_8「アケル」: 未来への挑戦ブロックの上に余白（縦積み時） */
  #partnership .global-twocol__item + .global-twocol__item { margin-top: 10vw; }
  /* 05_2「写真3枚・タテ幅増やす」→ 260721sp05_3「トリミングやめ」で実寸比に上書き(上のルールに統一) */
  /* 07_2/07_3確定「やや小さく」で一貫＋「色ベタ増やす」: 品質管理体制の円形図 */
  .safety-page .safety-figure img { width: 86%; display: block; margin-inline: auto; }
  .safety-page .safety-figure { margin-block: 6vw; }
}

/* 260721ユーザー確定: グローバル展開ページ(だけ)のスマホ微調整 */
@media (max-width: 599.98px) {
  .global-reach-page .sec-head__sub { font-size: clamp(11px, 3vw, 14px) !important; }
  .global-reach-page [data-section="global-reach/cards"] .container > p:last-of-type,
  .global-reach-page [data-section="global-reach/cert"] .container > p { font-size: clamp(12px, 3.4vw, 13.5px) !important; }
  .global-reach-page p:last-child { padding-left: 0; }
  .global-reach-page .trade-box__note { margin-top: 4vw; }
}

/* 260721ユーザー確定: サステナビリティページ(だけ)のスマホ微調整 */
@media (max-width: 599.98px) {
  .sustainability-page p:last-child { margin-bottom: 0; padding-left: 0; }
}

/* 260721ユーザー確定: 会社概要ページ(だけ)のスマホ微調整 */
@media (max-width: 599.98px) {
  /* 理念ラベルの字間を0に */
  .company-page .philosophy-intro__label { letter-spacing: 0 !important; }
  /* VALUE(260721修正): 1行目=Respect＋JA(海の恵みへの敬意)を横並び、
     2行目以降(英文・本文)はRespectの左端から改行して開始 */
  .company-page .value-item { display: block !important; }
  .company-page .value-item dt { display: inline; margin-right: .6em; }
  .company-page .value-item dd { display: inline; }
  .company-page .value-item__ja { display: inline; }
  .company-page .value-item__en { display: block; margin-top: .15em; }
  .company-page .value-item__desc { display: block; }
}

/* 260721ユーザー確定: 採用ページ(だけ)のスマホ微調整 */
@media (max-width: 599.98px) {
  .recruit-page p:last-child { margin-bottom: 0; padding-left: 0; }
}

/* ---- recruit Values サークル: 600-1200px帯の調整（260705ユーザー指定差分） ---- */
@media (min-width: 600px) and (max-width: 1199.98px) {
  .recruit-page .value-card {
    max-width: 23.3333vw;
    aspect-ratio: 1 / 1;
    gap: 0;
    padding: 3vw 2.3333vw;
  }
  /* 指定差分の p{margin-bottom:0} はカード内にスコープ（全ページに効かせない） */
  .recruit-page .value-card p { margin-bottom: 0; }
  .value-card__ja {
    font-size: 1.25vw !important; /* fluidのページ限定セレクタ対策 */
    font-weight: 400;
    margin: 0;
  }
  .value-card__desc {
    font-size: 1.0833vw !important;
    font-weight: 300;
    line-height: 1.45;
    margin-top: 0;
  }
}

/* ============================================================
   260721 スマホ版校正 01-04（cotovia 田中裕子）
   ・赤字=SP指示。About Us / IYOSUIトル / 03_1改行 はテンプレ側で両版対応。
   ・本ブロックは末尾配置＝同詳細度で先行の≤600ルールに勝つ。
   ============================================================ */
@media (max-width: 599.98px) {

  /* 01_2a ブランドストーリー3行: 写真に対し中央寄せ・文字小さく・行間ツメ */
  .top-brand-story__content { text-align: center !important; align-items: center !important; margin-top: -8vw !important; } /* 260721ユーザー確定: margin-top */
  .top-brand-story__ja    { font-size: clamp(15px, 4.4vw, 18px) !important; font-weight: 400 !important; margin-top: 1.5vw !important; margin-bottom: -0.55em !important; letter-spacing: .08em !important; } /* 260721ユーザー確定 */
  .top-brand-story__en    { font-size: clamp(18px, 4.5vw, 24px) !important; margin: 0 !important; margin-bottom: -2.5vw !important; letter-spacing: .06em !important; } /* 260721ユーザー確定 */
  .top-brand-story__since { font-size: clamp(11px, 3vw, 13px) !important; margin-top: .2em !important; }

  /* 01_2b/01_3a トップ見出し「イヨスイのこだわり」「こだわりの魚」: 小さく＋1行に */
  .top-quality .sec-head__ja,
  .top-fish .sec-head__ja { font-size: clamp(14px, 4.4vw, 20px) !important; white-space: nowrap !important; }
  .top-quality .sec-head__en-inline,
  .top-fish .sec-head__en-inline { font-size: .82em !important; }

  /* 01_3b 魚グリッド: 和名↔英名の行間をもう少しアケル */
  .fish-item__ja { margin-bottom: .18em !important; }
  .fish-item__en { margin-top: .1em !important; line-height: 1.3 !important; }

  /* 01_4 6メニュー枠: テキストを枠の中央に（行間はツメ） */
  .related-pages__grid .related-page-item { text-align: center !important; align-items: center !important; justify-content: center !important; }
  .related-page-item__ja { margin-bottom: .1em !important; line-height: 1.2 !important; }
  .related-page-item__en { line-height: 1.2 !important; }

  /* 01_5 「お知らせ」見出し: 小さく */
  .top-news .sec-head__ja { font-size: clamp(14px, 4.4vw, 20px) !important; white-space: nowrap !important; }

  /* 02_2a 「海の可能性を、その先へ。」やや小さく（260714で拡大していた分を戻す） */
  .about-lead__sub { font-size: clamp(15px, 4.4vw, 19px) !important; }
  /* 02_2b キャッチ「海のいのちを…力。」: 3行目に「力。」がこぼれない程度に縮小＝2行に収める */
  .about-lead__heading { font-size: clamp(16px, 4.6vw, 21px) !important; line-height: 1.55 !important; }
  /* 02_2c リード本文: 中央揃えでなく左右いっぱいに */
  .about-lead__body { text-align: justify !important; padding-inline: 0 !important; }
  /* 02_3/02_4 セクション見出し(海と共に未来を育む/価値をめぐらせる志): やや小さく */
  .about-page .about-col2__heading { font-size: clamp(19px, 4.5vw, 25px) !important; } /* 260721ユーザー確定: 中央値4.5vw・19/25 */
  /* 02_5 Value本文キャプション: 左右いっぱいに */
  .about-col2__body { text-align: justify !important; }
  /* 02_7/02_8a 未来カードのアイコン: さらに大きく(96→108) */
  .for-future-card__icon img { width: 108px !important; }
  /* 02_8b 締め本文: 中央でなく左右いっぱいに（インラインcenterを上書き） */
  .about-for-future__closing { text-align: justify !important; padding-inline: 0 !important; }

  /* 03_3→260721ユーザー確定: 引用の上下に余白 */
  .quality-page .catch-block { margin-top: 1.8em; margin-bottom: 1.8em !important; }

  /* 04_1a 商品ヒーロー: 他ページ同様の見え方＝これ以上トリミングせず写真全体を表示 */
  .products-page .page-hero { aspect-ratio: 1685 / 629 !important; min-height: 0 !important; }
  .products-page .page-hero__bg { background-size: cover !important; background-position: center !important; }
  /* 04_1b 商品リード本文: 中央でなく左右いっぱいに */
  .products-page > .section:first-of-type .container--narrow > p { text-align: justify !important; }
  /* 04_2〜04_6 魚種カードのローマ字・英語名: やや大きく（260721ユーザー確定: 上限15.5→16.5px） */
  .fish-card__romaji, .fish-card__en { font-size: clamp(13px, 3.7vw, 16.5px) !important; }
}

/* ============================================================
   260721 スマホ版校正 05-08（cotovia 田中裕子）＋同日チャット指示
   ・「左右いっぱいに流す」=スマホのみ（PCは中央のまま）
   ・文字修正（句点トル等）はテンプレ側=両版反映
   ============================================================ */
@media (max-width: 599.98px) {

  /* 05_2 「広がる輸出ネットワーク」リード文・05_5 認証リード文・05_3 締め文: 左右いっぱい */
  .global-reach-page .sec-head--center .sec-head__sub {
    text-align: justify;
    align-self: stretch;
  }
  [data-section="global-reach/cert"] .container > p { text-align: justify !important; }
  .global-export-note { text-align: justify !important; }

  /* 06_1 サステナ本文・07_1 安全本文: 左右いっぱい（リード共通ルールで対応済み） */

  /* 06_1 見出し「海を守ることは〜」: グローバルページの見出しサイズに合わせて一律に */
  .sustainability-page .sec-head__ja { font-size: clamp(17px, 4.8vw, 22px) !important; }

  /* 13採用・09会社概要も含む「各ページtopの文章 左右いっぱい」(260721チャット全体指示) */
  .recruit-lead-body { text-align: justify !important; }
  .company-page > .section:first-of-type .container--narrow p { text-align: justify !important; }

  /* 【重要バグ修正】06_2〜06_5/07_2/07_4「写真右の余白・右ズレ」(端末依存):
     100vw+calc(50% - 50vw)のフルブリードはスクロールバー幅や祖先の幅計算で
     端末によりズレる → コンテナpadding(6.4vw)と同基準の負マージン方式に置換
     （padding と同じvw単位なので誤差が出ない） */
  .quality-page .content-col2__img,
  .sustainability-page .content-col2__img,
  .safety-page .content-col2__img,
  .about-col2__img {
    width: auto !important;
    max-width: none !important;
    margin-inline: -6.4vw !important;
    left: 0 !important;   /* base(PC)の left:-3px がfluidで-0.5vw化され右に余白が出る実バグの打消し */
  }
  /* sdgs-photoは.container外(padding無し親)なので負マージン不要=100%でぴったり */
  .sdgs-photo {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  /* ---- 260721sp09 会社概要(理念体系) ---- */
  /* 09_1: Corporate Philosophy 字間やや詰め・やや大きく */
  .philosophy-intro__label { letter-spacing: .04em !important; font-size: clamp(14px, 4vw, 17px) !important; }
  /* 09_2/09_3: Respect/Challenge/Originality見出しと英タグラインを大きく */
  .company-page .value-item dt { font-size: clamp(17px, 4.8vw, 21px) !important; }
  .company-page .philosophy-section__sub-en { font-size: clamp(13px, 3.7vw, 15.5px) !important; }
  /* 09_2: 説明文=2行になってもいいので大きく */
  .company-page .value-item__desc { font-size: clamp(13px, 3.7vw, 15.5px) !important; line-height: 1.7 !important; }

  /* ---- 260721sp12 お問合せ ---- */
  /* 12_1: フォーム上の注意書き3行=中央揃えでなく左右いっぱいに */
  .contact-form-note { text-align: justify !important; }

  /* 【バグ修正】fluidがbaseの br.sp-only{display:none} を≤600ブロックに複製し
     global.cssの display:inline を上書きしていた → tune(最終層)で復活させる */
  br.sp-only { display: inline !important; }

  /* 260721ユーザー確定 margin-left:84px(PC 左端ソロエル)は≤600では適用しない */
  .page-hero__inner { margin-left: 0 !important; }
}

/* 260721田中様報告「写真右のわずかな余白/右ズレ」: baseの left:-3px が
   fluid変換(-0.25〜-0.5vw)で端末により余白化 → 1200px未満は全帯でleft解除 */
@media (max-width: 1199.98px) {
  .content-col2__img { left: 0 !important; }
}

/* ============================================================
   260721 携帯バグ修正: PC用に付けた aspect-ratio が
   overflow:hidden で本文/カードを切ってしまうため、≤1199pxで解除
   （aspect-ratioは1200px以上のみ有効に）
   ============================================================ */
@media (max-width: 1199.98px) {
  .about-for-future,
  .philosophy-section,
  #sec-company-mission, #sec-philosophy-mission,
  #sec-company-value,   #sec-philosophy-value {
    aspect-ratio: auto !important;
  }
}

/* ============================================================
   260722 スマホ版校正（cotovia 田中裕子・5点）
   ・末尾配置＝同詳細度で先行の≤600ルールに勝つ
   ============================================================ */
@media (max-width: 599.98px) {
  /* ① top: ブランドストーリーの文字を帯の上下中央に（-8vw/margin-topを解除して縦中央） */
  .top-brand-story__content { margin-top: 0 !important; }
  .top-brand-story__ja { margin-top: 0 !important; }

  /* ② 商品紹介: 魚種カードの名称(和名/ローマ字/英名/学名)の行間をさらに詰める（以下同様＝全魚種） */
  .fish-card__head { line-height: 1.05 !important; }
  .fish-card__head > * { margin-bottom: 0 !important; }

  /* ③ 会社概要 VALUE: 和名(海の恵みへの敬意/進化への挑戦/独自性への誇り)をやや大きく */
  .company-page .value-item__ja { font-size: clamp(15px, 4.2vw, 17px) !important; }

  /* ④ グローバル展開: 「広がる輸出ネットワーク」下のリード文を大きく（上の本文と同サイズ） */
  .global-reach-page .sec-head__sub { font-size: clamp(13px, 3.8vw, 16px) !important; }

  /* ⑤ プライバシーポリシー: 全て左揃え・左端フラッシュに統一（見出しと本文の24px段差を解消） */
  .page-id-19 .l-main p,
  .page-id-19 .prose-section,
  .page-id-19 .privacy-dl,
  .page-id-19 .privacy-basics { padding-left: 0 !important; text-align: left !important; }
  .page-id-19 .sec-head { padding-left: 0 !important; }
  .page-id-19 .prose-section h2 { text-align: left !important; }
}