/* 「リンクサス買取の ／ 〇〇 買取3つの強み」の帯（.reason-point .point-top）：文字数が増えても釣り合いを崩さない（2026-10-04）
   ユーザー：「このデザイン部分は基本的に変えなくていい。ただ文字数増えてバランス悪くなるのはやめて」
   今は 2 本目の帯が長いほど右の写真が縮む（390 で /delivery-purchase/ は 93px）。SP だけ、写真に最低幅（112px・360 以下は 100px）を持たせ、
   帯はその残りの幅に収める。帯は 1 行のまま（折り返さない）。
   （/delivery-purchase/ 専用の文字の縮小は 2026-10-04 に外した。帯の文言を「郵送買取3つの強み」に変え、ほかのページと同じ大きさで収まるため）
   2 本目の文字は 390〜750px では今と同じ 20px。361〜389px は幅に合わせて 20px から少しずつ小さくする（18.5px まで。「安心して売れる3つの理由」を 1 行に収めるため）。360px ちょうどは今と同じ 17px。
   359px 以下は 1 本目・2 本目とも 15px にそろえる（2 本目を 17px のままにすると 320 で「安心して売れる3つの理由」などが収まらず、2 本目だけ小さいと 1 本目より小さく見えるため）。
   390〜750px の短い帯のページでは、帯の高さ・文字の大きさ・写真の大きさは今と同じ。PC（751px 以上）と店舗一覧（.main.buyshops・独自の帯）は変えない。 */
@media (min-width: 361px) and (max-width: 750px) {
  .main:not(.buyshops) .reason .reason-point .point-top .top-title span:not(:first-child) { font-size: clamp(17px, 5.13vw, 20px); }
}
@media (max-width: 750px) {
  .main:not(.buyshops) .reason .reason-point .point-top .top-pic { flex: 0 1 auto; min-width: 112px; }
  .main:not(.buyshops) .reason .reason-point .point-top .top-title { flex: 0 0 auto; min-width: 0; max-width: calc(100% - 92px); }
}
@media (max-width: 360px) {
  .main:not(.buyshops) .reason .reason-point .point-top .top-pic { min-width: 100px; }
  .main:not(.buyshops) .reason .reason-point .point-top .top-title { max-width: calc(100% - 80px); }
}
@media (max-width: 359px) {
  .main:not(.buyshops) .reason .reason-point .point-top .top-title span { font-size: 15px; }
}
