@charset "UTF-8";
/* ==========================================================================
   会社概要 — Figma 10202:20811 / 1440x722
   罫線は1px #D1D1D1（上端・行間5本・下端の計7本）
   ========================================================================== */

.kaisha {
  padding: 100px 100px 58px;   /* 罫線ぶん2px増えるため下パディングで吸収 */
  background: var(--c-white);
}

.kaisha__inner {
  display: flex;
  flex-direction: column;
  gap: 64px;
  max-width: var(--w-wide);
  margin-inline: auto;
}

.kaisha__body {
  display: flex;
  gap: 80px;
}

/* --- 会社情報テーブル --- */
.spec {
  flex-shrink: 0;
  width: 660px;
  border-top: 1px solid var(--c-border-mid);
}

.spec__row {
  display: flex;
  border-bottom: 1px solid var(--c-border-mid);
}

.spec__th,
.spec__td {
  padding: 16px 24px;
  font-size: 16px;
  line-height: 26px;      /* カンプの行ボックス実測（25.6→26） */
  letter-spacing: 0.32px;
  color: var(--c-text);
}

.spec__th {
  flex-shrink: 0;
  width: 164px;
  background: var(--c-base-green);
  font-weight: 700;
  text-align: left;
}

.spec__td {
  width: 496px;
  background: var(--c-white);
  font-weight: 500;
}

/* Googleマップ埋め込み。iframeは角丸が効かないため親でクリップする */
.kaisha__map {
  flex-shrink: 0;
  width: 500px;
  height: 405px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--c-base-gray);
}
.kaisha__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* --------------------------------------------------
   中間幅（769〜1365px）
   -------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1365px) {
  .kaisha { padding: 72px 40px 56px; }
  .kaisha__inner { gap: 40px; }
  .kaisha__body { gap: 32px; }
  .spec { flex: 1; width: auto; }
  .spec__td { width: auto; flex: 1; }
  .kaisha__map { width: 40%; max-width: 500px; height: 360px; }
}

/* --------------------------------------------------
   SP（〜768px）
   -------------------------------------------------- */
@media (max-width: 768px) {
  .kaisha { padding: 48px var(--sp-pad) 48px; }
  .kaisha__inner { gap: 24px; }
  .kaisha__body { flex-direction: column; gap: 24px; }

  .spec { width: 100%; }
  .spec__row { flex-direction: column; }
  .spec__th,
  .spec__td { width: 100%; padding: 10px 12px; font-size: 14px; letter-spacing: 0.28px; }
  .spec__td { padding-top: 8px; }

  .kaisha__map { width: 100%; height: auto; aspect-ratio: 500 / 405; }
}