/* 改善版のみで読み込む修正（元サイトで表示が切れていた箇所） */
/* 1. PC：画面の高さが低いとサイドメニュー下部（ブログ・お知らせ）が隠れる → メニュー部分をスクロール可能に */
.s_33 { overflow: visible !important; }
@media (min-width: 1141px) and (max-height: 960px) {
  .s_3a { margin-top: 24px !important; }
  .s_1i { margin-bottom: 8px !important; }
  .s_1r, .s_23 { margin-bottom: 18px !important; }
  .s_2a, .s_2d { margin-bottom: 16px !important; }
}
@media (min-width: 1141px) and (max-height: 860px) {
  .s_1f { overflow-y: auto !important; scrollbar-width: none; }
}
/* 2. お知らせの見出しが右端で切れる（768px・1280px付近） */
.s_4q { flex: 0 1 auto !important; min-width: 0 !important; }
@media (min-width: 541px) and (max-width: 1140px) {
  .s_b { flex-direction: column !important; align-items: flex-start !important; gap: 28px !important; }
  .s_4q { width: 100% !important; }
  .s_4p { display: none !important; }
}
/* 3. 「ご契約にあたって」の本文が右端で切れる（768px付近） */
.s_8v { flex: 0 1 auto !important; min-width: 0 !important; }
/* 4. ご挨拶の本文が右端で切れる（1141〜1300px付近） */
@media (min-width: 1141px) and (max-width: 1340px) {
  .s_w { margin-right: 24px !important; max-width: calc(100% - 24px) !important; flex: 0 1 auto !important; min-width: 0 !important; }
  .s_cq { align-items: flex-start !important; margin-left: 32px !important; max-width: calc(100% - 32px) !important; }
}
/* 5. ブログ3枚目のカードが右端で切れる（1280px付近） */
.s_hs { flex: 0 1 auto !important; min-width: 0 !important; }
/* 6.「ご契約までの流れ」Step 01 の円の左端が見出し（FLOW）の背景に6px隠れる → 円の開始位置を右へ */
@media (min-width: 541px) { .s_k { padding-left: 284px !important; } }