/* 企業情報 */
.company-section-body { min-width: 0; }
.detail-page .content-block.company-introduction { grid-template-columns: minmax(0, 1fr); gap: 32px; }

.detail-page .content-block.company-experience { grid-template-columns: minmax(0, 1fr); gap: 32px; background: #f7f7f5; padding: 48px; border-radius: 12px; }

.company-experience .company-section-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 40px; }
.detail-page .content-block.company-experience p + p { margin-top: 0; }
.company-metrics { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 12px 0 0; }
.company-metrics > div { display: flex; flex-direction: column; align-items: center; text-align: center; }
.company-metrics dt { order: 1; color: var(--muted); font-size: 14px; }
.company-metrics dd { display: flex; flex-direction: column; align-items: center; gap: 18px; margin: 0 0 12px; color: var(--ink); font: 700 clamp(24px, 2.5vw, 36px)/1.4 Arial, sans-serif; font-variant-numeric: tabular-nums; }
.company-metric-icon { width: 48px; height: 48px; flex: none; color: var(--brand); }
.detail-page .content-block.company-foundation { grid-template-columns: minmax(0, 1fr); gap: 32px; }
.company-foundation .company-section-body { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: 64px; }
.foundation-visual { margin: 0; padding: 24px; background: #f7f7f5; border-radius: 12px; }
.foundation-visual img { width: 100%; height: 280px; object-fit: contain; mix-blend-mode: normal; }

.company-section-body a { text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #deded9; }
.company-section-body a:hover { text-decoration-color: currentColor; }
.company-offices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding: 24px; background: #f7f7f5; border-radius: 12px; }
.company-office { display: flex; flex-direction: column; min-height: 320px; padding: 32px; background: white; border: 0; border-radius: 12px; }
.office-header { margin-bottom: 24px; }
.company-office address { display: flex; flex: 1; flex-direction: column; gap: 24px; font-style: normal; overflow-wrap: anywhere; }
.office-location { flex: 1; }
.office-postcode { color: var(--muted); font-size: 14px; margin-bottom: 8px; }
.office-contact { min-height: 88px; font-size: 16px; }
@media (max-width: 1000px) {
  .company-experience .company-section-body { gap: 24px; }
  .company-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .company-foundation .company-section-body { gap: 32px; }
}
@media (max-width: 767px) {
  .detail-page .content-block.company-introduction { gap: 24px; }
  .company-introduction .company-section-body { margin-left: 0; }
  .detail-page .content-block.company-experience { gap: 24px; padding: 28px 24px; }
  .company-experience .company-section-body { grid-template-columns: minmax(0, 1fr); }
  .company-metrics { gap: 24px 16px; }
  .company-metrics dd { font-size: 24px; }
  .company-metric-icon { width: 40px; height: 40px; }
  .company-foundation .company-section-body { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .foundation-visual { padding: 16px; }
  .foundation-visual img { height: 220px; }
  .company-offices { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 16px; }
  .company-office { min-height: 0; padding: 24px; }
}

/* 支給PNGの余白をそろえて表示 */
.company-metric-png { position:relative;display:block;overflow:hidden; }
.company-metric-png img { position:absolute;display:block;max-width:none;width:var(--metric-image-size);height:var(--metric-image-size);left:var(--metric-image-left);top:var(--metric-image-top); }
.company-metric-corporations { --metric-image-size:117.80105%;--metric-image-left:-8.90052%;--metric-image-top:-8.90052%; }
.company-metric-stores { --metric-image-size:117.18750%;--metric-image-left:-8.59375%;--metric-image-top:-14.45312%; }
.company-metric-facilities { --metric-image-size:117.18750%;--metric-image-left:-8.59375%;--metric-image-top:-17.96875%; }
.company-metric-employees { --metric-image-size:118.42105%;--metric-image-left:-9.21053%;--metric-image-top:-9.21053%; }

/* 事業基盤のロゴを比率を保って中央に配置 */
.foundation-visual.foundation-brand { display:flex;align-items:center;justify-content:center;min-width:0;min-height:328px;padding:32px; }
.foundation-visual.foundation-brand img { width:100%;max-width:420px;height:auto;object-fit:contain; }
@media(max-width:767px) { .foundation-visual.foundation-brand { min-height:220px;padding:24px; } }