@charset "UTF-8";
/* FVの3つの強み　丸以外の形の案（shape1〜3.html で使用。色は今の紺×金のまま） */
.bs .fv-laurel li,.bs .fv-laurel li:first-child{border-radius:0}

/* ---------- 形1：角丸の四角 ---------- */
.bs1 .fv-laurel li,.bs1 .fv-laurel li:first-child{border-radius:18px}
.bs1 .fv-laurel li::before{border-radius:12px}

/* ---------- 形2：六角形 ---------- */
.bs2 .fv-laurel li,.bs2 .fv-laurel li:first-child{border:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%20100%27%20preserveAspectRatio%3D%27none%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23fbecbb%27%2F%3E%3Cstop%20offset%3D%27.35%27%20stop-color%3D%27%23d2ab57%27%2F%3E%3Cstop%20offset%3D%27.6%27%20stop-color%3D%27%23a07a2c%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23f3dc9a%27%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%27n%27%20cx%3D%27.35%27%20cy%3D%27.28%27%20r%3D%27.85%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%233a63a8%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%2322437e%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23142c5a%27%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%27M50%201L97%2026L97%2074L50%2099L3%2074L3%2026Z%27%20fill%3D%27url(%23g)%27%2F%3E%3Cpath%20d%3D%27M50%201L97%2026L97%2074L50%2099L3%2074L3%2026Z%27%20fill%3D%27url(%23n)%27%20transform%3D%27translate(50%2050)%20scale(0.92)%20translate(-50%20-50)%27%2F%3E%3Cpath%20d%3D%27M50%201L97%2026L97%2074L50%2099L3%2074L3%2026Z%27%20fill%3D%27none%27%20stroke%3D%27%23d8bf7c%27%20stroke-opacity%3D%27.9%27%20stroke-width%3D%27.7%27%20transform%3D%27translate(50%2050)%20scale(0.84)%20translate(-50%20-50)%27%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}
.bs2 .fv-laurel li::before{content:none}

/* ---------- 形3：盾（エンブレム） ---------- */
.bs3 .fv-laurel li,.bs3 .fv-laurel li:first-child{aspect-ratio:100/110;padding-bottom:7%;border:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%20110%27%20preserveAspectRatio%3D%27none%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23fbecbb%27%2F%3E%3Cstop%20offset%3D%27.35%27%20stop-color%3D%27%23d2ab57%27%2F%3E%3Cstop%20offset%3D%27.6%27%20stop-color%3D%27%23a07a2c%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23f3dc9a%27%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%27n%27%20cx%3D%27.35%27%20cy%3D%27.28%27%20r%3D%27.85%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%233a63a8%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%2322437e%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23142c5a%27%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%27M50%202C64%209%2080%2011%2097%209L97%2050C97%2079%2077%2097%2050%20108C23%2097%203%2079%203%2050L3%209C20%2011%2036%209%2050%202Z%27%20fill%3D%27url(%23g)%27%2F%3E%3Cpath%20d%3D%27M50%202C64%209%2080%2011%2097%209L97%2050C97%2079%2077%2097%2050%20108C23%2097%203%2079%203%2050L3%209C20%2011%2036%209%2050%202Z%27%20fill%3D%27url(%23n)%27%20transform%3D%27translate(50%2055)%20scale(0.93)%20translate(-50%20-55)%27%2F%3E%3Cpath%20d%3D%27M50%202C64%209%2080%2011%2097%209L97%2050C97%2079%2077%2097%2050%20108C23%2097%203%2079%203%2050L3%209C20%2011%2036%209%2050%202Z%27%20fill%3D%27none%27%20stroke%3D%27%23d8bf7c%27%20stroke-opacity%3D%27.9%27%20stroke-width%3D%27.7%27%20transform%3D%27translate(50%2055)%20scale(0.86)%20translate(-50%20-55)%27%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}
.bs3 .fv-laurel li::before{content:none}
.bs3 .fv-laurel{width:640px}

@media (min-width:768px) and (max-width:1100px){
  .bs3 .fv-laurel{width:500px;gap:14px}
}
@media (max-width:767px){
  .bs1 .fv-laurel li,.bs1 .fv-laurel li:first-child{border-radius:12px}
  .bs1 .fv-laurel li::before{border-radius:8px}
  .bs2 .fv-laurel li,.bs2 .fv-laurel li:first-child{aspect-ratio:100/112}
  .bs3 .fv-laurel{width:100%}
  .bs3 .fv-laurel li,.bs3 .fv-laurel li:first-child{aspect-ratio:100/122;padding:6% 0 14%}
}

/* ---------- 文字の大きさ・ジャンプ率・余白（3つの形で共通） ----------
   強みの枠の幅に合わせて文字が伸び縮みするよう、枠の幅（cqw）を基準にする。
   見出し（月々・保証）：小さめ／数字：大きく／単位・注記：控えめ、の3段にそろえる */
.bs .fv-laurel li{container-type:inline-size;padding:0;gap:0}
.bs .fv-laurel .lt{font-size:18px;font-size:max(11px,8.6cqw);letter-spacing:.12em;line-height:1.2;margin:0 0 .25em}
.bs .fv-laurel .ln{font-size:48px;font-size:24cqw;line-height:1.05;letter-spacing:.01em}
.bs .fv-laurel .ln small{font-size:19px;font-size:max(10px,9.5cqw);margin-left:.08em;letter-spacing:0}
.bs .fv-laurel li:nth-child(2) .ln{font-size:62px;font-size:31cqw}
.bs .fv-laurel li:nth-child(2) .ln small{font-size:22px;font-size:max(11px,11cqw)}
.bs .fv-laurel .lnote{font-size:12px;font-size:max(9px,5.8cqw);line-height:1.35;letter-spacing:.02em;margin-top:.7em;transform:none;opacity:.92}
.bs .fv-laurel .lt-sm{font-size:15px;font-size:max(10px,7.4cqw);letter-spacing:.06em;margin-bottom:.35em}
.bs .fv-laurel .ln-txt{font-size:34px;font-size:16.5cqw;line-height:1.22;letter-spacing:.08em}
/* 六角形・盾は内側の線の幅がせまいので、文字をひと回り小さくして線の内側に収める */
.bs2 .fv-laurel .ln,.bs3 .fv-laurel .ln{font-size:40px;font-size:19.5cqw}
.bs2 .fv-laurel .ln small,.bs3 .fv-laurel .ln small{font-size:16px;font-size:max(9px,8cqw)}
.bs2 .fv-laurel li:nth-child(2) .ln,.bs3 .fv-laurel li:nth-child(2) .ln{font-size:56px;font-size:27cqw}
.bs2 .fv-laurel li:nth-child(2) .ln small,.bs3 .fv-laurel li:nth-child(2) .ln small{font-size:20px;font-size:max(10px,10cqw)}
.bs2 .fv-laurel .lt,.bs3 .fv-laurel .lt{font-size:max(10.5px,8cqw)}
.bs2 .fv-laurel .lt-sm,.bs3 .fv-laurel .lt-sm{font-size:max(9.5px,6.6cqw);letter-spacing:.02em}
.bs2 .fv-laurel .ln-txt,.bs3 .fv-laurel .ln-txt{font-size:30px;font-size:14.5cqw}
.bs2 .fv-laurel .lnote,.bs3 .fv-laurel .lnote{font-size:max(8.5px,5.4cqw);margin-top:.5em}
/* 盾は下がすぼまるので、文字のかたまりを上下の中心よりやや上に */
.bs3 .fv-laurel li,.bs3 .fv-laurel li:first-child{padding:9% 0 13%}
@media (max-width:767px){
  .bs3 .fv-laurel li,.bs3 .fv-laurel li:first-child{padding:6% 0 16%}
}

/* ---------- PCの左側：キャッチの枠と強み3つの幅・左端をそろえ、上下の余白を均等に ---------- */
@media (min-width:768px){
  .bs .fv-in{display:flex;flex-direction:column;justify-content:center;padding-top:56px;padding-bottom:56px}
  .bs .fv-box{width:620px}
  .bs .fv-laurel,.bs3 .fv-laurel{width:620px;gap:22px;margin-top:32px}
  /* 強みの中の小さい文字が小さくなりすぎないように */
  .bs .fv-laurel .lnote{font-size:max(11px,5.8cqw)}
  .bs .fv-laurel .lt-sm{font-size:max(13px,7.4cqw)}
  .bs .fv-laurel .lt{font-size:max(15px,8.6cqw)}
  .bs2 .fv-laurel .lnote,.bs3 .fv-laurel .lnote{font-size:max(10.5px,5.4cqw)}
  .bs2 .fv-laurel .lt-sm,.bs3 .fv-laurel .lt-sm{font-size:max(12px,6.6cqw)}
  .bs2 .fv-laurel .lt,.bs3 .fv-laurel .lt{font-size:max(14px,8cqw)}
}
@media (min-width:768px) and (max-width:1100px){
  .bs .fv-box{width:520px}
  .bs .fv-laurel,.bs3 .fv-laurel{width:520px;gap:16px;margin-top:28px}
}