@charset "UTF-8";
/* ==========================================================================
   seijogakuenmae.css  ―  /setagaya/seijogakuenmae-dental/ ページ専用スタイル
   既存フレームワーク（bootstrap / style / bamboo.css）に追記する形で読み込みます。
   すべて .dental- プレフィックスでスコープし、既存スタイルと衝突しません。
   成城学園前エリアの歯科医院向けランディングページ用。
   ========================================================================== */

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

/* ---- 患者様のAI相談例リスト／医療広告ガイドラインのリスト ---- */
.dental-voice-list,
.dental-guideline-list {
  padding-left: 0;
  list-style: none;
  overflow: hidden; /* 新しいブロック整形コンテキストを確立し、隣接するfloat画像（bh_right_08）との重なりを防ぐ */
}
.dental-voice-list .list-item,
.dental-guideline-list .list-item {
  position: relative;
  padding: 14px 18px 14px 22px;
  margin-bottom: 14px;
  border-radius: 0 10px 10px 0;
  overflow: hidden; /* 各項目でもfloatとの重なりを防止 */
}
.dental-voice-list .list-item {
  background: #f1f8f7;
  border-left: 4px solid #2a7f7a;
}
.dental-voice-list .list-item strong {
  color: #1d5a56;
}
.dental-guideline-list .list-item {
  background: #f7f7f2;
  border-left: 4px solid #8a7d4f;
}
.dental-guideline-list .list-item strong {
  color: #5c5232;
}

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

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