@charset "utf-8";
/* 廃車買取の広告LP。荒川廃車サイト v3（CRS埼玉＋ハイシャル＋ソコカラのいいとこ取り）を土台に、広告用に組み替え。色は紺・黄・赤 */

:root{
  --navy:#1d2c4e;
  --blue:#1f5fae;
  --sky:#e6f1fb;
  --sky2:#cfe4f6;
  --ink:#2b2f38;
  --muted:#5d6472;
  --yellow:#ffd83a;
  --yellow2:#f5c518;
  --cream:#fbf7e6;
  --red:#dc3228;
  --red2:#f06a2a;
  --line:#d9dee6;
  --lg:#05823d;
  --round:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;
  --num:"Roboto","Noto Sans JP",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP",-apple-system,"Hiragino Kaku Gothic ProN",sans-serif;
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ol,ul,figure{margin:0}
ol,ul{padding:0;list-style:none}
em{font-style:normal}
mark{background:linear-gradient(transparent 58%,var(--yellow) 58%);color:inherit;padding:0 .05em}
.ib{display:inline-block}
.sp{display:none}
.hs-main,.fs-l,.tg-out{word-break:keep-all;overflow-wrap:anywhere}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.sample-bar{background:#111;color:#fff;font-size:12px;text-align:center;padding:5px 10px}

/* スクロールでふわっと出す（reduced-motionでも止めない） */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}

/* ヘッダー */
.hd{background:#fff;position:sticky;top:0;z-index:40;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.hd-top{display:flex;align-items:center;gap:22px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.logo-txt{display:flex;flex-direction:column;line-height:1.1}
.logo-s{font-size:11px;font-weight:700;color:var(--muted)}
.logo-l{font-size:24px;font-weight:900;color:var(--navy);letter-spacing:.02em;margin-top:4px;white-space:nowrap}
.logo-l b{color:var(--red)}
.hd-tel{margin-left:auto;display:flex;align-items:center;gap:8px}
.ic-tel{width:40px;height:40px;fill:var(--red)}
.ht-in{display:flex;flex-direction:column;line-height:1}
.hd-tel .num{font-family:var(--num);font-weight:900;font-size:34px;color:var(--navy);letter-spacing:.01em}
.hd-tel .tags{display:flex;gap:4px;margin-top:5px}
.hd-tel .tags span{border:1px solid var(--red);color:var(--red);font-size:11px;font-weight:700;padding:2px 6px;line-height:1.2}
.hd-btns{display:flex;gap:10px}
.pbtn{position:relative;display:flex;align-items:center;justify-content:center;width:160px;height:52px;padding-top:10px;border-radius:8px;color:#fff;font-weight:900;font-size:16px;letter-spacing:.04em;transition:transform .15s,box-shadow .15s}
.pbtn i{position:absolute;top:6px;left:50%;transform:translateX(-50%);background:var(--yellow);color:var(--navy);font-style:normal;font-size:10px;font-weight:900;line-height:1;padding:3px 14px;border-radius:999px}
.pbtn-web{background:var(--red);box-shadow:0 4px 0 #a8211a}
.pbtn:hover{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.25)}

/* 表紙 */
.fv{position:relative;background:#fff}
.fv-strip{background:var(--yellow);text-align:center;font-weight:900;color:var(--navy);font-size:18px;padding:7px 10px}
.fv-strip b{color:var(--red)}
.fv-stage{position:relative;overflow:hidden;min-height:600px}
.fv-photo{position:absolute;top:0;bottom:0;right:0;width:72%;background:url(/images/fv-pickup.jpg?v=1) 60% 35%/cover no-repeat}
.fv-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.6) 16%,rgba(255,255,255,0) 36%)}
.fv-in{position:relative;z-index:1;padding-top:38px;padding-bottom:56px}
.fv-copy{width:620px;position:relative}
.fv-pill{display:inline-block;background:var(--navy);color:#fff;font-weight:700;font-size:16px;padding:6px 20px;border-radius:999px;letter-spacing:.04em}
.bubble{position:relative;margin-top:16px;background:#fff;border-radius:22px;padding:22px 30px 26px;box-shadow:0 6px 20px rgba(29,44,78,.16);width:560px}
.bubble::after{content:"";position:absolute;right:-26px;top:50%;border:18px solid transparent;border-left:30px solid #fff;filter:drop-shadow(4px 2px 3px rgba(29,44,78,.08))}
.bb-h1{font-size:16px;font-weight:900;color:var(--blue);letter-spacing:.04em}
.bb-main{margin-top:6px;font-family:var(--round);font-weight:800;color:var(--navy);font-size:42px;line-height:1.32;letter-spacing:.01em}
.bb-main strong{color:var(--red);font-size:1.2em;background:linear-gradient(transparent 70%,var(--yellow) 70%)}
.bb-main .sm{font-size:.66em}
.fv-under{display:flex;align-items:flex-end;gap:24px;margin-top:-20px;position:relative;z-index:2}
.badges{display:flex;gap:14px}
.badge{width:156px;height:156px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;line-height:1.1;
  border:4px solid #fff;box-shadow:0 6px 14px rgba(0,0,0,.2);font-family:var(--round);font-weight:800}
.b-red{background:radial-gradient(circle at 35% 25%,var(--red),#b8261d 78%)}
.b-navy{background:radial-gradient(circle at 35% 25%,#2d5fa6,var(--navy) 70%)}
.badge .bs{font-size:15px;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:3px}
.badge .bl{font-size:18px;margin-top:5px}
.badge .bn{font-size:20px;margin-top:2px}
.badge .bn b{font-family:var(--num);font-weight:900;font-size:54px;line-height:1;color:var(--yellow)}
.fv-note{flex:0 0 250px;margin:0 0 14px 30px;font-size:13px;font-weight:500;color:var(--ink);line-height:1.6}
.fv-wave{position:relative;background:var(--navy);padding:26px 0 30px;margin-top:-1px}
.fv-wave::before{content:"";position:absolute;left:0;right:0;top:-40px;height:41px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 C360 0 1080 0 1440 40 Z' fill='%231d2c4e'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.plates{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.plate{background:#fff;border-radius:8px;box-shadow:inset 0 0 0 3px #b9cde6,0 3px 0 rgba(0,0,0,.25);display:flex;align-items:baseline;justify-content:center;gap:8px;padding:14px 8px;color:var(--navy)}
.plate span{font-weight:900;font-size:16px;white-space:nowrap}
.plate b{font-family:var(--round);font-weight:800;font-size:34px;line-height:1.1;color:var(--red)}

/* 査定フォーム */
.form-sec{background:var(--cream);padding:60px 0}
.fs-in{display:grid;grid-template-columns:1fr 460px;gap:40px;align-items:center}
.fs-l{font-family:var(--round);font-weight:800;font-size:32px;line-height:1.45;color:var(--navy)}
.fs-free{margin-top:18px;font-weight:900;font-size:20px;color:var(--red)}
.fs-free mark{color:var(--red)}
.fs-s{margin-top:8px;font-weight:700;color:var(--ink)}
.fs-s small{font-size:12px;color:var(--muted);font-weight:500}
.fs-tel{display:flex;align-items:center;gap:14px;margin-top:20px;background:#fff;border:2px solid var(--red);border-radius:8px;padding:8px 16px}
.fs-24{flex:0 0 auto;display:flex;flex-direction:column;background:var(--red);color:#fff;font-weight:900;font-size:13px;line-height:1.3;text-align:center;padding:5px 10px;border-radius:4px}
.fs-24 small{font-size:12px;font-weight:700}
.fs-tel b{font-family:var(--num);font-weight:900;font-size:30px;color:var(--red);letter-spacing:.01em;white-space:nowrap}
.line-box{display:flex;align-items:center;gap:16px;background:#fff;border:2px solid var(--lg);border-radius:8px;padding:10px 16px;margin-top:12px;color:var(--ink);transition:transform .15s}
.line-box:hover{transform:translateY(2px)}
.lb-qr{flex:0 0 110px;width:110px;height:110px}
.lb-tx{display:flex;flex-direction:column;align-items:flex-start;line-height:1.5}
.lb-s{font-size:15px;font-weight:700}
.lb-btn{margin-top:6px;background:var(--lg);color:#fff;font-weight:900;font-size:15px;line-height:1;padding:9px 16px;border-radius:999px}
.qform{position:relative;background:#fffdf2;border:4px solid var(--blue);box-shadow:0 8px 24px rgba(29,44,78,.14)}
.qf-h{background:var(--yellow);text-align:center;font-family:var(--round);font-weight:800;font-size:22px;color:var(--navy);padding:18px 60px 16px 10px}
.qf-20{position:absolute;right:-16px;top:-22px;width:78px;height:78px;border-radius:50%;background:var(--red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;box-shadow:0 3px 6px rgba(0,0,0,.2);transform:rotate(6deg)}
.qf-20 span{font-size:12px;font-weight:700}
.qf-20 b{font-family:var(--num);font-weight:900;font-size:22px;margin-top:3px}
.qf-list{padding:18px 16px 4px;display:grid;gap:10px}
.qf-list li{display:grid;grid-template-columns:46px 1fr;gap:6px}
.qf-list .no{display:flex;align-items:center;justify-content:center;background:#c6ccd6;color:#fff;font-family:var(--num);font-weight:900;font-size:24px}
.qf-list li:first-child .no{background:#f28b86}
.qf-list label{position:relative;display:block}
.qf-list .req,.qf-list .opt{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:#fff;padding:2px 6px;line-height:1.3;pointer-events:none}
.qf-list .req{background:var(--red)}
.qf-list .opt{background:var(--blue)}
.qform select,.qform input[type=text],.qform input[type=tel]{width:100%;height:46px;border:1px solid #c9ced6;background:#fff;font:inherit;font-size:15px;color:var(--ink);padding:0 10px 0 52px;border-radius:0;letter-spacing:.06em}
.qf-list li:first-child select{border:2px solid #f28b86}
.qf-note{text-align:center;font-size:14px;margin-top:10px}
.agree{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;margin-top:6px}
.agree input{width:18px;height:18px;accent-color:var(--blue)}
.agree a{color:var(--blue);text-decoration:underline}
.qf-btn{display:block;width:260px;height:56px;margin:14px auto 22px;border:0;border-radius:999px;background:linear-gradient(180deg,#ff6b5f,var(--red));color:#fff;font:inherit;font-weight:900;font-size:18px;letter-spacing:.06em;cursor:pointer;box-shadow:0 4px 0 #a8211a,0 6px 12px rgba(0,0,0,.18);transition:transform .15s,box-shadow .15s}
.qf-btn:hover{transform:translateY(2px);box-shadow:0 2px 0 #a8211a}
.qf-btn:disabled{opacity:.6;cursor:default;transform:none}
.qf-msg{margin:10px 16px 0;padding:8px 12px;background:#fde7e5;color:#a8211a;font-size:14px;font-weight:700}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.qform{scroll-margin-top:110px}

/* 見出し（斜線の小見出し＋大見出し＋黄マーカー） */
.hs{text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center}
.hs-lead{position:relative;font-size:22px;font-weight:700;color:var(--ink);padding:0 36px}
.hs-lead::before,.hs-lead::after{content:"";position:absolute;top:50%;width:3px;height:30px;background:var(--blue);border-radius:2px}
.hs-lead::before{left:6px;transform:translateY(-50%) rotate(-30deg)}
.hs-lead::after{right:6px;transform:translateY(-50%) rotate(30deg)}
.hs-main{font-size:36px;font-weight:900;color:var(--navy);line-height:1.4;margin-top:4px}

/* お悩み */
.worry{position:relative;background:var(--sky2);padding:64px 0 60px}
.hx{text-align:center;margin-bottom:28px}
.hx-s{display:block;font-size:28px;font-weight:900;color:var(--ink)}
.hx-l{display:block;font-family:var(--round);font-weight:800;font-size:48px;color:var(--blue);line-height:1.25}
.worry-box{background:#fff;max-width:1040px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}
.worry-box li{position:relative;padding-left:44px;font-size:22px;font-weight:500;color:var(--ink);width:720px;max-width:100%}
.worry-box li::before{content:"";position:absolute;left:0;top:.9em;width:30px;height:30px;border-radius:50%;background:var(--blue);transform:translateY(-50%)}
.worry-box li::after{content:"";position:absolute;left:10px;top:.9em;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:translateY(-65%) rotate(45deg)}
.worry-box em{color:var(--red);font-weight:900}
.worry-arrow{position:absolute;left:50%;bottom:-58px;width:0;height:0;border-left:84px solid transparent;border-right:84px solid transparent;border-top:60px solid var(--sky2);transform:translateX(-50%);z-index:2}

/* 買取対象 */
.target{padding:110px 0 84px;background:#fff}
.tg-in{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;max-width:1000px;margin:0 auto}
.tg-photo img{border-radius:6px;box-shadow:0 2px 4px rgba(29,44,78,.08),0 14px 30px rgba(29,44,78,.14);aspect-ratio:4/3;object-fit:cover;object-position:40% 50%}
.tg-photo figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.tg-list li{border-left:4px solid var(--yellow2);padding:4px 0 4px 18px}
.tg-list li + li{margin-top:16px}
.tg-list h3{font-size:21px;font-weight:900;color:var(--navy);line-height:1.4;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}
.tg-list h3 small{font-size:14px;font-weight:700}
.tg-list .ok{border:2px solid var(--red);color:var(--red);font-size:12px;font-weight:900;line-height:1;padding:4px 6px;border-radius:3px}
.tg-list p{font-size:15px;margin-top:2px}
.tg-out{text-align:center;font-size:22px;font-weight:900;color:var(--navy);margin-top:44px}

/* 4つの0円（point帯） */
.reason{background:var(--cream);padding:80px 0}
.points{max-width:860px;margin:0 auto;display:grid;gap:14px}
.points li{display:grid;grid-template-columns:120px 1fr;background:#fff;box-shadow:0 2px 0 rgba(0,0,0,.05)}
.pt-no{background:var(--blue);color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:18px;line-height:1;box-shadow:inset 8px 0 0 var(--navy)}
.pt-no span{font-family:var(--num);font-size:16px;font-weight:700;padding-left:8px}
.pt-no b{font-family:var(--num);font-weight:900;font-size:42px;padding-left:8px;margin-top:2px}
.pt-bd{padding:22px 34px 24px}
.pt-bd h3{font-size:24px;font-weight:900;color:var(--blue);line-height:1.4}
.pt-bd p{margin-top:8px;font-size:15px}

/* 早いほうがお得 */
.hurry{background:repeating-linear-gradient(90deg,#24457f 0 7px,#1f3b6e 7px 14px);padding:70px 0 80px}
.hurry-h{text-align:center;margin-bottom:26px}
.tagb{position:relative;display:inline-block;background:var(--yellow);color:var(--navy);font-weight:900;font-size:22px;padding:6px 70px;border-radius:999px}
.tagb::after{content:"";position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);border:8px solid transparent;border-top:10px solid var(--yellow);border-bottom:0}
.hurry-l{display:block;margin-top:14px;font-family:var(--round);font-weight:800;font-size:56px;color:#fff;line-height:1.2;text-shadow:3px 3px 0 #0f1d3a}
.hurry-panel{background:#fff;max-width:1040px;margin:0 auto;padding:36px 48px 40px;display:grid;grid-template-columns:1fr 440px;gap:10px 40px;align-items:center;border:4px solid #c9d6e8}
.hp-s{font-size:18px;font-weight:700}
.hp-s b{font-family:var(--num);font-size:24px}
.hp-n{display:flex;align-items:flex-end;gap:10px;line-height:1}
.hp-n .v{font-size:24px;font-weight:900;writing-mode:vertical-rl;letter-spacing:.1em;margin-bottom:6px}
.hp-n b{font-family:var(--num);font-weight:900;font-size:120px;color:var(--red);letter-spacing:-.02em}
.hp-n .u{font-size:36px;font-weight:900;margin-bottom:10px}
.hp-t{font-size:30px;font-weight:500;letter-spacing:.06em;margin-top:6px}
.hp-t em{color:var(--blue);font-weight:700}
.hp-ex{margin-top:10px;font-size:14px;color:var(--muted)}
.hp-ex b{font-family:var(--num);color:var(--red);font-size:20px}
.hp-r{border:2px solid var(--blue);padding:20px 26px;color:var(--navy);font-size:17px;line-height:1.8}
.hp-r .dot{border-top:3px dotted var(--blue);margin-top:14px;padding-top:14px}
.hp-note{grid-column:1/-1;font-size:13px;color:var(--muted)}
.hp-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:28px;background:var(--navy);color:#fff;font-size:26px;font-weight:700;padding:10px 20px;margin-top:10px}
.hp-bar b{color:var(--yellow);font-weight:900}
.hb-s{font-size:15px;font-weight:700;line-height:1.3}

/* 流れ */
.flow{background:var(--sky);padding:80px 0 84px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.steps li{position:relative;background:#fff;border-top:4px solid var(--blue);padding:18px 16px 22px;box-shadow:0 1px 2px rgba(29,44,78,.06),0 10px 24px rgba(29,44,78,.08)}
.steps li + li::before{content:"";position:absolute;left:-17px;top:50%;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:12px solid var(--red2);z-index:1}
.st-no{display:flex;align-items:baseline;gap:6px;font-family:var(--num);color:var(--blue);line-height:1}
.st-no span{font-size:13px;font-weight:700;letter-spacing:.08em}
.st-no b{font-size:32px;font-weight:900}
.steps h3{font-size:19px;font-weight:900;color:var(--navy);margin-top:10px;line-height:1.4;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.steps h3 small{border:2px solid var(--red);color:var(--red);font-size:11px;font-weight:900;line-height:1;padding:3px 5px;border-radius:3px}
.steps p{font-size:14px;margin-top:6px;line-height:1.7}

/* ご準備いただくもの */
.prep{max-width:860px;margin:36px auto 0;background:#fff;border-top:4px solid var(--yellow2);padding:22px 28px 20px}
.prep-h{font-size:20px;font-weight:900;color:var(--navy);text-align:center}
.prep-in{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-top:14px}
.prep-k{display:inline-block;background:var(--navy);color:#fff;font-size:13px;font-weight:900;line-height:1.5;padding:2px 12px;border-radius:3px}
.prep-in p:last-child{margin-top:6px;font-size:15px}
.prep-note{margin-top:14px;font-size:13px;color:var(--muted);text-align:center}

/* CTAパネル */
.cta-wrap{background:#fff;padding:1px 0}
.cta-panel{position:relative;max-width:840px;margin:90px auto 80px;background:#ec5a4f;border-radius:14px;padding:34px 230px 26px 40px;color:#fff}
.cp-h{position:absolute;left:24px;right:200px;top:-26px;text-align:center;font-family:var(--round);font-weight:800;font-size:32px;color:#fff;text-shadow:2px 2px 0 #b8231b,-2px -2px 0 #b8231b,2px -2px 0 #b8231b,-2px 2px 0 #b8231b}
.cp-sub{background:#fde7e5;color:#b8231b;text-align:center;border-radius:4px;font-size:16px;font-weight:700;letter-spacing:.06em;padding:3px 10px;margin-top:8px}
.cp-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;align-items:center}
.cp-tel{display:flex;flex-direction:column;align-items:center;line-height:1.2;background:#fff;color:var(--navy);padding:10px 8px 11px;box-shadow:0 4px 0 #b8231b;transition:transform .15s,box-shadow .15s}
.cp-tel:hover{transform:translateY(2px);box-shadow:0 2px 0 #b8231b}
.cp-tel b{font-family:var(--num);font-weight:900;font-size:30px;letter-spacing:.01em;color:var(--red)}
.cp-tel small{font-size:12px}
.cp-web{display:flex;flex-direction:column;align-items:center;background:var(--yellow);color:var(--navy);padding:10px 12px 12px;box-shadow:0 4px 0 #c79b00;transition:transform .15s,box-shadow .15s}
.cp-web small{font-size:12px}
.cp-web b{font-size:20px;font-weight:900}
.cp-web:hover{transform:translateY(2px);box-shadow:0 2px 0 #c79b00}
.cta-panel .line-box{margin-top:16px;border:0}
.cp-staff{position:absolute;right:10px;bottom:0;width:200px;height:auto}

/* よくある質問 */
.faq{background:var(--cream);padding:80px 0 84px}
.faq-list{max-width:860px;margin:0 auto}
.faq-list details{background:#fff;border:1px solid var(--line);border-radius:6px}
.faq-list details + details{margin-top:12px}
.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:18px 54px 18px 58px;font-size:18px;font-weight:700;color:var(--navy);line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::before{content:"Q";position:absolute;left:20px;top:15px;font-family:var(--num);font-weight:900;font-size:24px;color:var(--blue)}
.faq-list summary::after{content:"";position:absolute;right:24px;top:50%;width:10px;height:10px;border:solid var(--navy);border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq-list details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq-list details p{position:relative;padding:0 28px 20px 58px;font-size:15px}
.faq-list details p::before{content:"A";position:absolute;left:21px;top:-3px;font-family:var(--num);font-weight:900;font-size:24px;color:var(--red)}

/* 対応エリア */
.area{padding:80px 0 90px;background:#fff}
.area-lead{text-align:center;font-size:26px;font-weight:900;color:var(--navy);line-height:1.5;margin-bottom:24px}
.towns{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.towns span{flex:0 0 200px;border:2px solid var(--blue);color:var(--blue);font-size:20px;font-weight:900;text-align:center;padding:14px 4px;border-radius:6px}
.towns .t-main{background:var(--blue);color:#fff}
.towns-note{text-align:center;font-size:14px;margin-top:14px;color:var(--muted)}

/* 会社概要 */
.company{background:var(--sky);padding:80px 0 84px}
.co-list{max-width:760px;margin:0 auto;background:#fff;border-radius:6px;box-shadow:0 1px 2px rgba(29,44,78,.06),0 10px 24px rgba(29,44,78,.08);padding:8px 32px}
.co-list div{display:grid;grid-template-columns:240px 1fr;gap:4px 20px;padding:14px 0;border-bottom:1px solid var(--line)}
.co-list div:last-child{border-bottom:0}
.co-list dt{font-weight:700;color:var(--navy);font-size:15px}
.co-list dd{margin:0;font-size:15px}
.co-list a{color:var(--blue);text-decoration:underline}

/* 個人情報・完了ページ */
.plain-hd{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08);padding:12px 0}
.legal{padding:48px 0 72px}
.legal .wrap{max-width:800px}
.legal h1{font-size:30px;font-weight:900;color:var(--navy);margin-bottom:22px}
.legal h2{font-size:19px;font-weight:900;color:var(--navy);margin:36px 0 10px}
.legal p,.legal li{font-size:15px;line-height:1.8}
.legal p + p{margin-top:12px}
.legal ul{padding-left:1.2em;list-style:disc}
.legal .co-list{margin:0;box-shadow:none;border:1px solid var(--line);padding:4px 20px;max-width:none}
.legal-date{margin-top:36px;color:var(--muted)}
.thanks{padding:72px 0 88px;text-align:center}
.thanks h1{font-size:30px;font-weight:900;color:var(--navy);margin-bottom:18px}
.thanks p{font-size:16px;line-height:1.8}
.thanks-tel{display:inline-block;margin:16px 0 22px;font-family:var(--num);font-weight:900;font-size:36px;color:var(--red)}
.thanks-back{color:var(--blue);text-decoration:underline;font-size:14px}

.ft{background:var(--navy);color:#dfe4ee;padding:34px 0 30px;font-size:13px}
.ft-name{font-size:18px;font-weight:900;color:#fff}
.ft-links{margin-top:8px}
.ft-links a{text-decoration:underline;margin-right:18px}
.ft-copy{opacity:.7;margin-top:4px}
.spbar{display:none}

/* タブレット */
@media(max-width:1080px){
  .hd-btns{display:none}
  .fv-copy{width:560px}
  .bubble{width:520px}
  .fv-note{flex-basis:200px;margin-left:10px}
  .fs-in{grid-template-columns:1fr}
  .qform{max-width:520px;margin:0 auto;width:100%}
  .hurry-panel{grid-template-columns:1fr}
  .hp-s{padding-left:0}
  .steps{grid-template-columns:repeat(3,1fr)}
  .steps li:nth-child(4)::before{display:none}
}

/* スマホ */
@media(max-width:760px){
  .pc{display:none}
  .sp{display:inline}
  .sample-bar{font-size:10.5px}
  .hd{position:relative}
  .hd-top{padding:8px 12px;gap:8px}
  .logo{gap:4px}
  .logo-s{font-size:9px;white-space:nowrap}
  .logo-l{font-size:17px}
  .hd-tel{gap:4px;flex:0 0 auto}
  .ic-tel{width:22px;height:22px}
  .hd-tel .num{font-size:17px;white-space:nowrap}
  .hd-tel .tags{margin-top:3px}
  .hd-tel .tags span{border:0;padding:0;font-size:9.5px;white-space:nowrap}

  .fv-strip{font-size:14px;padding:6px 6px}
  .fv-stage{min-height:0}
  .fv-photo{left:0;width:auto;bottom:auto;height:68vw;background-position:72% 30%}
  .fv-photo::after{background:linear-gradient(180deg,rgba(255,255,255,0) 60%,#fff 100%)}
  .fv-in{padding:0 14px 24px;padding-top:4vw}
  .fv-copy{width:auto}
  .fv-pill{font-size:12px;padding:4px 12px;border-radius:12px;line-height:1.45;letter-spacing:.01em}
  .bubble{width:auto;margin-top:42vw;padding:16px 16px 18px;border-radius:16px}
  .bubble::after{right:auto;left:76%;top:-22px;border:14px solid transparent;border-bottom:24px solid #fff;border-top:0}
  .bb-h1{font-size:12px}
  .bb-main{font-size:25px;margin-top:4px}
  .fv-under{flex-direction:column-reverse;align-items:stretch;gap:8px;margin-top:12px}
  .badges{justify-content:center;gap:10px}
  .badge{width:auto;flex:1;height:auto;border-radius:14px;padding:10px 6px}
  .badge .bs{font-size:13px}
  .badge .bl{font-size:14px;margin-top:4px}
  .badge .bn{font-size:15px}
  .badge .bn b{font-size:40px}
  .fv-note{flex:none;margin:0;text-align:center;font-size:12px}
  .fv-wave{padding:16px 0 18px}
  .fv-wave::before{top:-20px;height:21px}
  .plates{grid-template-columns:1fr 1fr;gap:8px;padding:0 10px}
  .plate{flex-direction:column;align-items:center;gap:0;padding:8px 4px;box-shadow:inset 0 0 0 2px #b9cde6,0 2px 0 rgba(0,0,0,.25)}
  .plate span{font-size:12px}
  .plate b{font-size:22px}

  .form-sec{padding:40px 0}
  .fs-in{gap:22px}
  .fs-l{font-size:22px;text-align:center}
  .fs-free{font-size:16px;text-align:center}
  .fs-s{text-align:center;font-size:14px}
  .fs-tel{justify-content:center;gap:10px;padding:8px 10px}
  .fs-tel b{font-size:25px}
  .lb-qr{flex-basis:88px;width:88px;height:88px}
  .line-box{gap:12px;padding:8px 12px}
  .lb-s{font-size:13px}
  .lb-btn{font-size:14px}
  .qf-h{font-size:17px;padding:14px 50px 12px 8px}
  .qf-20{width:64px;height:64px;right:-8px;top:-18px}
  .qf-20 b{font-size:18px}
  .qf-list{padding:14px 10px 2px}
  .qf-list li{grid-template-columns:38px 1fr}
  .qf-list .no{font-size:20px}

  .hs{margin-bottom:28px}
  .hs-lead{font-size:15px;padding:0 26px}
  .hs-lead::before,.hs-lead::after{height:22px}
  .hs-main{font-size:23px}
  .worry{padding:46px 0 40px}
  .hx-s{font-size:18px}
  .hx-l{font-size:26px}
  .worry-box{padding:24px 16px;gap:12px}
  .worry-box li{font-size:16px;padding-left:34px;line-height:1.55}
  .worry-box li::before{width:24px;height:24px;top:.78em}
  .worry-box li::after{left:8px;top:.78em;width:6px;height:11px}
  .worry-arrow{border-left-width:50px;border-right-width:50px;border-top-width:36px;bottom:-35px}

  .target{padding:72px 0 56px}
  .tg-in{grid-template-columns:1fr;gap:26px}
  .tg-list h3{font-size:18px}
  .tg-list p{font-size:14px}
  .tg-out{font-size:17px;margin-top:30px}

  .reason{padding:56px 0}
  .points li{grid-template-columns:64px 1fr}
  .pt-no{padding-top:14px;box-shadow:inset 5px 0 0 var(--navy)}
  .pt-no span{font-size:11px;padding-left:5px}
  .pt-no b{font-size:28px;padding-left:5px}
  .pt-bd{padding:14px 14px 16px}
  .pt-bd h3{font-size:17px}
  .pt-bd p{font-size:14px}

  .hurry{padding:50px 0 56px}
  .tagb{font-size:16px;padding:5px 36px}
  .hurry-l{font-size:34px}
  .hurry-panel{padding:22px 16px 20px}
  .hp-s{font-size:15px}
  .hp-n b{font-size:84px}
  .hp-n .u{font-size:26px}
  .hp-n .v{font-size:18px}
  .hp-t{font-size:20px}
  .hp-r{font-size:15px;padding:14px 16px}
  .hp-bar{flex-direction:column;gap:2px;font-size:18px;text-align:center}

  .flow{padding:56px 0 60px}
  .prep{padding:18px 16px}
  .prep-h{font-size:17px}
  .prep-in{grid-template-columns:1fr}
  .prep-in p:last-child{font-size:14px}
  .steps{grid-template-columns:1fr;gap:20px}
  .steps li{padding:14px 16px 16px}
  .steps li + li::before,.steps li:nth-child(4)::before{display:block;left:50%;top:-17px;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:11px solid var(--red2);border-bottom:0}
  .st-no b{font-size:26px}
  .steps h3{font-size:17px;margin-top:6px}

  .cta-panel{margin:70px 0 56px;padding:34px 14px 18px}
  .cp-h{left:4px;right:4px;top:-16px;font-size:15.5px;white-space:nowrap}
  .cp-sub{font-size:12px;margin-right:96px;letter-spacing:0}
  .cp-row{grid-template-columns:1fr;gap:12px}
  .cp-tel{align-items:center;margin-right:100px}
  .cp-tel b{font-size:25px}
  .cp-staff{width:96px;right:2px;bottom:auto;top:10px}

  .faq{padding:56px 0 60px}
  .faq-list summary{font-size:16px;padding:14px 40px 14px 46px}
  .faq-list summary::before{left:14px;top:11px;font-size:22px}
  .faq-list summary::after{right:16px}
  .faq-list details p{padding:0 16px 16px 46px;font-size:14px}
  .faq-list details p::before{left:15px;font-size:22px}

  .area{padding:56px 0 64px}
  .area-lead{font-size:18px;margin-bottom:18px}
  .towns{gap:8px}
  .towns span{flex:0 0 calc((100% - 8px) / 2);padding:10px 2px;font-size:16px}
  .company{padding:56px 0 60px}
  .co-list{padding:4px 16px}
  .co-list div{grid-template-columns:1fr;padding:12px 0}
  .co-list dt{font-size:13px}
  .legal{padding:32px 0 56px}
  .legal h1,.thanks h1{font-size:24px}
  .thanks-tel{font-size:30px}
  body.plain{padding-bottom:0}

  body{padding-bottom:62px}
  .spbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;box-shadow:0 -3px 10px rgba(0,0,0,.15)}
  .spbar a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;height:62px;line-height:1.25}
  .spbar span{font-size:14px;font-weight:900;white-space:nowrap}
  .spbar small{font-size:10px;font-weight:700;white-space:nowrap}
  .sb-tel{background:var(--red);flex-grow:1.35}
  .sb-line{background:var(--lg);flex-grow:.8}
  .sb-web{background:var(--blue)}
}

/* 小さいスマホ */
@media(max-width:350px){
  .hd-top{padding-left:10px;padding-right:10px}
  .cp-h{font-size:13px}
  .logo-l{font-size:15px}
  .ic-tel{display:none}
  .hd-tel .num{font-size:16px}
}