.ls-fv-fx .hp-win{position:absolute;overflow:hidden}
.ls-fv-fx .hp-mon{left:10%;top:16.667%;width:70.556%;height:40.278%}
.ls-fv-fx .hp-ph{left:72.222%;top:41.389%;width:18.75%;height:41.667%}
.ls-fv-fx .hp-win-in{display:block;animation:hpScroll 9s ease-in-out infinite}
.ls-fv-fx .hp-ph .hp-win-in{animation-delay:.6s}
.ls-fv-fx .hp-win-in img{position:static;display:block;width:100%;height:auto;inset:auto}
@keyframes hpScroll{0%,20%{translate:0 0}48%,70%{translate:0 -50%}98%,100%{translate:0 -100%}}

.tr-t,.ls-h3,.mv-h2s,.plc-h,.pl-table th{word-break:auto-phrase}

.pl-sec{background:#fff;padding-bottom:120px}
.pl-sec .wrap{padding-top:90px}
.pl-pc{margin-top:48px}
.pl-table{width:100%;border-collapse:separate;border-spacing:16px 0;margin:0 -16px;table-layout:fixed}
.pl-table thead td{width:20%}
.pl-table thead th{text-align:left;font-size:clamp(20px,1.8vw,25px);font-weight:900;line-height:1.4;color:#fff;background:var(--navy);border-radius:6px 6px 0 0;padding:26px 28px 22px}
.pl-table thead th.pl-h1{background:var(--shu)}
.pl-no{display:block;font-family:var(--en);font-weight:700;font-size:12px;letter-spacing:.2em;opacity:.85;margin-bottom:4px}
.pl-table tbody th{text-align:left;font-size:15px;font-weight:700;color:var(--slate);padding:22px 4px;border-bottom:1px solid #d6dbe2;vertical-align:middle}
.pl-table tbody td{background:var(--grey);padding:22px 28px;font-size:16px;line-height:1.75;border-bottom:1px solid #fff;vertical-align:middle}
.pl-table tbody td.pl-c1{background:#fdf1ec}
.pl-table tbody tr:last-child td{border-radius:0 0 6px 6px;border-bottom:0}
.pl-zero{display:flex;align-items:baseline;gap:8px;color:var(--shu)}
.pl-zero small{font-size:17px;font-weight:900}
.pl-zero b{font-family:var(--en);font-weight:800;font-size:clamp(52px,5vw,72px);line-height:1;letter-spacing:-.02em}
.pl-big{display:block;font-family:var(--en),var(--jp);font-size:clamp(28px,2.6vw,36px);font-weight:800;line-height:1.2;color:var(--navy)}
.pl-c1 .pl-big{color:var(--shu)}
.pl-mid{font-size:20px;font-weight:900;color:var(--navy)}
.pl-note{display:block;font-size:14px;line-height:1.7;color:#3b4a5e;margin-top:6px}
.pl-sp{display:none}
.pl-cta{margin-top:40px;display:flex;flex-direction:column;align-items:center}
.pl-cta .btn{min-width:380px}
.pl-cta .ls-note{text-align:center}

.hp-ways{background:var(--grey);padding:110px 0 120px}
.hp-ways-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px;align-items:start}
.hp-way{background:#fff;border-radius:6px;padding:36px 38px 40px;border-top:6px solid var(--shu)}
.hp-way+.hp-way{border-top-color:var(--navy)}
.hp-way .pl-no{color:var(--shu)}
.hp-way+.hp-way .pl-no{color:var(--slate)}
.hp-way p:not(.pl-no){font-size:16.5px;line-height:1.95;margin-top:12px}
.hp-way .more{margin-top:26px}
.hp-way .more .btn{width:100%}
.hp-pages{margin-top:22px}
.hp-pages thead th+th{text-align:right}
.hp-pages td{font-size:18px}

.hp-monthly{background:#fff}
.hp-m-lead{margin-top:16px;max-width:900px}
.hp-m-lead p,.hp-m-after p{font-size:17px;line-height:1.95}
.hp-tiles .hp-chk{flex-direction:row;gap:16px;align-items:flex-start;background:var(--grey);padding:22px 24px}
.hp-chk-ic{flex:none;width:34px;height:34px;border-radius:50%;background:var(--shu);color:#fff;display:grid;place-items:center}
.hp-chk-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.hp-chk .mt-tile-t{margin-top:4px;font-size:17px}
.hp-m-after{margin-top:28px}

.hp-addons{background:var(--grey);padding:80px 0}
.hp-addons-in{border-left:4px solid var(--shu);padding:6px 0 6px 28px}
.hp-addons-in p:not(.ls-lab){font-size:16.5px;line-height:1.95;max-width:900px}
.hp-chips{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hp-chips li{display:flex;align-items:center;gap:8px;background:#fff;border-radius:4px;padding:8px 16px 8px 12px;font-size:15px;font-weight:700}
.hp-chips svg{width:24px;height:24px;fill:none;stroke:var(--navy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hp-chips li:nth-child(odd) svg{stroke:var(--shu)}

.hp-code{aspect-ratio:4/3;border-radius:6px;background:var(--navy);display:grid;grid-template-columns:1.3fr 30px 1fr;align-items:center;gap:10px;padding:26px 22px}
.hp-code-ed{position:relative;background:#0f1520;border-radius:6px;padding:12px 14px 16px;display:flex;flex-direction:column;gap:9px;box-shadow:inset 0 0 0 1px #33415a;height:84%}
.hp-tab{display:flex;gap:5px;margin-bottom:4px}.hp-tab i{width:8px;height:8px;border-radius:50%;background:#3b4a5e}
.hp-code-ed p{display:flex;gap:6px;opacity:0;animation:hpLine 6s infinite}
.hp-code-ed p.in{padding-left:12%}.hp-code-ed p.in2{padding-left:24%}
.hp-code-ed p i{display:block;height:6px;border-radius:3px;background:#9fb0c3}
.hp-code-ed p i.k{background:var(--shu)}.hp-code-ed p i.s{background:#556a80}
.hp-code-ed p:nth-of-type(2){animation-delay:.4s}.hp-code-ed p:nth-of-type(3){animation-delay:.8s}.hp-code-ed p:nth-of-type(4){animation-delay:1.2s}.hp-code-ed p:nth-of-type(5){animation-delay:1.6s}.hp-code-ed p:nth-of-type(6){animation-delay:2s}
@keyframes hpLine{0%{opacity:0;clip-path:inset(0 100% 0 0)}6%{opacity:1;clip-path:inset(0 0 0 0)}85%{opacity:1}95%,100%{opacity:0}}
.hp-ai{position:absolute;right:10px;bottom:10px;font-family:var(--en);font-weight:800;font-size:12px;letter-spacing:.1em;color:#fff;background:var(--shu);border-radius:4px;padding:3px 8px}
.hp-code-arw{height:2px;background:var(--shu);position:relative}
.hp-code-arw::after{content:"";position:absolute;right:0;top:-5px;width:10px;height:10px;border-top:2px solid var(--shu);border-right:2px solid var(--shu);transform:rotate(45deg)}
.hp-code-out{background:#fff;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px;height:84%}
.lpx-hero{height:40%;border-radius:3px;background:linear-gradient(160deg,#e9ecf0 0 50%,#9fb0c3 50%)}
.hp-code-out i{display:block;height:5px;border-radius:3px;background:#c4ccd6}.hp-code-out i.s{width:62%}
.hp-code-out b{margin-top:auto;height:14%;border-radius:3px;background:var(--shu)}

.hp-serp{aspect-ratio:4/3;border-radius:6px;background:#fff;box-shadow:0 0 0 1px #d6dbe2;padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.hp-serp-ai{position:relative;border-radius:6px;background:var(--grey);padding:14px 14px 12px 14px;display:grid;gap:7px;box-shadow:inset 3px 0 0 var(--slate)}
.hp-serp-lab{font-family:var(--en);font-weight:800;font-size:12px;letter-spacing:.12em;color:#fff;background:var(--slate);border-radius:3px;padding:1px 8px;justify-self:start}
.hp-serp-ai i{display:block;height:6px;border-radius:3px;background:#c4ccd6}.hp-serp-ai i.s{width:60%}
.hp-serp-ai em{width:42%;height:9px;border-radius:3px;background:var(--shu);animation:adGlow2 4s ease-in-out infinite}
@keyframes adGlow2{0%,100%{opacity:.6}50%{opacity:1}}
.hp-hit{background:rgba(211,95,60,.08);box-shadow:inset 3px 0 0 var(--shu)}
.hp-hit .l1{background:var(--shu)!important}

.hp-hojo{background:var(--grey);padding:110px 0}
.hp-hojo .hj-max{margin-top:18px}
.hp-hojo .hj-hp-r p{font-size:16.5px;line-height:1.95}
.hp-hojo .hj-hp-r p+p{margin-top:12px}
.hp-hojo .more{margin-top:22px}
.hp-flow{background:#fff;padding-bottom:120px}
.hp-flow-lead{margin-top:16px}
.hp-flow-lead p{font-size:17px;line-height:1.95}
.hp-steps{grid-template-columns:repeat(3,1fr)}

.hp-works{padding-top:110px;background:var(--grey)}
.hp-wk-img{display:block;position:relative;padding:0 0 18px}
.hp-wk-pc{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 0 0 1px #d6dbe2}
.hp-wk-pc img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s var(--ease)}
.hp-wk:hover .hp-wk-pc img{transform:scale(1.05)}
.hp-wk-sp{position:absolute;right:8%;bottom:0;width:22%;aspect-ratio:9/17;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 0 0 3px var(--navy),0 10px 18px -8px rgba(20,27,39,.5)}
.hp-wk-sp img{width:100%;height:100%;object-fit:cover;object-position:top}
@media (max-width:1023px){
  .hp-ways-grid{grid-template-columns:1fr}
  .hp-steps{grid-template-columns:1fr}
  .hp-works-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .pl-sec{padding-bottom:80px}
  .pl-sec .wrap{padding-top:56px}
  .pl-pc{display:none}
  .pl-sp{display:grid;gap:16px;margin-top:32px}
  .plc{border-radius:6px;overflow:hidden;background:var(--grey)}
  .plc1{background:#fdf1ec}
  .plc .pl-no,.plc-h{padding:0 20px}
  .plc .pl-no{padding-top:18px;color:#fff;background:var(--navy);margin:0}
  .plc1 .pl-no{background:var(--shu)}
  .plc-h{background:var(--navy);color:#fff;font-size:21px;font-weight:900;line-height:1.4;padding-bottom:16px}
  .plc1 .plc-h{background:var(--shu)}
  .plc dl{margin:0;padding:4px 20px 8px}
  .plc-row{padding:14px 0;border-bottom:1px solid rgba(29,39,55,.12)}
  .plc-row:last-child{border-bottom:0}
  .plc dt{font-size:13px;font-weight:700;color:var(--slate);margin-bottom:4px}
  .plc dd{margin:0;font-size:15px;line-height:1.75}
  .plc .pl-zero b{font-size:52px}
  .plc .pl-big{font-size:28px}
  .pl-cta .btn{min-width:0;width:100%}
  .hp-ways{padding:72px 0 80px}
  .hp-way{padding:26px 20px 28px}
  .hp-way p:not(.pl-no){font-size:15.5px}
  .hp-pages td{font-size:15px}
  .hp-pages td,.hp-pages th{white-space:nowrap}
  .hp-m-lead p,.hp-m-after p{font-size:16px}
  .hp-tiles .hp-chk{display:flex;padding:16px 16px}
  .hp-addons{padding:56px 0}
  .hp-addons-in{padding-left:18px}
  .hp-addons-in p:not(.ls-lab){font-size:15.5px}
  .hp-code{grid-template-columns:1.3fr 18px 1fr;padding:16px 12px;gap:6px}
  .hp-serp{padding:14px}
  .hp-hojo{padding:72px 0}
  .hp-flow{padding-bottom:80px}
  .hp-works{padding-top:72px}
  .hp-works-grid{grid-template-columns:1fr}
}
.hp-wk .wk-ttl{word-break:auto-phrase}


.hp-photo{display:block;overflow:hidden;border-radius:6px;aspect-ratio:3/2;background:var(--navy)}
.hp-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ls-point:hover .hp-photo img{transform:scale(1.04)}