/* ============================================================
   IYOSUI Theme - About group
   (about / philosophy / history / company / access / divisions)
   ============================================================ */

:root {
  /* ゴールド（Figma実測 #796428 に統一, 2026-06-29） */
  --color-gold: #796428;
}

/* このグループのアクセント英字はゴールド基調（採寸: about-lead一文・col2 EN ラベル） */
.about-col2__sub,
.about-lead__sub {
  color: var(--color-gold);
}

/* ---- About: Brand Intro ---------------------------------- */
.about-brand-intro { text-align: center; }

.about-brand-intro__logo {
  font-family: var(--font-en);
  font-size: 125px;
  font-weight: 800;
  letter-spacing: .06em;
  color: var(--color-primary);
  line-height: 1;
  margin-bottom: 5px;
}

.about-brand-intro__tagline {
  font-family: var(--font-en);
  font-size: 23px;
  font-weight: 400;
  letter-spacing: .12em;
  color: var(--color-primary-light);
}

/* 260714校正02_1「ロゴ差替」: 支給ロゴ画像（IYOSUI＋タグライン一体）
   260717③: ロゴを中央揃えに（display:block＋margin auto） */
.about-brand-intro__logo-img {
  display: block;
  margin-inline: auto;
  width: 470px;
  max-width: 80%;
  height: auto;
}

/* ---- About: Lead ----------------------------------------- */
.about-lead__sub {
  text-align: center;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: .08em;
  color: var(--color-gold);
  margin-bottom: 1.2em;
}

.about-lead__heading {
  text-align: center;
  font-size: 22px;           /* 260704ユーザー指示(24→22) */
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: 1.8em;
  color: #007c8f;        /* Figma実測ティール */
  padding-top: 36px;
  letter-spacing: -0.04em;
}

.about-lead__body {
  text-align: center;
  font-size: 16px;       /* 260703校正: 本文「そのまま少し小さく」(18→16) */
  font-weight: 300;      /* 260703校正: 細文字 */
  line-height: 1.8;
  color: var(--color-text-teal, #007C8F); /* カンプ: 本文もティール */
  padding: 0 150px 0;
  margin-bottom: 3.5em;
}

/* Lead セクション: 260703校正で背景トル(白)。
   260715確定(02_1「ライン左右切る」): 全幅border-top→コンテンツ幅の独立hr(.about-lead-divider)へ */
.about-lead-section {
  padding-top: 86px;
  padding-bottom: 138px;
  background: var(--color-bg);
}

.about-lead-divider {
  border: 0;
  border-top: 1px solid var(--color-gold);
  max-width: var(--container-max);
  width: calc(100% - var(--container-pad) * 2); /* 左右を切ってコンテンツ幅に */
  margin: 0 auto;
}

/* ---- About: 2-column text + image ------------------------ */
.about-col2 {
  display: grid;
  grid-template-columns: 1.7fr 1fr;   /* テキスト広め・写真狭め（約63:37） */
  align-items: start;                 /* 260703校正: 本文と写真の天ソロエル */
  padding-left: 24px;   /* テキストブロックを左へ寄せる（旧85px） */
  padding-right: 85px;
  gap: 34px;
}

.about-col2--rev .about-col2__text  { order: 2; margin-left: -185px; margin-top: 0; } /* 260721web校正02_1: 本文の書き出しを写真上端に揃える(-60px→0) */
.about-col2--rev .about-col2__img   { order: 1; }

.about-col2__sub {
  display: block;
  font-family: var(--font-en);
  font-size: 29px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: none;   /* 「IYOSUI Story」を大文字化せず表示 */
  color: var(--color-gold);
  text-align: center;
  margin-bottom: 0.1em;
}

.about-col2__heading {
  text-align: center;
  font-size: 20px;       /* 260704ユーザー指示: 少し小さく(23→20) */
  font-weight: 300;
  margin-bottom: .9em;
  color: var(--color-gold);
}

/* カンプ: 見出し前後の装飾ダッシュ ー 〜 ー */
.about-col2__heading::before,
.about-col2__heading::after {
  content: 'ー';
  color: var(--color-gold);
  font-weight: 400;
  margin: 0 .4em;
}

.about-col2__sub-heading {
  text-align: center;
  font-size: 23px;       /* .ai 16pt × 1.42536 */
  color: var(--color-text-sub);
  margin-bottom: 1.6em;
}

.about-col2__body {
  font-size: 14px;       /* .ai 10pt × 1.42536 = 14.3 */
  line-height: 1.8;
  color: var(--color-text-teal, #007C8F); /* カンプ: 本文ティール */
}

.about-col2__img {
  width: 463px;
  margin-top: 0px;
  margin-left: 60px;
}

.about-col2__img img {
  width: 100%;
  border-radius: 0;
  box-shadow: var(--shadow-sm);
  margin-top: 0; /* 260704ユーザー確定値(25→0・天ソロエル) */
  max-width: 465px;
}

/* 見出しブロック: 左右分割の前に中央にどんと配置
   260717クライアント指示: 「文字情報がタイトルに詰まっている」→ 見出し下の空間を拡大 */
.about-col2__head {
  text-align: center;
  margin-bottom: 80px;
  margin-top: 30px;
}

/* 本文は左揃え（中央寄せの見出しと区別）＋余白 */
.about-col2__body {
  text-align: left;
  padding-top: 0;       /* 260703校正: 天ソロエル(20→0) */
  padding-left: 63px;
}

/* ---- About: Journey timeline ----------------------------- */
.journey-timeline {
  max-width: 780px;      /* 260703校正: 各行を1行で収めるため拡幅(640→780) */
  margin: 0 auto var(--sp-lg);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.journey-item {
  display: grid;
  grid-template-columns: 110px 1fr;
  align-items: stretch;            /* 年号セルを行の高さいっぱいに */
  gap: 0;
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: 0;
  overflow: hidden;                /* 年号背景を角丸に収める */
  position: relative;
}

.journey-item:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--color-border);
  border-bottom: 2px solid var(--color-border);
  rotate: 45deg;
}

.journey-item__year {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #007681;           /* 260703校正: 年ラベルのグリーン濃く(透過→ベタ) */
  color: #fff;
  font-family: var(--font-en);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .04em;
  text-align: center;
}

.journey-item__text {
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--color-text-teal);
  padding: 16px 24px;            /* 余白は本文側に移動（年号セルは枠いっぱい） */
}

/* 260703校正: Web版では各年の記述を1行で終わらせる */
@media (min-width: 900px) {
  .journey-item__text { white-space: nowrap; }
}

/* ---- About: For the Future （カンプ準拠: 明るい空×海・フロストカード） ---- */
.about-for-future {
  position: relative;
  padding-block: var(--sp-xl);
  background: #bcdce8;        /* 明るい空のフォールバック */
  overflow: hidden;
  aspect-ratio: 1687 / 1084;  /* 260720ユーザー指定: 支給背景の比率で表示 */
}

.about-for-future__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 1;                 /* 明るい写真をそのまま見せる */
}

/* 260704指示: 背景写真の前景に RGBA(0,91,113 / 35%) フィルター */
.about-for-future__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 91, 113, .35);
}

.about-for-future__inner { position: relative; z-index: 1; }

.for-future-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-md);
  padding-inline: 80px;   /* 左右に余白を開ける */
}

.for-future-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 18px;
  padding: var(--sp-lg) var(--sp-md);
  background: rgba(255,255,255,.75);          /* 260704ユーザー確定値(.16→.75) */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,.45);
  border-radius: var(--radius-lg);
  box-shadow: none;
}

/* カンプ: タイトル(上) → アイコン(下)。EN サブは非表示 */
.for-future-card__title { order: 1; }
.for-future-card__icon  { order: 2; }
.for-future-card__sub   { display: none; }

.for-future-card__icon {
  width: 94px;           /* 260721ユーザー確定: 74→94px */
  height: 94px;
  color: #5f93c3;        /* カンプのブルー */
}

.for-future-card__icon svg { width: 100%; height: 100%; }
.for-future-card__icon img { width: 100%; height: 100%; object-fit: contain; }

.for-future-card__title {
  font-size: 17px;       /* .ai 12pt × 1.42536 */
  font-weight: 700;
  line-height: 1.6;
  color: #5f93c3;        /* Figma実測ブルー */
}

/* ---- Philosophy: PURPOSE / VISION / MISSION / VALUE ------- */
.philosophy-intro {
  text-align: center;
  padding-block: 112px; /* 260705イラレ実測: 上下アキ約79pt×1.425 */
}

/* 260703校正: 「イヨスイ理念体系」も他見出しと同じゴールド・サイズ・太さ */
.philosophy-intro__heading {
  color: #796428;        /* 260721ユーザー確定 */
  margin: 0;
  font-size: 23px;
  font-weight: 500;
}

.philosophy-intro__label {
  display: block;
  font-family: var(--font-en);
  font-size: 22px;       /* 260721ユーザー確定(18→22) */
  font-weight: 600;      /* 260721ユーザー確定(400→600) */
  letter-spacing: .12em;
  text-transform: none;
  color: var(--color-gold);
}

.philosophy-section {
  position: relative;
  overflow: hidden;
  background: #12608f; /* 260705イラレ実測: 帯はブルー系(帯平均#1d78a9) */
  color: #fff;
  /* 260721ユーザー指定: 背景写真(philosophy-bg-*)の比率に合わせ写真全体を表示。
     PURPOSE/VISION=1686:562。MISSION/VALUEは下で個別に上書き（company/philosophy両ページ） */
  aspect-ratio: 1686 / 562;
}
#sec-company-mission, #sec-philosophy-mission { aspect-ratio: 1686 / 600; }
#sec-company-value,   #sec-philosophy-value   { aspect-ratio: 1686 / 676; }

/* カンプ: 帯ごとに濃淡が交互（PURPOSE濃 / VISION淡 / MISSION濃 / VALUE淡） */
.philosophy-section--light { color: var(--color-text); }

/* カンプ: 4セクションは1枚の海面写真を背景に、各帯ごとにティールの濃淡で重ねる */
.philosophy-section__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  /* 260718田中様「薄い色の印象/背景写真の出方が異なる?」の原因: background-attachment:fixed は
     iOS Safari等で背景が描画されず、青グラデだけが白地に乗って薄く見えていた → fixed廃止 */
}

/* 260719: 帯背景をデザイナー書き出し(philosophy-bg-*.jpg・濃い青/淡色が焼き込み済み)に差替したため
   CSS側の色重ね(::after)は全廃。文字コントラストは画像側で担保される */
.philosophy-section__bg::after { content: none; }
.philosophy-section--light .philosophy-section__bg::after { content: none; }

.philosophy-section__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: var(--sp-xl);
  align-items: start;   /* 260703校正: ラベルと見出しの天ソロエル */
  max-width: var(--container-max);
  margin-inline: auto;
  padding: 90px var(--container-pad);
}

/* カンプ: ラベル位置を帯ごとに左右交互（PURPOSE左 / VISION右 / MISSION左 / VALUE右） */
.philosophy-section--label-right .philosophy-section__inner {
  grid-template-columns: 1fr 320px;
}
.philosophy-section--label-right .philosophy-section__label { order: 2; text-align: right; }
.philosophy-section--label-right .philosophy-section__content { order: 1; }

/* 260705イラレ実測: キャッチの天は大英字bbox上端から+17pt(24px)。行高差7px分を引いて+17px */
.philosophy-section__content { padding-top: 17px; }

.philosophy-section__label {
  font-family: var(--font-en);
  line-height: 1;
}

/* 大きい英字（PURPOSE / VISION ...） Figma実測 51pt×1.42536≒73px */
.philosophy-section__type {
  display: block;
  font-size: 73px;
  font-weight: 800;
  letter-spacing: .04em;
  color: #fff;
  line-height: 1;
}

/* 小さい和字（存在意義 ...）260705イラレ実測: 22pt→31px・HiraginoSans-W1(細字)・字間控えめ */
.philosophy-section__type-ja {
  display: block;
  font-size: 31px;
  font-weight: 300;
  letter-spacing: .1em;
  margin-top: .5em;
  color: rgba(255,255,255,.92);
}

.philosophy-section__heading {
  font-size: 23px;       /* .ai 16pt × 1.42536 */
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: .6em;
  color: #fff;
}

.philosophy-section__sub-ja {
  display: block;
  margin-bottom: 1em;
  font-weight: 600;
  color: rgba(255,255,255,.95);
}

.philosophy-section__sub-en {
  display: block;
  font-family: var(--font-en);
  font-size: 15px;       /* 260721ユーザー確定: 全4セクション15pxに（SP/タブレット） */
  letter-spacing: .1em;
  margin-bottom: 1em;
  color: rgba(255,255,255,.85);
}

/* 260722cotovia: PC(≥1200px)は理念2行目英字を「Corporate Philosophy」サイズ(22px)に
   （太さ・字間は現状維持＝font-sizeのみ変更） */
@media (min-width: 1200px) {
  .philosophy-section__sub-en { font-size: 22px; }
}

.philosophy-section__body {
  font-size: 15px;       /* 260721ユーザー確定: 全4セクション15pxに */
  line-height: 2;
  color: rgba(255,255,255,.92);
}

/* ---- 淡い帯（light）の文字色は ブルー #0d5c9b（Figma実測） ---- */
.philosophy-section--light .philosophy-section__type { color: #0d5c9b; }
.philosophy-section--light .philosophy-section__type-ja { color: #0d5c9b; }
.philosophy-section--light .philosophy-section__heading { color: #0d5c9b; }
.philosophy-section--light .philosophy-section__sub-ja { color: #0d5c9b; }
.philosophy-section--light .philosophy-section__sub-en { color: #0d5c9b; }
.philosophy-section--light .philosophy-section__body { color: #0d5c9b; }

/* Value list (Respect / Challenge / Originality)
   260705イラレ準拠: 左=EN名(17pt→24px)、右1行目=JA太字(10pt W4)+EN文(11pt→16px)、右2行目=本文(10pt W1)。
   罫線なし・全文字 #0d5c9b（淡い帯） */
.value-list {
  display: flex;
  flex-direction: column;
  gap: 26px;
  margin-top: 2em;
}

.value-item {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: var(--sp-md);
  align-items: baseline;
  padding-bottom: 0;
  border-bottom: none;
}

.value-item dt {
  font-family: var(--font-en);
  font-size: 24px;       /* .ai 17pt × 1.42536 = 24.2 */
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
}

.value-item dd { color: rgba(255,255,255,.9); line-height: 1.9; }

.value-item__ja {
  font-size: 14px;       /* .ai 10pt W4 */
  font-weight: 600;
  margin-right: 1.25em;
}

.value-item__en {
  display: inline;
  font-family: var(--font-en);
  font-size: 16px;       /* .ai 11pt × 1.42536 = 15.7 */
  font-weight: 400;
  letter-spacing: .02em;
}

.value-item__desc {
  display: block;
  font-size: 14px;       /* .ai 10pt W1 */
  font-weight: 300;
  line-height: 1.9;
  margin-top: .25em;
}

/* 淡い帯（VALUE）のときは全てブルー #0d5c9b */
.philosophy-section--light .value-item dt { color: #0d5c9b; }
.philosophy-section--light .value-item dd { color: #0d5c9b; }

/* ---- 企業情報グループの中央見出し（会社概要 / 沿革 / アクセスマップ）----
   カンプ採寸: 和字（上）＋欧文（下）とも #6a5c26 ゴールド・中央寄せ */
.corp-sec-head {
  text-align: center;
  margin-bottom: 48px;
}

.corp-sec-head .sec-head__ja {
  font-size: 23px;       /* .ai 16pt × 1.42536 */
  font-weight: 500;      /* 260708校正: 会社概要見出し「太く小さく」(300→500) */
  color: #796428;        /* Figma実測 */
  margin-bottom: .35em;
}

.corp-sec-head .sec-head__en {
  display: block;
  font-family: var(--font-en);
  font-size: 22px;       /* 260708校正: 英字「小さく・字間ツメ」(26→22) */
  font-weight: 300;      /* 英字細く */
  letter-spacing: .12em;
  text-transform: none;
  color: #796428;        /* Figma実測 */
  margin-bottom: 0;
}

/* 260721ユーザー確定: アクセスページ(page-id-17)のみ英字字間を詰める */
.page-id-17 .corp-sec-head .sec-head__en { letter-spacing: .04em; }

/* ---- About の中央見出し（Our Journey / 未来へ向けて）---- */
.about-dash-head .sec-head__en,
.sec-head.sec-head--center.about-dash-head span.sec-head__en {
  color: var(--color-gold);
  text-transform: none;   /* 「Our Journey」を大文字化せずそのまま表示 */
  order: 0;               /* 260703校正: 英が上、日が下 */
}

.about-dash-head .sec-head__ja {
  font-size: 23px;
  font-weight: 300;
  color: var(--color-gold);
}

/* ---- About の中央見出しに装飾ダッシュ ー 〜 ー（Our Journey / 未来へ向けて）---- */
.about-dash-head .sec-head__ja::before,
.about-dash-head .sec-head__ja::after {
  content: 'ー';
  color: var(--color-gold);
  font-weight: 400;
  margin: 0 .4em;
}

.about-for-future .about-dash-head .sec-head__ja::before,
.about-for-future .about-dash-head .sec-head__ja::after {
  color: #fff; /* 260703校正: 白ヌキ字 */
}

/* 未来へ向けては従来どおり和文上（英上→日下は歩みのみ） */
.about-for-future .sec-head.sec-head--center.about-dash-head span.sec-head__en { order: 1; }

/* クロージング文（明るい背景上の白文字）に薄い影で可読性確保 */
.about-for-future__closing {
  text-shadow: 0 1px 6px rgba(0,40,60,.45);
}

/* ---- Company profile table (カンプ準拠: 罫線なし「商号：…」形式) ---- */
.company-table {
  width: 100%;
  font-size: 14px;       /* .ai 10pt × 1.42536 = 14.3 */
  max-width: 680px;
  margin-inline: auto;
}

.company-table th,
.company-table td {
  padding: .45em 0;
  text-align: left;
  vertical-align: top;
  border: none;
  line-height: 1.9;
  background: transparent;
  font-weight: 300;      /* 260703校正: 表本文やや細く */
  color: var(--color-text); /* 260721web校正(09_5): 沿革の黒字に色を合わせる(container--narrowのティール継承を打消し) */
}

.company-table th {
  width: 8.5em;
  font-weight: 400;
  color: var(--color-text);
  white-space: nowrap;
  text-align: justify;
  text-align-last: justify;
  padding-right: .25em;
}

.company-table th::after { content: '：'; }

.company-table td {
  padding-left: .25em;
  color: var(--color-text);  /* 260708校正: 下線リンク以外は同じ色に(th と統一・グレー廃止) */
  font-weight: 300;          /* 260721ユーザー確定: 表本文を細く(400→300) */
}

/* 260703校正: リンクがあるものだけブルーグリーン */
.company-table a { color: var(--color-text-teal); text-decoration: underline; }

/* 260703校正: ブロック間の一行アケ（TEL/FAX→事業所・事業内容→グループ会社・関連会社→取引銀行） */
.company-table tr.row-gap th,
.company-table tr.row-gap td { padding-top: 1.9em; }

/* ---- History table ----------------------------------------
   260705イラレ準拠: 全罫線グリッド＋交互グレー行・西暦は中央/本文と同フォント同色・
   本文W1(300)・「※日本初の事例」だけティール */
.history-table {
  width: 100%;
  font-size: 13px;       /* .ai 9pt × 1.42536 = 12.8 */
  border-collapse: collapse;
  background: #fff;
}

.history-table th,
.history-table td {
  padding: 1em 1.5em;
  text-align: left;
  vertical-align: top;
  border: 1px solid #d9dde0;
  line-height: 1.8;
  font-weight: 300;
  color: var(--color-text); /* container--narrowのティール継承を打消し(.aiは黒系) */
}

.history-table tbody tr:nth-child(odd) { background: #f2f3f5; }

.history-table th {
  width: 7em;
  font-family: inherit;  /* 260703校正: 西暦も本文と同じフォントで */
  font-weight: 300;
  color: var(--color-text);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.history-table .jp-first { color: var(--color-text-teal); }

/* ---- Access ---------------------------------------------- */
.access-lead {
  text-align: center;
  color: var(--color-text-sub);
  margin-bottom: var(--sp-lg);
}

.access-grid {
  display: grid;
  gap: var(--sp-lg);
}

.access-item {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--sp-lg);
  align-items: start;
  padding-bottom: var(--sp-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.access-item__name {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: .75em;
  color: var(--color-primary-dark);
}

.access-item__address,
.access-item__info {
  font-size: 14px;
  line-height: 1.9;
  color: var(--color-text-sub);
  font-style: normal;
  /* 260721ユーザー確定: 電話/FAXを「ラベル：値」の横並び2行に（全事業所共通） */
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: .3em;
  align-items: baseline;
}
.access-item__info dt { margin: 0; text-align: right; font-weight: inherit; }
.access-item__info dt::after { content: '：'; }
.access-item__info dd { margin: 0; }

.access-item__map {
  aspect-ratio: 4/3;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-bg-gray);
}

.access-item__map iframe { width: 100%; height: 100%; border: 0; }

.access-item__map-btn { margin-top: 1em; }

/* ---- Divisions ------------------------------------------- */
.divisions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-md);
}

.division-item {
  padding: var(--sp-md);
  background: var(--color-bg);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  transition: box-shadow var(--transition), transform var(--transition);
}

.division-item:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }

.division-item__ja { font-size: 18px; font-weight: 600; margin-bottom: .2em; color: var(--color-text-teal); }

/* 260714: 事業部紹介FIX原稿対応（キャッチ＋●リスト） */
.division-item__catch {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-gold);
  margin-bottom: .8em;
}
.division-item__list { margin-top: .9em; list-style: none; padding: 0; }
.division-item__list li {
  position: relative;
  padding-left: 1.1em;
  font-size: 13px;
  line-height: 1.8;
  color: var(--color-text-sub);
}
.division-item__list li::before {
  content: '●';
  position: absolute;
  left: 0;
  top: .15em;
  font-size: .7em;
  color: var(--color-text-teal);
}

.division-item__en {
  display: block;
  font-family: var(--font-en);
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--color-text-sub);
  margin-bottom: .8em;
}

.division-item__body { font-size: 14px; line-height: 1.8; color: var(--color-text-sub); }

/* ---- Responsive ------------------------------------------ */
@media (max-width: 900px) {
  .about-col2,
  .philosophy-section__inner,
  .philosophy-section--label-right .philosophy-section__inner {
    grid-template-columns: 1fr;
    gap: var(--sp-lg);
  }
  .about-col2--rev .about-col2__text { order: 0; }
  .about-col2--rev .about-col2__img  { order: 0; }
  .philosophy-section--label-right .philosophy-section__label   { order: 0; text-align: left; }
  .philosophy-section--label-right .philosophy-section__content { order: 0; }
  .philosophy-section__bg { background-attachment: scroll; }
  .for-future-grid,
  .divisions-grid { grid-template-columns: 1fr; }
  .access-item    { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  /* 260717確定(02_6): PCと同様、年号の緑ボックスを白囲みの左端・天地いっぱいに
     （旧: item側のpadding 14px 16pxで緑の周りに白余白が出ていた） */
  .journey-item { grid-template-columns: 80px 1fr; gap: 0; padding: 0; }
  .journey-item__year { padding-block: 12px; }
  .journey-item__text { padding: 12px 14px; }
  .value-item   { grid-template-columns: 1fr; gap: 4px; }
  .company-table th, .history-table th { width: auto; }
}

/* ============================================================
   会社概要ページ（理念体系＋会社概要＋沿革＋アクセス 統合）2026-06-29
   ============================================================ */
.company-faq-link { text-align: center; margin-top: var(--sp-lg); }

/* アクセス: 全幅夕景写真 */
/* 260703校正: 写真の上余白トル・左右いっぱいにレイアウト */
#access-map { padding-top: 0; }
/* 260703校正8-6: 夕景写真は上の余白トル・左右いっぱい */
#access-map { padding-top: 0; }
.access-photo { max-width: none; margin: 0 0 var(--sp-xl); }
.access-photo img { display: block; width: 100%; height: auto; }

/* 260705イラレ準拠: FAQボタンは #007c8f・やや細く */
.company-faq-link .btn--outline {
  color: #007c8f;
  border-color: #007c8f;
  font-weight: 400;
}
.company-faq-link .btn--outline:hover { background: #007c8f; color: #fff; }

.access-offices-note {
  text-align: center;
  color: #007c8f;
  font-size: 14px;
  margin-bottom: var(--sp-lg);
}

/* 事業所リスト */
.office-list { max-width: 760px; margin: 0 auto; }
.office-item { margin-bottom: var(--sp-lg); }
.office-item__name {
  color: #007c8f;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 .5em;
  padding-bottom: .3em;
  border-bottom: 1px solid #cfe0e4;
}
.office-item__line {
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  margin: 0;
}
.office-item__line a { color: #007c8f; }
/* 260721web校正(10_x): 電話/FAX番号が青みがかって見える→沿革の黒字に合わせる */
.office-item__line a[href^="tel:"] { color: var(--color-text); }
.office-map-link { color: #007c8f; } /* Googleマップリンクはティール維持 */

/* 会社概要 アクセス: 事業所名リンク＆Googleマップリンク（260701） */
.access-offices-note a { color: #007c8f; text-decoration: underline; }
.office-item { scroll-margin-top: 100px; }
.office-map-link { color: #007c8f; text-decoration: underline; font-size: 12px; }