/* ============================================
   s-case-04 - 症例写真セクション（TOP・フッター用）
   ============================================ */
.s-case-04 {
  padding: var(--section-py) var(--container-padding);
}

.s-case-04__inner {
  container-type: inline-size;
  max-width: var(--width-inner);
  margin: 0 auto;
}

.s-case-04__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--grid-gap);
  margin-top: var(--space-5-xl);
}

/* --- Tablet --- */
@container (min-width: 600px) {
  .s-case-04__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* --- PC --- */
@container (min-width: 800px) {
  .s-case-04__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}