:root{--bg:#f8fafc;--ink:#0f1830;--muted:#475569;--surface:#fff;--accent:#1e3a8a;--on-accent:#fff;--rule:#0f18301f;--rowband:#eceff2;--f:"IBM Plex Sans JP",sans-serif;--hw:500;--tx:1.12;--sp:1.4;--r:8px;--br:8px;--cw:1320px;--lh:25.6px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--f);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.9}a{color:inherit}.wrap{max-width:var(--cw);margin:0 auto;padding:0 40px}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}header{z-index:5;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);height:72px;position:fixed;inset:0 0 auto}header .in{max-width:var(--cw);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 40px;display:flex}.logo{align-items:center;text-decoration:none;display:inline-flex}.logo svg{height:var(--lh);width:auto;display:block}footer .logo svg{height:calc(var(--lh) * .8)}header nav{font-size:calc(14px * var(--tx));align-items:center;gap:32px;display:flex}header nav a{text-decoration:none}header nav a:not(.btn):hover{color:var(--muted)}.btn{border-radius:var(--br);height:48px;font-size:calc(15px * var(--tx));border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);justify-content:center;align-items:center;gap:10px;padding:0 26px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.86}header nav .btn{height:40px;font-size:calc(13.5px * var(--tx));padding:0 18px}.hero{padding:calc(72px + 48px * var(--sp)) 0 calc(56px * var(--sp));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.crumb{color:var(--muted);margin:0 0 28px;font-size:13px}.crumb a{text-decoration:none}.crumb a:hover{color:var(--ink)}.crumb span{opacity:.6;margin:0 8px}.who{color:var(--muted);letter-spacing:.04em;margin:0 0 8px;font-size:14px}.hero h1{font-weight:var(--hw);font-size:calc(clamp(26px,2.6vw,36px) * var(--tx));letter-spacing:.05em;margin:0 0 22px;line-height:1.5}.desc{font-size:calc(15.5px * var(--tx));margin:0 0 36px;line-height:2}.art{aspect-ratio:1.45;justify-self:center;width:100%;max-width:560px;position:relative}.art canvas{aspect-ratio:1;width:100%;transform:translateY(calc(-50% + var(--dy,0px)));display:block;position:absolute;inset:50% 0 auto}section.block{padding:calc(64px * var(--sp)) 0;scroll-margin-top:72px}h2{font-weight:var(--hw);font-size:calc(clamp(22px,2.2vw,30px) * var(--tx));letter-spacing:.05em;margin:10px 0 calc(32px * var(--sp));line-height:1.5}:root{--guide:color-mix(in srgb,var(--ink) 10%,transparent)}.flow{position:relative}.gd{pointer-events:none;display:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(#0000,#000 48px calc(100% - 48px),#0000)}.gd i{border-left:1px dashed var(--guide);position:absolute;top:0;bottom:0}.gd i:last-child{margin-left:-1px}.cmp{margin-top:calc(40px * var(--sp));overflow-x:auto}.duo{padding-left:7px;display:flex}.st3{grid-template-columns:176px 260px minmax(0,1fr) minmax(0,1fr);display:grid}.st3-hd,.st3-r{display:contents}.st3-hd div{letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--rule);padding:0 22px 14px;font-size:13px;font-weight:500}.st3-hd .k0,.st3-hd .k1{padding-left:0}.rh3{border-bottom:1px solid var(--rule);flex-direction:column;justify-content:center;gap:4px;padding:22px 20px 22px 0;display:flex}.rh3 b{font-weight:500;font-size:calc(13px * var(--tx));letter-spacing:.06em}.rh3 small{font-size:calc(14px * var(--tx));color:var(--ink);word-break:auto-phrase;font-weight:500}.rh3.h b,.rh3.h small,.st3-hd .k3{color:var(--accent)}.st3-r>div{border-bottom:1px solid var(--rule);font-size:calc(14px * var(--tx));align-items:center;gap:12px;padding:12px 22px;line-height:1.7;display:flex}.st3-r>.ly3{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:8px 22px 8px 0;position:relative}.st3-r>.ly3:before{content:"";z-index:-1;border:1px solid var(--rule);border-radius:8px;position:absolute;inset:8px 22px 8px 0}.st3-r.c>.ly3:before{background:var(--surface)}.st3-r.h>.ly3:before{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.st3-r>.ly3{isolation:isolate;padding:18px 40px 18px 18px}.ly3 b{font-weight:500;font-size:calc(16px * var(--tx))}.st3-r.h .ly3 b{color:var(--accent)}.ly3 small{color:var(--muted);font-size:12.5px;line-height:1.6}.no3{color:var(--muted)}.yes3{color:var(--ink);background:color-mix(in srgb,var(--accent) 4%,transparent)}.st3 .ic{border-radius:50%;flex:none;width:18px;height:18px;position:relative}.no3 .ic{border:1.3px solid color-mix(in srgb,var(--ink) 35%,transparent)}.no3 .ic:before,.no3 .ic:after{content:"";background:color-mix(in srgb,var(--ink) 45%,transparent);width:8px;height:1.3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.no3 .ic:after{transform:translate(-50%,-50%)rotate(-45deg)}.yes3 .ic{background:var(--accent)}.yes3 .ic:after{content:"";border-top-color: ;border-top-style: ;border-right-color: ;border-right-style: ;border-bottom-color: ;border-bottom-style: ;border-left-color: ;border-left-style: ;border-image-source: ;border-image-slice: ;border-image-width: ;border-image-outset: ;border-image-repeat: ;border-width:0 1.6px 1.6px 0;width:4px;height:8px;position:absolute;top:4px;left:6px;transform:rotate(45deg)}.yes3 .duo{flex:none;padding-left:7px}.yes3 .duo .pp{width:24px;height:28px}.merit.solo{border-top:0}#merit{padding-top:0}section.block:has(+#merit){padding-bottom:calc(32px * var(--sp))}.ap-merit{margin-top:calc(48px * var(--sp))}.merit.solo .cause:before,.merit.solo .cause:after{display:none}.merit.solo .cause{padding:0}.merit.solo .rh{padding-top:6px}.flow.lw{--lw:176px}.crew{grid-template-columns:var(--lw,176px) repeat(var(--n),minmax(0,1fr));min-width:820px;padding-bottom:20px;display:grid}.crew .rh{flex-direction:column;align-items:flex-start;gap:4px;padding:22px 20px 22px 0;display:flex}.crew .rh b{font-weight:500;font-size:calc(15px * var(--tx))}.crew .rh small{font-size:calc(14px * var(--tx));color:var(--ink);word-break:auto-phrase;margin-top:4px;font-weight:500;line-height:1.6}.crew .rh.us small{color:var(--accent)}.crew .rh b{font-size:calc(13px * var(--tx));letter-spacing:.06em}.crew .rh.us b{color:var(--accent)}.crew .rh:first-child,.crew .cl.them{border-block:1px solid var(--rule)}.crew .rh.us{padding-top:26px}.flow.lw .cmp{margin-top:24px}.crew .cl{z-index:1;flex-direction:column;align-items:stretch;gap:10px;padding:22px 10px;display:flex;position:relative}.crew .cl span{font-size:calc(13px * var(--tx));word-break:auto-phrase;padding:0 10px;line-height:1.6}.crew .cl.them span{color:var(--muted)}.crew .cl.us{padding-top:12px}.crew .cl.us span{color:var(--ink);font-weight:500;font-size:calc(14px * var(--tx))}.crew .bx{align-items:center;min-height:50px;padding:8px 12px 8px 17px;display:flex}.pp{width:28px;height:32px;stroke:var(--bg);stroke-width:2px;paint-order:stroke;margin-left:-7px}.pp.g{fill:color-mix(in srgb,var(--ink) 30%,var(--bg))}.crew .long{align-items:center;gap:12px;min-height:50px;margin:26px 10px 0;display:flex}.crew .long .ln{background:var(--accent);flex:1;height:2px;position:relative}.crew .long .ln.l:before,.crew .long .ln.r:after{content:"";border-top:2px solid var(--accent);border-right:2px solid var(--accent);width:10px;height:10px;position:absolute;top:50%}.crew .long .ln.l:before{left:1px;transform:translateY(-50%)rotate(-135deg)}.crew .long .ln.r:after{right:1px;transform:translateY(-50%)rotate(45deg)}.crew .long .gp{padding-left:7px}.gp{display:flex}.pp.h1{fill:var(--accent)}.pp.h2{fill:color-mix(in srgb,var(--accent) 55%,var(--surface))}.merit{border-top:1px solid var(--rule);margin-top:calc(32px * var(--sp));grid-template-columns:176px minmax(0,1fr);display:grid}.merit .rh{padding:6px 20px 0 0}.merit .rh b{font-weight:500;font-size:calc(15px * var(--tx));color:var(--accent);word-break:auto-phrase}.cause{grid-template-columns:minmax(0,1fr);align-items:center;gap:0 6px;padding:0;display:grid}.cause ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.cause li{background:var(--surface);box-shadow:0 1px 0 var(--rule),0 8px 24px -18px color-mix(in srgb,var(--ink) 40%,transparent);border-radius:10px;padding:20px 20px 22px}.cause li b{font-weight:500;font-size:calc(15.5px * var(--tx));color:var(--accent);margin-bottom:4px;display:block}.cause li small{font-size:calc(12.5px * var(--tx));color:var(--muted);line-height:1.7;display:block}@media (width>=1001px){.flow{padding-block:8px 24px}.flow .gd{display:block}.flow .steps{gap:0}.flow .steps li{background:linear-gradient(var(--ink),var(--ink)) 20px 26px / calc(100% - 40px) 1px no-repeat;border-top:0;padding:48px 20px 10px}.flow .steps li:before{top:26px;left:20px}.flow.lw{padding-left:var(--lw)}.flow.lw .gd{left:var(--lw)}.flow.lw:has(+.merit) .gd{-webkit-mask-image:linear-gradient(#0000,#000 48px);mask-image:linear-gradient(#0000,#000 48px)}.flow.lw:has(+.merit) .gd i:not(:first-child):not(:last-child){-webkit-mask-image:linear-gradient(#000 calc(100% - 40px),#0000);mask-image:linear-gradient(#000 calc(100% - 40px),#0000)}.merit{margin-top:0}.merit .rh{padding-top:calc(32px * var(--sp) + 6px)}.merit .cause{padding:calc(32px * var(--sp)) 20px 56px;position:relative}.merit .cause:before,.merit .cause:after{content:"";border-left:1px dashed var(--guide);position:absolute;top:0;bottom:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 48px),#0000);mask-image:linear-gradient(#000 calc(100% - 48px),#0000)}.merit .cause:before{left:0}.merit .cause:after{right:0}.flow.lw .cmp{margin-left:calc(-1 * var(--lw))}.flow.lw .crew{min-width:0}}.steps{grid-template-columns:repeat(var(--n),minmax(0,1fr));counter-reset:s 0;gap:20px;margin:0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid var(--ink);counter-increment:s 1;padding-top:22px;position:relative}.steps li:before{content:counter(s, decimal-leading-zero);background:var(--bg);letter-spacing:.1em;color:var(--accent);padding-right:10px;font-size:12px;font-weight:500;position:absolute;top:-1px;left:0;transform:translateY(-50%)}.steps .t{font-size:calc(16px * var(--tx));margin-bottom:8px;font-weight:500;line-height:1.6}.steps .s{font-size:calc(14px * var(--tx));color:var(--muted);line-height:1.9}.case{position:relative}#scope:has(~#checks) .steps li:before{background:var(--surface)}#scope:has(~#checks),#weight{position:relative}#scope:has(~#checks):before,#weight:before{content:"";background:var(--surface);box-shadow:0 0 0 100vmax var(--surface);clip-path:inset(0 -100vmax);z-index:-1;position:absolute;inset:0}.case:before{content:"";background:var(--rowband);box-shadow:0 0 0 100vmax var(--rowband);clip-path:inset(0 -100vmax);z-index:-1;position:absolute;inset:0}.cbody{max-width:1040px;margin-inline:auto}.cbody .ov{margin-top:calc(28px * var(--sp))}.cbody .ct{font-weight:var(--hw);font-size:calc(clamp(20px,2vw,26px) * var(--tx));letter-spacing:.05em;word-break:auto-phrase;margin:0;line-height:1.6}.ov{background:var(--surface);border-radius:var(--r);margin:0;padding:4px 28px}.ov>div{border-top:1px solid var(--rule);grid-template-columns:11em minmax(0,1fr);gap:24px;padding:18px 0;display:grid}.ov>div:first-child{border-top:0}.ov dt{font-size:calc(13.5px * var(--tx));color:var(--muted);padding-top:2px}.ov dd{font-size:calc(14.5px * var(--tx));margin:0;line-height:1.8}.ov .sub{font-size:calc(13.5px * var(--tx));color:var(--muted);display:block}.figs{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.figs li{line-height:1.7}.figs b{font-size:calc(17px * var(--tx));color:var(--accent);margin:0 2px;font-weight:500}.gt-wrap{margin-top:2px;overflow-x:auto}.gt{--lw:6.5em;--gap:12px;min-width:520px;font-size:calc(13px * var(--tx));position:relative}.gt:before{content:"";top:0;bottom:0;left:calc(var(--lw) + var(--gap));pointer-events:none;border-right:1px solid var(--rule);background:repeating-linear-gradient(90deg,var(--rule) 0 1px,transparent 1px calc(100% / var(--m)));position:absolute;right:0}.gt .gh,.gt .gl{grid-template-columns:var(--lw) minmax(0,1fr);gap:var(--gap);display:grid}.gt .mo{grid-template-columns:repeat(var(--m),minmax(0,1fr));color:var(--muted);border-bottom:1px solid var(--rule);padding:2px 0 8px;display:grid}.gt .mo span{text-align:center;white-space:nowrap}.gt .gl{border-bottom:1px solid var(--rule);padding:14px 0}.gt .gl:last-child{border-bottom:0;padding-bottom:4px}.gt .who{font-size:calc(13px * var(--tx));color:var(--ink);font-weight:500;line-height:18px}.gt .tr{flex-direction:column;gap:10px;display:flex}.gt .bar{margin-left:var(--x);width:var(--w);height:28px;position:relative}.gt .bar:before{content:"";background:var(--accent);border-radius:3px;height:6px;position:absolute;bottom:0;left:0;right:0}.gt .them .bar:before{background:color-mix(in srgb,var(--accent) 40%,var(--surface))}.gt .bar span{white-space:nowrap;line-height:18px;position:absolute;top:0;left:5px}.gt .bar.end span{left:auto;right:5px}.gt .bar.ms{width:0;height:18px}.gt .bar.ms:before{display:none}.gt .bar.ms i{background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:-6px}.gt .bar.ms span{left:12px}.gt .bar.ms.end span{left:auto;right:12px}.story{max-width:44em;margin:calc(56px * var(--sp)) auto 0}.case .story{max-width:none}.story h3{font-weight:var(--hw);font-size:calc(18px * var(--tx));letter-spacing:.04em;margin:calc(40px * var(--sp)) 0 12px}.story h3:first-child{margin-top:0}.story p{font-size:calc(15.5px * var(--tx));margin:0 0 1em;line-height:2.05}.story ul{margin:0;padding:0;list-style:none}.story li{font-size:calc(15.5px * var(--tx));margin-bottom:.4em;padding-left:1.4em;line-height:2.05;position:relative}.story li:before{content:"";border-top:1.5px solid var(--accent);width:.5em;position:absolute;top:.95em;left:.2em}.contact{padding:calc(72px * var(--sp)) 0;text-align:center}.contact h2{margin:12px 0 14px}.contact p{color:var(--muted);font-size:calc(15px * var(--tx));margin:0 0 32px}footer{background:color-mix(in srgb,var(--ink) 4%,var(--bg));color:var(--muted);padding:48px 0 120px;font-size:13px}footer .in{flex-wrap:wrap;justify-content:space-between;gap:32px;display:flex}footer .logo{color:var(--ink)}footer ul{flex-wrap:wrap;gap:28px;margin:0;padding:0;list-style:none;display:flex}footer a{text-decoration:none}footer a:hover{color:var(--ink)}footer .co{margin-top:10px;line-height:1.8}.sv{position:relative}.sv .gl{border-left:1px solid var(--rule);pointer-events:none;z-index:1;display:none;position:relative}.sv .hd2{letter-spacing:.06em;color:var(--muted);align-items:center;gap:14px;padding:0 22px 14px;font-size:13px;font-weight:500;display:flex}.sv .hd2.k3{color:var(--accent)}.sv .st3-hd div{border-bottom:0}.sv .yes3{background:0 0}.sv-a .st3-r>.ly3{padding:18px 22px}.sv-a .st3-r>.ly3:before{border:0;border-radius:0;inset:0}.sv .rh3{border-bottom:0}.sv .st3-r>div{border-bottom:0;border-top:1px solid var(--rule)}.sv .rh3.c,.sv .rh3.h{border-top:1px solid var(--rule)}.sv .st3>.end{border-top:1px solid var(--rule);grid-column:1/-1}@media (width>=1001px){.sv .gl{display:block}}@media (width<=860px){.sv .hd2{display:none}}.nx{margin-top:calc(20px * var(--sp));border:1px solid var(--rule);border-radius:var(--r);background:var(--bg);font-size:calc(14px * var(--tx));color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:16px 20px;display:flex}.nx a{color:var(--accent);border-bottom:1px solid;font-weight:500;text-decoration:none}.ckb-g{margin-bottom:calc(18px * var(--sp));flex-direction:column;gap:10px;display:flex}.ckb-g:last-child{margin-bottom:0}.ckb-g .rh{flex-direction:column;gap:4px;padding-right:20px;display:flex}.ckb-g .rh b{font-weight:500;font-size:calc(18px * var(--tx));letter-spacing:.02em;color:var(--accent);white-space:nowrap;line-height:1.5}.ckb{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ckb li{background:var(--surface);border:1px solid var(--rule);border-radius:10px;flex-direction:column;gap:6px;padding:18px 20px 20px;display:flex}.ckb b{font-weight:500;font-size:calc(15.5px * var(--tx))}.ckb small{font-size:calc(13px * var(--tx));color:var(--muted);line-height:1.75}.wt-p{max-width:none;word-break:auto-phrase;white-space:pre-line;font-size:calc(15px * var(--tx));margin:0 0 calc(28px * var(--sp));line-height:2}@media (width<=860px){.cka,.ckb-g,.ckc-g,.wt-ask,.wt-m,.ckb,.ckc{grid-template-columns:minmax(0,1fr)}}@media (width<=1000px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}@media (width<=860px){.st3{grid-template-columns:minmax(0,1fr)}.st3>*,.st3 .st3-r>div{grid-area:auto!important}.st3-hd{display:none}.st3-r>div{border-bottom:0}.st3-r>.yes3{border-bottom:1px solid var(--rule);margin-bottom:12px}.merit,.cause,.cause ul{grid-template-columns:minmax(0,1fr)}.merit,.cause{gap:16px}header .in,.wrap{padding:0 16px}header nav a:not(.btn){display:none}.hero{grid-template-columns:1fr;gap:16px}.art{order:-1;max-width:360px}.steps,.tl{grid-template-columns:1fr}.ov{padding:4px 20px}.ov>div{grid-template-columns:minmax(0,1fr);gap:4px}}.ap{border-bottom:1px solid var(--rule)}.ap-r{border-top:1px solid var(--rule);grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);display:grid}.ap-r>div{word-break:auto-phrase;font-size:calc(14.5px * var(--tx));padding:20px 24px 22px 0;line-height:1.85}.ap-r>div+div{border-left:1px solid var(--rule);padding-left:24px}.ap-h{border-top:0}.ap-h>div{font-size:calc(13px * var(--tx));letter-spacing:.04em;color:var(--muted);padding-top:0;padding-bottom:14px;font-weight:500}.ap-h>div+div{border-left:0}.ap-h .us{color:var(--accent)}.ap .k{color:var(--accent);font-weight:500;font-size:calc(15px * var(--tx))}.ap .no{color:var(--muted)}.ap-r .us{color:var(--ink);font-weight:500}@media (width<=860px){.ap-r{grid-template-columns:minmax(0,1fr)}.ap-h{display:none}.ap-r>div,.ap-r>div+div{border-left:0;padding:0}.ap-r{gap:6px;padding:18px 0}.ap .no:before{content:"AIの診断だけだと：";font-weight:500}.ap-r .us:before{content:"Heap が入ると：";color:var(--accent)}}