/* 会社概要（page-company.php）
   デザイン: build_a_sub3.py company_page() */

.rn-company .rn-head-row .rn-lead { font-size: 14px; }

/* 01 会社概要: 左に工場写真 420×520、右に表 */
.rn-company__overview { display: flex; gap: 72px; margin-top: 44px; }
.rn-company__photo { width: 420px; flex-shrink: 0; margin: 0; }
.rn-company__photo .rn-photo { aspect-ratio: 420 / 520; }
.rn-company__photo figcaption { margin-top: 12px; font-size: 10.5px; }
.rn-company__spec { flex: 1; min-width: 0; }
.rn-company__spec .rn-spec__key { width: 220px; }

/* 02 経営理念: 1行 210px、60° の斜面に沿って右へずらす */
.rn-company__philosophy { position: relative; margin-top: 44px; border-bottom: 1px solid var(--rn-line-light); }
.rn-company__philosophy::before { content: ""; position: absolute; left: -18px; top: 0; width: 1.5px; height: 100%; background: var(--rn-gold); transform-origin: top left; transform: skewX(30deg); }
.rn-company__policy { --row: 210px; display: flex; align-items: center; gap: 48px; min-height: var(--row); margin-left: calc(var(--i) * var(--row) * 0.57735); border-top: 1px solid var(--rn-line-light); }
.rn-company__policy-num { width: 80px; flex-shrink: 0; font-size: 64px; font-weight: 300; line-height: 1; color: transparent; -webkit-text-stroke: 1px var(--rn-ink); }
.rn-company__policy-en { width: 220px; flex-shrink: 0; font-size: 11px; color: var(--rn-ink); }
.rn-company__policy-text { flex: 1; min-width: 0; padding: 24px 0; font-size: clamp(19px, 1.7vw, 24px); line-height: 1.8; color: var(--rn-ink); text-wrap: pretty; }

/* 03 認証・表彰: 2列のカード＋表 */
.rn-company__certs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-top: 44px; }
.rn-company__cert { --rn-tombo: var(--rn-gold); padding: 36px 40px 38px; border: 1px solid rgba(255, 255, 255, 0.22); }
.rn-company__cert::before { left: -8px; top: -8px; }
.rn-company__cert::after { right: -8px; bottom: -8px; }
.rn-company__cert-en { display: block; font-size: 11px; color: var(--rn-gold-on-dark); }
.rn-company__cert-title { margin-top: 10px; font-size: clamp(32px, 3vw, 44px); font-weight: 500; line-height: 1.1; color: #fff; }
.rn-company__cert-meta { margin-top: 14px; font-size: 12px; line-height: 1.9; letter-spacing: .03em; color: var(--rn-sub-dark); }
.rn-company__cert-spec { margin-top: 40px; }
.rn-company__cert-spec .rn-spec__key { width: 220px; }

/* 04 拠点・アクセス: 2列＋地図 */
.rn-company__locations { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; margin-top: 44px; }
.rn-company__location { min-width: 0; }
.rn-company__location-en { display: block; font-size: 11px; color: rgba(17, 18, 20, 0.6); }
.rn-company__location-title { margin-top: 4px; font-size: clamp(22px, 1.9vw, 26px); line-height: 1.4; color: var(--rn-ink); }
.rn-company__location-spec { margin-top: 14px; }
.rn-company__location-spec .rn-spec__key { width: 150px; }
.rn-company__location-spec address { font-style: normal; }
.rn-company__location-note { margin-top: 12px; font-size: 13.5px; font-weight: 700; color: var(--rn-ink); }
.rn-company__map { margin-top: 48px; background: #fff; }
.rn-company__map iframe { display: block; width: 100%; height: 400px; border: 0; }

@media (max-width: 1100px) {
  .rn-company__overview { gap: 40px; }
  .rn-company__photo { width: 34%; }
  .rn-company__spec .rn-spec__key, .rn-company__cert-spec .rn-spec__key { width: 160px; }
  .rn-company__policy { gap: 28px; margin-left: calc(var(--i) * 40px); }
  .rn-company__philosophy::before { display: none; }
  .rn-company__policy-en { width: 160px; }
  .rn-company__policy-text br { display: none; }
  .rn-company__locations { gap: 40px; }
}
@media (max-width: 900px) {
  .rn-company .rn-head-row .rn-lead br { display: none; }
  .rn-company__overview { flex-direction: column; gap: 28px; margin-top: 32px; }
  .rn-company__photo { width: 100%; }
  .rn-company__photo .rn-photo { aspect-ratio: 4 / 3; }
  .rn-company__policy { flex-wrap: wrap; gap: 6px 16px; min-height: 0; margin-left: calc(var(--i) * 12px); padding: 24px 0; }
  .rn-company__policy-num { width: auto; font-size: 44px; }
  .rn-company__policy-en { width: auto; flex: 1; }
  .rn-company__policy-text { flex-basis: 100%; padding: 6px 0 0; font-size: 18px; }
  .rn-company__certs { grid-template-columns: 1fr; gap: 24px; margin-top: 32px; }
  .rn-company__cert { padding: 28px 24px 30px; }
  .rn-company__cert::before { left: -6px; top: -6px; }
  .rn-company__cert::after { right: -6px; bottom: -6px; }
  .rn-company__cert-meta { word-break: break-all; }
  .rn-company__locations { grid-template-columns: 1fr; gap: 40px; margin-top: 32px; }
  .rn-company__map iframe { height: 300px; }
}