@charset "UTF-8";
/* ==========================================================================
   sakurashinmachi.css  ―  /setagaya/sakurashinmachi-school/ ページ専用スタイル
   既存フレームワーク（bootstrap / style / bamboo.css）に追記する形で読み込みます。
   すべて .school- プレフィックスでスコープし、既存スタイルと衝突しません。
   桜新町・経堂エリアの学習塾・スクール向けランディングページ用。
   ========================================================================== */

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

/* ---- 保護者様のAI相談例リスト（通常の list-marked に差し色ボーダーを追加） ---- */
.school-voice-list {
  padding-left: 0;
  list-style: none;
  overflow: hidden; /* 新しいブロック整形コンテキストを確立し、隣接するfloat画像（bh_right_08）との重なりを防ぐ */
}
.school-voice-list .list-item {
  position: relative;
  padding: 14px 18px 14px 22px;
  margin-bottom: 14px;
  background: #f7faf8;
  border-left: 4px solid #2e7d5b;
  border-radius: 0 10px 10px 0;
  overflow: hidden; /* 各項目でもfloatとの重なりを防止 */
}
.school-voice-list .list-item strong {
  color: #1f4d3a;
}

/* ---- レスポンシブ調整 ---- */
@media (max-width: 767px) {
  .school-voice-list .list-item {
    padding: 12px 14px 12px 16px;
  }
}


/* ---- はやと調整 ---- */
.sakura_bg_01 { background-color: hsla(0,0%,100%,0.00)!important; border-color: hsla(0,0%,100%,0.00)!important; }