@charset "UTF-8";
/* LPO施策（261008）：FVフォーム（No.5）／追加CTA（No.1・2・7）／FV文言（No.4） */

/* ===== localseo FV v4：既存パーツを左に寄せ、右にフォーム ===== */
.lfv4{--form-w:400px}
.lfv4__grid{display:grid;grid-template-columns:minmax(0,1fr) var(--form-w);grid-template-areas:"visual form" "chips form" "band form";background:linear-gradient(180deg,#0d9dbf 0%,#0a96b6 45%,#0a8fb0 100%)}
/* 左：FV画像（白縁を切り、右端を浅葱色へぼかす）＋スマホ */
.lfv4__visual{grid-area:visual;position:relative;overflow:hidden;background:#0d9dbf}
.lfv4__inner{position:relative;container-type:inline-size}
.lfv4__inner .bz-fv__main{overflow:hidden}
.lfv4__inner .bz-fv__main img{display:block;width:101.8%;max-width:none;margin:-0.9% 0 0 0;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,#000 88%,transparent 100%)}
.lfv4__inner .bz-fv__smaho{width:31.1cqw;left:46%}
/* 左：検索窓の帯（白地、左カラム幅で流す） */
.lfv4__chips{grid-area:chips;position:relative;background:#fff;padding:12px 0 2px;overflow:hidden}
.lfv4__chips .bz-fv__anime{position:static}
.lfv4__chips .bz-logo-scroll__pic div img{height:38px!important;padding-right:18px!important;margin-bottom:10px!important}
/* 左：見出しの帯（既存デザイン） */
.lfv4__band{grid-area:band;background:#fff}
.lfv4__band .bz-fv__sub{width:100%;padding:1rem 0 1.8rem}
.lfv4__band .bz-fv__sub-wrap{gap:24px}
.lfv4__band .bz-fv__ttl-wrap{width:auto!important;flex:1}
.lfv4__band .bz-fv__sub h2{font-size:min(3.6vw,3.4rem)}
.lfv4__band .bz-fv__btn-txt{font-size:min(1.4vw,1.05rem)}
.lfv4__band .bz-fv__btn-wrap{flex:0 0 auto!important;width:auto!important}
.lfv4__band .bz-btn:not(.bz-btn-siryou){display:none!important}
/* 右：フォーム（浅葱色の列） */
.lfv4__form{grid-area:form;display:flex;align-items:center;padding:24px 22px 24px 6px}
.lfv4__card{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 16px 40px rgba(0,40,60,.3);border-top:5px solid #d3281f}
.lfv4__head{margin:0;padding:15px 12px 12px;text-align:center;font-family:var(--font-family__serif);font-weight:700;font-size:20px;letter-spacing:.06em;color:#1e110e;border-bottom:1px solid #eee}
.lfv4__head span{display:block;margin-top:2px;font-family:"Noto Sans JP",sans-serif;font-size:12px;font-weight:700;color:#d3281f;letter-spacing:.04em}
.lfv4__scroll{position:relative}
.lfv4__body{max-height:420px;overflow-y:auto;padding:10px 12px 0 16px;scrollbar-width:thin;scrollbar-color:#0e4f8e #e8f4ff}
.lfv4__body iframe{display:block;width:100%!important;border:0}
.lfv4__scroll::after{content:"";position:absolute;left:0;right:8px;bottom:0;height:46px;background:linear-gradient(rgba(255,255,255,0),#fff 85%);pointer-events:none}
.lfv4__hint{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);z-index:1;margin:0;padding:3px 12px;border-radius:100px;background:#1e110e;color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
@media (max-width:1100px){.lfv4{--form-w:360px}.lfv4__body{max-height:360px}}
/* SP：既存のSP順（FV → 検索窓 → 見出し）のあとにフォーム */
@media (max-width:767.98px){
  .lfv4__grid{grid-template-columns:1fr;grid-template-areas:"visual" "chips" "band" "form"}
  .lfv4__inner .bz-fv__main img{width:100%;margin:0;-webkit-mask-image:none;mask-image:none}
  .lfv4__inner .bz-fv__smaho{width:31.1vw;left:50%}
  .lfv4__chips .bz-logo-scroll__pic div img{height:28px!important;padding-right:10px!important;margin-bottom:6px!important}
  .lfv4__band .bz-fv__sub h2{font-size:7vw}
  .lfv4__band .bz-fv__btn-txt{font-size:3.4vw}
  .lfv4__form{padding:18px 14px 22px}
  .lfv4__body{max-height:340px}
}
.lfv4__band .bz-btn-siryou{width:300px!important;min-width:260px;flex:0 0 auto}
.lfv4__band .bz-btn-siryou a{width:100%!important;white-space:nowrap}
@media (max-width:1100px){.lfv4__band .bz-btn-siryou{width:230px!important;min-width:200px}}
@media (max-width:767.98px){.lfv4__band .bz-btn-siryou{width:80%!important;margin:0 auto}}


/* ===== v5 調整 ===== */
.lfv4__grid{grid-template-areas:"visual form" "chips chips" "band band"!important;background:none!important}
/* フォーム列：FV画像右端の色を縦に延長 */
.lfv4__form{position:relative;padding:0!important;background:linear-gradient(180deg,#0d9dbf 0%,#0896b5 17%,#0497b7 33%,#0093b3 50%,#195a80 57%,#015585 64%,#006395 75%,#1f80ab 83%,#3495b8 92%,#3a9dbb 100%)}
.lfv4__inner .bz-fv__main img{-webkit-mask-image:linear-gradient(90deg,#000 93%,transparent 100%)!important;mask-image:linear-gradient(90deg,#000 93%,transparent 100%)!important}
/* カードはFV画像の高さ内に収める */
.lfv4__card{position:absolute;inset:16px 22px 16px 4px;width:auto!important;display:flex;flex-direction:column}
.lfv4__scroll{flex:1;min-height:0;display:flex;flex-direction:column}
.lfv4__body{flex:1;max-height:none!important;min-height:0}
.lfv4__head{padding:11px 10px 9px!important;font-size:18px!important}
/* 検索窓・見出し帯は全幅 */
.lfv4__band .bz-fv__sub{width:98.2%!important;margin:auto}
.lfv4__band .bz-fv__sub h2{font-size:min(4.2vw,4.625rem)!important}
.lfv4__band .bz-fv__btn-txt{font-size:min(1.7vw,1.125rem)!important}
.lfv4__band .bz-fv__ttl-wrap{width:51%!important;flex:none}
.lfv4__band .bz-fv__btn-wrap{flex:1!important;width:100%!important;justify-content:center!important}
.lfv4__band .bz-btn-siryou{width:min(560px,90%)!important}
.lfv4__chips .bz-logo-scroll__pic div img{height:2.9vw!important;padding-right:1.5vw!important;margin-bottom:1vw!important}
@media (max-width:1100px){.lfv4{--form-w:340px}.lfv4__card{inset:10px 14px 10px 2px}}
@media (max-width:767.98px){
  .lfv4__grid{grid-template-areas:"visual" "chips" "band" "form"!important}
  .lfv4__form{background:#fff;padding:18px 14px 22px!important}
  .lfv4__card{position:static;display:block}
  .lfv4__body{max-height:340px!important}
  .lfv4__band .bz-fv__ttl-wrap{width:auto!important}
}

/* JS: 最下部到達でヒントを消す */
.lfv4__scroll.is-end::after,.lfv4__scroll.is-end .lfv4__hint{opacity:0}
.lfv4__scroll::after,.lfv4__hint{transition:opacity .25s}
/* 追加CTA：前後セクションとの間隔 */
.bz-cta--lpo{margin:40px auto}

/* 追加CTA：文脈に合わせたテキスト見出し（既存CTA画像の書体・配色に合わせる） */
.bz-cta--lpo .bz-cta__inner{padding:56px 0 52px;text-align:center}
.bz-cta-lpo__ttl{margin:0 auto;font-family:var(--font-family__serif);font-weight:700;font-size:clamp(22px,2.4vw,34px);line-height:1.6;letter-spacing:.06em;color:#1e110e}
.bz-cta-lpo__ttl span{display:inline-block;margin:0 .15em;padding:0 .3em;background:#1e110e;color:#fff;line-height:1.35}
.bz-cta-lpo__sub{margin:14px 0 28px;font-family:var(--font-family__serif);font-weight:600;font-size:clamp(14px,1.3vw,18px);color:#1e110e}
.bz-cta-lpo__sub::before{content:"＼ ";}.bz-cta-lpo__sub::after{content:" ／";}
.bz-cta--lpo .bz-btn a{white-space:nowrap}
@media (min-width:768px){.bz-cta--lpo br.sp{display:none}}
@media (max-width:767.98px){.bz-cta--lpo .bz-cta__inner{padding:36px 12px}.bz-cta--lpo .bz-btn a{white-space:normal}}

/* 追加CTA：既存CTA見出し画像（cta_ttl-pc.png・本文幅いっぱい表示）の実寸に合わせる
   通常行 ≒33px／強調（黒地白抜き）≒1.5倍／補足 ≒22px／見出し下余白 1.375rem */
.bz-cta--lpo .bz-cta__inner{padding:64px 0 60px}
.bz-cta-lpo__ttl{font-size:min(33px,2.9vw)!important;font-weight:700;line-height:1.75!important;letter-spacing:.08em}
.bz-cta-lpo__ttl span{font-size:1.5em;padding:0 .25em;margin:0 .12em;line-height:1.3;vertical-align:-.08em}
.bz-cta-lpo__sub{margin:10px 0 1.375rem!important;font-size:min(22px,1.95vw)!important;font-weight:700}
@media (max-width:767.98px){
  .bz-cta--lpo .bz-cta__inner{padding:40px 12px 36px}
  .bz-cta-lpo__ttl{font-size:5.2vw!important;line-height:1.7!important}
  .bz-cta-lpo__sub{font-size:3.5vw!important;margin:8px 0 .875rem!important}
}

/* SP：フォームカードを画面幅いっぱいに（flex内で width:auto だと中身幅に縮み左寄りになるため） */
@media (max-width:767.98px){
  .lfv4__form{display:block!important}
  .lfv4__card{width:100%!important;max-width:520px;margin:0 auto}
  .lfv4__body iframe{width:100%!important}
}

/* 追加CTA：ボタン文字を1行に保つ */
.bz-cta--lpo .bz-btn a{white-space:nowrap!important;letter-spacing:.02em}
@media (max-width:767.98px){
  /* 既存CTAのSP指定（font-size:.8rem／ボタン列 幅90%）に合わせ、矢印分の右余白を確保 */
  .bz-cta--lpo .bz-cta__inner{padding:40px 0 36px}
  .bz-cta--lpo .bz-btn a{font-size:.8rem!important;padding:1.1rem 1.6rem 1.1rem .6rem!important;white-space:nowrap!important}
}