/* ==========================================================================
   COMPANY ページ固有スタイル
   ========================================================================== */

/* セクション全体ラッパー
   XD: artboard 1920px幅基準。page-header(高さ480px)直下に配置。
   COMPANY見出し Y:575、page-header下端=480、上余白 95px
   下余白は次セクション(MAP)のpadding-topで管理するため 0 */
.company-overview {
  padding: 95px 0 0;
  background: #fff;
}

/* 内側 2カラムレイアウト
   XD: 左カラム X:316〜、右カラム X:699.5〜 W:900px
   左カラム実幅 = 699.5 - 316 = 約383px */
.company-overview__inner {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 316px 0 316px;
  display: flex;
  align-items: flex-start;
  gap: 0;
}

/* 左カラム：見出しエリア */
.company-overview__heading {
  flex: 0 0 384px;
}

/* "COMPANY" タイトル
   XD: Barlow ExtraBold 60px / #535353 / line-height:138px / X:316 Y:575 */
.company-overview__title {
  /* XD: SERVICE/COMPANY Y:575 → サブタイトル Y:651 = 76px間隔
     line-height:1 + margin-bottom:16px で 60+16=76px */
  font-family: var(--font-barlow);
  font-weight: 800;
  font-size: 60px;
  color: #535353;
  line-height: 1;
  margin: 0 0 16px 0;
}

/* "会社概要" サブタイトル
   XD: M PLUS 1p Bold 28px / #000 / line-height:50px / X:320 Y:651 */
.company-overview__subtitle {
  font-family: var(--font-nav);
  font-weight: 700;
  font-size: 28px;
  color: #000;
  line-height: 1;
  margin: 0;
}

/* 右カラム：表組み
   XD: 幅900px、表上端＋各行下端に1px solid #000、行高100px */
.company-overview__list {
  flex: 0 0 900px;
  margin: 0;
  padding: 0;
  border-top: 1px solid #000;
}

/* 各行
   XD: 高さ100px、行下端に罫線 */
.company-overview__row {
  display: flex;
  align-items: center;
  min-height: 100px;
  padding: 0 0 0 42px; /* XD: 左端から42pxのpadding */
  border-bottom: 1px solid #000;
}

/* ラベル列(dt)
   XD: Noto Sans JP Medium 16px / 黒 / line-height:150% / 字間揃え
   列幅 6em で統一、字間揃えで "会 社 名" のように見える */
.company-overview__label {
  flex: 0 0 6em;
  margin: 0;
  padding: 0;
  font-family: var(--font-ja);
  font-weight: 500;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-character;
  text-align-last: justify;
}

/* 値列(dd)
   XD: Noto Sans JP Medium 16px / 黒 / letter-spacing:0.8px / line-height:150%
   ラベル右端から100pxほど空けて開始 */
.company-overview__value {
  margin: 0 0 0 100px;
  padding: 0;
  font-family: var(--font-ja);
  font-weight: 500;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
  letter-spacing: 0.8px;
}

/* ==========================================================================
   MAP セクション
   XD: 地図 W:1280 H:462 X:320 Y:1284
   COMPANY下端(~Y:1194) からMAP上端(Y:1284)まで余白 ~90px
   MAP下端(Y:1746) からHISTORY背景(Y:1900)まで余白 ~154px
   ========================================================================== */
.company-map {
  padding: 90px 0 154px;
}

.company-map__inner {
  /* artboard 1920px のうち左右 320px ずつ余白 → 中身 1280px */
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 320px;
  box-sizing: border-box;
}

.company-map__iframe {
  display: block;
  width: 100%;
  height: 462px;
  border: 0;
}

/* ==========================================================================
   HISTORY セクション
   ========================================================================== */

/* セクション全体ラッパー
   XD: 全幅 W:1920 H:1000 / Y:1900〜2900 / 背景 #F5F1E4
   見出し HISTORY Y:2031 → セクション上端からの上余白 約131px */
.company-history {
  padding: 131px 0 130px;
  background: #F5F1E4;
}

/* 内側 2カラムレイアウト
   XD: 左カラム X:316〜、右カラム X:742〜
   COMPANYと同じ左右パディング 316px */
.company-history__inner {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 316px;
  display: flex;
  align-items: flex-start;
  gap: 0;
}

/* 左カラム：見出しエリア */
.company-history__heading {
  flex: 0 0 384px;
}

/* "HISTORY" タイトル
   XD: Barlow ExtraBold 60px / #535353 / X:316 Y:2031 */
.company-history__title {
  /* XD: Barlow ExtraBold 60px、サブタイトルとの間隔 16px */
  font-family: var(--font-barlow);
  font-weight: 800;
  font-size: 60px;
  color: #535353;
  line-height: 1;
  margin: 0 0 16px;
}

/* サブタイトル（2行：受賞・掲載履歴 / グループ会社：樋口製作所）
   XD: M PLUS 1p Bold / #000 / line-height:34px / X:320 Y:2107 */
.company-history__subtitle {
  font-family: var(--font-nav);
  font-weight: 700;
  color: #000;
  margin: 0;
  line-height: 34px;
}

/* 上行 "受賞・掲載履歴" 28px */
.company-history__subtitle-main {
  display: block;
  font-size: 28px;
}

/* 下行 "グループ会社：樋口製作所" 20px */
.company-history__subtitle-sub {
  display: block;
  font-size: 20px;
}

/* 右カラム：表組み
   XD: 年代列 X:742、内容列 X:858（年代から50pxギャップ）
   罫線 1px solid #000（COMPANYと同色） */
.company-history__list {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  border-top: 1px solid #000;
}

/* 各行
   XD: 行長方形 W:900 H:120px、テキスト垂直センター揃え
   左padding 42.5px (罫線左端から年代テキスト左端まで) */
.company-history__row {
  display: flex;
  align-items: center;
  height: 120px;
  padding: 0 0 0 42.5px;
  border-bottom: 1px solid #000;
}

/* 年代列(dt)
   XD: Noto Sans JP Medium 20px / #000 / line-height:120%
   年代テキスト幅約66px、年代右端から内容左端まで 50px ギャップ */
.company-history__year {
  flex: 0 0 66px;
  margin: 0 50px 0 0;
  padding: 0;
  font-family: var(--font-ja);
  font-weight: 500;
  font-size: 20px;
  color: #000;
  line-height: 1.2;
}

/* 内容列(dd)
   XD: Noto Sans JP Medium 20px / #000 / line-height:120% */
.company-history__content {
  margin: 0;
  padding: 0;
  font-family: var(--font-ja);
  font-weight: 500;
  font-size: 20px;
  color: #000;
  line-height: 1.2;
}

/* ============================================
   SP対応（〜991.98px）
   ============================================ */
@media (max-width: 991.98px) {
  /* 見出し共通: 英語(Barlow) 40px / 日本語(M PLUS 1p) 20px
     レイアウトは「英語見出し → 日本語見出し」の縦並び（PC踏襲） */
  .company-overview__title,
  .company-history__title {
    font-size: 40px;
  }
  .company-overview__subtitle,
  .company-history__subtitle-main {
    font-size: 20px;
  }

  /* ---- COMPANY 概要: 2カラム→縦積み ---- */
  .company-overview {
    padding: 56px 0 0;
  }
  .company-overview__inner {
    flex-direction: column;
    align-items: stretch;   /* 表を全幅に伸ばす（PCのflex-start解除） */
    padding: 0 20px;
  }
  .company-overview__heading {
    flex: 0 0 auto;
    margin-bottom: 32px;
  }
  .company-overview__list {
    flex: 0 0 auto;
  }
  /* 各行: ラベル(グレー帯)→値 の縦積み */
  .company-overview__row {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    padding: 0;
  }
  .company-overview__label {
    flex: 0 0 auto;
    background: #DDDDDD;
    padding: 12px 20px;
    text-align-last: left;
    letter-spacing: 0.2em;       /* "会 社 名" の字間（簡易） */
  }
  .company-overview__value {
    margin: 0;
    padding: 14px 20px;
  }

  /* ---- MAP: 幅100%・左右余白なし ---- */
  .company-map {
    padding: 48px 0;
  }
  .company-map__inner {
    padding: 0;
  }
  .company-map__iframe {
    height: 280px;
  }

  /* ---- HISTORY: 2カラム→縦積み（年代・内容を各行で罫線区切り） ---- */
  .company-history {
    padding: 56px 0;
  }
  .company-history__inner {
    flex-direction: column;
    align-items: stretch;   /* リストを全幅に伸ばす（PCのflex-start解除） */
    padding: 0 20px;
  }
  .company-history__heading {
    flex: 0 0 auto;
    margin-bottom: 32px;
  }
  .company-history__list {
    flex: 0 0 auto;
  }
  .company-history__row {
    flex-direction: column;
    align-items: stretch;
    height: auto;
    padding: 0;
    border-bottom: none;
  }
  .company-history__year {
    flex: 0 0 auto;
    margin: 0;
    padding: 18px 20px;          /* 上下スペース18px */
    font-size: 20px;             /* 年: 20px */
    border-bottom: 1px solid #000;
  }
  .company-history__content {
    padding: 18px 20px;          /* 上下スペース18px（年代と揃える） */
    font-size: 16px;             /* 内容: Noto Sans JP Medium 16px */
    border-bottom: 1px solid #000;
  }

  /* 罫線は #000000（COMPANY概要・HISTORYの全罫線） */
  .company-overview__list,
  .company-history__list {
    border-top-color: #000;
  }
  .company-overview__row {
    border-bottom-color: #000;
  }
}