/* ===================== 会社概要 ページ =====================
   ※ このファイルは corp.html だけが読み込むため、汎用セレクタ(.cta/.page-hero 等)を
      上書きしても他ページには影響しない。 */
.corp-photo { margin: 0; }
.corp-photo img { width: 100%; height: clamp(220px, 49vw, 671px); object-fit: cover; }

.corp-info-sec { padding: 80px 0 96px; }
.info { max-width: 760px; margin: 0 auto; }
.info__row {
  display: grid;
  grid-template-columns: 4.5em 30px 1fr;   /* dtラベル列をコンパクトに(設計≈72px) */
  align-items: center;                     /* ラベル・▶・値の縦中心を揃える(Figmaの行内乱れは無視) */
  gap: 0 24px;
  padding: 22px 6px;
  border-bottom: 1px solid var(--gold);
}
.info dt {
  margin: 0;
  text-align: justify;
  text-align-last: justify;
  color: var(--ink);
  font-size: 16px;
  letter-spacing: .05em;
}
.info dd { margin: 0; font-size: clamp(17px, 1.9vw, 22px); }
.info__mark {                            /* 金色の▶(設計PC=19×20)。値・ラベルと縦中心を揃える */
  width: 0; height: 0; align-self: center;
  border-left: 19px solid var(--gold);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

/* CTA(事業に対するお問い合わせ): 設計は見出し中央 */
.cta h2 { text-align: center; font-size: clamp(22px, 2vw, 24px); }

@media (max-width: 768px) {
  /* ヒーロー(設計SP): 見出しは左から約73pxインデント・24px、罫線は右寄り(x161→365) */
  .page-hero h1 { font-size: 24px; margin-left: 52px; }
  .page-hero .rule { margin-left: 139px; margin-right: -12px; width: auto; }

  .corp-info-sec { padding: 50px 0 60px; }
  /* SPは値が2行に折り返す行(所在地)があるため、ラベル・▶を値の「1行目」に合わせる
     (dt/ddとも16pxなので上揃えで1行目どうしが一致。中央揃えだと2行の中間に浮く) */
  .info__row { grid-template-columns: 3.4em 24px 1fr; padding: 16px 2px; align-items: start; }
  .info dd { font-size: 16px; }
  /* SPのマークは設計13×14に戻し、1行目の中心に合わせる(margin-topで行内中央へ) */
  .info__mark {
    align-self: start; margin-top: 8px;
    border-left: 13px solid var(--gold); border-top: 7px solid transparent; border-bottom: 7px solid transparent;
  }

  /* CTA: SPも中央(共有の右寄せ・大きめ指定を上書き) */
  .cta h2 { font-size: 16px; }
  .cta .btn-mail { margin-left: auto; margin-right: auto; }
}