:root{color:#17191d;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f7f8fa;--ink:#17191d;--slate:#66707b;--line:#d9dee5;--blue:#315efb;--soft-blue:#e9efff;--page:min(1240px, calc(100vw - 64px));background:#f7f8fa;font-family:Inter,Arial,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.skip-link{z-index:20;background:var(--ink);color:#fff;padding:10px 14px;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header,.hero,.section,.site-footer{width:var(--page);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:84px;display:flex}.brand{letter-spacing:-.01em;flex-direction:column;gap:3px;display:flex}.brand-name{font-size:14px;font-weight:700}.brand-role{color:var(--slate);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:500}.site-header nav{color:var(--slate);gap:clamp(18px,3vw,40px);font-size:13px;display:flex}.site-header nav a,.site-footer a{transition:color .16s}.site-header nav a:hover,.site-footer a:hover{color:var(--blue)}.hero{grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);align-content:center;column-gap:56px;min-height:calc(100svh - 84px);padding-block:104px 88px;display:grid}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.065em;grid-column:1;max-width:960px;margin:0;font-size:clamp(54px,7vw,108px);font-weight:540;line-height:.94}.hero-cn{color:var(--slate);letter-spacing:.02em;grid-column:1;margin:32px 0 0;font-size:clamp(20px,2vw,28px)}.connection-map{color:var(--slate);letter-spacing:.08em;grid-area:1/2/span 4;align-self:center;justify-items:center;font-size:13px;display:grid}.connection-map span{z-index:1;border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:999px;min-width:116px;padding:16px 18px;position:relative}.connection-map span:nth-of-type(2){border-color:var(--blue);color:var(--blue);transform:translate(-28px)}.connection-map span:nth-of-type(3){transform:translate(22px)}.connection-map i{background:var(--line);width:1px;height:54px;transform:rotate(18deg)}.hero-link{border-bottom:1px solid var(--ink);grid-column:1;width:max-content;margin-top:72px;padding-bottom:8px;font-size:13px}.hero-link span{margin-left:10px;display:inline-block}.section{border-top:1px solid var(--line);align-content:center;min-height:100svh;padding-block:clamp(100px,13vw,180px);display:grid}.section-heading{margin-bottom:56px}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1}.hero.scene-reveal>*,.section.scene-reveal>*{transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.hero.scene-reveal:not(.is-scene-visible)>*,.section.scene-reveal:not(.is-scene-visible)>*{opacity:0;transform:translateY(16px)}.section-cn{color:var(--slate);margin:15px 0 0;font-size:20px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.case-studies{border-top:1px solid var(--line);width:100%}.case-project{--case-accent:#1687f8;isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.case-project+.case-project{border-top:1px solid #071b3d14}.case-project--photoruction{background:linear-gradient(#fff 0 22%,#f9fcff 41%,#e8f4fd 100%)}.case-project--photoruction:after{content:"";z-index:-1;border:34px solid #76ccfa47;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-380px;right:-300px}.case-project--kyujin{background:radial-gradient(circle at 16% 76%,#219ade1f,#0000 34%),linear-gradient(#fff 0 25%,#f7fbff 50%,#edf7ff 100%)}.case-project--kyujin:before{content:"";z-index:-1;opacity:.38;background-image:radial-gradient(#45a7dd 1.6px,#0000 1.6px);background-size:13px 13px;width:min(430px,34vw);height:620px;position:absolute;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.case-project--nfa{--case-accent:#ee6b20;background:radial-gradient(circle at 9% 82%,#f5a46636,#0000 31%),radial-gradient(circle at 78% 55%,#ffffffd1,#0000 34%),linear-gradient(#fff 0 25%,#fffaf1 55%,#f6ead9 100%)}.case-project__inner{width:min(1440px,100%);min-height:100svh;margin-inline:auto;padding:76px clamp(32px,4vw,56px) 92px;position:relative}.case-project__header{grid-template-columns:58% 42%;align-items:end;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);display:grid}.case-project:not(.is-scene-visible) .case-project__header{opacity:0;transform:translateY(12px)}.case-project__eyebrow{color:var(--case-accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:700}.case-project__header h3{color:#071b3d;letter-spacing:-.055em;margin:0;font-size:clamp(58px,5.1vw,72px);font-weight:520;line-height:.92}.case-project--kyujin .case-project__header h3{letter-spacing:-.045em;font-size:clamp(48px,4.2vw,59px)}.case-project__summary{color:#62718a;justify-self:end;width:min(400px,100%);margin:0 8px 2px 0;font-size:14px;line-height:1.7}.photoruction-tabs{gap:clamp(48px,7.6vw,110px);margin-top:42px;display:flex}.photoruction-tab{color:#73839a;text-align:left;cursor:pointer;background:0 0;border:0;width:130px;padding:0 0 15px;position:relative}.photoruction-tab small{letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:9px;display:block}.photoruction-tab span{font-size:13px;font-weight:500}.photoruction-tab:after{content:"";border-top:2px solid var(--case-accent);width:0;transition:width .25s;position:absolute;bottom:0;left:0}.photoruction-tab[aria-selected=true]{color:#071b3d}.photoruction-tab[aria-selected=true]:after{width:100%}.photoruction-tab:focus-visible{outline:2px solid var(--case-accent);outline-offset:5px}.case-stage{height:498px;transition:opacity .6s cubic-bezier(.22,1,.36,1) 60ms,transform .6s cubic-bezier(.22,1,.36,1) 60ms;position:relative}.case-project:not(.is-scene-visible) .case-stage{opacity:0;transform:translateY(18px)}.case-stage--photoruction{margin-top:28px}.case-stage--kyujin,.case-stage--nfa{margin-top:76px}.case-stage figure{margin:0}.case-stage img{display:block}.photoruction-panel{position:absolute;inset:0}.photoruction-panel:not([hidden]){animation:.3s both case-panel-in}.photoruction-panel[hidden]{display:none}@keyframes case-panel-in{0%{opacity:0;transform:translateY(6px)}}.report-source,.report-main,.order-overview,.order-main,.chat-before,.chat-after,.kyujin-step,.kyujin-preview,.nfa-pc,.nfa-sp{position:absolute;overflow:hidden;box-shadow:0 16px 30px #1a304e2b}.report-source{filter:saturate(.7);width:19%;height:292px;top:105px;left:8%}.report-source img{width:192%;height:auto;transform:translate(-8%,-44%)}.report-source figcaption,.chat-before figcaption,.chat-after figcaption{z-index:2;color:#3c506c;letter-spacing:.1em;text-transform:uppercase;background:#ffffffe0;padding:8px 10px;font-size:8px;position:absolute;top:0;left:0}.report-main{background:#fff;height:490px;top:0;right:6%}.report-main img,.order-main img,.chat-after img{object-fit:contain;width:auto;height:100%}.visual-arrow{border-top:1px solid #4daaf1;position:absolute}.visual-arrow:after{content:"";border-top:1px solid #4daaf1;border-right:1px solid #4daaf1;width:7px;height:7px;position:absolute;top:-4px;right:0;transform:rotate(45deg)}.visual-arrow--report{width:8%;top:257px;left:27%}.order-overview{width:19%;height:474px;top:0;left:8%}.order-overview img{object-fit:cover;object-position:center top;width:100%;height:100%}.order-viewport{background:#148be00f;border:2px solid #148be0;width:68%;height:24%;position:absolute;top:37%;left:16%}.visual-arrow--order{width:8%;top:237px;left:27%}.order-main{background:#fff;height:474px;top:0;right:8%}.chat-before{opacity:.82;filter:saturate(.68);width:28%;height:356px;top:68px;left:2%}.chat-before img{width:auto;height:108%;transform:translate(-24%)}.chat-before figcaption,.chat-after figcaption{color:#fff;background:#071b3dc7}.visual-arrow--chat{width:9%;top:243px;left:31%}.chat-after{background:#fff;height:486px;top:0;right:4%}.chat-after figcaption{top:12px;left:12px}.kyujin-step{width:237px;height:482px;top:0;left:25%}.kyujin-preview{width:140px;height:482px;top:0;right:27%}.kyujin-step img,.kyujin-preview img{object-fit:cover;width:100%;height:100%}.nfa-pc{width:61%;height:482px;top:0;left:7%;box-shadow:0 16px 30px #583e222b}.nfa-pc img{object-fit:cover;object-position:center 22%;width:100%;height:100%}.nfa-sp{z-index:2;border-radius:12px;width:252px;height:482px;top:0;right:8%;box-shadow:0 16px 30px #583e222e}.nfa-sp img{width:100%;height:auto}.case-project__relationship,.case-project__link{color:#5f718d;margin:0;font-size:11px;transition:opacity .6s cubic-bezier(.22,1,.36,1) .1s,transform .6s cubic-bezier(.22,1,.36,1) .1s;position:absolute;bottom:42px}.case-project:not(.is-scene-visible) .case-project__relationship,.case-project:not(.is-scene-visible) .case-project__link{opacity:0;transform:translateY(16px)}@media (width>=901px) and (height>=840px){.case-studies{height:300svh}.case-project.scene-exit-left,.case-project.scene-exit-right,.case-project.scene-enter-left,.case-project.scene-enter-right{z-index:30;will-change:transform;width:100%;height:100svh;min-height:100svh;transition:transform .56s cubic-bezier(.76,0,.24,1);position:fixed;inset:0}.case-project.scene-enter-left,.case-project.scene-enter-right{z-index:30}.case-project.scene-exit-left,.case-project.scene-exit-right{z-index:31;transform:translate(0)}.case-project.scene-enter-right,.case-project.scene-enter-left{transform:translate(0)}body.is-case-transition-active .case-project.scene-exit-left{transform:translate(-100%)}body.is-case-transition-active .case-project.scene-exit-right{transform:translate(100%)}body.is-case-transition-active .case-project.scene-enter-right,body.is-case-transition-active .case-project.scene-enter-left{transform:translate(0)}.case-project.scene-exit-left .case-project__header,.case-project.scene-exit-left .case-stage,.case-project.scene-exit-left .case-project__relationship,.case-project.scene-exit-left .case-project__link,.case-project.scene-exit-right .case-project__header,.case-project.scene-exit-right .case-stage,.case-project.scene-exit-right .case-project__relationship,.case-project.scene-exit-right .case-project__link,.case-project.scene-enter-left .case-project__header,.case-project.scene-enter-left .case-stage,.case-project.scene-enter-left .case-project__relationship,.case-project.scene-enter-left .case-project__link,.case-project.scene-enter-right .case-project__header,.case-project.scene-enter-right .case-stage,.case-project.scene-enter-right .case-project__relationship,.case-project.scene-enter-right .case-project__link{opacity:1;transform:none}}.case-project__relationship{left:clamp(32px,4vw,56px)}.case-project__relationship:before{content:"";border-top:1px solid var(--case-accent);width:25px;margin:0 11px 3px 0;display:inline-block}.case-project__link{letter-spacing:.11em;text-transform:uppercase;font-size:10px;transition:color .16s;right:clamp(32px,4vw,56px)}.case-project__link:hover{color:var(--case-accent)}.case-project--nfa .case-project__relationship{color:#b6501b}.split-heading{grid-template-columns:1fr minmax(280px,.55fr);align-items:end;gap:48px;display:grid}.split-heading>p{max-width:460px;color:var(--slate);margin:0;font-size:16px;line-height:1.8}.insight-list{border-top:1px solid var(--line)}.insight-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,.24fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);min-width:0;padding-block:24px;display:grid}.insight-visual{background:#e7ebf1;place-items:center;min-height:128px;display:grid;position:relative;overflow:hidden}.insight-visual>span{color:var(--slate);letter-spacing:.1em;font-size:11px;position:absolute;top:14px;left:16px}.insight-visual>div{aspect-ratio:1;background:#ffffffb8;border:1px solid #315efb40;width:42%}.insight-visual--1>div{border-radius:50% 50% 12%;transform:rotate(18deg)}.insight-visual--2>div{aspect-ratio:1.25;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:24px 24px;width:62%}.insight-visual--3>div{clip-path:polygon(50% 0,100% 35%,82% 100%,18% 100%,0 35%);width:58%}.insight-copy{grid-template-columns:minmax(130px,.3fr) minmax(220px,.65fr) minmax(240px,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding:0;display:grid}.insight-copy>p:first-child{color:var(--slate);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px}.insight-item h3{margin:0;font-size:22px;font-weight:520}.insight-summary{color:var(--slate);margin:0;line-height:1.8}.journey-section{grid-template-columns:minmax(240px,.55fr) minmax(0,1fr);align-items:start;gap:clamp(64px,10vw,140px);display:grid}.journey-heading{margin-bottom:0;position:static}.journey-heading>p:last-child{max-width:330px;color:var(--slate);margin:28px 0 0;line-height:1.8}.journey-list{margin:0;padding:0 0 0 34px;list-style:none;position:relative}.journey-list:before{content:"";background:var(--line);width:1px;position:absolute;top:11px;bottom:11px;left:6px}.journey-list li{min-height:220px;padding:0 0 56px 28px;position:relative}.journey-list li:last-child{min-height:auto;padding-bottom:0}.journey-node{border:3px solid var(--paper);background:var(--blue);width:13px;height:13px;box-shadow:0 0 0 1px var(--blue);border-radius:50%;position:absolute;top:6px;left:-34px}.journey-period,.company-type{color:var(--slate);font-size:12px}.journey-list h3{margin:8px 0 10px;font-size:clamp(24px,2.5vw,36px);font-weight:520}.journey-list p{line-height:1.7}.company-type{margin:0}.journey-summary{max-width:520px;color:var(--slate);margin:24px 0 0}.contact{grid-template-rows:1fr auto;min-height:100svh;padding-bottom:0;display:grid}.contact__content{flex-direction:column;justify-content:center;padding-block:clamp(100px,13vw,180px);display:flex}.contact h2{letter-spacing:-.055em;max-width:980px;margin:0;font-size:clamp(46px,6.2vw,88px);font-weight:500;line-height:1.02}.contact-link{border-bottom:1px solid var(--ink);width:max-content;margin-top:64px;padding-bottom:9px;font-size:15px;transition:color .16s,border-color .16s}.contact-link:hover{color:var(--blue);border-color:var(--blue)}.site-footer{border-top:1px solid var(--line);width:100%;color:var(--slate);letter-spacing:.04em;justify-content:space-between;margin-inline:0;padding-block:28px 36px;font-size:11px;display:flex}@media (width<=900px){:root{--page:min(100% - 40px, 760px)}.hero{grid-template-columns:1fr;min-height:auto}.section{min-height:auto;display:block}.connection-map{grid-area:auto/1;justify-self:end;width:42%;margin-top:-70px}.case-project,.case-project__inner{min-height:auto}.case-project__inner{padding:64px 24px 108px}.case-project__header{grid-template-columns:1fr;gap:24px}.case-project__summary{justify-self:start;width:min(520px,100%);margin:0}.photoruction-tabs{scrollbar-width:thin;gap:24px;margin:36px -3px 0;padding:3px 3px 10px;overflow-x:auto}.photoruction-tab{flex:0 0 130px}.case-stage--photoruction{height:620px;margin-top:28px}.case-stage--kyujin,.case-stage--nfa{height:auto;margin-top:52px}.photoruction-panel{align-content:center;gap:28px;display:grid}.report-source,.report-main,.order-overview,.order-main,.chat-before,.chat-after,.kyujin-step,.kyujin-preview,.nfa-pc,.nfa-sp{margin-inline:auto;position:relative;inset:auto}.visual-arrow{display:none}.report-source{width:min(280px,72%);height:190px}.report-main{width:min(100%,680px);height:auto}.report-main img,.order-main img,.chat-after img{width:100%;height:auto}.order-overview{width:min(260px,70%);height:250px}.order-main{width:min(100%,680px);height:auto}.chat-before{width:min(320px,78%);height:210px}.chat-after{width:min(100%,680px);height:auto}.case-stage--kyujin{grid-template-columns:minmax(210px,322px) minmax(120px,180px);justify-content:center;align-items:stretch;gap:clamp(28px,8vw,72px);display:grid}.kyujin-step,.kyujin-preview{width:100%;height:auto}.kyujin-step img,.kyujin-preview img{height:auto}.case-stage--nfa{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:28px;display:grid}.nfa-pc,.nfa-sp{width:100%;height:420px}.case-project__relationship,.case-project__link{bottom:42px}.case-project__relationship{left:24px}.case-project__link{right:24px}.split-heading{grid-template-columns:1fr}.insight-copy{grid-template-columns:minmax(120px,.35fr) minmax(200px,.65fr)}.insight-summary{grid-column:1/-1}.journey-section{grid-template-columns:1fr;gap:64px}.journey-heading{position:static}}@media (width<=620px){:root{--page:calc(100% - 32px)}.site-header{align-items:flex-start;min-height:112px;padding-block:22px}.site-header nav{text-align:right;grid-template-columns:repeat(2,auto);gap:10px 20px;display:grid}.hero{padding-block:80px 64px}.hero h1{font-size:clamp(48px,15vw,72px)}.connection-map{justify-self:stretch;width:100%;margin-top:72px}.hero-link{margin-top:64px}.case-project__inner{padding-inline:16px}.case-project__header h3,.case-project--kyujin .case-project__header h3{font-size:clamp(46px,14vw,64px)}.case-project--kyujin .case-project__header h3{font-size:clamp(38px,11vw,46px)}.case-project__header{padding-inline:4px}.photoruction-tabs{gap:12px;padding-inline:4px;overflow:visible}.photoruction-tab{flex:1 1 0;width:auto;min-width:0}.photoruction-tab small{letter-spacing:.1em;font-size:7px}.photoruction-tab span{font-size:11px}.case-stage--photoruction{height:540px}.report-source{width:68%;height:150px}.order-overview{width:64%;height:190px}.chat-before{width:72%;height:170px}.case-stage--kyujin,.case-stage--nfa{grid-template-columns:1fr;gap:28px;display:grid}.kyujin-step{width:min(237px,88%);height:auto}.kyujin-preview{width:min(140px,54%);height:auto}.nfa-pc{width:100%;height:300px}.nfa-sp{width:min(252px,72%);height:482px}.case-project__relationship,.case-project__link{margin-top:42px;display:block;position:static}.case-project__relationship{line-height:1.6}.case-project__link{width:max-content}.insight-item{grid-template-columns:112px minmax(0,1fr);gap:20px}.insight-visual{min-height:104px}.insight-copy{display:block}.insight-item h3{margin-top:7px;font-size:19px}.insight-summary{display:none}.journey-list{padding-left:28px}.journey-list li{padding-left:18px}.journey-node{left:-28px}.contact{min-height:520px}.contact-link{overflow-wrap:anywhere;max-width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero.scene-reveal:not(.is-scene-visible)>*,.section.scene-reveal:not(.is-scene-visible)>*,.case-project:not(.is-scene-visible) .case-project__header,.case-project:not(.is-scene-visible) .case-stage,.case-project:not(.is-scene-visible) .case-project__relationship,.case-project:not(.is-scene-visible) .case-project__link{opacity:1;transform:none}}