.clp{--green:#00A47B;--logo:#08AF86;--link:#008761;--deep:#006B52;--pale:#E8F7F2;--mint:#C2EBE1;--ink:#14201C;--gray:#4B5A55;--line:#DCE7E3;--black:#0E1715;background:#fff;color:var(--ink);font-family:Gen Interface JP,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.6;overflow-x:clip;word-break:keep-all;overflow-wrap:anywhere}.clp *{box-sizing:border-box}.clp a{color:inherit;text-decoration:none}.clp .w{max-width:1200px;margin:0 auto;padding:0 64px}.clp h1,.clp h2,.clp h3{margin:0;font-weight:800}.clp h1 span,.clp h2 span{display:block;white-space:nowrap}.clp p{margin:0}.clp .lead{max-width:40em}.clp .label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--link);margin-bottom:16px}.clp .label:before{content:"";width:18px;height:2px;background:currentColor}.clp section{padding:120px 0}.clp section h2{font-size:48px;line-height:1.15;margin-bottom:20px}.clp section .lead{font-size:18px;color:var(--gray)}.clp .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:60px;padding:0 40px;border-radius:999px;background:var(--green);color:#fff;font-size:18px;font-weight:800;transition:transform .2s,box-shadow .2s}.clp .btn:after{content:"→";transition:transform .2s}.clp .btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(0,107,82,.55)}.clp .btn:hover:after{transform:translateX(4px)}.clp .btn.white{background:#fff;color:var(--deep)}.clp .btn.white:hover{box-shadow:0 12px 28px -10px rgba(0,0,0,.35)}.clp .btn.sm{height:42px;padding:0 20px;font-size:15px}.clp .btn.sm:after{content:none}.clp .hd{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.clp .hd .w{height:68px;gap:24px}.clp .hd .brand,.clp .hd .w{display:flex;align-items:center}.clp .hd .brand{gap:10px;font-weight:800;font-size:20px}.clp .hd .brand img{width:32px;height:32px}.clp .hd .brand small{font-size:13px;font-weight:700;color:var(--link);border:1.5px solid var(--mint);border-radius:999px;padding:1px 10px}.clp .hd nav{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:15px;font-weight:600;color:var(--gray)}.clp .hd nav a:hover,.clp .hd nav button:hover{color:var(--link)}.clp .hero{background:var(--green);color:#fff;padding:0;position:relative;overflow:hidden}.clp .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 78% 45%,rgba(255,255,255,.18),transparent 70%);pointer-events:none}.clp .hero .w{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:640px;padding-top:72px;padding-bottom:72px;position:relative}.clp .hero .tagline{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.08em;background:rgba(255,255,255,.16);border-radius:999px;padding:4px 14px;margin-bottom:20px}.clp .hero h1{font-size:72px;line-height:1.08;letter-spacing:-.01em;margin-bottom:24px}.clp .hero .lead{font-size:18px;font-weight:600;color:#fff;margin-bottom:28px}.clp .hero .price{font-size:18px;font-weight:700;margin-bottom:24px}.clp .hero .price b{font-size:40px;font-weight:800;letter-spacing:-.01em;margin:0 4px}.clp .hero .price .tax{display:inline-block;margin-left:6px}.clp .hero .try{font-size:16px;font-weight:700;margin-top:14px}.clp .sp-only{display:none}.clp .stage{position:relative;display:flex;flex-direction:column;align-items:center;perspective:1200px}.clp .ping{position:absolute;left:50%;top:44%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:clp-ping 2.8s ease-out infinite;pointer-events:none}.clp .ping.p2{animation-delay:1.4s}@keyframes clp-ping{0%{transform:scale(.6);opacity:0}15%{opacity:.9}to{transform:scale(1.55);opacity:0}}.clp .tilt{position:relative;width:340px;aspect-ratio:480/759;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(-4deg);transition:transform .25s ease-out;will-change:transform}.clp .tilt.idle{animation:clp-sway 6s ease-in-out infinite}@keyframes clp-sway{0%,to{transform:rotateX(4deg) rotateY(-8deg) rotate(-4deg)}50%{transform:rotateX(-3deg) rotateY(8deg) rotate(-2deg)}}.clp .tilt .face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s ease;filter:drop-shadow(0 30px 40px rgba(0,40,30,.38)) drop-shadow(0 0 1px rgba(0,0,0,.25))}.clp .tilt .face.on{opacity:1}.clp .tilt .sheen{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:.3;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.95) 45%,rgba(160,255,225,.9) 50%,rgba(255,200,255,.8) 55%,transparent 70%);background-size:250% 250%;background-position:var(--sx,30%) var(--sy,30%);-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:background-position .25s ease-out}.clp .tilt.idle .sheen{animation:clp-sheen 6s ease-in-out infinite}@keyframes clp-sheen{0%,to{background-position:10% 10%}50%{background-position:90% 90%}}.clp .dots{display:flex;gap:8px;margin-top:14px}.clp .dots button{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);border:0;padding:0;cursor:pointer;transition:background .2s,transform .2s}.clp .dots button.on{background:#fff;transform:scale(1.25)}.clp .scene{font-size:16px;font-weight:700;margin-top:40px;position:relative;min-height:1.6em}.clp .stage .back{position:absolute;width:150px;height:auto;filter:drop-shadow(0 16px 24px rgba(0,40,30,.3)) drop-shadow(0 0 1px rgba(0,0,0,.25));transition:opacity .6s}.clp .stage .b1{left:0;top:4%;transform:rotate(-10deg)}.clp .stage .b2{right:-2%;top:46%;width:136px;transform:rotate(8deg)}.clp .ticker{background:var(--black);color:#fff;overflow:hidden;white-space:nowrap;padding:16px 0;font-weight:800;font-size:18px}.clp .ticker .track{display:inline-flex;animation:clp-marquee 28s linear infinite}.clp .ticker span{display:inline-flex;align-items:center;gap:20px;padding-right:20px}.clp .ticker i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--logo)}@keyframes clp-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.clp .how .board{display:grid;grid-template-columns:7fr 5fr;gap:0;border-radius:24px;overflow:hidden;background:var(--pale);margin-top:48px}.clp .how .cm{position:relative;background:#000;min-height:100%}.clp .how .cm picture{display:block;height:100%}.clp .how .cm img,.clp .how .cm video{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}.clp .how .cm .pause{position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:14px;cursor:pointer}.clp .how ol{list-style:none;margin:0;padding:40px;display:flex;flex-direction:column;gap:28px;justify-content:center}.clp .how li{display:grid;grid-template-columns:40px 1fr;gap:14px}.clp .how li .n{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--link);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:18px}.clp .how li b{display:block;font-size:19px;margin-bottom:4px}.clp .how li p{font-size:15px;color:var(--gray)}.clp .samples{background:var(--pale)}.clp .shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 32px;margin-top:56px;perspective:1000px}.clp .shelf figure{margin:0;text-align:center}.clp .shelf .pic{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.clp .shelf figure:nth-child(odd) .pic{transform:rotate(-2.5deg)}.clp .shelf figure:nth-child(2n) .pic{transform:rotate(2deg) translateY(18px)}.clp .shelf figure:hover .pic{transform:rotate(0) translateY(-10px) scale(1.04)}.clp .shelf img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 24px rgba(0,60,45,.18)) drop-shadow(0 0 1px rgba(0,0,0,.3))}.clp .shelf figcaption{margin-top:18px;font-weight:700;font-size:15px}.clp .shelf figure:nth-child(2n) figcaption{margin-top:36px}.clp .shelf figcaption small{display:block;font-weight:500;font-size:13px;color:var(--gray)}.clp .page .board{display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:48px 64px;margin-top:48px}.clp .page .phone{width:260px;border-radius:36px;padding:10px;background:var(--black);box-shadow:0 30px 60px -20px rgba(0,40,30,.45)}.clp .page .phone img{display:block;width:100%;border-radius:28px}.clp .page ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}.clp .page li{padding-left:34px;position:relative}.clp .page li:before{content:"";position:absolute;left:0;top:4px;width:22px;height:22px;border-radius:50%;background:var(--mint)}.clp .page li:after{content:"";position:absolute;left:7px;top:9px;width:8px;height:5px;border-left:2.5px solid var(--deep);border-bottom:2.5px solid var(--deep);transform:rotate(-45deg)}.clp .page li b{display:block;font-size:19px}.clp .page li p{font-size:15px;color:var(--gray)}.clp .page li.kinds{border-top:1px solid var(--line);padding-top:20px;padding-left:0}.clp .page li.kinds:after,.clp .page li.kinds:before{content:none}.clp .page li.kinds b{font-size:15px;color:var(--gray);font-weight:700}.clp .page .chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.clp .page .chips span{font-size:13px;font-weight:700;color:var(--deep);background:var(--pale);border-radius:999px;padding:3px 12px}.clp .page li.kinds p{font-size:14px}.clp .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;counter-reset:s}.clp .steps li{list-style:none;background:var(--pale);border-radius:20px;padding:28px 24px;position:relative}.clp .steps .n{font-size:44px;font-weight:800;line-height:1;color:var(--green);margin-bottom:14px;display:block}.clp .steps .who{display:inline-block;font-size:12px;font-weight:700;color:var(--deep);background:#fff;border-radius:999px;padding:2px 10px;margin-bottom:10px}.clp .steps b{display:block;font-size:19px;margin-bottom:6px}.clp .steps p{font-size:15px;color:var(--gray)}.clp .flow{padding-top:0}.clp .pricing{background:var(--black);color:#fff}.clp .pricing .label{color:var(--logo)}.clp .pricing .lead{color:rgba(255,255,255,.78)}.clp .pricing .box{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:end;margin-top:48px;border-top:1px solid rgba(255,255,255,.18);padding-top:48px}.clp .pricing .big{font-size:150px;font-weight:800;line-height:.95;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.clp .pricing .big small{font-size:40px;letter-spacing:0;margin-left:6px}.clp .pricing .per{font-size:20px;font-weight:700;margin-bottom:10px;color:var(--logo)}.clp .pricing .sub{font-size:18px;font-weight:600;margin-top:16px;color:rgba(255,255,255,.85)}.clp .pricing ul{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:12px;font-size:17px;font-weight:600}.clp .pricing li{display:flex;gap:10px;align-items:baseline}.clp .pricing li:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--logo);transform:translateY(-2px)}.clp .pricing .more{margin-top:40px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;border-radius:16px;background:rgba(255,255,255,.07);padding:22px 28px;font-weight:700}.clp .pricing .more b{font-size:28px}.clp .faq .list{margin-top:40px;border-top:1px solid var(--line)}.clp .faq .item{padding:26px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:5fr 7fr;gap:32px}.clp .faq h3{font-size:19px;line-height:1.45}.clp .faq .item p{font-size:16px;color:var(--gray)}.clp .contact{background:var(--pale)}.clp .contact form{max-width:640px;margin-top:40px;display:flex;flex-direction:column;gap:20px}.clp .contact label{display:block;font-size:14px;font-weight:700;margin-bottom:6px}.clp .contact input,.clp .contact textarea{width:100%;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:14px 16px;font:inherit;font-size:16px;color:var(--ink)}.clp .contact input:focus,.clp .contact textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--mint)}.clp .contact .btn{align-self:flex-start;border:0;cursor:pointer}.clp .contact .btn:disabled{opacity:.6;cursor:wait}.clp .last{background:var(--green);color:#fff;text-align:center;position:relative;overflow:hidden}.clp .last .label{color:#fff}.clp .last h2{font-size:56px}.clp .last .lead{color:#fff;font-weight:600;margin:0 auto 36px}.clp .ft{background:var(--black);color:rgba(255,255,255,.75);padding:64px 0 40px;font-size:14px}.clp .ft .w{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}.clp .ft .brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:18px;margin-bottom:12px}.clp .ft .brand img{width:28px;height:28px}.clp .ft nav{display:flex;flex-wrap:wrap;gap:12px 28px;align-content:flex-start}.clp .ft nav a:hover{color:#fff}.clp .ft .www{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}.clp .ft .copy{flex-basis:100%;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:8px;font-size:12px}@media (max-width:1024px){.clp .w{padding:0 32px}.clp .hero h1{font-size:56px}.clp .tilt{width:280px}.clp .shelf{grid-template-columns:repeat(4,1fr);gap:32px 20px}.clp .steps{grid-template-columns:repeat(2,1fr)}.clp .pricing .big{font-size:110px}}@media (max-width:700px){.clp .w{padding:0 20px}.clp section{padding:80px 0}.clp section h2{font-size:32px}.clp section .lead{font-size:16px}.clp .hd .w{height:60px;gap:12px}.clp .hd .brand{font-size:18px}.clp .hd .brand small{display:none}.clp .hd nav{gap:14px;font-size:13px}.clp .hd nav .pc{display:none}.clp .hero .w{grid-template-columns:1fr;gap:8px;min-height:0;padding-top:24px;padding-bottom:48px}.clp .hero .tagline,.clp .pc-only{display:none}.clp .sp-only{display:block}.clp .stage .back{display:none}.clp .hero h1{font-size:36px;margin-bottom:12px}.clp .hero .lead{font-size:16px;margin-bottom:12px}.clp .hero .price{margin-bottom:16px}.clp .hero .price b{font-size:32px}.clp .hero .btn{width:100%}.clp .stage{order:-1;margin:4px 0 12px}.clp .tilt{width:150px}.clp .ping{width:180px;height:180px;margin:-90px 0 0 -90px}.clp .scene{margin-top:22px;font-size:15px}.clp .dots{margin-top:8px}.clp .ticker{font-size:15px;padding:12px 0}.clp .how .board{grid-template-columns:1fr;margin-top:32px}.clp .how .cm img,.clp .how .cm video{aspect-ratio:4/5}.clp .how ol{padding:28px 22px;gap:22px}.clp .shelf{grid-template-columns:repeat(2,1fr);gap:28px 20px;margin-top:40px}.clp .page .board{grid-template-columns:1fr;gap:36px;padding:32px 22px;justify-items:center;margin-top:32px}.clp .page .phone{width:220px}.clp .steps{grid-template-columns:1fr;gap:12px;margin-top:32px}.clp .steps li{display:grid;grid-template-columns:52px 1fr;column-gap:8px;padding:22px 20px}.clp .steps .n{font-size:36px;grid-row:span 4}.clp .steps .who{justify-self:start}.clp .pricing .box{grid-template-columns:1fr;gap:32px;padding-top:32px;margin-top:32px}.clp .pricing .big{font-size:84px}.clp .pricing .big small{font-size:28px}.clp .pricing .btn{width:100%}.clp .faq .item{grid-template-columns:1fr;gap:8px;padding:22px 0}.clp .faq h3{font-size:17px}.clp .contact .btn{width:100%}.clp .last h2{font-size:34px}.clp .last .btn{width:100%}}@media (prefers-reduced-motion:reduce){.clp .ping,.clp .ticker .track,.clp .tilt.idle,.clp .tilt.idle .sheen{animation:none}.clp .ping{display:none}.clp .btn,.clp .shelf .pic,.clp .tilt,.clp .tilt .face{transition:none}}