.services{--navy:#0b2437;--navy2:#123d59;--ink:#132b3d;--muted:#5f707b;--line:#dbe5ea;--orange:#f28a24;--blue:#2b83bd;--sky:#edf7fb;--cream:#faf7f1;--white:#fff;--green:#4aae73;box-sizing:border-box;scroll-behavior:smooth;color:var(--ink);background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;line-height:1.8;overflow-x:hidden}.services .wrap{width:min(1120px,100% - 48px);margin:auto}.services .hero{color:#fff;background:linear-gradient(135deg,#081c2b 0%,#123e5a 100%);padding:104px 0 96px;position:relative;overflow:hidden}.services .hero:before{content:"";background-image:radial-gradient(circle at 82% 25%,#53b6e238,#0000 30%),linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:auto,50px 50px,50px 50px;position:absolute;inset:0}.services .hero .wrap{position:relative}.services .eyebrow{color:#7ed2f5;letter-spacing:.18em;margin:0 0 18px;font-size:13px;font-weight:900}.services .hero h1{letter-spacing:-.04em;max-width:900px;margin:0;font-size:clamp(42px,6vw,72px);line-height:1.25}.services .hero h1 em{color:#ffc36e;font-style:normal}.services .hero p{color:#dceaf1;max-width:720px;margin:26px 0 0;font-size:18px}.services .hero-links{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.services .hero-link{color:#fff;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:9px;padding:12px 18px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.services .hero-link:before{content:"";background:var(--orange);border-radius:50%;width:8px;height:8px}.services .section{padding:104px 0}.services .section-head{text-align:center}.services .kicker{color:var(--blue);letter-spacing:.16em;margin:0 0 13px;font-size:13px;font-weight:900}.services .title{color:var(--navy);letter-spacing:-.035em;margin:0;font-size:clamp(32px,4.5vw,54px);line-height:1.35}.services .lead{max-width:760px;color:var(--muted);margin:20px auto 0;font-size:17px}.services .choose{background:var(--cream)}.services .choice-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px;display:grid}.services .choice{border:1px solid var(--line);background:#fff;border-radius:16px;padding:36px;position:relative;overflow:hidden}.services .choice:before{content:"";background:var(--orange);width:6px;height:100%;position:absolute;top:0;left:0}.services .choice.business:before{background:var(--blue)}.services .choice-tag{color:var(--orange);letter-spacing:.14em;font-size:12px;font-weight:900}.services .choice.business .choice-tag{color:var(--blue)}.services .choice h3{color:var(--navy);margin:12px 0 10px;font-size:25px;line-height:1.45}.services .choice p{color:var(--muted);margin:0;font-size:15px}.services .choice a{color:var(--navy);align-items:center;gap:8px;margin-top:23px;font-weight:900;text-decoration:none;display:inline-flex}.services .choice a:after{content:"→";color:var(--orange)}.services .choice.business a:after{color:var(--blue)}.services .choice.info:before{background:#41a879}.services .choice.info .choice-tag{color:#287e59}.services .choice.info a:after{color:#41a879}.services .services{background:#fff}.services .service-card{border:1px solid var(--line);border-radius:20px;grid-template-columns:.95fr 1.05fr;min-height:610px;margin-top:58px;display:grid;overflow:hidden;box-shadow:0 20px 60px #0f2f4314}.services .service-card+.service-card{margin-top:34px}.services .service-copy{padding:58px}.services .for{color:#b55d0a;background:#fff1df;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:900;display:inline-block}.services .service-card.solfit .for{color:#246f9f;background:#e9f4fa}.services .service-name{color:var(--navy);letter-spacing:-.04em;margin:20px 0 0;font-size:51px;line-height:1.2}.services .service-catch{color:var(--navy);margin:12px 0 0;font-size:25px;font-weight:900;line-height:1.5}.services .service-desc{color:var(--muted);margin:20px 0 0}.services .points{margin:28px 0 0;padding:0;list-style:none}.services .points li{border-bottom:1px solid #edf1f3;padding:8px 0 8px 29px;font-size:14px;position:relative}.services .points li:before{content:"✓";color:var(--green);font-weight:900;position:absolute;left:0}.services .btn{background:var(--orange);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:58px;margin-top:32px;padding:0 25px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 13px 28px #f28a2438}.services .solfit .btn{background:var(--blue);box-shadow:0 13px 28px #2b83bd33}.services .note-service{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:1.05fr .95fr;margin-top:34px;display:grid;overflow:hidden;box-shadow:0 20px 60px #0f2f4314}.services .note-service .service-copy{padding:50px 58px}.services .note-service .for{color:#287e59;background:#e8f7ef}.services .note-service .btn{background:#41a879;box-shadow:0 13px 28px #41a87933}.services .note-visual{background:linear-gradient(145deg,#e5f4eb,#9bd1b6);justify-content:center;align-items:center;padding:42px;display:flex}.services .note-board{background:#fff;border-radius:14px;width:100%;max-width:430px;padding:28px;transform:rotate(-2deg);box-shadow:0 28px 65px #11412b33}.services .note-logo{letter-spacing:-.04em;font-size:30px;font-weight:900}.services .note-logo span{color:#41a879}.services .note-article{border:1px solid var(--line);border-radius:9px;margin-top:15px;padding:16px}.services .note-article small{color:#41a879;font-weight:900}.services .note-article b{color:var(--navy);margin-top:5px;font-size:15px;line-height:1.5;display:block}.services .service-visual{background:linear-gradient(145deg,#fff0dc,#f7b85c);justify-content:center;align-items:center;padding:42px;display:flex;position:relative;overflow:hidden}.services .solfit .service-visual{background:linear-gradient(145deg,#ddecf4,#79b9dc)}.services .phone{background:#122d41;border:1px solid #0a24371f;border-radius:28px;width:280px;padding:12px;position:relative;transform:rotate(-3deg);box-shadow:0 35px 70px #0d2a3d40}.services .phone-screen{background:#fff;border-radius:20px;overflow:hidden}.services .phone-head{background:var(--navy);color:#fff;padding:17px;font-size:12px;font-weight:900}.services .phone-body{padding:22px}.services .phone-body small{color:var(--muted)}.services .phone-price{color:var(--orange);margin-top:10px;font-size:32px;font-weight:900}.services .phone-row{grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;display:grid}.services .phone-box{background:var(--sky);border-radius:8px;padding:12px;font-size:10px}.services .phone-box b{color:var(--navy);font-size:14px;display:block}.services .scan{text-align:center;color:var(--blue);border:1px dashed #b9cbd5;border-radius:8px;margin-top:16px;padding:16px;font-size:11px;font-weight:900}.services .laptop{background:#102d43;border-radius:15px;width:100%;max-width:500px;padding:15px 15px 27px;transform:rotate(2deg);box-shadow:0 35px 70px #0d2a3d40}.services .laptop-screen{background:#f5f9fb;border-radius:7px;padding:19px}.services .laptop-top{justify-content:space-between;font-size:11px;font-weight:900;display:flex}.services .laptop-sum{background:#fff;border-radius:8px;justify-content:space-between;align-items:end;margin-top:17px;padding:15px;display:flex}.services .laptop-sum b{color:var(--blue);font-size:25px}.services .laptop-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px;display:grid}.services .laptop-cards div{background:#fff;border-radius:7px;padding:11px 7px;font-size:9px}.services .laptop-cards b{color:var(--navy);font-size:13px;display:block}.services .bars{background:#fff;border-radius:8px;align-items:end;gap:7px;height:120px;margin-top:10px;padding:18px 12px 0;display:flex}.services .bars i{background:var(--blue);border-radius:3px 3px 0 0;flex:1}.services .bars i:nth-child(3n){background:var(--orange)}.services .compare{background:#f3f7f9}.services .compare-table{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:48px;overflow:hidden}.services .compare-row{grid-template-columns:1.1fr 1fr 1fr;display:grid}.services .compare-row>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 22px}.services .compare-row>div:last-child{border-right:0}.services .compare-row:last-child>div{border-bottom:0}.services .compare-row.head{background:var(--navy);color:#fff;font-weight:900}.services .compare-row.head>div:first-child{color:#b9ccd8}.services .compare-row:not(.head)>div:first-child{color:var(--muted);background:#f8fafb;font-weight:800}.services .compare-row b{color:var(--navy)}.services .trust{background:var(--navy);color:#fff}.services .trust-grid{grid-template-columns:1fr 1fr;align-items:start;gap:70px;display:grid}.services .trust .title{color:#fff}.services .trust p{color:#d5e3eb}.services .trust-list{margin:0;padding:0;list-style:none}.services .trust-list li{border-top:1px solid #ffffff2e;padding:19px 0}.services .trust-list li:last-child{border-bottom:1px solid #ffffff2e}.services .trust-list b{color:#7ed2f5;letter-spacing:.08em;font-size:13px;display:block}.services .final{color:#fff;text-align:center;background:linear-gradient(130deg,#ec7c16,#f7ab42);padding:90px 0}.services .final h2{margin:0;font-size:clamp(32px,4.5vw,51px);line-height:1.4}.services .final p{max-width:680px;margin:18px auto 0}.services .final-actions{justify-content:center;gap:14px;margin-top:30px;display:flex}.services .final-actions a{background:var(--navy);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:56px;padding:0 24px;font-weight:900;text-decoration:none;display:inline-flex}.services .final-actions a:last-child{color:var(--navy);background:#fff}@media (max-width:900px){.services .section,.services .hero{padding:80px 0}.services .choice-grid,.services .service-card,.services .note-service,.services .trust-grid{grid-template-columns:1fr}.services .service-card{min-height:0}.services .service-visual{min-height:500px}.services .compare-row{grid-template-columns:.85fr 1fr 1fr}.services .compare-row>div{padding:16px 13px}.services .final-actions{flex-direction:column;max-width:480px;margin:28px auto 0}}@media (max-width:520px){.services .wrap{width:min(100% - 30px,1120px)}.services .hero{padding:62px 0 66px}.services .hero h1{font-size:41px}.services .hero p,.services .lead{font-size:15px}.services .section{padding:65px 0}.services .choice{padding:28px}.services .service-copy{padding:32px 25px}.services .service-name{font-size:42px}.services .service-catch{font-size:21px}.services .service-visual{min-height:390px;padding:26px 18px}.services .phone{width:245px}.services .laptop{max-width:330px}.services .compare-table{border-radius:10px}.services .compare-row{grid-template-columns:1fr}.services .compare-row.head>div:first-child{display:none}.services .compare-row>div{border-right:0;padding:13px 16px}.services .compare-row:not(.head)>div:first-child{padding-top:20px}.services .compare-row:not(.head)>div:nth-child(2):before{content:"ソラカルテ：";color:var(--orange);font-size:12px;font-weight:900}.services .compare-row:not(.head)>div:nth-child(3):before{content:"Solfit：";color:var(--blue);font-size:12px;font-weight:900}.services .final{padding:70px 0}.services .final-actions a{width:100%}}.services .compare-scroll{margin-top:48px}.services .compare-hint{display:none}.services .compare-table{margin-top:0}@media (max-width:900px){.services .compare-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:6px;overflow-x:auto}.services .compare-hint{color:var(--muted);text-align:right;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.services .compare-table{min-width:640px}.services .compare-row{grid-template-columns:150px 1fr 1fr}.services .compare-row.head>div:first-child{display:block}.services .compare-row>div{border-right:1px solid var(--line);scroll-snap-align:start;padding:15px 16px}.services .compare-row>div:last-child{border-right:0}.services .compare-row:not(.head)>div:first-child{padding-top:15px}.services .compare-row>div:first-child{z-index:2;position:sticky;left:0}.services .compare-row.head>div:first-child{background:var(--navy)}.services .compare-row:not(.head)>div:first-child{background:#f8fafb}.services .compare-row:not(.head)>div:nth-child(2):before,.services .compare-row:not(.head)>div:nth-child(3):before{content:none}}@media (max-width:520px){.services .compare-row{grid-template-columns:120px 1fr 1fr}.services .compare-row>div{padding:13px 14px;font-size:13px}}