/* PC表示（751px以上）：上下余白の最適化（読みやすさは維持） */

@media screen and (min-width: 751px) {
  .main {
    padding: 12px 28px 16px;
  }

  /* ヒーロー背景エリア */
  .header {
    min-height: 300px;
  }

  .container2 {
    padding: 48px 0 140px;
  }

  /* メインカラム内のセクション間隔 */
  .content {
    gap: 28px;
  }

  .container-parent {
    padding-bottom: 12px;
  }

  .container13 {
    padding: 6px 20px 4px;
  }

  .information-area {
    padding-bottom: 16px;
  }

  .symptoms-holder {
    gap: 12px;
  }

  .hero-intro {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-intro .table-body-row-data2 {
    padding: 8px 0 24px;
  }

  .hero-intro__body {
    padding-top: 14px;
  }

  /* お悩みセクション */
  .cases-message {
    padding: 16px 15px 20px;
  }

  .cases-message__lead,
  .cases-message__emphasis {
    padding: 4px 8px;
  }

  .cases-checklist.table-body-row-data4 {
    padding: 16px;
  }

  /* 当院の特徴 */
  .availability,
  .quick-access.features {
    gap: 0;
  }

  .features__card {
    padding: 22px 20px 16px;
    gap: 4px;
  }

  .feature-block {
    padding: 6px 0 12px;
  }

  .feature-block__head {
    margin-bottom: 12px;
    padding-bottom: 6px;
  }

  .feature-block__body p {
    padding-top: 6px;
  }

  /* 症状・料金ブロック */
  .instructions-parent {
    gap: 20px;
    align-items: center;
  }

  .instructions {
    gap: 16px;
    align-items: center;
    width: 100%;
  }

  .table-body2 {
    gap: 6px;
  }

  .row-data3 {
    padding: 16px 12px 10px;
  }

  .row-data4 {
    padding: 8px;
  }

  .table-body-row-data-container.cases-checklist {
    padding-left: 24px;
    padding-right: 24px;
  }

  .operation.pricing {
    padding-left: 24px;
    padding-right: 24px;
  }

  /* 診療時間・フッター手前 */
  .frame-parent {
    gap: 16px;
    padding-bottom: 16px;
  }

  .table-body-row-data-wrapper2 {
    padding: 0;
  }

  .time-table {
    padding-top: 0;
  }

  .table-body-row-wrapper {
    height: auto;
  }

  .extra-notices {
    margin-top: 8px;
  }

  /* イラスト列 */
  .content-inner.gallery .table-body-row2 {
    padding: 12px 0 24px;
    gap: 20px;
  }

  .footer {
    padding: 20px 15px 22px;
  }
}

/* 中間ブレークポイントも余白を抑える */
@media screen and (min-width: 751px) and (max-width: 1050px) {
  .content {
    gap: 24px;
  }

  .container2 {
    padding-bottom: 120px;
  }
}
