/* 2026-11-07 トップのヒーロー：絵を左右反転し、自転車の男性をどの幅でも右側に出す（河合さんの依頼）。index.html だけで読む。戻すときは link 1 行を消す。
   画像の要素を右端にそろえ（はみ出しは左側で切る）、切り抜く幅では左端＝反転後の右端を基準にする。ui-balance の 480px 以下の 75%（人物を外す指定）も上書きする。 */
#main>.hero .hero-bg{left:auto;right:0;transform:scaleX(-1)}
@media (max-width:768px){#main>.hero .hero-bg{object-position:left center}}
/* スマホ：箱を細くして左に寄せ、右側の男性が箱に隠れないようにする */
@media (max-width:767px){#main>.hero{justify-content:flex-start}#main>.hero .hero-box{max-width:60%;margin-left:3%}#main>.hero .hero-box .btn-primary{white-space:nowrap}}
@media (max-width:360px){#main>.hero .hero-box{max-width:63%;margin-left:2%}#main>.hero .hero-box .btn-primary{padding-left:8px;padding-right:8px}}