@charset "UTF-8";
/* ==========================================================================
   futakotamagawa.css  ―  /setagaya/futakotamagawa-medical/ ページ専用スタイル
   既存フレームワーク（bootstrap / style / bamboo.css）に追記する形で読み込みます。
   すべて .clinic- プレフィックスでスコープし、既存スタイルと衝突しません。
   二子玉川エリアのクリニック向けランディングページ用。
   ========================================================================== */

/* ---- H1内の地域名アクセント ---- */
.clinic-accent {
  color: #2f6db5;
}

/* ---- 相談例・5つのポイント／医療広告ガイドラインのリスト ---- */
.clinic-voice-list,
.clinic-guideline-list {
  padding-left: 0;
  list-style: none;
  overflow: hidden; /* 隣接するfloat画像（bh_right_08）との重なりを防ぐ */
}
.clinic-voice-list .list-item,
.clinic-guideline-list .list-item {
  position: relative;
  padding: 14px 18px 14px 22px;
  margin-bottom: 14px;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
}
.clinic-voice-list .list-item {
  background: #f1f6fc;
  border-left: 4px solid #2f6db5;
}
.clinic-voice-list .list-item strong {
  color: #1f4c80;
}
.clinic-guideline-list .list-item {
  background: #f7f7f2;
  border-left: 4px solid #8a7d4f;
}
.clinic-guideline-list .list-item strong {
  color: #5c5232;
}

/* ---- 比較表（float画像の下に回り込ませて全幅で表示） ---- */
.clinic-compare {
  clear: both;
}
.clinic-compare td:first-child {
  white-space: nowrap;
  font-weight: bold;
}

/* ---- レスポンシブ調整 ---- */
@media (max-width: 767px) {
  .clinic-compare td:first-child {
    white-space: normal;
  }
  .clinic-voice-list .list-item,
  .clinic-guideline-list .list-item {
    padding: 12px 14px 12px 16px;
  }
}