:root{--blue:#1463ff;--blue2:#38a3ff;--navy:#0f172a;--muted:#5e6b82;--line:#e4ebf5;--pale:#f5f9ff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,system-ui,sans-serif;color:var(--navy);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1200px,calc(100% - 72px));margin-inline:auto}.skip{position:absolute;top:-80px;left:12px;background:#fff;padding:12px;z-index:30}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(218,229,245,.75);transition:box-shadow .25s}.header.scrolled{box-shadow:0 10px 30px rgba(15,23,42,.055)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:195px;height:auto}.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}.nav>a:not(.nav-contact){transition:color .2s}.nav>a:hover{color:var(--blue)}.nav-contact{padding:13px 21px;border-radius:40px;color:white;background:var(--blue);box-shadow:0 6px 20px rgba(20,99,255,.2)}.nav-contact span{margin-left:14px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#fff 24%,#f4faff 75%,#e5f3ff);padding:70px 0 20px}.hero-glow{position:absolute;width:520px;height:520px;background:radial-gradient(circle,rgba(96,175,255,.18),transparent 70%);top:-180px;right:8%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:51% 49%;align-items:center;min-height:530px}.hero-copy{position:relative;z-index:2;padding:30px 0 45px}.eyebrow,.kicker{font-size:13px;font-weight:800;letter-spacing:.15em;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:28px;height:2px;background:var(--blue)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(45px,4.8vw,75px);letter-spacing:-.075em;line-height:1.36;margin:30px 0 23px;font-weight:900}.hero h1 em,.strength h2 em{color:var(--blue);font-style:normal}.hero-desc{font-size:16px;line-height:2.05;color:#3e4d65}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:17px 27px;border-radius:50px;font-weight:800;font-size:14px;transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 14px 26px rgba(20,99,255,.22)}.btn-primary:hover{box-shadow:0 17px 32px rgba(20,99,255,.33)}.btn-outline{border:1px solid #d7e2f3;background:#fff}.btn-outline:hover{box-shadow:0 12px 25px rgba(15,23,42,.09)}.hero-note{font-size:12px;letter-spacing:.08em;color:#7d8ba3;margin:25px 0 0}.hero-visual{position:relative;height:495px;margin-right:calc((min(1200px,100vw - 72px) - (100vw - 72px))/2);border-radius:30px 0 0 30px}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(245,250,255,.25),rgba(255,255,255,0) 50%),url('assets/hero-workspace.webp');background-size:cover;background-position:55% center;border-radius:30px 0 0 30px;box-shadow:0 35px 70px rgba(43,99,160,.12)}.hero-visual:after{content:'';position:absolute;inset:0;border-radius:30px 0 0 30px;border:1px solid rgba(255,255,255,.5);pointer-events:none}.visual-badge{position:absolute;bottom:32px;left:-40px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:17px 20px;border-radius:14px;box-shadow:0 12px 32px rgba(15,23,42,.12);font-size:10px;letter-spacing:.18em;font-weight:800}.badge-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3ccda5;margin-right:8px}.hero-corner{position:absolute;right:25px;top:25px;font-size:11px;letter-spacing:.22em;font-weight:900;color:#fff;text-align:right;text-shadow:0 1px 10px #264364}.hero-bottom{display:flex;align-items:center;gap:20px;color:#8a9ab0;font-size:10px;letter-spacing:.22em;padding:15px 0}.scroll-line{width:72px;height:1px;background:#a6b9d6}.section{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-head h2,.about h2,.strength h2{font-size:clamp(34px,3.6vw,54px);line-height:1.4;letter-spacing:-.06em;margin:14px 0 0}.section-intro{max-width:390px;font-size:14px;line-height:2;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{min-height:350px;display:flex;flex-direction:column;position:relative;padding:30px 25px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px rgba(29,72,125,.09);border-color:#bdd7ff}.primary-service{background:linear-gradient(145deg,#f3f8ff,#fff);border-color:#c8dcff}.service-icon{font-size:36px;color:var(--blue);line-height:1;margin-bottom:30px}.service-num{font-size:10px;letter-spacing:.14em;color:#92a3bd;margin-bottom:14px}.service-card h3{font-size:18px;letter-spacing:-.04em;margin-bottom:13px}.service-card p{font-size:13px;line-height:1.9;color:var(--muted)}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.tag-row span{font-size:10px;padding:6px 9px;border-radius:5px;background:#e7f0ff;color:#285aab}.text-link{display:inline-flex;align-items:center;gap:22px;color:var(--blue);font-size:13px;font-weight:800;margin-top:auto;padding-top:18px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.works{background:var(--pale)}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card{min-width:0}.work-visual{height:250px;border-radius:16px;position:relative;display:grid;place-items:center;overflow:hidden;transition:transform .3s}.work-card:hover .work-visual{transform:translateY(-5px)}.visual-order{background:linear-gradient(135deg,#cde4ff,#679de9)}.visual-schedule{background:linear-gradient(135deg,#d2edfc,#6fc5d5)}.visual-web{background:linear-gradient(135deg,#d8e1fa,#778ccf)}.work-visual-label{position:absolute;left:18px;bottom:15px;font-size:10px;color:#fff;font-weight:800;letter-spacing:.18em}.mock-app{background:#fff;border-radius:9px;box-shadow:0 20px 35px #2b5e9b40;width:78%;height:68%;padding:12px 16px;transform:rotate(-4deg)}.mock-top{display:flex;gap:5px;padding-bottom:14px;border-bottom:1px solid #e5edf8}.mock-top i{width:7px;height:7px;border-radius:50%;background:#adc7e9}.mock-title{height:12px;width:35%;background:#235be3;border-radius:3px;margin:17px 0}.mock-row{height:13px;background:linear-gradient(90deg,#e5edf8 30%,#c8daf2 30%,#c8daf2 62%,#e5edf8 62%);border-radius:3px;margin-bottom:11px}.mock-row.short{width:75%}.calendar-mock{background:#fff;width:80%;height:65%;border-radius:12px;padding:25px 18px;box-shadow:0 18px 35px #2b5e9b30;transform:rotate(3deg)}.calendar-head{font-size:9px;color:#5b7698;letter-spacing:.08em;text-align:center;margin-bottom:17px}.calendar-cells{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.calendar-cells b{height:28px;border-radius:5px;background:#e5f1ff}.calendar-cells b:nth-child(3n){background:#73b8f8}.calendar-cells b:nth-child(7){background:#3278e8}.mock-browser{width:80%;height:70%;background:white;border-radius:9px;overflow:hidden;box-shadow:0 18px 35px #2b5e9b40;transform:rotate(-3deg)}.mock-browser-head{height:19px;background:#e7edfb}.mock-browser-hero{font-size:27px;line-height:1.05;letter-spacing:-.08em;padding:18px 22px;color:#24395d}.mock-browser-hero strong{color:#2267ec}.mock-browser-boxes{display:flex;gap:8px;padding:0 22px}.mock-browser-boxes i{height:27px;flex:1;background:#e8f0fc;border-radius:4px}.work-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;color:var(--blue);font-weight:800;margin:21px 0 10px}.work-meta span{color:#8a9db9}.work-card h3{font-size:20px;margin-bottom:9px}.work-card p{font-size:13px;color:var(--muted);line-height:1.9}.works-note{font-size:11px;color:#71829d;margin-top:30px}.strength{background:#0f172a;color:#fff}.strength-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.strength h2{margin:20px 0 22px}.strength-inner>div>p:not(.kicker){max-width:410px;font-size:14px;line-height:2.2;color:#b8c7df}.strength-list{border-top:1px solid #334259}.strength-item{display:grid;grid-template-columns:36px 1fr 15px;gap:12px;padding:26px 0;border-bottom:1px solid #334259}.strength-item>span{color:#5a9cff;font-size:12px}.strength-item h3{font-size:17px;margin-bottom:10px}.strength-item p{font-size:12px;line-height:1.9;color:#aebed5;margin:0}.strength-item b{color:#5a9cff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.about-lead{font-size:17px!important;font-weight:700;color:#243751!important}.about-grid>div>p:not(.kicker){line-height:2.1;color:var(--muted);font-size:14px;margin:22px 0}.about-panel{background:#f4f8ff;border:1px solid #e4edfb;border-radius:20px;padding:35px}.about-panel>p{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--blue);margin-bottom:20px}.about-panel dl{margin:0}.about-panel dl>div{display:grid;grid-template-columns:95px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid #dce7f7;font-size:13px}.about-panel dt{color:#6c7e99}.about-panel dd{margin:0;font-weight:700;line-height:1.7}.about-panel>span{display:block;margin-top:25px;color:#a1b6d3;font-size:10px;letter-spacing:.2em}.flow{background:#f7faff}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.flow-item{padding:26px 20px;border-top:2px solid var(--blue);background:#fff;border-radius:0 0 12px 12px}.flow-item span{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em}.flow-item h3{font-size:19px;margin:21px 0 12px}.flow-item p{color:var(--muted);font-size:13px;line-height:1.9}.contact{background:linear-gradient(130deg,#0751d9,#1463ff 55%,#38a3ff);color:#fff;text-align:center;position:relative;overflow:hidden}.contact:before{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff30;border-radius:50%;top:-350px;right:-100px;box-shadow:0 0 0 85px #ffffff08,0 0 0 170px #ffffff06}.contact-inner{position:relative}.contact .kicker{color:#d9ebff}.contact h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.06em;line-height:1.4;margin:24px 0}.contact p:not(.kicker){font-size:15px;line-height:2;color:#e7f2ff;margin-bottom:30px}.btn-light{background:#fff;color:#1358e5}.contact small{display:block;margin-top:18px;color:#d5e8ff;font-size:11px}.footer{padding:36px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo img{width:150px}.footer-inner>div{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;font-weight:700}.footer-inner>div a:hover{color:var(--blue)}.footer p{font-size:11px;color:#7b8aa3;margin:0}.back-to-top{position:fixed;right:22px;bottom:22px;width:43px;height:43px;border:0;border-radius:50%;background:var(--navy);color:#fff;box-shadow:0 6px 20px #0f172a33;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s;z-index:10}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1000px){.nav{gap:18px;font-size:12px}.brand img{width:170px}.hero h1{font-size:clamp(42px,5.3vw,60px)}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:300px}.strength-inner{gap:40px}.about-grid{gap:40px}.footer-inner{flex-wrap:wrap}}@media(max-width:720px){.container{width:min(100% - 36px,520px)}.header-inner{min-height:68px}.brand img{width:155px}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.menu-toggle span{height:2px;width:19px;background:var(--navy);transition:.2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;box-shadow:0 20px 30px #0f172a15;padding:24px 22px;flex-direction:column;align-items:stretch;gap:22px}.nav.open{display:flex}.nav-contact{text-align:center}.hero{padding:34px 0 20px}.hero-grid{display:flex;flex-direction:column;min-height:auto}.hero-copy{width:100%;padding:0 0 32px}.hero h1{font-size:clamp(40px,9vw,58px);margin:22px 0}.eyebrow{font-size:11px}.hero-desc{font-size:14px}.desktop-only{display:none}.hero-actions{gap:10px}.btn{padding:14px 18px;font-size:12px;gap:16px}.hero-visual{width:100%;height:300px;margin:0;border-radius:18px}.hero-image,.hero-visual:after{border-radius:18px}.visual-badge{left:14px;bottom:15px;padding:12px;font-size:8px}.hero-corner{font-size:9px}.hero-bottom{padding-top:24px}.section{padding:72px 0}.section-head{display:block;margin-bottom:28px}.section-head h2,.about h2,.strength h2{font-size:35px}.section-intro{margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:240px}.service-icon{margin-bottom:20px}.works-grid{grid-template-columns:1fr;gap:34px}.work-visual{height:240px}.strength-inner,.about-grid{grid-template-columns:1fr;gap:35px}.strength h2{font-size:38px}.flow-grid{grid-template-columns:repeat(2,1fr);gap:10px}.flow-item{padding:22px 16px}.flow-item h3{font-size:16px}.flow-item p{font-size:12px}.contact h2{font-size:40px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-inner>div{gap:16px}}@media(max-width:390px){.hero h1{font-size:37px}.hero-actions{flex-direction:column;align-items:stretch}.flow-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}