:root{--blue:#1558f5;--navy:#10205b;--red:#ff3a3f;--ink:#172343;--muted:#6d7790;--line:#e6eaf4;--pale:#f5f8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Noto Sans SC',Arial,sans-serif;color:var(--ink);background:#fff}.announce{height:34px;background:#10205b;color:#dce8ff;font-size:12px;text-align:center;line-height:34px;letter-spacing:.4px}.announce span{margin-left:13px;opacity:.65}header{height:78px;display:flex;align-items:center;max-width:1180px;margin:auto;justify-content:space-between}.brand{display:flex;align-items:center;color:var(--ink);text-decoration:none;gap:9px;font-size:22px;letter-spacing:-1px}.logo-p{display:grid;place-items:center;background:linear-gradient(135deg,#2474ff,#1644d9);color:#fff;width:34px;height:34px;border-radius:10px;font:bold 24px Arial;position:relative;font-style:normal}.logo-p:after{content:'';width:10px;height:8px;background:var(--red);position:absolute;right:2px;bottom:5px;border-radius:4px;transform:skew(-20deg)}nav{display:flex;gap:34px;margin-left:140px}nav a{font-size:14px;color:#58627a;text-decoration:none;transition:.2s}nav a:hover{color:var(--blue)}.btn{background:var(--red);color:white;text-decoration:none;border-radius:8px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:16px;box-shadow:0 9px 20px #ff3a3f35;transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 13px 25px #ff3a3f4a}.btn em{font-size:19px;font-style:normal}.btn-small{height:42px;padding:0 17px;font-size:14px}.hero{min-height:550px;background:linear-gradient(115deg,#f7faff 10%,#eef4ff 56%,#e9f1ff);overflow:hidden;position:relative;display:flex;gap:10px;padding:67px max(calc((100% - 1180px)/2),24px) 50px}.hero-copy{position:relative;z-index:2;width:52%}.eyebrow,.overline{font:600 12px 'DM Mono',monospace;color:var(--blue);letter-spacing:1.3px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:7px}.hero h1{font-size:52px;line-height:1.25;letter-spacing:-3px;margin:19px 0 13px}.hero h1 strong{color:var(--blue)}.hero-copy>p{color:#68728a;font-size:17px;line-height:1.9;margin:0 0 26px}.hero-actions{display:flex;gap:24px;align-items:center}.btn-main{height:56px;padding:0 24px;font-size:16px}.watch{font-size:14px;color:var(--ink);font-weight:700;text-decoration:none}.watch span{display:inline-grid;place-items:center;border:1px solid #c9d2e4;border-radius:50%;height:30px;width:30px;color:var(--blue);font-size:10px;margin-right:7px}.users{margin-top:35px;display:flex;align-items:center;gap:10px;font-size:12px}.faces{display:flex}.faces i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;margin-left:-6px;border:2px solid #eef4ff;border-radius:50%;background:#ffc6b0;font-size:9px;color:#b55f4f}.faces i:nth-child(2){background:#b8d4ff}.faces i:nth-child(3){background:#fde39b}.faces i:nth-child(4){background:#e4c3ff}.users b{font-size:13px}.users small{color:#788198}.hero-art{flex:1;position:relative;min-height:425px}.orbit{position:absolute;border:1px solid #c7dbff;border-radius:50%;width:430px;height:430px;right:-10px;top:-45px}.o2{width:340px;height:340px;right:35px;top:2px;border-style:dashed}.mascot{position:absolute;bottom:18px;left:95px;width:230px;height:355px;animation:float 4s ease-in-out infinite}.ground{height:29px;width:265px;background:#d8e5ff;border-radius:50%;position:absolute;bottom:3px;left:72px}.headphones{position:absolute;top:45px;left:22px;border:15px solid #174bc7;border-bottom:0;border-radius:120px 120px 0 0;width:184px;height:128px;z-index:4}.headphones:before,.headphones:after{content:'';position:absolute;width:28px;height:52px;background:#174bc7;border-radius:13px;top:67px}.headphones:before{left:-18px}.headphones:after{right:-18px}.ear{position:absolute;background:#b78058;width:42px;height:61px;border-radius:60% 60% 16px 16px;top:31px;z-index:1}.e1{left:38px;transform:rotate(-25deg)}.e2{right:35px;transform:rotate(25deg)}.horse-head{position:absolute;z-index:3;top:48px;left:40px;background:#cb9168;width:150px;height:150px;border-radius:44% 44% 48% 48%}.hair{position:absolute;top:-10px;left:48px;width:70px;height:38px;background:#674733;border-radius:60% 35% 50% 45%;transform:rotate(-12deg)}.eye{background:#172343;border-radius:50%;height:12px;width:10px;position:absolute;top:67px}.eye:after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;left:2px;top:2px}.eye.left{left:39px}.eye.right{right:39px}.muzzle{position:absolute;width:74px;height:41px;border-radius:50%;bottom:24px;left:38px;background:#e7b68f}.smile{position:absolute;border-bottom:2px solid #82533d;width:25px;height:11px;bottom:34px;left:62px;border-radius:50%}.neck{position:absolute;z-index:2;background:#bf825e;height:90px;width:74px;top:173px;left:78px}.body{position:absolute;z-index:4;width:190px;height:156px;bottom:0;left:20px;background:linear-gradient(120deg,#2867f1,#1744c9);border-radius:70px 70px 20px 20px}.hoodie-p{position:absolute;top:30px;left:80px;font:bold 47px Arial;color:#fff}.arm{position:absolute;background:#2867f1;z-index:5;width:52px;height:137px;border-radius:30px;bottom:10px}.a1{left:-7px;transform:rotate(24deg)}.a2{right:-10px;transform:rotate(-23deg)}.tablet{position:absolute;z-index:7;bottom:23px;left:45px;width:142px;height:92px;background:#19284f;border:6px solid #526795;border-radius:11px;transform:rotate(-14deg);display:grid;place-items:center;color:#80a9ff}.tablet b{font-size:28px}.tag{z-index:9;position:absolute;padding:10px 13px;border-radius:9px;background:#fff;box-shadow:0 12px 25px #5270b430;font-size:13px}.tag-img{top:64px;left:15px;color:var(--blue)}.tag-img b{margin-left:6px;color:#304360}.tag-pdf{right:5px;top:145px;color:#fff;background:#f2484d;font:bold 12px Arial}.tag-video{right:45px;bottom:91px;background:#6956e8;color:#fff;font-size:16px}.spark{position:absolute;color:#ffbb19;font-size:26px}.s1{right:21px;top:73px}.s2{left:57px;bottom:65px;color:#4f77ff}.trust{max-width:1100px;margin:-29px auto 0;z-index:4;position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:12px;box-shadow:0 12px 30px #263f7520}.trust article{padding:25px 28px;display:flex;gap:14px;align-items:center;border-right:1px solid #edf0f6}.trust article:last-child{border:0}.trust-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:11px;background:#edf3ff;color:var(--blue);font-size:24px}.shield{color:#0a9c78;background:#e5f8f1}.lock{color:#ff5961;background:#fff0f1}.trust h3{font-size:15px;margin:0 0 3px}.trust p{margin:0;color:#7f8799;font-size:12px}.trust article>b{margin-left:auto;color:#cbd2df;font:12px 'DM Mono'}.section{max-width:1180px;margin:0 auto;padding:105px 0}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section h2,.case-feature h2,.cta h2{font-size:34px;letter-spacing:-2px;margin:8px 0}.section-top p{font-size:14px;line-height:1.8;color:#7c8498;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-grid article{height:170px;border:1px solid var(--line);padding:22px;border-radius:10px;position:relative;transition:.25s;overflow:hidden}.service-grid article:not(.featured):hover{transform:translateY(-5px);border-color:#b7c8f4;box-shadow:0 12px 25px #2158aa13}.service-grid article>i{font-style:normal;display:grid;place-items:center;height:38px;width:38px;color:var(--blue);background:#edf3ff;border-radius:10px;font-weight:800}.service-grid h3{font-size:16px;margin:15px 0 5px}.service-grid p{font-size:12px;color:#8890a3;margin:0}.service-grid article>span{position:absolute;right:20px;bottom:17px;color:#b2bbcc}.service-grid .featured{background:linear-gradient(145deg,#2165f5,#193fc0);color:#fff;border:0}.featured>span{position:static!important;color:#afc8ff!important;font:12px 'DM Mono'}.featured h3{font-size:22px;margin:14px 0 3px}.featured p{color:#d5e2ff}.featured i{position:absolute;right:10px;bottom:-13px;background:none!important;color:#9bbdff!important;font-size:92px!important}.case-feature{background:#10205b;color:#fff;padding:95px max(calc((100% - 1180px)/2),24px);display:flex;gap:100px;align-items:center}.case-intro{width:43%}.case-intro .overline{color:#81a7ff}.case-feature h2{font-size:37px;line-height:1.32}.case-feature h2 strong{color:#7ea5ff}.case-intro>p{color:#b7c5e4;line-height:1.85;font-size:14px}.case-intro ul{list-style:none;padding:8px 0;margin:18px 0}.case-intro li{color:#d7e2fb;margin:10px 0;font-size:13px}.case-intro li:before{content:'✓';color:#6b98ff;margin-right:10px}.text-link{color:var(--blue);font-weight:700;text-decoration:none;font-size:14px}.case-intro .text-link{color:white}.text-link b{font-size:20px;margin-left:7px}.before-after{display:flex;align-items:center;gap:15px;flex:1}.photo-card{width:210px;height:260px;border-radius:9px;padding:14px;position:relative;overflow:hidden;background:linear-gradient(155deg,#e6c8a8,#a36d46 48%,#4b3529);box-shadow:0 17px 26px #06143c55}.photo-card:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,#0000 0 34px,#3c271c44 35px 39px)}.photo-card>span{position:relative;background:#253044c7;padding:5px 9px;border-radius:4px;font-size:11px}.photo-card .store{position:absolute;top:83px;left:19px;right:19px;background:#f6eee0;padding:13px;text-align:center;color:#513523;box-shadow:0 3px 8px #0005}.store b{display:block;font-size:22px;letter-spacing:1px}.store small{font:8px Arial;letter-spacing:2px}.photo-card p{position:absolute;top:163px;font:10px Arial;background:#303030c9;padding:6px;left:25px}.photo-card.after{background:linear-gradient(155deg,#e9b87d,#a15238 48%,#46301f)}.after .store{color:#9d3d35;background:#fff1e5}.after>i{position:absolute;bottom:15px;right:14px;background:#1fb187;color:#fff;padding:5px 7px;border-radius:4px;font-size:10px;font-style:normal}.arrow-change{font-size:32px;color:#89abff}.center-title{text-align:center}.center-title p{color:#7f879a;font-size:14px}.steps{display:flex;align-items:center;justify-content:space-between;margin-top:48px}.steps article{text-align:center;min-width:110px;position:relative}.steps article>b{font:11px 'DM Mono';color:#a4adbe}.steps article i{display:grid;place-items:center;margin:10px auto 12px;width:54px;height:54px;border-radius:50%;background:#edf3ff;color:var(--blue);font-size:23px;font-style:normal}.steps h3{font-size:14px;margin:0 0 5px}.steps p{font-size:11px;color:#8991a2;margin:0}.steps>span{color:#b9c4d8;margin-top:-36px}.gallery{background:#f6f8fc;padding:88px max(calc((100% - 1180px)/2),24px)}.gallery-tabs{display:flex;gap:31px;border-bottom:1px solid #dce2ec;margin-bottom:25px}.gallery-tabs>*{padding:0 0 13px;font-size:14px;color:#748097}.gallery-tabs b{color:var(--blue);border-bottom:2px solid var(--blue)}.case-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.case-grid article{height:215px;border-radius:9px;position:relative;overflow:hidden;padding:19px;color:#fff;background:#2f6289}.case-grid article:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071630a8,transparent 65%)}.case-grid span,.case-grid b{position:absolute;z-index:1}.case-grid span{bottom:17px;font-size:17px;font-weight:700}.case-grid b{font:10px 'DM Mono';top:17px;right:17px;opacity:.8}.case-a{background:linear-gradient(135deg,#1b2945,#2378a7)!important}.case-a:before{content:'晴空咖啡';position:absolute;background:#f6e0a8;color:#493419;font-size:29px;font-weight:bold;padding:12px;top:63px;left:50px;transform:rotate(-5deg)}.case-b{background:linear-gradient(135deg,#584ee6,#a260c6)!important}.case-b:before{content:'¥ 2,680.00';font:bold 33px Arial;position:absolute;top:86px;left:32px}.case-c{background:linear-gradient(135deg,#e9714f,#f8ba60)!important}.case-c:before{content:'2026.08.10';font:700 27px 'DM Mono';position:absolute;top:91px;left:28px}.notice{display:flex;justify-content:space-between}.notice-list{width:58%;border-top:1px solid var(--line)}.notice-list p{border-bottom:1px solid var(--line);padding:15px 0;margin:0;font-size:14px}.notice-list b{font:12px 'DM Mono';color:var(--red);margin-right:17px}.cta{max-width:1180px;margin:0 auto 70px;background:linear-gradient(100deg,#ff494c,#fa303a);color:#fff;border-radius:12px;min-height:268px;padding:42px 65px;display:flex;align-items:center;gap:34px;position:relative;overflow:hidden}.cta:after{content:'';position:absolute;width:350px;height:350px;border:50px solid #ff6c6d;border-radius:50%;right:-150px}.cta span{font:12px 'DM Mono';letter-spacing:1px}.cta h2{font-size:35px;line-height:1.24;margin:8px 0}.cta p{font-size:13px;margin:0;color:#ffe5e5}.cta-mascot{width:130px;height:130px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:38px;flex:none;position:relative;z-index:1}.cta-mascot span{position:absolute;font-size:52px;color:#c88b63;letter-spacing:0}.btn-light{background:#fff;color:var(--red);height:53px;padding:0 23px;z-index:2;margin-left:auto;box-shadow:none;white-space:nowrap}footer{border-top:1px solid #edf0f5;max-width:1180px;margin:auto;padding:28px 0 35px;display:flex;align-items:center;gap:20px}footer p{font-size:12px;color:#8d96a6;border-left:1px solid #dbe0e8;padding-left:20px}footer small{margin-left:auto;color:#a6adba;font:11px 'DM Mono'}@keyframes float{50%{transform:translateY(-12px)}}
@media(max-width:760px){header{padding:0 20px;height:65px}nav{display:none}.announce{font-size:10px}.hero{padding:48px 23px 30px;display:block;min-height:720px}.hero-copy{width:100%}.hero h1{font-size:38px;letter-spacing:-2px}.hero-art{min-height:300px;margin-top:20px;transform:scale(.75);transform-origin:top center}.mascot{left:calc(50% - 115px)}.ground{left:calc(50% - 132px)}.orbit{right:calc(50% - 210px)}.trust{margin:-17px 15px 0;display:block}.trust article{border-right:0;border-bottom:1px solid #edf0f6;padding:17px}.section{padding:65px 20px}.section-top{align-items:start}.section-top p{display:none}.service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-grid article{height:146px;padding:16px}.case-feature{display:block;padding:63px 24px}.case-intro{width:auto}.before-after{margin-top:35px;gap:7px}.photo-card{width:calc(50% - 18px);height:220px}.store b{font-size:17px}.arrow-change{font-size:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps>span{display:none}.gallery{padding:58px 20px}.gallery-tabs{gap:20px;overflow:auto;white-space:nowrap}.case-grid{grid-template-columns:1fr;gap:10px}.case-grid article{height:170px}.notice{display:block}.notice-list{width:100%;margin-top:25px}.cta{margin:0 15px 45px;padding:33px 24px;display:block}.cta-mascot{display:none}.cta h2{font-size:29px}.btn-light{margin-top:20px}footer{margin:0 20px;display:grid;gap:8px}footer small{margin:0}.brand{font-size:20px}}