@charset "UTF-8";
/* ==========================================================================
   p-company  会社案内（下層③）
   出典: Figma PC 1046:16（1440×7452）/ SP 1080:997（390×8119）
   数値・色は 2026-08-22 に複製 V6Sm5ziY59T6IiCDl4Cq6m から figma_spec.py で実取得。目視推測ゼロ。

   設計座標（PC）: FV180 / 経営理念633 / 職業理念912 / MVV1367 / 代表メッセージ2185
                  / 帯5031 / 会社概要3605 / 沿革5631
   ========================================================================== */
/* S-67: FVサブコピー＝実測 1046:311 #333333（共通既定のメイン青は他ページ実測値・会員S-57①と同型） */
.c-page-title__subtitle {
  color: #333333;
}

/* S-67: back decoration泡（PC実測座標で配置・SPはSP周回で別途） */
.p-company__deco {
  display: none;
}

/* S-67: contact帯の部品泡はFigmaに不在（1046:94配下ELLIPSEゼロを実測）＝btob S-50同型。
   帯上端に重なる青泡は .p-company__deco--contact で別途実装 */
.c-contact-band__bubble {
  display: none;
}

.p-company__inner {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 16px;
}

/* 見出し（泡＋テキスト・中央） */
/* 🔴 #80 見出しの揃えは Figma で節ごとに違う（実測・PC1440の中心=720）:
     経営理念 1046:303 中心720＝中央／会社概要 1046:299 中心721＝中央
     職業理念 1046:180 中心331／MVV 1046:185 中心516＝**左寄せ**
   ∴ 既定は中央のまま、左寄せの節だけ --left で上書きする（自己流で統一しない）。 */
.p-company__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  color: #333333;
  font-size: clamp(24px, 21.0285714286px + 0.7619047619vw, 32px);
  font-weight: 700;
  line-height: 1.45;
}

.p-company__heading--left {
  justify-content: flex-start;
}

/* S-67: 経営理念の見出しだけ #000000（実測 1046:303。他見出しは#333） */
.p-company__heading--nobubble {
  color: #000000;
}

.p-company__heading-bubble {
  flex-shrink: 0;
  width: 29px;
  height: 29px;
}

/* ==========================================================================
   経営理念（実測 1046:304: Zen Old Mincho 700 40px / lh60 / #005CA7）
   ========================================================================== */
.p-company__creed {
  padding-block: 60px 40px;
}

.p-company__creed-text {
  margin: 32px 0 0;
  color: #005ca7;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(26px, 20.8px + 1.3333333333vw, 40px);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

/* ==========================================================================
   職業理念（実測 1046:182 引用 26px/lh52 / 1046:181 本文）
   ========================================================================== */
.p-company__philosophy {
  padding-block: 40px 60px;
}

/* S-67: 白カード（実測 1046:176: 1200×411・#FFFFFF・DROP_SHADOW blur5・角丸なし）は
   **見出しごと**囲む（旧: 本文だけカードで見出しが外にあった） */
.p-company__philosophy-card {
  padding: 24px;
  background-color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.p-company__philosophy-body {
  display: grid;
  gap: 32px;
  margin-top: 32px;
}

.p-company__quote {
  margin: 0;
  color: #005ca7;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(20px, 17.7714285714px + 0.5714285714vw, 26px);
  font-weight: 700;
  line-height: 2; /* 実測: 26px→lh52 */
}

.p-company__lead {
  margin: 0;
  color: #333333;
  font-size: clamp(15px, 13.8857142857px + 0.2857142857vw, 18px);
  font-weight: 500;
  line-height: 1.6; /* 実測: 18px→lh28.8 */
}

/* ==========================================================================
   ミッション・ビジョン・バリュー
   ========================================================================== */
.p-company__mvv {
  padding-block: 60px;
}

/* S-67: 白カード（実測 1046:175: 1200×719・#FFFFFF・DROP_SHADOW blur5・角丸なし）は
   **見出しごと**囲む（旧: リストだけカード） */
.p-company__mvv-card {
  padding: 24px;
  background-color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.p-company__mvv-list {
  margin: 32px 0 0;
}

/* 行の区切り＝実測 1046:191/192（ミッション行下）:
   灰 #CFCFCF 2px を全幅に、その上に青 #5FCAFD 2px を左から136px重ねる二色線 */
.p-company__mvv-row {
  display: grid;
  gap: 10px;
  padding-block: 24px;
  background-image: linear-gradient(to right, #5fcafd 0 136px, transparent 136px), linear-gradient(to right, #cfcfcf 0 100%);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 2px;
  /* ⚠️ 最終行にも線が在る（実測 MVV=1046:190/194 y1932・会社概要=1046:294）＝last-childで消さない */
}

/* ラベル（実測 1046:196: Zen Old Mincho 700 26px / #005CA7） */
.p-company__mvv-label {
  color: #005ca7;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(20px, 17.7714285714px + 0.5714285714vw, 26px);
  font-weight: 700;
  line-height: 1.4;
}

/* 本文（実測 1046:197: 18px/500/lh28.8 #333333） */
.p-company__mvv-body {
  margin: 0;
  color: #333333;
  font-size: clamp(15px, 13.8857142857px + 0.2857142857vw, 18px);
  font-weight: 500;
  line-height: 1.6;
}

.p-company__values {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-company__value {
  display: grid;
  gap: 4px;
}

/* S-67: 価値のラベル＝**#333 fw500**（実測 1046:201: 20px/500/lh34 #333333。
   旧: メイン青×太字＝実測と別物）。ラベル→本文はリーダー線（実測 1046:203: #333 1px）で結ぶ */
.p-company__value-label {
  display: flex;
  gap: 4px;
  align-items: center;
  color: #333333;
  font-size: clamp(16px, 14.5142857143px + 0.380952381vw, 20px);
  font-weight: 500;
  line-height: 1.7;
}
.p-company__value-label::after {
  flex: 1;
  align-self: flex-end;
  height: 1px;
  margin-bottom: 6px; /* 実測: 線y1801＝項目箱34の下から7（ベースライン沿い） */
  /* 実測 1046:203: strokeDashes [2,2]＝2px点線 */
  background-image: repeating-linear-gradient(to right, #333333 0 2px, transparent 2px 4px);
  content: "";
}

/* 価値の本文（実測 1046:202: 18px/500/lh30.6 #333333） */
.p-company__value-body {
  color: #333333;
  font-size: clamp(15px, 13.8857142857px + 0.2857142857vw, 18px);
  font-weight: 500;
  line-height: 1.7;
}

/* ==========================================================================
   代表メッセージ（実測 1046:219 見出し36px / 1046:213 顔写真317×568）
   ========================================================================== */
.p-company__message {
  padding-block: 60px;
}

.p-company__message-body {
  display: grid;
  gap: 40px;
  margin-top: 40px;
}

/* 見出し（実測 1046:219: Zen Old Mincho 700 36px / lh61.2 / ls0.72 / #005CA7） */
.p-company__message-title {
  margin: 0 0 24px;
  color: #005ca7;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(22px, 16.8px + 1.3333333333vw, 36px);
  font-weight: 700;
  letter-spacing: 0.72px;
  line-height: 1.7;
}

.p-company__message-main {
  color: #333333;
  font-size: clamp(15px, 13.8857142857px + 0.2857142857vw, 18px);
  font-weight: 500;
  line-height: 1.8;
}

/* 顔写真（実測 1046:213: 317×568・角丸16は画像に焼き込み済み。S-67: Figmaは**写真が左**） */
.p-company__ceo-photo {
  display: block;
  width: 100%;
  max-width: 317px;
  height: auto;
  margin-inline: auto;
  aspect-ratio: 317/568;
  object-fit: cover;
}

/* S-67: 署名（実測 1046:220: 文章末尾の右端。旧: 写真下のキャプション＝構成が別物）
   役職=fs20/500/lh30 #000（1046:221）／氏名=fs24/500/lh36/ls0.72 #000（1046:222） */
.p-company__sign {
  display: flex;
  gap: 11px; /* 実測: 役職右端1202 → 氏名1213 */
  align-items: baseline;
  justify-content: flex-end;
  margin: 26px 0 0; /* 実測: 本文下端3276 → 署名3302 */
  color: #000000;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
}

.p-company__sign-role {
  font-size: clamp(16px, 14.5142857143px + 0.380952381vw, 20px);
  line-height: 1.5;
}

.p-company__sign-name {
  font-size: clamp(20px, 18.5142857143px + 0.380952381vw, 24px);
  letter-spacing: 0.72px;
  line-height: 1.5;
}

/* ==========================================================================
   店舗外観の帯（実測 1046:21: 1440×480 の全幅画像）
   ========================================================================== */
.p-company__band {
  margin-block: 40px;
}

.p-company__band-img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1440/480;
  object-fit: cover;
}

/* ==========================================================================
   会社概要・沿革（実測 1046:229 ほか: ラベル180幅 / 値612幅の2カラム）
   ========================================================================== */
.p-company__profile,
.p-company__history {
  padding-block: 60px;
}

/* 🔴 #82 Figmaは水色地の上に「影付きカード」。
   実測 1046:226（会社概要）/ 1046:121（沿革）: 塗り#FFFFFF・角丸16・
   DROP_SHADOW rgba(61,94,72,.10) offset0 blur20・padding80（PC）・行gap32 */
.p-company__table {
  margin: 40px 0 0;
  padding: 24px;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 0 20px rgba(61, 94, 72, 0.1);
}

/* 行の区切り＝実測 1046:232/233: 青 #5FCAFD 2px（項目名側196px）＋ 灰 #CFCFCF 2px（内容側） */
.p-company__row {
  display: grid;
  gap: 6px;
  padding-block: 20px;
  background-image: linear-gradient(to right, #5fcafd 0 196px, transparent 196px), linear-gradient(to right, #cfcfcf 0 100%);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 2px;
  /* ⚠️ 最終行にも線が在る（実測 MVV=1046:190/194 y1932・会社概要=1046:294）＝last-childで消さない */
}

/* 項目名（実測 1046:229: 20px/700/lh29/ls0.40 #333333） */
.p-company__row-label {
  color: #333333;
  font-size: clamp(16px, 14.5142857143px + 0.380952381vw, 20px);
  font-weight: 700;
  letter-spacing: 0.4px;
  line-height: 1.45;
}

/* 沿革の行だけ項目名・内容とも16px（Figma実測 1046:124-167・8/24スイープで検出） */
.p-company__history .p-company__row-label,
.p-company__history .p-company__row-value {
  font-size: 16px;
}

/* 内容（実測 1046:230: 18px/500/lh28.8/ls0.36 #333333） */
.p-company__row-value {
  margin: 0;
  color: #333333;
  font-size: clamp(15px, 13.8857142857px + 0.2857142857vw, 18px);
  font-weight: 500;
  letter-spacing: 0.36px;
  line-height: 1.6;
}

/* TELの行だけ内容が16px（Figma実測: TEL+FAX並記の1行収め・基底より後に置いて優先させる） */
.p-company__row-value--sm {
  font-size: 16px;
}

/* ==========================================================================
   タブレット以上（769px〜）
   ========================================================================== */
@media (min-width: 769px) {
  .p-company__inner {
    padding-inline: 32px;
  }
  /* S-67横展開: 見出し泡はFigma全見出し42px（実測 1046:179/184/215/172ほか。旧29px） */
  .p-company__heading-bubble {
    width: 42px;
    height: 42px;
  }
  /* --- 経営理念（実測: FV下端594→見出し633=39・見出し下端681→本文721=40） --- */
  .p-company__creed {
    padding-block: 39px 0;
  }
  .p-company__creed-text {
    margin-top: 40px;
  }
  /* --- 職業理念カード（実測 1046:176: y872..1283。経営理念本文下端781→カード872=91）
     padding=上40(872→912)/左80(→タイトルx200)/右37(リード右端1283→1320)/下54(リード下端1229→1283) --- */
  .p-company__philosophy {
    padding-block: 91px 0;
  }
  .p-company__philosophy-card {
    margin-inline: -32px; /* 実測: カードはinner余白を含む1200幅いっぱい（x120..1320） */
    padding: 40px 37px 54px 80px;
  }
  /* 引用（x210=カード左+90＝タイトルから+10）｜本文（x508）の2カラム。
     実測: タイトル下端958→引用1014=56・本文はさらに+11 */
  .p-company__philosophy-body {
    grid-template-columns: 241px 1fr;
    gap: 57px; /* 実測: 引用右端451 → 本文508 */
    align-items: start;
    margin-top: 56px;
  }
  .p-company__quote {
    margin-left: 10px;
  }
  .p-company__lead {
    margin-top: 11px; /* 実測: 引用y1014に対し本文y1025 */
    font-size: 20px; /* 実測 1046:181: fs20 lh34（旧18/1.6） */
    line-height: 1.7;
  }
  /* --- MVVカード（実測 1046:175: y1306..2025。職業理念カード下端1283→1306=23）
     padding=上61(→タイトル1367)/左92(→行x212)/右50(線右端1270→1320)/下93(最終線1932→2025) --- */
  .p-company__mvv {
    padding-block: 23px 0;
  }
  .p-company__mvv-card {
    margin-inline: -32px; /* 実測: カードは1200幅いっぱい（x120..1320） */
    padding: 61px 50px 93px 92px;
  }
  .p-company__mvv-list {
    margin-top: 86px; /* 実測: タイトル下端1413 → ミッション1499 */
  }
  /* ラベル163px列（実測: ラベルx212 → 本文x375）。
     行別余白はFigma手置き実測値（線上54/62/28・線下64/40） */
  .p-company__mvv-row {
    grid-template-columns: 163px 1fr;
    gap: 0;
    padding-block: 0 54px;
  }
  .p-company__mvv-row:nth-child(2) {
    margin-top: 64px; /* 実測: 線1582 → ビジョン1646 */
    padding-bottom: 62px; /* 実測: ビジョン下端1672 → 線1734 */
  }
  .p-company__mvv-row:nth-child(3) {
    margin-top: 40px; /* 実測: 線1734 → 価値1行目1774 */
    padding-bottom: 28px; /* 実測: 価値3行目下端1904 → 線1932 */
  }
  /* バリューのラベルは3項目ブロックに対し上下中央（実測 1046:199 y1826＝中心1839一致） */
  .p-company__mvv-row--values .p-company__mvv-label {
    align-self: center;
  }
  .p-company__mvv-label {
    line-height: 1; /* 実測: lh26 ÷ fs26 */
  }
  .p-company__mvv-body {
    line-height: 1.45; /* 実測 1046:188: lh26.1 ÷ fs18 */
  }
  .p-company__mvv-row:first-child .p-company__mvv-body {
    line-height: 1.6; /* 実測 1046:197: lh28.8 ÷ fs18（1行目のみ） */
  }
  /* 価値3項目（実測: x382=行から+168・本文x616・行送り48） */
  .p-company__values {
    gap: 14px; /* 実測: 送り48 − 箱34 */
    margin-left: 7px; /* 実測: 本文列x375 → 項目x382（行からでなくdd列からの差） */
  }
  .p-company__value {
    grid-template-columns: 234px 1fr; /* 実測: ラベル+線=382..616 */
    gap: 0;
    align-items: baseline;
  }
  /* --- 代表メッセージ（実測: MVVカード下端2025→タイトル2185=160・タイトルx128＝inner+8） --- */
  .p-company__message {
    position: relative;
    padding-block: 160px 0;
  }
  .p-company__message .p-company__inner {
    padding-inline: 8px 0; /* 実測: コンテンツはx128..1319（幅1191）＝inner既定余白より広い */
  }
  /* 写真317が**左**・文章814が**右**（実測 1046:213 x128 / 1046:217 x505＝gap60） */
  .p-company__message-body {
    grid-template-columns: 317px 1fr;
    gap: 60px;
    align-items: start;
    margin-top: 80px; /* 実測: タイトル下端2231 → 写真・文章2311 */
  }
  .p-company__message-title {
    margin-bottom: 0;
  }
  .p-company__message-main {
    /* margin-right=-14: Figmaは幅814の際どい折返し（h850=25行）＝ブラウザ字幅差で2行増えるため
       折返し限界だけ広げる（S-57・S-60と同じ手当） */
    margin-top: 54px; /* 実測: 見出し下端2372 → 本文2426 */
    margin-right: -14px;
    font-size: 20px; /* 実測 1046:218: fs20 lh34（旧18/1.8） */
    line-height: 1.7;
  }
  /* back decoration（実測 1046:18: 青434 abs(-160,2420) / 1046:19: 青91 abs(241,3041)＝節上端2185基準） */
  .p-company__deco {
    position: absolute;
    z-index: -1;
    display: block;
    height: auto;
  }
  /* SP周回(8/27)で追加したSP専用泡はPCでは出さない（PC Figmaに存在しない）。
     🔒 上の `.p-company__deco { display: block }` より**後**に置く（同詳細度＝後勝ち） */
  .p-company__deco--sp-yellow,
  .p-company__deco--sp-pink,
  .p-company__deco--sp-blue {
    display: none;
  }
  .p-company__deco--msg-lg {
    top: 395px; /* 実測 abs2420 − 節ボックス上端2025（=MVVカード下端） */
    left: -160px;
    width: 434px;
  }
  .p-company__deco--msg-sm {
    top: 1016px; /* 実測 abs3041 − 2025 */
    left: 241px;
    width: 91px;
  }
  /* --- 会社概要（S-67: 実測 1046:224: 全幅#F3FBFF帯 y3504..5031。メッセージ下端3344→帯3504=160）
     帯padding=上101(→タイトル3605)/下171(カード下端4860→5031) --- */
  .p-company__profile {
    position: relative;
    margin-top: 166px; /* 実測: 署名下端3338 → 帯3504 */
    padding-block: 101px 171px;
    background-color: #f3fbff;
  }
  /* 白カードは968幅センター（実測 1046:226: x236..1204。タイトル下端3651→カード3731=80） */
  .p-company__table--profile {
    max-width: 968px;
    margin: 80px auto 0;
    padding: 80px; /* 実測 1046:226: 行x316=カード236+80 */
  }
  /* back_decoration（実測 1046:301黄67 abs(74,3740) / 1046:300桃130 abs(1309,4255)＝帯上端3504基準） */
  .p-company__deco--yellow {
    top: 236px;
    left: 74px;
    width: 67px;
    z-index: 0; /* 帯の上・カードの下 */
  }
  .p-company__deco--pink {
    top: 751px;
    left: 1309px;
    width: 130px;
    z-index: 0;
  }
  /* --- 店舗外観の帯（実測 1046:21: 概要帯直後 y5031..5511・余白なし） --- */
  .p-company__band {
    margin-block: 0;
  }
  /* --- 沿革（S-67: 実測: 帯下端5511→タイトル5631=120。見出し131が左・カード766が右の2カラム
     ＝ブロック981を中央配置。カード下端6319→contact帯6419=100は帯側の既定marginで確保） --- */
  .p-company__history {
    position: relative;
    padding-block: 120px 0;
  }
  .p-company__history-layout {
    display: grid;
    grid-template-columns: 131px 766px;
    justify-content: center;
    column-gap: 84px; /* 実測: タイトル右端361 → カード445 */
    align-items: start;
  }
  .p-company__table--history {
    margin-top: 0;
    padding: 80px 70px; /* 実測: 行x525=カード445+80・行右端1141→カード右1211=70 */
  }
  /* contact帯上端に重なる青泡（実測 1046:20: 青179 abs(-51,6354)＝カード下端6319+35・帯6419の背面） */
  .p-company__deco--contact {
    top: calc(100% + 35px);
    left: -51px;
    width: 179px;
  }
  /* 行の縦リズム＝Figmaの構造どおり「内容→線22/23px・行間32px」
     （実測: 概要=箱53(29+22+2)+間32=送り85／沿革=箱48(23+23+2)+間32=送り80。
      上下等paddingだと1行目がカードpadding80より下がる） */
  .p-company__row {
    grid-template-columns: 180px 1fr;
    gap: 24px;
    align-items: baseline;
    padding: 0 0 22px;
  }
  .p-company__row + .p-company__row {
    margin-top: 32px;
  }
  .p-company__row-value {
    line-height: 1.7; /* 実測 1046:286/293ほか: lh30.6 ÷ fs18（TELはfs16×1.7=27.2も一致） */
  }
  .p-company__table--history .p-company__row {
    padding-bottom: 25px; /* 実測23＋ブラウザの行箱丸め補正2（カード高688・送り80への一致解） */
  }
  .p-company__table--history .p-company__row-label,
  .p-company__table--history .p-company__row-value {
    line-height: 1.45; /* 実測 1046:124系: fs16 lh23.2 */
  }
}
/* ==========================================================================
   SP周回（2026-08-27）: Figma SP 1080:997 実測。768px以下限定。
   S-67申し送りの「SPはカード無しの可能性」はfresh実測で否定（1080:1017/1024＝白カード実在）。
   ========================================================================== */
@media (max-width: 768px) {
  /* 経営理念（実測 1080:1015: fs28 lh42・2行） */
  .p-company__creed-text {
    font-size: 28px;
    line-height: 1.5;
  }
  /* カード内の引用（実測 1080:1020: fs22 lh44・中央） */
  .p-company__quote {
    font-size: 22px;
    line-height: 2;
    text-align: center;
  }
  /* 本文（実測 1080:1022ほか: fs18 lh30.6。実装15は縮み過ぎ） */
  .p-company__lead,
  .p-company__mvv-body {
    font-size: 18px;
    line-height: 1.7;
  }
  /* MVVラベル（実測 1080:1030系: fs24） */
  .p-company__mvv-label {
    font-size: 24px;
  }
  /* バリュー行（実測 1080:1046系: 項目ラベル・本文とも fs18） */
  .p-company__value-label,
  .p-company__value-body {
    font-size: 18px;
  }
  /* SPのback_decoration泡3点（1080:1155/1156/1157 実測）。PCでは display:none のまま */
  .p-company__profile,
  .p-company__history {
    position: relative;
  }
  .p-company__deco--sp-yellow {
    position: absolute;
    top: 107px; /* 実測: 節上端4194 → 泡4301.4 */
    left: 18px;
    display: block;
    width: 38px;
    height: auto;
  }
  .p-company__deco--sp-pink {
    position: absolute;
    top: 1527px; /* 実測: 節上端4194 → 泡5721 */
    right: -16px; /* x341..389.8＝右端まで */
    display: block;
    width: 49px;
    height: auto;
  }
  .p-company__deco--sp-blue {
    position: absolute;
    bottom: -33px; /* 実測: 泡6964.8 ＝ contact帯6998の33上 */
    left: -26px;
    display: block;
    width: 90px;
    height: auto;
    z-index: 1;
  }
}
/* SP字間の個別値（全数照合 2026-08-28・_SP_AUDIT_CLASSIFY_20260828.md）
   Figma SP実測: row-value=0（PC実測0.36pxはPC側のみ）／message-title=0.48px（PC0.72pxと別値） */
@media (max-width: 768px) {
  .p-company__row-value {
    letter-spacing: 0;
  }
  .p-company__message-title {
    letter-spacing: 0.48px;
  }
}
/* SP文字プロパティ＝Figma SP実測（全数照合 2026-08-28・_SP_AUDIT_CLASSIFY_20260828.md §5） */
@media (max-width: 768px) {
  .p-company__creed .p-company__heading {
    line-height: 1.5; /* 経営理念のみFigma lh36（他セクションは34.8） */
  }
  .p-company__sign-role {
    font-size: 18px;
    line-height: 1.5;
  }
  .p-company__sign-name {
    font-size: 24px;
    line-height: 1.5;
  }
}
/* ==========================================================================
   SP実機指摘 会社概要①〜④（2026-08-29・Figma SP 1080:997 全実測・ユーザー指摘対応）
   ========================================================================== */
@media (max-width: 768px) {
  /* ④＋② 見出しの中央寄せ: SP FigmaはMVV(x49)・代表メッセージ(x92)・沿革(x152)とも中央。
     PCの左寄せ(#80)はPC実測が正のためSPだけ解除。職業理念はSPも左(x19)＝対象外 */
  .p-company__mvv .p-company__heading--left,
  .p-company__message .p-company__heading--left,
  .p-company__history .p-company__heading--left {
    justify-content: center;
  }
  /* ① MVV区切り線: 青セグメントはSP実測81px（Line19/20/21 w80.6-90.4。PC136はPC実測値） */
  .p-company__mvv-row {
    background-image: linear-gradient(to right, #5fcafd 0 81px, transparent 81px), linear-gradient(to right, #cfcfcf 0 100%);
  }
  /* ① バリュー各項目: SP Figmaはラベル右の点線リーダーではなく、
     本文をx72へインデント（ラベルx24から+48）し、本文1行目の左に41pxの点線（Line136-138・#333 [2,2]） */
  .p-company__value-label::after {
    content: none;
  }
  .p-company__value-body {
    position: relative;
    margin-left: 48px;
  }
  .p-company__value-body::before {
    content: "";
    position: absolute;
    top: 15px; /* 本文1行目(lh30.6)の中央 */
    left: -48px;
    width: 41px;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #333333 0 2px, transparent 2px 4px);
  }
  /* ① 職業理念カード↔MVVカードの間隔＝Figma 36px（944→980。基底の60+60=120は広すぎ） */
  .p-company__philosophy {
    padding-block-end: 18px;
  }
  .p-company__mvv {
    padding-block-start: 18px;
  }
  /* ② 代表メッセージ: SP Figmaの背景玉2点（大235 x-71 y2187 / 小34 x370 y3126・節上端2028基準）。
     sp-yellow/pink（8/27）と同パターン＝節relative+絶対配置・はみ出しは裁ち落とし */
  .p-company__message {
    position: relative;
  }
  .p-company__deco--msg-lg {
    position: absolute;
    top: 189px; /* 実測合わせ: 写真上端+54（節padding-top 60の座標系差を補正） */
    left: -71px;
    z-index: -1; /* Figmaで泡は写真・文字の背面（子順で先頭） */
    display: block;
    width: 235px;
    height: auto;
  }
  .p-company__deco--msg-sm {
    position: absolute;
    top: 1128px; /* 実測合わせ: 本文開始+550 */
    right: -14px;
    left: auto;
    z-index: -1;
    display: block;
    width: 34px;
    height: auto;
  }
  /* ② 顔写真: SP Figma 206×301（枠トリミング・PC317×568とは別比率）・中央 */
  .p-company__ceo-photo {
    max-width: 206px;
    aspect-ratio: 206/301;
  }
  /* ② キャッチ: SP Figma fs24 lh41・幅245中央（実装は全幅fs22だった） */
  .p-company__message-title {
    max-width: 245px;
    margin-inline: auto;
    margin-bottom: 30px; /* 実測: キャッチ下端2546→本文2576 */
    font-size: 24px;
    line-height: 1.7083333333;
    text-align: center;
  }
  /* ② 本文: SP Figma fs18 lh30.6（fs-clampの390px値15は縮み過ぎ・lead/mvv-bodyと同型） */
  .p-company__message-main {
    font-size: 18px;
    line-height: 1.7;
  }
  /* ② 写真→キャッチの間隔＝Figma 30px（写真下端2434→キャッチ2464。基底gap40） */
  .p-company__message-body {
    gap: 30px;
  }
  /* ③ 会社概要・沿革の行: SP Figmaも横並び2カラム（基底の縦積みはSPデザイン非準拠だった）
     会社概要: ラベル列98px（ラベルw82・値x138）・青82px・行余白 上32/下24 */
  .p-company__row {
    grid-template-columns: 98px 1fr;
    gap: 0;
    padding-block: 32px 24px;
    background-image: linear-gradient(to right, #5fcafd 0 82px, transparent 82px), linear-gradient(to right, #cfcfcf 0 100%);
  }
  /* ③ 沿革: ラベル列95px（年w75・値x136）・青139px・年号は年の下段（span） */
  .p-company__table--history .p-company__row {
    grid-template-columns: 95px 1fr;
    background-image: linear-gradient(to right, #5fcafd 0 139px, transparent 139px), linear-gradient(to right, #cfcfcf 0 100%);
  }
  .p-company__row-era {
    display: block;
    margin-left: -10px; /* Figma: 年号x31＝年x41よりわずかに左へ張り出す */
    white-space: nowrap;
  }
}