/* =========================================
   iontophoresis.html 専用差分
   前提：esthetic_style.css を読み込んだ上で追加
   目的：
   - 総合ページとの統一感は維持
   - イオン導入ページだけ少し情報整理寄りに
   - 比較表と料金表を見やすく
   ========================================= */

/* ページ固有の空気感を少し落ち着かせる */
.iontophoresis-page .esthetic-hero {
  background:
    linear-gradient(180deg, rgba(248, 242, 235, 0.82) 0%, rgba(244, 236, 227, 0.92) 45%, #f8f4ef 100%);
}

.iontophoresis-page .esthetic-hero::before {
  background:
    radial-gradient(circle at top right, rgba(194, 163, 128, 0.12), transparent 34%),
    radial-gradient(circle at left 20% bottom 10%, rgba(255, 255, 255, 0.58), transparent 32%);
}

/* hero本文は少し短く・読みやすく */
.iontophoresis-page .esthetic-hero .hero-lead {
  max-width: 820px;
}

/* menu card：情報比較しやすく */
.iontophoresis-page .menu-card {
  padding-bottom: 26px;
}

.iontophoresis-page .menu-card-subtitle {
  margin-bottom: 14px;
}

/* 比較表はこのページの重要要素なので少し見やすさ優先 */
.iontophoresis-page .compare-table th,
.iontophoresis-page .compare-table td {
  font-size: 0.95rem;
  line-height: 1.75;
}

.iontophoresis-page .compare-table thead th {
  white-space: nowrap;
}

.iontophoresis-page .compare-table tbody th {
  min-width: 120px;
}

/* 料金表：やや実務寄りに */
.iontophoresis-page .price-group h3 {
  margin-bottom: 12px;
}

.iontophoresis-page .price-table th {
  width: 42%;
}

.iontophoresis-page .price-table td {
  font-weight: 600;
  color: #5a4739;
}

/* doctor-comment はこのページでは少し控えめでよい */
.iontophoresis-page .doctor-comment {
  background:
    linear-gradient(180deg, rgba(246, 240, 232, 0.95) 0%, rgba(241, 233, 223, 0.95) 100%);
}

/* エンビロン導線を少し強調 */
.iontophoresis-page .related-block .menu-link a {
  font-size: 1rem;
}

/* FAQは読みやすさ優先 */
.iontophoresis-page .faq-item h3 {
  line-height: 1.65;
}

/* スマホでは表の窮屈さを少し緩和 */
@media (max-width: 640px) {
  .iontophoresis-page .esthetic-hero .hero-lead br {
    display: none;
  }

  .iontophoresis-page .compare-table th,
  .iontophoresis-page .compare-table td {
    font-size: 0.92rem;
  }

  .iontophoresis-page .price-table th {
    width: 100%;
  }
}