/* 記事の中の、予算シミュレーターへの案内カード（2026-10-27）。冒頭の枠より小さく、記事の流れを止めない */
.bhyb{display:flex;align-items:center;gap:14px;margin:2.2em 0;padding:14px 16px;border:2px solid #1f3b57;border-left-width:8px;border-radius:12px;background:#f5f8fb;line-height:1.6}
.bhyb .bhyb__ic{flex:none;width:46px;height:46px}
.bhyb .bhyb__body{flex:1;min-width:0}
.bhyb .bhyb__lab{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:#1f3b57;border-radius:999px;padding:1px 10px;margin-bottom:3px}
.bhyb .bhyb__q{margin:0;font-size:15px;font-weight:700;color:#1b2a4a}
.bhyb .bhyb__q b{color:#c0392b}
.bhyb .bhyb__sub{font-weight:500;font-size:12px;color:#56637a}
.bhyb .bhyb__btn{flex:none;display:inline-block;background:#c0392b;color:#fff;font-weight:900;font-size:14px;text-decoration:none;border-radius:999px;padding:10px 16px;box-shadow:0 3px 0 #8e2a20;white-space:nowrap}
.bhyb .bhyb__btn:hover{opacity:.9;color:#fff}
/* スマホ：説明の小さい字は出さず、ボタンを下の行に（2026-10-27 水澤様：低くする） */
@media (max-width:600px){
  .bhyb{flex-wrap:wrap;gap:10px 12px;padding:12px 14px}
  .bhyb .bhyb__ic{width:40px;height:40px}
  .bhyb .bhyb__body{flex:1 1 calc(100% - 52px)}
  .bhyb .bhyb__sub{display:none}
  .bhyb .bhyb__btn{flex:1 1 100%;text-align:center;padding:10px 16px;font-size:15px}
}