/* r3：黒の無地＋点の並び（cta-fx.js）。グラデーションと粒子は外した。
   最終CTAの背景（2026-11-03 社長指示「オレンジをやめて、最先端の動く背景に」）。cta-fx.js が canvas を敷く。
   黒地に、赤・深紅・すこしの青紫の光が液体のように流れる。字は白。入力欄は白地に黒字のまま */
.cta-section{--cta-ink:#fff;position:relative;isolation:isolate;overflow:hidden;color:#fff;
  background:#0a0a0a}
.cta-section>.cta-fx{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}
.cta-section>.cta-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.13;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cta-section .cta-kicker{color:#ff6b5e}
.cta-section .b1.grey,.cta-section .cta-proof{color:rgba(255,255,255,.82)}
.cta-section .btn-pill.ghost:hover .btn-text{color:#080808}
.cta-section .btn-pill.ghost .explode{background:#fff}
.cta-section .cta-qr-panel{border-color:rgba(255,255,255,.25);box-shadow:0 20px 60px rgba(0,0,0,.45)}
.cta-section .qr-cap{color:#080808}
.cta-section .cta-float{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cta-section .cta-float .dot{background:#e8231f}
.cta-section .form-wrap{border-top-color:rgba(255,255,255,.35)}
.cta-section .f-field input,.cta-section .f-field select,.cta-section .f-field textarea{color:#080808;border-color:rgba(255,255,255,.0)}
.cta-section .f-field input:focus,.cta-section .f-field select:focus,.cta-section .f-field textarea:focus{outline-color:#ff6b5e}
.cta-section ::selection{background:#e8231f;color:#fff}
.cta-section .btn-pill.red.submit{background:#fff;color:#080808;opacity:1;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.cta-section .btn-pill.red.submit .btn-text{color:#080808!important;opacity:1}
.cta-section .btn-pill.red.submit:hover .btn-text{color:#fff!important}
.cta-section .btn-pill.red.submit .explode{background:#080808}
/* 2026-11-03 r2：「無料相談は30分だけ」は出さない（社長指示）。全ページ共通の行なのでCSSで隠す */
.cta-section .cta-kicker{display:none}
.cta-section .cta-float{background:rgba(20,8,16,.45)!important;color:#fff}
.cta-section .cta-float{display:none!important}   /* r3：QRの横の札3枚（最短即日返信・相談は無料・全国対応）は出さない */
