/* =====================================================
   会社情報ページ専用スタイル (page-company.php)
   ===================================================== */

.message-grid { display: grid; grid-template-columns: 280px 1fr; gap: 48px; align-items: start; max-width: 980px; }
.message-grid img.slot { width: 100%; height: 320px; object-fit: cover; display: block; border-radius: 14px; }
.message-grid h3 { font-size: 22px; color: var(--primary); margin-bottom: 14px; }
.message-grid p { color: var(--ink-soft); font-size: 15px; }
.message-grid p + p { margin-top: 12px; }
.message-grid .sign { margin-top: 20px; font-weight: 700; color: var(--ink); }
@media (max-width: 760px) { .message-grid { grid-template-columns: 1fr; gap: 24px; } .message-grid img.slot { max-width: 280px; } }

.vision-band { max-width: 860px; }
.vision-band .v-statement {
  font-family: var(--heading-font);
  font-weight: var(--heading-weight);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.6;
  color: #fff;
  margin-bottom: 22px;
}
.os-layers { display: grid; gap: 10px; max-width: 720px; margin-top: 36px; }
.os-layers .layer {
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: var(--radius-sm);
  padding: 16px 22px;
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 16px;
  align-items: baseline;
  background: rgba(255,255,255,0.05);
}
.os-layers .layer strong { font-size: 14.5px; color: var(--accent); letter-spacing: 0.05em; }
.os-layers .layer span { font-size: 13.5px; color: rgba(255,255,255,0.8); }
@media (max-width: 600px) { .os-layers .layer { grid-template-columns: 1fr; gap: 4px; } }