/* ============================================================
   info.css — 会社案内ページ専用
   命名規則: p-info-*
   共通部品（タイトル帯・パンくず・青い見出し・項目表）は common.css の
   c-page-title / c-breadcrumb / c-blue-heading / c-table を使う。
   ============================================================ */

/* ---------- ごあいさつ ---------- */
.p-info-greeting {
  margin-top: 97px; /* パンくず下端から見出し・写真の上端まで（Figma実測127pxからパンくず自身の高さ分を差し引いた値） */
}
.p-info-greeting__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 40px;
  align-items: start;
}
.p-info-greeting__photo {
  width: 100%;
  aspect-ratio: 570 / 320;
  object-fit: cover;
}
.p-info-greeting__heading {
  margin: 0;
  font: 700 28px/1.4 var(--font-serif);
  color: var(--c-text);
}
.p-info-greeting__text {
  margin-top: 21px;
  font: 400 16px/32px var(--font-sans);
  color: var(--c-text);
}
.p-info-greeting__name {
  margin-top: 30px;
  font: 400 16px/32px var(--font-sans);
  color: var(--c-text);
}
.p-info-greeting__name-label {
  font-size: 14px;
}
.p-info-greeting__name-value {
  font-size: 18px;
}

/* ---------- 会社概要 ---------- */
.p-info-company {
  margin-top: 120px; /* ごあいさつ（写真の下端）から見出しまで */
}
.p-info-company__table {
  margin-top: 28px; /* 罫線から表の上端まで */
}

/* ---------- 実績・許認可情報 ---------- */
.p-info-license {
  margin-top: 100px;
}
.p-info-license__table {
  margin-top: 28px;
}

/* ---------- アクセス ---------- */
.p-info-access {
  margin-top: 100px;
  margin-bottom: 120px; /* フッターまでの間隔 */
}
.p-info-access__grid {
  display: grid;
  grid-template-columns: minmax(0, 278fr) minmax(0, 842fr);
  column-gap: 60px;
  align-items: start;
}
.p-info-access__address {
  /* Figma実測：見出し上端→住所上端=60px。見出し自体の行高(28px/1.4=39.2px)ぶんを
     差し引いた値をmargin-topにする（見出しの下端からの距離のため）。 */
  margin-top: 21px;
  font: 400 16px/28px var(--font-sans);
  color: var(--c-text);
}
.p-info-access__map iframe {
  display: block;
  width: 100%;
  aspect-ratio: 842 / 390;
  border: 0;
}

/* ============================================================
   ===== SP（767px以下・デザイン無し。DESIGN.md 11章のリズムに合わせる）=====
   ============================================================ */
@media (max-width: 767px) {
  .p-info-greeting {
    margin-top: 30px;
  }
  .p-info-greeting__grid {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
  .p-info-greeting__heading {
    font-size: 22px;
  }
  .p-info-greeting__text {
    margin-top: 16px;
    font-size: 16px;
    line-height: 27px;
  }
  .p-info-greeting__name {
    margin-top: 20px;
    font-size: 16px;
    line-height: 27px;
  }

  .p-info-company,
  .p-info-license,
  .p-info-access {
    margin-top: 80px;
  }
  .p-info-company__table,
  .p-info-license__table {
    margin-top: 30px;
  }

  .p-info-access__grid {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
  .p-info-access__address {
    margin-top: 16px;
  }
  .p-info-access__map iframe {
    aspect-ratio: auto;
    height: 300px;
  }
  .p-info-access {
    margin-bottom: 80px;
  }
}