/* =========================================================
   歯科医院地域一番 WEBマーケティングセミナー LP
   ※サイト共通ヘッダー・フッター（Bootstrap / Porto テーマ）と
     干渉しないよう、すべて .lp-web-marketing 配下にスコープしています。
   ※画像は ../img/ フォルダー内
   ========================================================= */
.lp-web-marketing *, .lp-web-marketing *::before, .lp-web-marketing *::after { box-sizing: border-box; }
.lp-web-marketing [id] { scroll-margin-top: 90px; }
.lp-web-marketing a:hover, .lp-web-marketing a:focus { color: inherit; }
.lp-web-marketing h1, .lp-web-marketing h2, .lp-web-marketing h3, .lp-web-marketing h4, .lp-web-marketing h5, .lp-web-marketing h6 {
  color: inherit; font-family: inherit; font-weight: inherit; font-size: 1em;
  letter-spacing: inherit; line-height: inherit; text-transform: none;
}
.lp-web-marketing p, .lp-web-marketing li, .lp-web-marketing dd, .lp-web-marketing dt { color: inherit; }

.lp-web-marketing{--navy:#03113f;
  --navy2:#06236e;
  --blue:#0b45c7;
  --blue2:#1d6bff;
  --sky:#eaf2ff;
  --yellow:#ffe23f;
  --ink:#0d1b3d;
  --muted:#3e4d70;
  --line:rgba(160,200,255,.45);
  --num:"Montserrat","Noto Sans JP",sans-serif;
  --r:6px;}
.lp-web-marketing *{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
.lp-web-marketing{font-family:"Noto Sans JP",sans-serif;font-size:clamp(14px,calc(12.993px + .268vw),16px);color:#fff;background:var(--navy);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.lp-web-marketing img{max-width:100%;display:block}
.lp-web-marketing a{color:inherit}
.lp-web-marketing .wrap{width:min(1120px,100% - 40px);margin-inline:auto}
.lp-web-marketing .y{color:var(--yellow)}
.lp-web-marketing .num{font-family:var(--num)}
.lp-web-marketing .nw{white-space:nowrap}
.lp-web-marketing .ic{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.15em}
.lp-web-marketing .red{color:#ff3b3b!important}
.lp-web-marketing .ribbon{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px}
.lp-web-marketing .ribbon>span{display:block;font-weight:900;padding:.3em 1.6em .3em 1em;clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);font-size:clamp(15px,2vw,23px)}
.lp-web-marketing .ribbon .r1{background:rgba(3,17,63,.85);color:#fff}
.lp-web-marketing .ribbon .r2{background:linear-gradient(90deg,#0b45c7,#1d6bff);color:#fff}
.lp-web-marketing .ribbon .r2 b{color:var(--yellow);margin-right:.5em}
.lp-web-marketing .webbtn{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--navy);font-weight:900;text-decoration:none;padding:12px 30px;border-radius:999px;white-space:nowrap;font-size:clamp(14px,calc(12.49px + 0.403vw),17px)}
.lp-web-marketing .webbtn::after{content:"";border-left:10px solid currentColor;border-block:6px solid transparent}
.lp-web-marketing .p1{position:relative;overflow:hidden;padding:40px 0 0;
  background:
    radial-gradient(900px 520px at 80% 22%,rgba(60,140,255,.55),transparent 60%),
    radial-gradient(700px 600px at 0% 70%,rgba(11,69,199,.55),transparent 60%),
    linear-gradient(180deg,#0636a8 0%,#0a49c9 50%,#0636a8 100%)}
.lp-web-marketing .p1::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.lp-web-marketing .p1 .wrap{position:relative}
.lp-web-marketing .catch{text-align:center;font-weight:900;font-size:clamp(18px,2.6vw,30px);letter-spacing:.03em}
.lp-web-marketing .band{display:flex;justify-content:center;margin-top:8px}
.lp-web-marketing .band span{display:inline-block;font-weight:900;font-size:clamp(18px,2.8vw,32px);padding:.25em 1.8em;background:linear-gradient(90deg,#0a3bb5,#1d6bff 50%,#0a3bb5);clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%);border-top:1px solid rgba(255,255,255,.4)}
.lp-web-marketing .band b{color:var(--yellow);margin-right:.5em}
.lp-web-marketing .p1-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:10px;margin-top:30px}
.lp-web-marketing .p1 h1{font-family:"Zen Kaku Gothic Antique","Noto Sans JP",sans-serif;font-weight:900;font-size:min(5vw,66px);line-height:1.2;white-space:nowrap;text-shadow:0 4px 16px rgba(0,10,60,.45)}
.lp-web-marketing .p1 h1 .big{font-size:1.2em}
.lp-web-marketing .p1 h1 .web{font-family:var(--num)}
.lp-web-marketing .chips{display:flex;flex-wrap:nowrap;gap:10px;margin-top:40px}
.lp-web-marketing .chips span{flex:1 1 auto;justify-content:center;display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--navy);font-weight:700;font-size:clamp(14px,1.4vw,17px);padding:11px 8px;border-radius:var(--r);box-shadow:0 2px 6px rgba(0,0,0,.15);white-space:nowrap}
.lp-web-marketing .chips .ic{width:1.3em;height:1.3em}
.lp-web-marketing .lead{margin-top:22px;font-weight:900;font-size:clamp(16px,1.9vw,24px);line-height:1.5}
.lp-web-marketing .lead .l2{display:inline-block;position:relative;padding-bottom:6px;font-size:1.2em}
.lp-web-marketing .lead .l2::after{content:"";position:absolute;left:-2%;right:-2%;bottom:0;height:6px;background:var(--yellow);border-radius:50%;transform:rotate(-1deg)}
.lp-web-marketing .lead .big{font-size:1.45em;color:var(--yellow)}
.lp-web-marketing .device{position:relative;z-index:1;height:430px}
.lp-web-marketing .p1-grid>div:first-child{position:relative;z-index:2}
.lp-web-marketing .laptop{position:absolute;right:20px;top:10px;width:min(100%,470px);transform:perspective(1200px) rotateY(-14deg) rotateX(4deg)}
.lp-web-marketing .screen{background:#0d1530;padding:10px;border-radius:14px 14px 0 0}
.lp-web-marketing .screen-in{background:#f4f7fd;border-radius:4px;padding:14px 16px;color:#0d1b3d;height:270px;position:relative;overflow:hidden}
.lp-web-marketing .base{height:16px;background:linear-gradient(#c9d1e2,#8995b0);border-radius:0 0 18px 18px;margin:0 -26px}
.lp-web-marketing .sc-h{display:flex;justify-content:space-between;font-weight:700;font-size:clamp(12px,calc(10.993px + 0.268vw),14px)}
.lp-web-marketing .sc-h small{color:#2a62e8;font-size:11px}
.lp-web-marketing .kpi{font-family:var(--num);font-weight:800;font-size:clamp(18px,calc(13.973px + 1.074vw),26px);line-height:1;margin-top:10px}
.lp-web-marketing .kpi small{display:block;color:#17a35a;font-size:11px;margin-top:4px}
.lp-web-marketing .sc-chart{position:absolute;right:14px;top:44px;width:62%}
.lp-web-marketing .sc-row2{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:center;gap:18px}
.lp-web-marketing .donut{width:76px;height:76px;border-radius:50%;background:conic-gradient(#1d6bff 0 76%,#cfe0ff 76% 100%);display:grid;place-items:center;flex:none}
.lp-web-marketing .donut i{width:50px;height:50px;border-radius:50%;background:#f4f7fd;display:grid;place-items:center;font-style:normal;font-family:var(--num);font-weight:800;font-size:clamp(13px,calc(11.993px + 0.268vw),15px)}
.lp-web-marketing .bars{display:flex;align-items:flex-end;gap:5px;height:60px;flex:1}
.lp-web-marketing .bars b{flex:1;background:linear-gradient(#1d6bff,#7fb0ff);border-radius:2px 2px 0 0}
.lp-web-marketing .phone{position:absolute;right:0;bottom:0;width:130px;height:250px;background:#0d1530;border-radius:20px;padding:7px;transform:rotate(4deg)}
.lp-web-marketing .phone-in{background:#fff;border-radius:14px;height:100%;overflow:hidden;position:relative}
.lp-web-marketing .map{height:45%;background:linear-gradient(90deg,transparent 46%,#fff 46%,#fff 52%,transparent 52%),linear-gradient(0deg,transparent 40%,#fff 40%,#fff 46%,transparent 46%),#dfe9d8;position:relative}
.lp-web-marketing .pin{position:absolute;width:16px;height:16px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#e53935}
.lp-web-marketing .pin.b{background:#1d6bff}
.lp-web-marketing .clinic-ph{height:26%;background:linear-gradient(135deg,#c9b39a,#f3ece2 40%,#8fb7d8 41%,#d6e6f3)}
.lp-web-marketing .phone-in .lines{padding:6px 8px}
.lp-web-marketing .phone-in .lines i{display:block;height:5px;background:#e3e9f5;margin:5px 0;border-radius:3px}
.lp-web-marketing .offer{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:16px;margin-top:clamp(28px,3.6vw,46px)}
.lp-web-marketing .box{border:1px solid rgba(150,200,255,.75);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;background:rgba(5,35,120,.6);box-shadow:0 0 18px rgba(80,160,255,.35)}
.lp-web-marketing .box .bh{background:linear-gradient(180deg,#1b5fe0,#0b3fb0);text-align:center;font-weight:900;font-size:clamp(16px,1.8vw,21px);padding:8px 10px;letter-spacing:.04em}
.lp-web-marketing .box .bb{flex:1;display:flex;align-items:center;justify-content:center;padding:18px 16px}
.lp-web-marketing .box.free .bb{background:#fff}
.lp-web-marketing .box.free strong{font-size:clamp(60px,7.6vw,96px);font-weight:900;line-height:1.1;color:var(--navy);letter-spacing:.04em;position:relative}
.lp-web-marketing .box.free strong::before{content:"";position:absolute;left:-4%;right:-6%;bottom:6%;height:34%;background:var(--yellow);transform:skewX(-12deg) rotate(-2deg);z-index:-1}
.lp-web-marketing .box.free strong{z-index:0;isolation:isolate}
.lp-web-marketing .box.min .bb{gap:10px}
.lp-web-marketing .box.min .n90{font-family:var(--num);font-weight:700;color:var(--yellow);font-size:clamp(66px,8vw,106px);line-height:1}
.lp-web-marketing .box.min .side{display:flex;flex-direction:column;align-items:center;gap:8px}
.lp-web-marketing .box.min .side .ic{width:44px;height:44px}
.lp-web-marketing .box.min .side span{font-weight:900;font-size:clamp(28px,3vw,40px);color:var(--yellow);line-height:1}
.lp-web-marketing .box.each .bb{display:grid;grid-template-columns:max-content;justify-content:center;align-content:center;padding:12px 14px;gap:0}
.lp-web-marketing .each-row{display:flex;align-items:center;gap:14px;justify-content:flex-start;padding:6px 0}
.lp-web-marketing .each-row .ic{width:52px;height:52px}
.lp-web-marketing .each-row .ic.rep{color:#fff;border:2px solid #fff;border-radius:4px;padding:5px}
.lp-web-marketing .each-row p{font-weight:900;text-align:center;line-height:1.35;font-size:clamp(16px,1.75vw,21px)}
.lp-web-marketing .each-row p em{font-style:normal;color:var(--yellow);font-size:1.3em}
.lp-web-marketing .each-plus{position:relative;height:22px;display:flex;align-items:center;justify-content:center}
.lp-web-marketing .each-plus::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
.lp-web-marketing .each-plus i{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:#0a3bb5;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:clamp(13px,calc(11.993px + 0.268vw),15px);line-height:1}
.lp-web-marketing .note1{margin-top:14px;font-size:clamp(15px,1.55vw,17.2px);font-weight:500} /* PCは1行に収まる上限（約17.2px） */
@media (min-width:961px){.lp-web-marketing .note1{font-size:clamp(13px,calc(1.4vw - .6px),17.2px)}} /* PCは画面幅に合わせて縮め、常に1行 */
.lp-web-marketing .points{display:flex;justify-content:center;gap:clamp(14px,4vw,50px);margin:40px 0 0;padding-bottom:50px;list-style:none}
.lp-web-marketing .points li{width:clamp(160px,24.5vw,270px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:900;font-size:clamp(15px,1.8vw,22px);line-height:1.4;background:radial-gradient(circle at 50% 35%,#0d3fb8,#04185a 75%);border:3px solid rgba(190,225,255,.95);box-shadow:0 0 30px rgba(80,160,255,.7),inset 0 0 20px rgba(80,160,255,.35)}
.lp-web-marketing .points li em{display:block;font-style:normal;color:var(--yellow);font-size:1.42em}
.lp-web-marketing .points li em .ga{color:#fff;font-size:.704em}
.lp-web-marketing .points .pi{display:block;width:2.7em;height:2.7em;margin:0 auto 8px;color:#fff}
.lp-web-marketing .facts{background:var(--navy);color:#fff;padding:26px 0}
.lp-web-marketing .facts .wrap{display:grid;grid-template-columns:auto 1.5fr 1fr 1fr;gap:0}
.lp-web-marketing .facts .f{padding:0 clamp(14px,2.4vw,34px);border-left:1px solid rgba(255,255,255,.35)}
.lp-web-marketing .facts .f:first-child{border-left:none;padding-left:0}
.lp-web-marketing .facts .lbl{display:inline-block;color:var(--yellow);font-weight:700;font-size:15px;padding:0;letter-spacing:.06em;margin-bottom:8px}
.lp-web-marketing .facts .date,.lp-web-marketing .facts .big{font-weight:700;line-height:1.1;white-space:nowrap}
.lp-web-marketing .facts .date .yr{display:block;font-size:18px;margin-bottom:.15em}
.lp-web-marketing .facts .date .n,.lp-web-marketing .facts .big .n{font-family:var(--num);font-size:clamp(30px,3.3vw,40px);letter-spacing:-.02em}
.lp-web-marketing .facts .date .u,.lp-web-marketing .facts .big .u{font-size:clamp(16px,1.8vw,22px);margin:0 .08em}
.lp-web-marketing .facts .big{font-size:clamp(30px,3.3vw,40px);margin-top:22.5px}
.lp-web-marketing .facts .times{display:grid;grid-template-columns:auto auto;gap:2px 18px;font-weight:500;font-size:19px;width:max-content}
.lp-web-marketing .facts .note{font-size:14px;margin-top:4px}
.lp-web-marketing .p2{position:relative;overflow:hidden;padding:70px 0 60px;color:var(--ink);
  background:linear-gradient(180deg,#eef5ff 0%,#d7e7ff 30%,#7fa9f2 62%,#1d5ad6 85%,#0a3bb5 100%)}
.lp-web-marketing .p2::before{content:"";position:absolute;left:0;right:0;top:0;height:clamp(380px,50vw,640px);z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg,#eef5ff 0%,#eef5ff 30%,rgba(238,245,255,.6) 60%,rgba(238,245,255,.2) 100%),
    url(../img/seminar-person.webp) right top/auto 100% no-repeat,
    #eef5ff;
  -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
.lp-web-marketing .p2 .wrap{position:relative;z-index:1}
.lp-web-marketing .p2-head{position:relative}
.lp-web-marketing .p2 h2{font-weight:900;font-size:clamp(28px,4.6vw,56px);line-height:1.3;margin-top:20px;color:var(--navy);text-shadow:0 0 12px #fff,0 0 4px #fff}
.lp-web-marketing .p2 h2 .y{color:var(--yellow);text-shadow:0 0 10px rgba(0,0,0,.7),0 0 4px rgba(0,0,0,.6)}
.lp-web-marketing .p2 .lead2{margin-top:14px;font-weight:700;font-size:clamp(14px,1.5vw,17px);color:var(--navy)}
.lp-web-marketing .p2 .mini-screen{position:absolute;right:0;top:40px;width:300px;background:#fff;border-radius:8px;padding:14px;box-shadow:0 14px 30px rgba(6,35,110,.25);transform:rotate(3deg)}
.lp-web-marketing .mini-screen b{font-size:clamp(11px,calc(9.993px + 0.268vw),13px);color:var(--navy)}
.lp-web-marketing .mini-screen .mb{display:flex;align-items:flex-end;gap:5px;height:80px;margin-top:10px}
.lp-web-marketing .mini-screen .mb i{flex:1;background:linear-gradient(#1d6bff,#9cc3ff)}
.lp-web-marketing .sec-h{display:inline-flex;align-items:center;gap:14px;font-weight:900;font-size:clamp(22px,3vw,34px);color:var(--navy);margin:44px 0 14px;background:linear-gradient(90deg,#fff 70%,rgba(255,255,255,0));padding:2px 60px 2px 14px;border-left:8px solid var(--yellow);box-shadow:inset 6px 0 0 var(--blue)}
.lp-web-marketing .sec-h.onblue{color:var(--navy)}
.lp-web-marketing .dtable-wrap{border-radius:var(--r);overflow:hidden;border:1px solid #b9d0f5;box-shadow:0 6px 18px rgba(6,35,110,.15)}
.lp-web-marketing .dtable{width:100%;border-collapse:collapse;background:#fff;font-size:clamp(14px,calc(12.993px + 0.268vw),16px)}
.lp-web-marketing .dtable th{background:var(--blue);color:#fff;font-weight:900;padding:10px 18px;text-align:center;font-size:clamp(14px,calc(12.49px + 0.403vw),17px)}
.lp-web-marketing .dtable th:first-child{border-right:1px solid rgba(255,255,255,.5)}
.lp-web-marketing .dtable th .ic{color:var(--yellow);margin-right:8px;vertical-align:-3px}
.lp-web-marketing .dtable td{padding:9px 18px;border-bottom:1px solid #dfe8f7;font-weight:500}
.lp-web-marketing .dtable td:first-child{font-weight:900;color:var(--blue);width:40%;border-right:1px solid #dfe8f7;white-space:nowrap}
.lp-web-marketing .dtable td:first-child .ic{width:24px;height:24px;color:var(--blue2);margin-right:22px;vertical-align:-6px}
.lp-web-marketing .dtable tr:nth-child(even) td{background:#f4f8ff}
.lp-web-marketing .dtable tr.ai td:last-child{background:#fff1c2;color:#6b3d00;font-weight:900}
.lp-web-marketing .quote{display:flex;align-items:center;gap:26px;margin-top:26px;background:rgba(255,255,255,.92);border-radius:var(--r);padding:22px 28px;box-shadow:0 6px 18px rgba(6,35,110,.15)}
.lp-web-marketing .quote .bulbbig{width:76px;height:100px;flex:none}
.lp-web-marketing .quote p.q{font-weight:900;font-size:clamp(20px,2.7vw,32px);color:var(--blue);line-height:1.35}
.lp-web-marketing .quote p.t{margin-top:6px;font-weight:500;font-size:clamp(14px,calc(12.49px + 0.403vw),17px);color:var(--ink)}
.lp-web-marketing .sheets{display:flex;align-items:flex-start;gap:16px}
.lp-web-marketing .sheet{min-width:0;margin:0;background:none;border:0;border-radius:12px;overflow:hidden;filter:drop-shadow(0 8px 14px rgba(3,17,63,.25))}
.lp-web-marketing .sheet:nth-child(1){flex:502 1 0}
.lp-web-marketing .sheet:nth-child(2){flex:478 1 0}
.lp-web-marketing .sheet:nth-child(3){flex:506 1 0}
.lp-web-marketing .sheet{color:var(--ink);font-size:clamp(11px,calc(10.497px + 0.134vw),12px)}
.lp-web-marketing .sheet img{display:block;width:100%;height:auto}
.lp-web-marketing .sheet .cap{background:linear-gradient(180deg,#1b5fe0,#0b3fb0);color:#fff;font-weight:900;font-size:clamp(15px,calc(13.49px + 0.403vw),18px);padding:8px 14px;text-align:center}
.lp-web-marketing .sheet .cap .ic{width:20px;height:20px;color:var(--yellow);margin-right:8px;vertical-align:-3px}
.lp-web-marketing .sheet .bd{padding:12px 14px}
.lp-web-marketing .tmp{float:right;background:#fdf1c0;color:#8a6a00;font-size:10px;padding:1px 6px;font-weight:700}
.lp-web-marketing .sm{font-size:10px;color:#c43;font-weight:800;letter-spacing:.04em}
.lp-web-marketing .clinic{font-weight:900;font-size:clamp(14px,calc(12.49px + 0.403vw),17px);margin-top:2px}
.lp-web-marketing .score{font-family:var(--num);font-weight:900;font-size:clamp(28px,calc(21.96px + 1.611vw),40px);line-height:1;color:var(--navy)}
.lp-web-marketing .score small{font-size:clamp(12px,calc(10.993px + 0.268vw),14px);color:var(--muted)}
.lp-web-marketing .rank{color:#e0262f;font-family:var(--num);font-weight:900;font-size:clamp(15px,calc(11.477px + 0.94vw),22px)}
.lp-web-marketing .s1grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.lp-web-marketing .s1photo{height:100px;position:relative;border-radius:2px;overflow:hidden;background:#ddd}
.lp-web-marketing .s1photo img{width:100%;height:100%;object-fit:cover}
.lp-web-marketing .s1score{background:#f1f6ff;padding:8px 10px}
.lp-web-marketing .chk{list-style:none;margin-top:4px}
.lp-web-marketing .chk li::before{content:"☑ ";color:var(--blue)}
.lp-web-marketing .srow{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;padding:3px 0;border-bottom:1px solid #eef2f9}
.lp-web-marketing .srow .v{font-family:var(--num);font-weight:700;white-space:nowrap}
.lp-web-marketing .tag{font-size:10px;padding:1px 6px;background:#4b5a75;color:#fff;font-weight:700;white-space:nowrap}
.lp-web-marketing .tag.ng{background:#e0262f}
.lp-web-marketing .tag.ok{background:#1d6bff}
.lp-web-marketing .blk{font-weight:900;color:var(--blue);margin-top:8px;display:flex;justify-content:space-between;font-size:clamp(11px,calc(9.993px + 0.268vw),13px)}
.lp-web-marketing .blk span{font-family:var(--num);color:var(--navy)}
.lp-web-marketing .rm{display:grid;grid-template-columns:22px 1fr auto;gap:6px;padding:3px 0;border-bottom:1px solid #eef2f9;align-items:center}
.lp-web-marketing .rm i{font-style:normal;font-family:var(--num);font-weight:900;color:var(--blue)}
.lp-web-marketing .rm b{font-weight:700}
.lp-web-marketing .rm span{font-family:var(--num);font-weight:700;color:var(--blue)}
.lp-web-marketing .plus154{background:#ffe23f;color:#e0262f;font-family:var(--num);font-weight:900;font-size:clamp(13px,calc(11.993px + 0.268vw),15px);padding:2px 8px;border-radius:4px}
.lp-web-marketing .growth{display:flex;align-items:flex-end;gap:18px;height:84px;margin-top:22px;padding-left:4px}
.lp-web-marketing .growth div{width:40px;background:linear-gradient(#1d6bff,#7fb0ff);position:relative}
.lp-web-marketing .growth div span{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-family:var(--num);font-weight:800;font-size:clamp(11px,calc(10.497px + 0.134vw),12px);color:var(--blue)}
.lp-web-marketing .growth div small{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;color:var(--muted)}
.lp-web-marketing .s3wrap{position:relative;padding-bottom:16px}
.lp-web-marketing .badge{position:absolute;right:4px;bottom:14px;width:88px;height:88px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;text-align:center;font-weight:900;font-size:11px;line-height:1.3;color:var(--navy)}
.lp-web-marketing .badge b{font-family:var(--num);font-size:clamp(14px,calc(12.993px + 0.268vw),16px);color:#e0262f;display:block}
.lp-web-marketing .note2{font-size:clamp(11px,calc(9.993px + 0.268vw),13px);color:#fff;margin-top:14px;text-align:left}
/* 注記（診断レポート送付・定期支援先について）。文字サイズは .note2 と統一 */
.lp-web-marketing .opt{display:block;text-align:right;margin-top:3px;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0}
.lp-web-marketing .benefit-card .opt{color:var(--navy);text-align:center}
.lp-web-marketing .caut{margin-top:14px;font-size:clamp(11px,calc(9.993px + 0.268vw),13px);color:#fff} /* 太さ・行間は .note2 と同じ（継承） */
.lp-web-marketing .caut.c{margin-top:0;text-align:left}
.lp-web-marketing .caut.dk{color:var(--navy);margin-top:20px}
.lp-web-marketing .caut .ind{display:inline-block;padding-left:1em;text-align:left}
@media (min-width:641px){.lp-web-marketing .caut br{display:none}.lp-web-marketing .caut .ind{display:inline;padding-left:0}} /* PC・タブレットは改行なし（スマホのみ改行） */
.lp-web-marketing .p3{padding:70px 0 60px;background:
  radial-gradient(800px 400px at 90% 0%,rgba(80,150,255,.45),transparent 60%),
  linear-gradient(180deg,#0636a8,#0a49c9 50%,#0636a8)}
.lp-web-marketing .p3 h2{font-weight:900;font-size:clamp(28px,4.6vw,56px);line-height:1.3;margin-top:18px;text-shadow:0 4px 16px rgba(0,10,60,.4)}
.lp-web-marketing .parts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.lp-web-marketing .part{background:#fff;color:var(--ink);border-radius:var(--r);overflow:hidden;border:2px solid rgba(190,225,255,.9);box-shadow:0 0 22px rgba(80,160,255,.5);display:flex;flex-direction:column}
@supports (grid-template-rows:subgrid){
  .lp-web-marketing .part{display:grid;grid-template-rows:subgrid;grid-row:span 5}
}
.lp-web-marketing .part-h{background:linear-gradient(180deg,#1b5fe0,#0b3fb0);color:#fff;display:flex;align-items:center;gap:14px;padding:8px 14px}
.lp-web-marketing .part-h .no{font-weight:900;color:var(--yellow);font-size:clamp(21px,calc(16.47px + 1.208vw),30px);line-height:1.2}
.lp-web-marketing .part-h h3{font-weight:900;font-size:clamp(15px,calc(13.49px + 0.403vw),18px)}
.lp-web-marketing .part-h .t{margin-left:auto;font-weight:900;font-size:clamp(14px,calc(12.993px + 0.268vw),16px);color:var(--navy);background:#fff;padding:1px 12px;border-radius:4px}
.lp-web-marketing .part-desc{padding:12px 18px;font-weight:700;font-size:clamp(12px,calc(10.993px + 0.268vw),14px);border-bottom:1px solid #dfe8f7}
.lp-web-marketing .items{list-style:none;padding:0 18px 8px}
.lp-web-marketing .items li{display:grid;grid-template-columns:48px 1fr 60px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #dfe8f7}
.lp-web-marketing .items li:last-child{border-bottom:0}
.lp-web-marketing .items .no2{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#3a7dff,#0a3bb5);color:#fff;display:grid;place-items:center;font-family:var(--num);font-weight:800;font-size:clamp(13px,calc(11.993px + 0.268vw),15px)}
.lp-web-marketing .items b{display:block;font-size:clamp(16px,calc(14.49px + 0.403vw),19px);font-weight:900;color:var(--blue2);line-height:1.35}
.lp-web-marketing .items span{font-size:clamp(12px,calc(10.993px + 0.268vw),14px);font-weight:700;color:var(--ink);line-height:1.5;display:block}
.lp-web-marketing .items .ic{width:50px;height:50px;color:var(--blue2);justify-self:end}
.lp-web-marketing .lect-band{margin:auto 14px 0;background:linear-gradient(180deg,#1b5fe0,#0b3fb0);color:#fff;font-weight:900;padding:6px 14px;font-size:clamp(15px,calc(13.49px + 0.403vw),18px);border-radius:4px}
.lp-web-marketing .lect{display:grid;grid-template-columns:42% 1fr;gap:16px;padding:14px;align-items:start}
.lp-web-marketing .lect .ph{aspect-ratio:1/1;overflow:hidden;border-radius:4px}
.lp-web-marketing .lect .ph img{width:100%;height:100%;object-fit:cover}
.lp-web-marketing .lect .nm{font-weight:900;font-size:clamp(21px,calc(16.47px + 1.208vw),30px);color:var(--navy);letter-spacing:.1em;line-height:1.2}
.lp-web-marketing .lect p{font-size:clamp(12px,calc(10.49px + 0.403vw),15px);font-weight:700;margin-top:8px;line-height:1.7}
.lp-web-marketing .prog{margin-top:22px;background:#fff;color:var(--ink);border-radius:var(--r);overflow:hidden;border:2px solid rgba(190,225,255,.9);box-shadow:0 0 22px rgba(80,160,255,.5)}
.lp-web-marketing .prog-h{background:linear-gradient(90deg,#0b3fb0,#1d6bff);padding:8px 22px;font-weight:900;font-size:clamp(20px,2.4vw,28px);color:var(--yellow)}
.lp-web-marketing .prog ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:18px 22px 22px}
.lp-web-marketing .prog li{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.lp-web-marketing .prog li+li::before{content:"";position:absolute;left:-20px;top:48px;border-left:12px solid var(--blue2);border-block:9px solid transparent}
.lp-web-marketing .prog .top{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:clamp(14px,calc(12.993px + 0.268vw),16px);line-height:1.4;color:var(--navy)}
.lp-web-marketing .prog .top .ic{width:48px;height:48px;color:var(--blue2)}
.lp-web-marketing .prog .top .gap1{padding-top:1.4em}
.lp-web-marketing .prog .top b{font-weight:900}
.lp-web-marketing .prog .mins{background:var(--blue);color:#fff;text-align:center;border-radius:999px;font-weight:900;font-size:clamp(17px,calc(15.49px + 0.403vw),20px);padding:4px 0}
.lp-web-marketing .note3{text-align:right;font-size:clamp(11px,calc(9.993px + 0.268vw),13px);margin-top:10px}
.lp-web-marketing .p4{position:relative;overflow:hidden;padding:60px 0 70px;background:
  radial-gradient(800px 500px at 85% 15%,rgba(60,140,255,.45),transparent 60%),
  linear-gradient(180deg,#04185a,#06266f 40%,#0636a8 100%)}
.lp-web-marketing .p4 .ribbon>span{font-size:clamp(16px,2.2vw,26px);padding-left:1.4em}
.lp-web-marketing .p4-head{position:relative}
.lp-web-marketing .p4 h2{font-weight:900;font-size:clamp(34px,5.8vw,72px);line-height:1.3;margin-top:24px;position:relative;z-index:1}
.lp-web-marketing .p4 .lead4{margin-top:22px;font-size:clamp(15px,1.6vw,19px);font-weight:700;line-height:1.9;position:relative;z-index:1}
.lp-web-marketing .p4 .lead4 b{color:var(--yellow)}
.lp-web-marketing .laptop2{position:absolute;right:-40px;top:50px;width:470px;transform:perspective(1200px) rotateY(-16deg) rotateX(3deg);opacity:.95}
.lp-web-marketing .laptop2 .screen-in{height:300px;display:grid;grid-template-columns:90px 1fr;padding:0;background:#fff}
.lp-web-marketing .side-nav{background:#f1f4fb;padding:12px 8px;font-size:10px;color:#55607a;font-weight:700}
.lp-web-marketing .side-nav div{padding:5px 6px}
.lp-web-marketing .side-nav div:first-child{background:#dfe8ff;color:var(--blue);border-radius:4px}
.lp-web-marketing .wm{padding:12px 14px}
.lp-web-marketing .wm-h{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:clamp(13px,calc(11.993px + 0.268vw),15px);color:var(--navy)}
.lp-web-marketing .wm-h small{font-size:9px;border:1px solid #cdd6ea;border-radius:10px;padding:1px 8px;color:#55607a}
.lp-web-marketing .wm-main{display:grid;grid-template-columns:1fr 90px;gap:10px;margin-top:10px;align-items:center}
.lp-web-marketing .wm-bars{display:flex;align-items:flex-end;gap:5px;height:120px}
.lp-web-marketing .wm-bars i{flex:1;background:linear-gradient(#1d6bff,#9cc3ff)}
.lp-web-marketing .pie{width:86px;height:86px;border-radius:50%;background:conic-gradient(#0b45c7 0 45%,#5b9bff 45% 75%,#bcd6ff 75%)}
.lp-web-marketing .wm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;font-size:9px;color:#55607a;font-weight:700}
.lp-web-marketing .wm-kpis b{display:block;font-family:var(--num);font-size:clamp(14px,calc(12.49px + 0.403vw),17px);color:var(--navy)}
.lp-web-marketing .wm-kpis small{color:#17a35a;font-size:9px}
.lp-web-marketing .worries{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;position:relative;z-index:1}
.lp-web-marketing .worries p{display:flex;align-items:center;gap:18px;padding:18px 20px;border:1px solid rgba(150,200,255,.7);border-radius:var(--r);background:rgba(10,50,150,.45);box-shadow:0 0 16px rgba(80,160,255,.3);font-weight:900;font-size:clamp(16px,1.8vw,21px);line-height:1.45}
.lp-web-marketing .worries .ic{width:62px;height:62px;color:#fff}
.lp-web-marketing .worries em{font-style:normal;color:var(--yellow)}
.lp-web-marketing .flow-h{display:flex;align-items:center;gap:16px;font-weight:900;font-size:clamp(22px,2.8vw,32px);margin-top:44px}
.lp-web-marketing .flow-h::after{content:"";flex:1;height:2px;background:rgba(255,255,255,.6)}
.lp-web-marketing .flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:18px}
.lp-web-marketing .flow li{position:relative;border:1px solid rgba(150,200,255,.7);border-radius:var(--r);background:rgba(10,50,150,.45);box-shadow:0 0 16px rgba(80,160,255,.3);padding:16px 16px 20px}
.lp-web-marketing .flow li+li::before{content:"";position:absolute;left:-18px;top:50%;transform:translateY(-50%);border-left:12px solid var(--yellow);border-block:10px solid transparent}
.lp-web-marketing .flow .st{display:inline-block;background:var(--yellow);color:var(--navy);font-family:var(--num);font-weight:900;font-size:clamp(12px,calc(10.993px + 0.268vw),14px);padding:2px 12px;border-radius:4px}
.lp-web-marketing .flow .fi{position:absolute;right:14px;top:12px;width:36px;height:36px;color:#fff}
.lp-web-marketing .flow b{display:block;font-size:clamp(16px,calc(14.49px + 0.403vw),19px);font-weight:900;color:var(--yellow);margin-top:12px;line-height:1.4}
.lp-web-marketing .flow span.d{display:block;font-size:clamp(12px,calc(10.993px + 0.268vw),14px);font-weight:700;margin-top:8px;line-height:1.6}
.lp-web-marketing .panel{margin-top:40px;background:linear-gradient(180deg,#f6faff,#dbe9ff);border-radius:10px;padding:18px;color:var(--ink);border:2px solid #b9d6ff;box-shadow:0 0 26px rgba(80,160,255,.5)}
.lp-web-marketing .panel-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}
.lp-web-marketing .ov-h{background:linear-gradient(90deg,#0b3fb0,#1d6bff);border-radius:6px;padding:8px 18px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.lp-web-marketing .ov-h b{color:var(--yellow);font-size:clamp(22px,2.6vw,30px);font-weight:900}
.lp-web-marketing .ov-h span{color:#fff;font-weight:700;font-size:clamp(12px,calc(10.993px + 0.268vw),14px)}
.lp-web-marketing .ov{margin-top:6px}
.lp-web-marketing .ov>div{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center;padding:9px 6px;border-bottom:1px solid #c9d9f2}
.lp-web-marketing .ov>div:last-child{border-bottom:0}
.lp-web-marketing .ov dt{background:var(--blue);color:#fff;font-weight:900;text-align:center;border-radius:999px;font-size:clamp(13px,calc(11.993px + 0.268vw),15px);padding:3px 0}
.lp-web-marketing .ov dd{font-weight:900;font-size:clamp(14px,calc(12.49px + 0.403vw),17px);color:var(--navy)}
.lp-web-marketing .ov dd .bd{font-family:var(--num);font-size:clamp(17px,calc(13.477px + 0.94vw),24px);color:var(--blue)}
.lp-web-marketing .ov dd small{font-size:clamp(11px,calc(9.993px + 0.268vw),13px);font-weight:700}
.lp-web-marketing .ov dd .tm{display:inline-flex;gap:6px;flex-wrap:wrap;margin-right:8px;vertical-align:middle}
.lp-web-marketing .ov dd .tm span{font-family:var(--num);background:var(--navy);color:#fff;padding:1px 10px;border-radius:4px;font-size:clamp(14px,calc(12.49px + 0.403vw),17px)}
.lp-web-marketing .ov dd .free{background:linear-gradient(transparent 55%,var(--yellow) 55%);font-size:clamp(17px,calc(15.49px + 0.403vw),20px)}
.lp-web-marketing .fax{background:var(--navy2);border-radius:8px;padding:14px;color:#fff;border:2px solid #2b6bff}
.lp-web-marketing .fax-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.lp-web-marketing .fax-h b{font-size:clamp(17px,calc(15.49px + 0.403vw),20px);font-weight:900}
.lp-web-marketing .fax-h b em{font-style:normal;color:var(--yellow)}
.lp-web-marketing .faxno{background:var(--yellow);color:var(--navy);border-radius:6px;padding:2px 12px;text-align:center;line-height:1.1;font-family:var(--num);font-weight:900;font-size:clamp(17px,calc(15.49px + 0.403vw),20px)}
.lp-web-marketing .faxno small{display:block;font-size:10px}
.lp-web-marketing .fax p{font-size:clamp(11px,calc(9.993px + 0.268vw),13px);font-weight:700;margin-top:6px}
.lp-web-marketing .faxform{width:100%;border-collapse:collapse;background:#fff;color:var(--navy);margin-top:10px;border-radius:4px;overflow:hidden;font-size:clamp(11px,calc(9.993px + 0.268vw),13px)}
.lp-web-marketing .faxform th{width:84px;text-align:left;font-weight:900;padding:12px 10px;border-bottom:1px solid #c9d9f2;border-right:1px solid #c9d9f2;vertical-align:top;line-height:1.4}
.lp-web-marketing .faxform td{border-bottom:1px solid #c9d9f2;padding:12px 10px;font-weight:700}
.lp-web-marketing .faxform tr:last-child th,.lp-web-marketing .faxform tr:last-child td{border-bottom:0;height:72px}
.lp-web-marketing .contact{margin-top:16px;background:#fff;border-radius:8px;padding:14px 18px;display:flex;align-items:center;gap:16px 22px;flex-wrap:wrap;color:var(--navy)}
.lp-web-marketing .contact .lbl{background:var(--navy);color:#fff;font-weight:900;padding:6px 16px;border-radius:4px;font-size:clamp(14px,calc(12.993px + 0.268vw),16px)}
.lp-web-marketing .contact .org{font-weight:900;font-size:clamp(17px,calc(15.49px + 0.403vw),20px)}
.lp-web-marketing .contact .tel{font-weight:900;font-size:clamp(13px,calc(11.993px + 0.268vw),15px);text-decoration:none;white-space:nowrap}
.lp-web-marketing .contact .tel span{font-family:var(--num);font-size:clamp(21px,calc(16.47px + 1.208vw),30px);color:var(--blue)}
.lp-web-marketing .contact .web{margin-left:auto;text-align:center}
.lp-web-marketing .contact .web small{display:block;font-size:clamp(11px,calc(10.497px + 0.134vw),12px);font-weight:700;color:var(--blue);margin-top:6px;line-height:1.3}
.lp-web-marketing .rv{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.lp-web-marketing .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .lp-web-marketing .rv{opacity:1;transform:none;transition:none}
}
@media (max-width:960px){
  .lp-web-marketing .p1-grid{grid-template-columns:1fr}
  .lp-web-marketing .p1 h1{font-size:8vw}
  .lp-web-marketing .device{height:320px;max-width:520px;margin:0 auto;width:100%}
  .lp-web-marketing .laptop{right:auto;left:0;width:86%}
  .lp-web-marketing .phone{width:105px;height:200px}
  .lp-web-marketing .offer{grid-template-columns:1fr 1fr}
  .lp-web-marketing .box.each{grid-column:1/-1}
  .lp-web-marketing .facts .wrap{grid-template-columns:1fr 1fr;gap:18px 0}
  .lp-web-marketing .facts .f{border-left:none;padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.35)}
  .lp-web-marketing .facts .f:nth-child(2),.lp-web-marketing .facts .f:nth-child(4){padding-left:14px;border-left:1px solid rgba(255,255,255,.35)}
  .lp-web-marketing .facts .f:nth-child(3),.lp-web-marketing .facts .f:nth-child(4){border-bottom:none}
  .lp-web-marketing .facts .big{margin-top:0}
  .lp-web-marketing .p2 .mini-screen{display:none}
  .lp-web-marketing .sheets{flex-direction:column;align-items:stretch;max-width:420px;margin-inline:auto}
  .lp-web-marketing .sheet:nth-child(n){flex:none}
  .lp-web-marketing .parts{grid-template-columns:1fr}
  .lp-web-marketing .prog ol{grid-template-columns:1fr 1fr}
  .lp-web-marketing .prog li:nth-child(3)::before{display:none}
  .lp-web-marketing .laptop2{left:auto;right:-4vw;top:70px;width:40vw;opacity:.12;pointer-events:none}
  .lp-web-marketing .worries{grid-template-columns:1fr}
  .lp-web-marketing .flow{grid-template-columns:1fr 1fr}
  .lp-web-marketing .flow li:nth-child(3)::before{display:none}
  .lp-web-marketing .panel-grid{grid-template-columns:1fr}
  .lp-web-marketing .contact .web{margin-left:0}
}
@media (max-width:640px){
  .lp-web-marketing .wrap{width:calc(100% - 32px)}
  .lp-web-marketing .p1{padding-top:28px}
  .lp-web-marketing .catch{font-size:16px}
  .lp-web-marketing .band span{font-size:14px;padding:.3em 1.4em;white-space:nowrap}
  .lp-web-marketing .band b{margin-right:.3em}
  .lp-web-marketing .chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}
  .lp-web-marketing .chips span{font-size:13px;padding:7px 10px}
  .lp-web-marketing .device{height:250px}
  .lp-web-marketing .screen-in{height:200px;padding:10px 12px}
  .lp-web-marketing .kpi{font-size:20px}
  .lp-web-marketing .phone{width:84px;height:160px}
  .lp-web-marketing .offer{gap:10px}
  .lp-web-marketing .box .bb{padding:14px 8px}
  .lp-web-marketing .box.min .side .ic{width:30px;height:30px}
  .lp-web-marketing .p1 h1{text-align:center}
  .lp-web-marketing .box.free strong{font-size:clamp(48px,13vw,60px)}
  .lp-web-marketing .box.min .n90{font-size:clamp(56px,15vw,68px)}
  .lp-web-marketing .note1 br{display:none}
  .lp-web-marketing .points{gap:8px;padding-bottom:40px}
  .lp-web-marketing .points li{width:31.5%;font-size:11px;line-height:1.35}
  .lp-web-marketing .points li>div{padding:0 4px}
  .lp-web-marketing .points li em{font-size:1.35em}
  .lp-web-marketing .points li em .ga{font-size:.74em}
  .lp-web-marketing .points .pi{width:2.2em;height:2.2em;margin-bottom:4px}
  .lp-web-marketing .facts .date .yr{font-size:16px}
  .lp-web-marketing .facts .date .n,.lp-web-marketing .facts .big .n{font-size:26px}
  .lp-web-marketing .facts .date .u,.lp-web-marketing .facts .big .u{font-size:14px}
  .lp-web-marketing .facts .big{font-size:26px}
  .lp-web-marketing .facts .lbl{font-size:13px}
  .lp-web-marketing .facts .times{font-size:15px;gap:2px 10px}
  .lp-web-marketing .facts .note{font-size:12px}
  .lp-web-marketing .ribbon>span,.lp-web-marketing .p4 .ribbon>span{font-size:13px}
  .lp-web-marketing .p2 .lead2 br{display:none}
  .lp-web-marketing .p2::before{display:none}
  .lp-web-marketing .sec-h{padding-right:30px}
  .lp-web-marketing .dtable{font-size:13px}
  .lp-web-marketing .dtable th{font-size:14px;padding:9px 8px}
  .lp-web-marketing .dtable td{padding:9px 8px}
  .lp-web-marketing .dtable td:first-child{white-space:normal;width:46%}
  .lp-web-marketing .dtable td:first-child .ic{width:18px;height:18px;margin-right:6px;vertical-align:-4px}
  .lp-web-marketing .quote{flex-direction:column;align-items:flex-start;gap:10px;padding:18px}
  .lp-web-marketing .quote .bulbbig{width:50px;height:66px}
  .lp-web-marketing .quote p.t br{display:none}
  .lp-web-marketing .part-h{flex-wrap:wrap}
  .lp-web-marketing .part-desc br{display:none}
  .lp-web-marketing .items li{grid-template-columns:40px 1fr 40px;gap:10px}
  .lp-web-marketing .items .no2{width:38px;height:38px;font-size:13px}
  .lp-web-marketing .items b{font-size:16px}
  .lp-web-marketing .items span{font-size:13px}
  .lp-web-marketing .items span br{display:none}
  .lp-web-marketing .items .ic{width:36px;height:36px}
  .lp-web-marketing .lect{grid-template-columns:1fr}
  .lp-web-marketing .lect .ph{aspect-ratio:4/3}
  .lp-web-marketing .prog ol{grid-template-columns:1fr;gap:14px}
  .lp-web-marketing .prog li::before{display:none}
  .lp-web-marketing .prog li{flex-direction:row;align-items:center}
  .lp-web-marketing .prog .mins{width:90px;flex:none}
  .lp-web-marketing .prog .top .gap1{padding-top:0}
  .lp-web-marketing .p4 .lead4 br{display:none}
  .lp-web-marketing .flow{grid-template-columns:1fr;gap:14px}
  .lp-web-marketing .flow li::before{display:none}
  .lp-web-marketing .flow b br{display:none}
  .lp-web-marketing .ov>div{grid-template-columns:86px 1fr;gap:10px}
  .lp-web-marketing .ov dt{font-size:13px}
  .lp-web-marketing .ov dd{font-size:15px}
  .lp-web-marketing .contact .org{font-size:17px}
  .lp-web-marketing .contact .tel span{font-size:26px}
  .lp-web-marketing .lead{font-size:14.5px}
  .lp-web-marketing .p2 h2,.lp-web-marketing .p3 h2{font-size:22px}
  .lp-web-marketing .p4 h2{font-size:30px}
  .lp-web-marketing h2 br.sp{display:inline}
  .lp-web-marketing .items b{font-size:15.5px}
  .lp-web-marketing .ov dd small{display:block}
  .lp-web-marketing .faxform td .nw{display:inline-block;margin-right:6px}
  .lp-web-marketing footer{height:80px}
}
.lp-web-marketing footer{height:90px;background:var(--navy)}
@media (max-width:360px){
  .lp-web-marketing .band span{font-size:12px;padding:.3em 1.2em}
  .lp-web-marketing .catch{font-size:14px}
  .lp-web-marketing .ribbon>span,.lp-web-marketing .p4 .ribbon>span{font-size:12px}
}
.lp-web-marketing .sp{display:none}

/* ---------- 配色（開催概要・フォーム用：web-monshin-jihi の変数名に合わせる） ---------- */
.lp-web-marketing{--white:#fff;--info-line:#c9d8ea;--mint:var(--blue2);--mint-light:#cfe4f8;--mint-pale:var(--sky);--purple:var(--blue);--purple-deep:var(--navy);--pink-deep:#ed4545;--sky-text:#a6d4f5}
.lp-web-marketing br.sp{display:none}
@media (max-width:640px){.lp-web-marketing br.sp{display:inline}}

/* ---------- Info（開催概要・お申込み） ---------- */
.lp-web-marketing .info-sec { padding: 0; background: var(--mint-pale); margin-top: 70px; }
.lp-web-marketing .info-band { background: linear-gradient(135deg, var(--purple-deep), var(--purple)); color: var(--white); padding: 56px 0 48px; }
.lp-web-marketing .info-band .wrap { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.lp-web-marketing .eyebrow { display: block; font-weight: 700; font-size: 14px; line-height: 1; color: var(--sky-text); letter-spacing: .14em; text-transform: uppercase; }
.lp-web-marketing .info-title { font-size: clamp(26px, 4vw, 36px); line-height: 1.5; margin-top: 8px; color: #fff; font-weight: 900; }
.lp-web-marketing .info-band .ttl-sub { font-size: clamp(14px, 1.6vw, 17px); color: #e2e5f3; text-align: right; line-height: 1.7; }
.lp-web-marketing .info { padding: 56px 0 72px; }
.lp-web-marketing .info-box { background: var(--white); border: 1px solid var(--info-line); box-shadow: 0 6px 24px rgba(14,36,83,.08); }
.lp-web-marketing .info-head,
.lp-web-marketing .form-head { background: var(--purple-deep); color: var(--white); display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; padding: 18px 28px; border-top: 4px solid #5aa9ea; }
.lp-web-marketing .info-head h2,
.lp-web-marketing .form-head h2 { font-size: clamp(22px, 2.4vw, 29px); letter-spacing: .1em; line-height: 1.5; color: #fff; font-weight: 900; }
.lp-web-marketing .info-head .en,
.lp-web-marketing .form-head .en { font-weight: 700; color: var(--sky-text); font-size: 14px; letter-spacing: .14em; text-transform: uppercase; line-height: 1; }
.lp-web-marketing .info-body { display: grid; grid-template-columns: 1fr 1.25fr; }
.lp-web-marketing .info-schedule { background: #f4f8fd; border-right: 1px solid var(--info-line); padding: 36px 36px 32px; }
.lp-web-marketing .info-label { color: var(--blue); font-size: 14px; font-weight: 700; }
.lp-web-marketing .big-date { font-family: var(--serif); font-size: clamp(28px, 3.4vw, 36px); font-weight: 700; color: var(--navy); line-height: 1.4; padding-bottom: 18px; border-bottom: 1px solid var(--info-line); }
.lp-web-marketing .big-date small { font-size: .7em; }
.lp-web-marketing .info-label-time { margin-top: 20px; }
.lp-web-marketing .slots { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 8px 0 14px; }
.lp-web-marketing .slots div { background: var(--white); border: 1px solid var(--info-line); padding: 10px 14px; font-weight: 700; color: var(--navy); font-size: 17px; white-space: nowrap; }
@media (max-width: 480px) { .lp-web-marketing .slots div { padding: 10px 8px; font-size: clamp(12px, 3.6vw, 17px); text-align: center; } }
.lp-web-marketing .info-schedule .note { font-size: 13px; color: var(--muted); }
.lp-web-marketing .info-right { align-self: center; padding: 28px 36px; }
.lp-web-marketing .info-list { display: grid; grid-template-columns: 70px 1fr; gap: 0 20px; }
.lp-web-marketing .info-list dt,
.lp-web-marketing .info-list dd { display: flex; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--info-line); margin: 0; }
.lp-web-marketing .info-list dt:last-of-type,
.lp-web-marketing .info-list dd:last-of-type { border-bottom: 0; }
.lp-web-marketing .info-list dt span { flex: 1; display: block; background: var(--navy); color: var(--white); font-size: 13px; font-weight: 700; text-align: center; padding: 6px 12px; line-height: 20px; white-space: nowrap; }
.lp-web-marketing .info-list dd { font-size: 15px; }
.lp-web-marketing .info-list dd:not(.price) { font-size: 20px; font-weight: 700; color: var(--navy); }
.lp-web-marketing .info-list .dd-sub { font-size: 12px; font-weight: 400; color: var(--muted); }
.lp-web-marketing .info-list dd.price { color: var(--navy); }
.lp-web-marketing .info-list .price strong { font-size: 22px; font-weight: 700; margin-left: .2em; }

/* ---------- Form ---------- */
.lp-web-marketing .form-section { padding: 0 0 80px; background: var(--mint-pale); }
.lp-web-marketing .form-box { background: var(--white); border: 1px solid var(--info-line); box-shadow: 0 6px 24px rgba(14,36,83,.08); }
.lp-web-marketing .form-head .ttl-sub { font-size: 14px; color: #e2e5f3; line-height: 1.6; }
.lp-web-marketing .form-body { max-width: 880px; margin-inline: auto; padding: 40px 32px 48px; }
.lp-web-marketing .form-steps { display: flex; justify-content: center; margin-bottom: 24px; }
.lp-web-marketing .form-steps li {
  position: relative; display: flex; align-items: center; gap: .5em;
  background: var(--mint-light); color: var(--muted); font-weight: 700; font-size: 16px; padding: .55em 1.6em .55em 2em;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%);
}
.lp-web-marketing .form-steps li:first-child { padding-left: 1.4em; clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%); }
.lp-web-marketing .form-steps li + li { margin-left: -6px; }
.lp-web-marketing .form-steps b { display: inline-grid; place-items: center; flex-shrink: 0; width: 1.6em; height: 1.6em; line-height: 1; border-radius: 50%; background: #fff; font-size: .85em; }
.lp-web-marketing .form-steps li.is-current { background: var(--purple); color: #fff; }
.lp-web-marketing .form-steps li.is-current b { color: var(--purple); }
.lp-web-marketing .form-lead { text-align: center; font-weight: 700; font-size: clamp(16px, 1.8vw, 20px); color: var(--purple-deep); margin-bottom: 28px; }

/* フォーム本体（/mailform/web-marketing/form.php）の汎用スタイル */
.lp-web-marketing .form-content { font-size: 16px; }
.lp-web-marketing .form-content p { margin: 0 0 12px; }
.lp-web-marketing .form-content table { width: 100%; border-collapse: collapse; margin-bottom: 24px; border: 0; }
.lp-web-marketing .form-content th,
.lp-web-marketing .form-content td { border: 0; border-bottom: 1px solid var(--mint-light); padding: 18px 12px; vertical-align: top; text-align: left; background: none; }
.lp-web-marketing .form-content th { width: 30%; font-weight: 700; color: var(--purple-deep); }
.lp-web-marketing .form-content tr:first-child th,
.lp-web-marketing .form-content tr:first-child td { border-top: 2px solid var(--purple-deep); }
.lp-web-marketing .form-content label { font-weight: 700; color: var(--purple-deep); }
.lp-web-marketing .form-content td label,
.lp-web-marketing .form-content .form-check label { font-weight: 500; color: var(--ink); margin-right: 1.2em; }
.lp-web-marketing .form-content .form-check { padding-left: 0; }
.lp-web-marketing .form-content .form-check-input { position: static; margin-left: 0; }
.lp-web-marketing .form-content .form-inner-text { margin-top: 6px; font-size: 13px; color: var(--muted); }
.lp-web-marketing .form-content .mdtry,
.lp-web-marketing .form-content .required,
.lp-web-marketing .form-content .hissu,
.lp-web-marketing .form-content .must {
  display: inline-block; background: var(--pink-deep); color: #fff; font-size: 12px; font-weight: 700;
  line-height: 1.5; padding: .05em .6em; border-radius: 3px; margin-left: .5em; vertical-align: middle;
}
.lp-web-marketing .form-content input[type="text"],
.lp-web-marketing .form-content input[type="email"],
.lp-web-marketing .form-content input[type="tel"],
.lp-web-marketing .form-content input[type="number"],
.lp-web-marketing .form-content input[type="date"],
.lp-web-marketing .form-content select,
.lp-web-marketing .form-content textarea,
.lp-web-marketing .form-content .form-control {
  width: 100%; max-width: 100%; height: auto; min-height: 48px; padding: .7em 1em;
  font: inherit; font-size: 16px; color: var(--ink); background: #fbfdff;
  border: 1px solid #b9d0ea; border-radius: 6px; box-shadow: none;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.lp-web-marketing .form-content textarea { min-height: 140px; line-height: 1.7; }
.lp-web-marketing .form-content input:focus,
.lp-web-marketing .form-content select:focus,
.lp-web-marketing .form-content textarea:focus,
.lp-web-marketing .form-content .form-control:focus {
  outline: none; background: #fff; border-color: var(--mint); box-shadow: 0 0 0 3px rgba(30,139,224,.25);
}
.lp-web-marketing .form-content input[type="radio"],
.lp-web-marketing .form-content input[type="checkbox"] { width: 18px; height: 18px; margin-right: .4em; vertical-align: -3px; accent-color: var(--purple); }
/* アコーディオン（クーポン／同時申込）：見出しクリックで下を展開 */
.lp-web-marketing .form-content .accbox3 { margin: 2em 0; }
.lp-web-marketing .form-content input.cssacc3 { display: none; }
.lp-web-marketing .form-content .accbox3 label.label-title3 {
  position: relative; display: block; margin: 0; padding: 14px 16px 14px 44px;
  background: var(--purple-deep); color: #fff; font-weight: 700; cursor: pointer; transition: opacity .3s;
}
.lp-web-marketing .form-content .accbox3 label.label-title3:hover { opacity: .8; }
.lp-web-marketing .form-content .accbox3 label.label-title3::before {
  content: ""; position: absolute; left: 20px; top: 50%; width: 8px; height: 8px;
  border-right: 2px solid #fff; border-bottom: 2px solid #fff;
  transform: translateY(-50%) rotate(-45deg); transition: transform .3s;
}
.lp-web-marketing .form-content .cssacc3:checked + label.label-title3::before { transform: translateY(-75%) rotate(45deg); }
.lp-web-marketing .form-content .accbox3 .accshow3 { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: opacity .5s; }
.lp-web-marketing .form-content .cssacc3:checked + label.label-title3 + .accshow3 { height: auto; padding: 5px 0 0; opacity: 1; }
.lp-web-marketing .form-content .ac-title { margin: 2em 0 0; padding: 14px 16px; background: var(--purple-deep); color: #fff; font-weight: 700; }
.lp-web-marketing .form-content .ac-title + .nest tr:first-child th,
.lp-web-marketing .form-content .ac-title + .nest tr:first-child td,
.lp-web-marketing .form-content .accbox3 .accshow3 tr:first-child th,
.lp-web-marketing .form-content .accbox3 .accshow3 tr:first-child td { border-top: 0; }
.lp-web-marketing .form-content input[type="submit"],
.lp-web-marketing .form-content input[type="button"],
.lp-web-marketing .form-content button,
.lp-web-marketing .form-content .btn {
  display: inline-flex; align-items: center; justify-content: center; min-width: 280px;
  margin: 8px 6px 0; padding: 1em 2.4em; border: 0; border-radius: 999px;
  font: inherit; font-size: 18px; font-weight: 700; line-height: 1.5; cursor: pointer;
  background: linear-gradient(100deg, #f18c4b, #f5a342); color: #fff;
  box-shadow: 0 8px 20px rgba(241,140,75,.3); transition: transform .2s, box-shadow .2s;
}
.lp-web-marketing .form-content input[type="submit"]:hover,
.lp-web-marketing .form-content input[type="button"]:hover,
.lp-web-marketing .form-content button:hover,
.lp-web-marketing .form-content .btn:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(241,140,75,.4); }
.lp-web-marketing .form-content input[type="reset"],
.lp-web-marketing .form-content input[name*="back"],
.lp-web-marketing .form-content button[name*="back"] {
  background: #fff; color: var(--purple-deep); border: 2px solid var(--purple-deep); box-shadow: none;
}
.lp-web-marketing .form-content input[type="reset"]:hover,
.lp-web-marketing .form-content input[name*="back"]:hover,
.lp-web-marketing .form-content button[name*="back"]:hover { background: var(--mint-pale); color: var(--purple-deep); box-shadow: none; }
.lp-web-marketing .form-content input[size="3"] { width: 7em; margin-right: .5em; vertical-align: middle; }
.lp-web-marketing .form-content .text-center,
.lp-web-marketing .form-content .submit,
.lp-web-marketing .form-content .btn-area { text-align: center; }
.lp-web-marketing .form-content .error,
.lp-web-marketing .form-content .text-danger { color: var(--pink-deep); font-size: 14px; font-weight: 700; }
.lp-web-marketing .form-closed { margin-top: 24px; padding: 24px; text-align: center; background: var(--mint-pale); border: 2px solid var(--purple); color: var(--purple-deep); font-size: 18px; }

@media (max-width: 900px) {
  .lp-web-marketing .info-body { grid-template-columns: 1fr; }
  .lp-web-marketing .info-schedule { border-right: 0; border-bottom: 1px solid var(--info-line); padding: 28px 20px 24px; }
  .lp-web-marketing .info-right { padding: 8px 20px 12px; }
  .lp-web-marketing .info-list { grid-template-columns: 70px 1fr; gap: 0 14px; }
  .lp-web-marketing .info-list dt span { padding: 6px 4px; }
  .lp-web-marketing .info-band .ttl-sub { text-align: left; }
  .lp-web-marketing .info-head, .lp-web-marketing .form-head { padding: 16px 18px; }
  .lp-web-marketing .info-head h2, .lp-web-marketing .form-head h2 { font-size: 20px; }
  .lp-web-marketing .info { padding: 40px 0 48px; }
  .lp-web-marketing .form-section { padding-bottom: 64px; }
  .lp-web-marketing .form-body { padding: 28px 20px 36px; }
  .lp-web-marketing .form-content th,
  .lp-web-marketing .form-content td { display: block; width: 100%; }
  .lp-web-marketing .form-content th { border-bottom: 0; padding: 16px 4px 6px; }
  .lp-web-marketing .form-content td { padding: 0 4px 16px; }
  .lp-web-marketing .form-content tr:first-child td { border-top: 0; }
}
@media (max-width: 640px) {
  .lp-web-marketing .info-list dd:not(.price) { font-size: 17px; }
  .lp-web-marketing .info-list dd:not(.price) .dd-sub { font-size: 12px; }
  .lp-web-marketing .form-steps li { font-size: 13px; padding: .5em 1em .5em 1.5em; }
  .lp-web-marketing .form-steps li:first-child { padding-left: 1em; }
  .lp-web-marketing .form-lead { font-size: 15px; }
  .lp-web-marketing .form-content input[type="submit"],
  .lp-web-marketing .form-content input[type="button"],
  .lp-web-marketing .form-content button,
  .lp-web-marketing .form-content .btn { width: 100%; min-width: 0; margin: 8px 0 0; font-size: 16px; }
}

/* ---------- 参加特典 ---------- */
.lp-web-marketing .benefit-sec { background: #d6e8ff; padding: 64px 0 56px; margin-top: 0; }
.lp-web-marketing .benefit-sec + .info-sec { margin-top: 0; }
.lp-web-marketing .benefit-head { text-align: center; margin-bottom: 32px; }
.lp-web-marketing .benefit-gift { display: block; width: 72px; height: auto; margin: 0 auto 6px; }
.lp-web-marketing .benefit-title { font-size: clamp(26px, 4vw, 36px); line-height: 1.5; color: var(--navy); font-weight: 900; }
.lp-web-marketing .benefit-list { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.lp-web-marketing .benefit-card { background: var(--white); border: 1px solid var(--info-line); border-top: 4px solid var(--blue); box-shadow: 0 6px 24px rgba(14,36,83,.08); padding: 24px 28px 28px; text-align: center; }
.lp-web-marketing .benefit-no { display: inline-block; margin-bottom: 8px; background: var(--yellow); color: var(--navy); font-size: 13px; font-weight: 700; padding: 1px 14px; letter-spacing: .06em; }
.lp-web-marketing .benefit-card h3 { font-size: clamp(20px, 2.2vw, 26px); font-weight: 900; color: var(--navy); line-height: 1.4; }
@media (max-width: 900px) {
  .lp-web-marketing .benefit-sec { padding: 48px 0 40px; margin-top: 0; }
  .lp-web-marketing .benefit-list { grid-template-columns: 1fr; gap: 20px; }
  .lp-web-marketing .benefit-card { padding: 20px 20px 22px; }
}

/* 連絡先の電話番号 */
.lp-web-marketing .info-list .info-tel { display: inline-block; margin-top: 4px; font-size: 18px; font-weight: 700; letter-spacing: .04em; color: var(--navy); text-decoration: none; }
@media (max-width: 640px) {
  .lp-web-marketing .info-list .info-tel { font-size: 16px; }
}