.WebDesignPage{background:var(--theme-background);color:var(--theme-text)}.WebDesignPage .WebDesign-container{width:min(1120px,100% - 120px);margin-inline:auto}.WebDesignPage .WebDesign-eyebrow{font:600 13px/1.4 var(--font-en);letter-spacing:.1em;margin-bottom:25px}.WebDesignPage .WebDesign-eyebrow span{color:var(--theme-accent);margin-left:24px}.WebDesignPage .WebDesign-section-head h2{letter-spacing:.02em;font-size:clamp(28px,3.2vw,44px);font-weight:700;line-height:1.5}.WebDesignPage .WebDesign-text-link{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:40px;padding-block:15px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.WebDesignPage .WebDesign-text-link span{font-size:24px;font-weight:400;transition:transform .25s}.WebDesignPage .WebDesign-text-link:hover span{transform:translate(3px,-3px)}.WebDesignPage .WebDesign-hero{padding:112px 0 80px;position:relative}.WebDesignPage .WebDesign-breadcrumb{color:#697282;flex-wrap:wrap;gap:16px;margin-bottom:48px;font-size:11px;display:flex}.WebDesignPage .WebDesign-breadcrumb a{text-decoration:none}.WebDesignPage .WebDesign-hero-title{font:700 clamp(54px, 8.9vw, 122px)/.96 var(--font-en);letter-spacing:-.055em;z-index:2;position:relative}.WebDesignPage .WebDesign-hero-title span{display:block}.WebDesignPage .WebDesign-hero-body{grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin-top:-55px;display:grid}.WebDesignPage .WebDesign-hero-copy{z-index:2;padding-top:90px;position:relative}.WebDesignPage .WebDesign-service-name{margin-bottom:24px;font-size:13px}.WebDesignPage .WebDesign-hero-copy h2{font-size:clamp(28px,3.2vw,42px);font-weight:700;line-height:1.55}.WebDesignPage .WebDesign-hero-copy>p:last-of-type{margin-block:22px 30px;font-size:15px;line-height:1.9}.WebDesignPage .WebDesign-hero-image{height:400px;position:relative}.WebDesignPage .WebDesign-hero-image:before{content:"";filter:blur(26px);background:#d9eaff;border-radius:45% 55% 40% 60%;position:absolute;inset:-15px -40px 5px 25px}.WebDesignPage .WebDesign-hero-image img{object-fit:cover;object-position:center 48%;border-radius:52% 48% 42% 58%/46% 38% 62% 54%;width:100%;height:100%;position:relative}.WebDesignPage .WebDesign-menu{color:var(--theme-on-dark);background:var(--theme-text);border-radius:48% 52% 0 0/35px 22px 0 0;position:relative}.WebDesignPage .WebDesign-menu .WebDesign-section-head{grid-template-columns:1fr 1fr;gap:12px 50px;display:grid}.WebDesignPage .WebDesign-menu .WebDesign-section-head .WebDesign-eyebrow{color:var(--hero-mesh-highlight);grid-column:1/-1}.WebDesignPage .WebDesign-menu .WebDesign-section-head>p:last-child{align-self:end}.WebDesignPage .WebDesign-menu-item{border-top:1px solid var(--theme-dark-border);grid-template-columns:36px 1fr 1.5fr;align-items:start;gap:28px;padding-block:34px;display:grid}.WebDesignPage .WebDesign-menu-item:last-child{border-bottom:1px solid var(--theme-dark-border)}.WebDesignPage .WebDesign-number{font:500 13px/1.5 var(--font-en);letter-spacing:.08em;color:var(--theme-accent)}.WebDesignPage .WebDesign-menu .WebDesign-number{color:var(--hero-mesh-highlight)}.WebDesignPage .WebDesign-small-en{font:500 11px/1.5 var(--font-en);color:#adb6c6;letter-spacing:.05em;margin-bottom:9px}.WebDesignPage .WebDesign-menu-item h3{font-size:28px;font-weight:700}.WebDesignPage .WebDesign-menu-item h4{margin-bottom:13px;font-size:18px;font-weight:700;line-height:1.6}.WebDesignPage .WebDesign-menu-item p:last-child{font-size:14px;line-height:1.9}.WebDesignPage .WebDesign-feature{grid-template-columns:1fr 1fr;align-items:center;gap:85px;margin-top:64px;display:grid}.WebDesignPage .WebDesign-feature figure{height:290px}.WebDesignPage .WebDesign-feature img{object-fit:cover;border-radius:42% 58% 48% 52%/48% 40% 60% 52%;width:100%;height:100%}.WebDesignPage .WebDesign-feature-reverse img{border-radius:58% 42% 54% 46%/40% 55% 45% 60%}.WebDesignPage .WebDesign-feature h3{margin-block:18px;font-size:30px;font-weight:700;line-height:1.55}.WebDesignPage .WebDesign-split{grid-template-columns:1fr 1.25fr;gap:70px;display:grid}.WebDesignPage .WebDesign-split .WebDesign-section-head{margin:0}.WebDesignPage .WebDesign-scope-list>div{border-top:1px solid #cbd7e8;padding-block:24px}.WebDesignPage .WebDesign-scope-list>div:last-child{border-bottom:1px solid #cbd7e8}.WebDesignPage .WebDesign-scope-list dt{margin-bottom:10px;font-size:18px;font-weight:700}.WebDesignPage .WebDesign-flow-list{grid-template-columns:repeat(5,1fr);gap:25px;list-style:none;display:grid}.WebDesignPage .WebDesign-flow-list li{border-top:2px solid var(--theme-accent);padding-top:20px}.WebDesignPage .WebDesign-flow-list span{font:500 28px/1.2 var(--font-en);color:var(--theme-accent)}.WebDesignPage .WebDesign-flow-list h3{margin-block:18px 12px;font-size:17px;font-weight:700}.WebDesignPage .WebDesign-flow-list p{font-size:13px;line-height:1.9}.WebDesignPage .WebDesign-works{padding-block:50px 80px}.WebDesignPage .WebDesign-works-inner{justify-content:space-between;align-items:center;gap:35px;display:flex}.WebDesignPage .WebDesign-works-inner h2{font-size:32px;font-weight:700}.WebDesignPage .WebDesign-works-inner .WebDesign-eyebrow{margin-bottom:14px}.WebDesignPage .WebDesign-contact-anchor{scroll-margin-top:80px}.WebDesignPage .WebDesign-related{padding-block:60px}.WebDesignPage .WebDesign-related p:last-child{margin-top:18px;font-size:14px;line-height:1.9}.WebDesignPage .Footer__info{display:none}@media (width<=767px){.WebDesignPage .WebDesign-container{width:calc(100% - 44px)}.WebDesignPage .WebDesign-section{padding-block:64px}.WebDesignPage .WebDesign-section-head{margin-bottom:32px}.WebDesignPage .WebDesign-eyebrow{margin-bottom:18px;font-size:11px}.WebDesignPage .WebDesign-section-head h2{font-size:28px}.WebDesignPage .WebDesign-section-head>p:last-child:not(:first-child){font-size:14px}.WebDesignPage .WebDesign-hero{padding-top:92px;padding-bottom:54px}.WebDesignPage .WebDesign-breadcrumb{margin-bottom:34px;font-size:10px}.WebDesignPage .WebDesign-hero-title{font-size:clamp(43px,11.8vw,84px);line-height:1}.WebDesignPage .WebDesign-hero-body{flex-direction:column;align-items:stretch;gap:32px;margin-top:30px;display:flex}.WebDesignPage .WebDesign-hero-copy{padding-top:0}.WebDesignPage .WebDesign-hero-copy h2{font-size:28px}.WebDesignPage .WebDesign-service-name{margin-bottom:20px;font-size:12px}.WebDesignPage .WebDesign-hero-copy>p:last-of-type{font-size:14px}.WebDesignPage .WebDesign-hero-image{height:270px}.WebDesignPage .WebDesign-menu .WebDesign-section-head{display:block}.WebDesignPage .WebDesign-menu-item{grid-template-columns:28px 1fr;gap:10px 12px;padding-block:28px}.WebDesignPage .WebDesign-menu-item>div:last-child{grid-column:2}.WebDesignPage .WebDesign-menu-item h3{font-size:24px}.WebDesignPage .WebDesign-menu-item h4{margin-top:12px;font-size:16px}.WebDesignPage .WebDesign-feature{grid-template-columns:1fr;gap:26px;margin-top:44px}.WebDesignPage .WebDesign-feature figure{height:240px}.WebDesignPage .WebDesign-feature-reverse figure{order:0}.WebDesignPage .WebDesign-feature h3{margin-block:13px 16px;font-size:26px}.WebDesignPage .WebDesign-feature div>p:last-child{font-size:14px}.WebDesignPage .WebDesign-split{grid-template-columns:1fr;gap:30px}.WebDesignPage .WebDesign-flow-list{grid-template-columns:1fr;gap:0}.WebDesignPage .WebDesign-flow-list li{border-top-width:1px;border-color:var(--theme-border);grid-template-columns:36px 1fr;gap:5px 14px;padding-block:20px;display:grid}.WebDesignPage .WebDesign-flow-list span{grid-row:1/3;font-size:21px}.WebDesignPage .WebDesign-flow-list h3{margin:0}.WebDesignPage .WebDesign-flow-list p{grid-column:2}.WebDesignPage .WebDesign-works-inner{flex-direction:column;align-items:flex-start;gap:22px}.WebDesignPage .WebDesign-works-inner h2{font-size:28px}.WebDesignPage .WebDesign-text-link{gap:32px}.WebDesignPage .WebDesign-works{padding-top:0;padding-bottom:55px}.WebDesignPage .WebDesign-related{padding-block:45px}}.WebDesignPage{isolation:isolate;background:var(--theme-background);position:relative}.WebDesignPage .WebDesign-hero,.WebDesignPage .WebDesign-features,.WebDesignPage .WebDesign-flow{isolation:isolate;position:relative;overflow:visible}.WebDesignPage .WebDesign-container{z-index:1;position:relative}.WebDesignPage .WebDesign-field{z-index:0;pointer-events:none;position:absolute}.WebDesignPage .WebDesign-field>svg{width:100%;height:100%;position:absolute;inset:0}.WebDesignPage .WebDesign-field--hero-upper{width:70%;height:430px;top:0;right:-16%}.WebDesignPage .WebDesign-field--hero-lower{width:100%;height:650px;bottom:-180px;left:-24%}.WebDesignPage .WebDesign-field--features{width:110%;height:1300px;bottom:-180px;left:-10%}.WebDesignPage .WebDesign-field--flow{width:65%;height:620px;top:-70px;right:-22%}.WebDesignPage .WebDesign-container{width:min(1120px,100% - 140px)}.WebDesignPage .WebDesign-hero{min-height:980px;padding:0}.WebDesignPage .WebDesign-hero>.WebDesign-container{min-height:980px;position:relative}.WebDesignPage .WebDesign-breadcrumb{margin:0;position:absolute;top:126px;left:0}.WebDesignPage .WebDesign-hero>.WebDesign-container>.WebDesign-eyebrow{font-size:15px;position:absolute;top:270px;left:0}.WebDesignPage .WebDesign-service-name{font-size:22px;font-weight:700;position:absolute;top:305px;left:0}.WebDesignPage .WebDesign-hero-title{letter-spacing:-.045em;z-index:3;font-size:clamp(76px,8.6vw,120px);line-height:.94;position:absolute;top:360px;left:0}.WebDesignPage .WebDesign-hero-body{margin:0;display:block}.WebDesignPage .WebDesign-hero-image{width:60%;height:480px;position:absolute;top:155px;left:24%}.WebDesignPage .WebDesign-hero-image:before{display:none}.WebDesignPage .WebDesign-hero-image img{clip-path:url(#web-design-header-mask);object-position:center 48%;border-radius:0}.WebDesignPage .WebDesign-hero-copy{padding:0;position:static}.WebDesignPage .WebDesign-hero-copy h2{writing-mode:vertical-rl;letter-spacing:.1em;font-size:31px;line-height:1.8;position:absolute;top:158px;right:0}.WebDesignPage .WebDesign-hero-copy>p:last-of-type{margin:0;font-size:18px;line-height:2;position:absolute;top:760px;left:38%}.WebDesignPage .WebDesign-hero-copy>.WebDesign-text-link{position:absolute;top:760px;left:0}.WebDesignPage .WebDesign-section-head>.WebDesign-eyebrow{letter-spacing:-.05em;margin:0;font-size:clamp(64px,7.4vw,104px);font-weight:700;line-height:1}.WebDesignPage .WebDesign-features .WebDesign-section-head>.WebDesign-eyebrow{isolation:isolate;position:relative}.WebDesignPage .WebDesign-eyebrow .WebDesign-feature-end{color:inherit;margin:0;position:relative}.WebDesignPage .WebDesign-feature-end:after{content:"";opacity:.5;filter:blur(16px);z-index:-1;pointer-events:none;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20320%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23d5f5ff%22%2F%3E%3Cstop%20offset%3D%22.26%22%20stop-color%3D%22%2399d9ff%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%236c9cf4%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%23b3baf7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e6f4ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M10%20200%20C60%2095%20245%2020%20370%2058%20C440%2085%20470%2035%20560%2025%20C670%2010%20780%2060%20787%20135%20C795%20225%20655%20265%20550%20270%20C470%20275%20420%20240%20335%20267%20C185%20317%20-25%20300%2010%20200Z%22%20fill%3D%22url\(%23g\)%22%2F%3E%3C%2Fsvg%3E);background-size:100% 100%;border-radius:0;width:clamp(320px,44vw,800px);height:clamp(160px,18vw,320px);position:absolute;top:50%;left:55%;transform:translateY(-50%)rotate(-10deg)}.WebDesignPage .WebDesign-subtitle{letter-spacing:.05em;margin-top:14px;font-size:20px;font-weight:700}.WebDesignPage .WebDesign-section-head h2{margin-top:55px;font-size:36px}.WebDesignPage .WebDesign-menu{color:var(--theme-text);background:0 0;border-radius:0;padding-top:40px}.WebDesignPage .WebDesign-menu .WebDesign-section-head{display:block}.WebDesignPage .WebDesign-menu .WebDesign-section-head .WebDesign-eyebrow{color:var(--theme-text)}.WebDesignPage .WebDesign-menu .WebDesign-section-head>p:last-child{max-width:550px;margin-left:44%}.WebDesignPage .WebDesign-menu-item{border-color:#bfcad7;grid-template-columns:80px .8fr 1.35fr;gap:28px;padding-block:40px}.WebDesignPage .WebDesign-menu-item:last-child{border-color:#bfcad7}.WebDesignPage .WebDesign-menu .WebDesign-number{color:var(--theme-text);letter-spacing:-.06em;font-size:50px;font-weight:700;line-height:1}.WebDesignPage .WebDesign-small-en{color:#637086}.WebDesignPage .WebDesign-menu-item p:last-child{font-size:15px;font-weight:400}.WebDesignPage .WebDesign-feature{gap:70px;min-height:400px;margin-top:120px}.WebDesignPage .WebDesign-feature figure{order:2;height:370px;position:relative}.WebDesignPage .WebDesign-feature-reverse figure{order:0}.WebDesignPage .WebDesign-feature img{object-position:center;border-radius:12px}.WebDesignPage .WebDesign-feature .WebDesign-number{color:var(--theme-text);margin-bottom:25px;padding-bottom:15px;font-size:22px;font-weight:700;line-height:1.7;position:relative}.WebDesignPage .WebDesign-feature .WebDesign-number:after{content:"";transform-origin:0;background:#52647b;width:85px;height:1px;position:absolute;bottom:3px;left:-12px;transform:rotate(-42deg)}.WebDesignPage .WebDesign-feature div>p:last-child{font-weight:400;line-height:2}.WebDesignPage .WebDesign-feature-reverse figure>img:first-child{width:75%;height:78%;position:absolute;top:0;left:0}.WebDesignPage .WebDesign-feature figure>.WebDesign-feature-secondary{width:57%;height:60%;position:absolute;bottom:-18px;right:-5%;box-shadow:0 12px 36px #15284318}.WebDesignPage .WebDesign-scope{background:0 0}.WebDesignPage .WebDesign-scope .WebDesign-eyebrow{font-size:clamp(60px,6vw,84px)}.WebDesignPage .WebDesign-flow-list{grid-template-columns:1fr;gap:0;margin-left:22%}.WebDesignPage .WebDesign-flow-list li{border-top:1px solid #bfcad7;grid-template-columns:45px 180px 1fr;align-items:baseline;gap:24px;padding-block:28px;display:grid}.WebDesignPage .WebDesign-flow-list li:last-child{border-bottom:1px solid #bfcad7}.WebDesignPage .WebDesign-flow-list h3{margin:0;font-size:19px}.WebDesignPage .WebDesign-flow-list p{font-size:14px;font-weight:400}.WebDesignPage .WebDesign-flow-list span{color:var(--theme-text);font-weight:700}.WebDesignPage .WebDesign-works-inner h2{font-size:28px}.WebDesignPage .WebDesign-works-inner .WebDesign-eyebrow{letter-spacing:-.04em;font-size:48px;font-weight:700;line-height:1}.WebDesignPage .WebDesign-related{background:var(--theme-background)}.WebDesignPage .WebDesign-mask-defs{pointer-events:none;position:absolute}@media (width<=767px){.WebDesignPage .WebDesign-field--hero-upper{width:110%;height:300px;top:30px;right:-40%}.WebDesignPage .WebDesign-field--hero-lower{width:145%;height:380px;bottom:-65px;left:-48%}.WebDesignPage .WebDesign-field--features{width:170%;height:900px;bottom:-120px;left:-35%}.WebDesignPage .WebDesign-field--flow{width:120%;height:390px;top:30px;right:-50%}.WebDesignPage .WebDesign-container{width:calc(100% - 44px)}.WebDesignPage .WebDesign-hero,.WebDesignPage .WebDesign-hero>.WebDesign-container{min-height:1000px}.WebDesignPage .WebDesign-breadcrumb{font-size:10px;top:108px}.WebDesignPage .WebDesign-hero>.WebDesign-container>.WebDesign-eyebrow{font-size:13px;top:210px}.WebDesignPage .WebDesign-service-name{font-size:17px;top:242px}.WebDesignPage .WebDesign-hero-title{font-size:clamp(58px,18vw,125px);line-height:.97;top:282px}.WebDesignPage .WebDesign-hero-image{width:90%;height:320px;top:405px;left:10%}.WebDesignPage .WebDesign-hero-copy h2{writing-mode:horizontal-tb;letter-spacing:.02em;font-size:25px;line-height:1.55;top:760px;left:0;right:auto}.WebDesignPage .WebDesign-hero-copy>p:last-of-type{font-size:14px;line-height:1.9;top:866px;left:0}.WebDesignPage .WebDesign-hero-copy>.WebDesign-text-link{font-size:12px;top:932px;left:0}.WebDesignPage .WebDesign-section{padding-block:65px}.WebDesignPage .WebDesign-section-head{margin-bottom:40px}.WebDesignPage .WebDesign-section-head>.WebDesign-eyebrow{font-size:clamp(48px,13vw,80px)}.WebDesignPage .WebDesign-subtitle{margin-top:12px;font-size:15px}.WebDesignPage .WebDesign-section-head h2{margin-top:35px;font-size:27px}.WebDesignPage .WebDesign-menu .WebDesign-section-head>p:last-child{margin-left:0}.WebDesignPage .WebDesign-menu-item{grid-template-columns:45px 1fr;gap:12px 18px;padding-block:30px}.WebDesignPage .WebDesign-menu .WebDesign-number{font-size:36px}.WebDesignPage .WebDesign-menu-item p:last-child{font-size:14px}.WebDesignPage .WebDesign-feature{gap:32px;min-height:0;margin-top:60px}.WebDesignPage .WebDesign-feature figure{order:0;height:250px}.WebDesignPage .WebDesign-feature-reverse figure{margin-bottom:15px}.WebDesignPage .WebDesign-feature .WebDesign-number{margin-bottom:24px;padding-bottom:13px;font-size:18px}.WebDesignPage .WebDesign-feature h3{font-size:25px}.WebDesignPage .WebDesign-feature figure>.WebDesign-feature-secondary{bottom:-20px;right:0}.WebDesignPage .WebDesign-scope .WebDesign-eyebrow{font-size:52px}.WebDesignPage .WebDesign-flow-list{margin-left:0}.WebDesignPage .WebDesign-flow-list li{grid-template-columns:36px 1fr;align-items:start;gap:7px 14px}.WebDesignPage .WebDesign-flow-list h3{font-size:17px}.WebDesignPage .WebDesign-flow-list p{grid-column:2}.WebDesignPage .WebDesign-flow-list span{grid-row:1/3}.WebDesignPage .WebDesign-works-inner .WebDesign-eyebrow{font-size:40px}}.WebDesignPage .WebDesign-works-action{justify-content:flex-end;margin-top:28px;display:flex}.WebDesignPage .WebDesign-works-link{--button-en-size:22px;--button-ja-size:12px;--button-icon-size:36px;gap:28px;margin-top:0}.WebDesignPage .WebDesign-work-sample{gap:28px;margin-top:40px;display:grid}.WebDesignPage .WebDesign-work-sample-image{background:var(--theme-wash);border-radius:12px;overflow:hidden}.WebDesignPage .WebDesign-work-sample-image img{aspect-ratio:4/3;object-fit:cover;object-position:left center;width:100%;display:block}.WebDesignPage .WebDesign-work-sample-copy h3{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.5}.WebDesignPage .WebDesign-work-sample-description{margin-top:20px;font-size:14px;line-height:1.9}.WebDesignPage .WebDesign-work-sample-tags{flex-wrap:wrap;gap:8px;margin-top:20px;padding:0;list-style:none;display:flex}.WebDesignPage .WebDesign-work-sample-tags li{border:1px solid var(--theme-border);border-radius:999px;padding:6px 12px;font-size:11px}@media (width>=768px){.WebDesignPage .WebDesign-works-action{margin-top:32px}.WebDesignPage .WebDesign-works-link{--button-en-size:24px}.WebDesignPage .WebDesign-work-sample{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;margin-top:56px}.WebDesignPage .WebDesign-work-sample-copy h3{font-size:28px}.WebDesignPage .WebDesign-work-sample-description{margin-top:24px}}body.WebDesignPage .WebDesign-works-link .LinkSpin-en{letter-spacing:.02em;font-weight:600}body.WebDesignPage .WebDesign-works-link .ja{letter-spacing:.02em;padding-left:0}.WebDesignPage .WebDesign-hero{--web-design-mobile-hero-shift:114px}.WebDesignPage .WebDesign-hero>.WebDesign-container>.WebDesign-eyebrow{top:calc(210px - var(--web-design-mobile-hero-shift))}.WebDesignPage .WebDesign-service-name{top:calc(242px - var(--web-design-mobile-hero-shift))}.WebDesignPage .WebDesign-hero-title{top:calc(282px - var(--web-design-mobile-hero-shift))}.WebDesignPage .WebDesign-hero,.WebDesignPage .WebDesign-hero>.WebDesign-container{min-height:160svh}.WebDesignPage .WebDesign-field--hero-lower{display:none}.WebDesignPage .WebDesign-hero-stage{clip-path:url(#web-design-exit-edge);z-index:0;pointer-events:none;will-change:transform;height:100svh;position:absolute;inset:0 0 auto;overflow:hidden}.WebDesignPage .WebDesign-hero>.WebDesign-field{z-index:-1}.WebDesignPage .WebDesign-hero-image{clip-path:url(#web-design-header-mask);pointer-events:none;margin:0;position:absolute}.WebDesignPage .WebDesign-hero-image img{clip-path:none;width:100%;height:100%}.WebDesignPage .WebDesign-hero-copy h2{top:calc(760px - var(--web-design-mobile-hero-shift));opacity:1;color:color-mix(in srgb, var(--theme-text) calc((1 - var(--web-design-catch-contrast,0)) * 100%), var(--theme-on-dark))}.WebDesignPage .WebDesign-hero-intro{color:#fff;z-index:2;opacity:1;position:absolute;top:110svh;left:22px;right:22px}.WebDesignPage .WebDesign-hero-intro .WebDesign-hero-lead{font-size:clamp(16px,5vw,24px);font-weight:700;line-height:1.8}.WebDesignPage .WebDesign-hero-intro .WebDesign-hero-description{max-width:760px;margin:20px 0 0;font-size:14px;font-weight:500;line-height:1.9}@media (width>=768px){.WebDesignPage .WebDesign-hero{--web-design-mobile-hero-shift:0px}.WebDesignPage .WebDesign-hero>.WebDesign-container>.WebDesign-eyebrow{top:270px}.WebDesignPage .WebDesign-service-name{top:305px}.WebDesignPage .WebDesign-hero-title{top:360px}.WebDesignPage .WebDesign-menu{padding-top:70px}.WebDesignPage .WebDesign-hero-copy h2{opacity:1;color:var(--theme-text);top:158px}.WebDesignPage .WebDesign-hero-intro{left:max(10vw,50% - 560px);right:80px}.WebDesignPage .WebDesign-hero-intro .WebDesign-hero-lead{font-size:36px}.WebDesignPage .WebDesign-hero-intro .WebDesign-hero-description{margin-top:28px;font-size:16px}}.WebDesignPage .WebDesign-related{display:none;position:relative}.WebDesignPage .WebDesign-related-rule{border:0;border-top:1px solid #bfcad7;width:calc(100% - 44px);height:0;margin:0;position:absolute;left:50%;transform:translate(-50%)}.WebDesignPage .WebDesign-related-rule--top{top:0}.WebDesignPage .WebDesign-related-rule--bottom{bottom:0}@media (width>=768px){.WebDesignPage .WebDesign-related-rule{width:min(1120px,100% - 140px)}}.WebDesignPage .WebDesign-scroll-reveal{--scroll-reveal:1;--scroll-side-travel:30px;opacity:var(--scroll-reveal)}.WebDesignPage .WebDesign-motion-heading{translate:calc((1 - var(--scroll-reveal)) * -18px) 0;scale:calc(.97 + var(--scroll-reveal) * .03);transform-origin:0}.WebDesignPage .WebDesign-motion-left{translate:calc((1 - var(--scroll-reveal)) * var(--scroll-side-travel) * -1) 0}.WebDesignPage .WebDesign-motion-right{translate:calc((1 - var(--scroll-reveal)) * var(--scroll-side-travel)) 0}.WebDesignPage .WebDesign-motion-number{scale:calc(.82 + var(--scroll-reveal) * .18);transform-origin:0 0}.WebDesignPage .WebDesign-motion-service-line{opacity:1;border-color:#0000;position:relative}.WebDesignPage .WebDesign-motion-service-line:before,.WebDesignPage .WebDesign-motion-service-line:after{content:"";height:1px;scale:var(--scroll-reveal) 1;transform-origin:0;background:#bfcad7;position:absolute;inset:0 0 auto}.WebDesignPage .WebDesign-motion-service-line:after{display:none}.WebDesignPage .WebDesign-motion-service-line:last-child{border-color:#0000}.WebDesignPage .WebDesign-motion-service-line:last-child:after{display:block;inset:auto 0 0}.WebDesignPage .WebDesign-motion-photo,.WebDesignPage .WebDesign-motion-photo-secondary{opacity:1;clip-path:inset(0 calc((1 - var(--scroll-reveal)) * 100%) 0 0 round 12px);scale:calc(1.06 - var(--scroll-reveal) * .06)}.WebDesignPage .WebDesign-feature-reverse .WebDesign-motion-photo,.WebDesignPage .WebDesign-motion-photo-secondary{clip-path:inset(0 0 0 calc((1 - var(--scroll-reveal)) * 100%) round 12px)}.WebDesignPage .WebDesign-motion-works-frame{opacity:1;clip-path:inset(calc((1 - var(--scroll-reveal)) * 10%) 0 round 12px)}.WebDesignPage .WebDesign-motion-works-photo{opacity:1;scale:calc(1.14 - var(--scroll-reveal) * .14)}.WebDesignPage .WebDesign-scroll-reveal:focus-within{opacity:1;clip-path:none;translate:0;scale:1}.WebDesignPage .WebDesign-scroll-photo{translate:0 var(--scroll-photo-y,0px)}@media (width>=768px){.WebDesignPage .WebDesign-scroll-reveal{--scroll-side-travel:54px}}.WebDesignPage .WebDesign-flow-route{position:relative}.WebDesignPage .WebDesign-flow-curve{pointer-events:none;fill:none;stroke-width:1.5px;width:90px;height:100%;position:absolute;inset:0 auto auto 0;overflow:visible}.WebDesignPage .WebDesign-flow-track{stroke:#bfcad7}.WebDesignPage .WebDesign-flow-ink{stroke:#6f8fd1}.WebDesignPage .WebDesign-flow-list{gap:0;margin:0;padding:0;position:relative}.WebDesignPage .WebDesign-flow-list>li,.WebDesignPage .WebDesign-flow-list>li:last-child{box-sizing:border-box;border:0;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-height:132px;padding:20px 0 28px 98px;display:grid;position:relative}.WebDesignPage .WebDesign-flow-list>li>span{--flow-node-x:22px;left:calc(var(--flow-node-x) - 22px);color:#22252a;background:#fff;grid-area:auto;place-items:center;width:44px;height:44px;font-size:23px;line-height:1;display:grid;position:absolute;top:14px}.WebDesignPage .WebDesign-flow-list>li:nth-child(2n)>span{--flow-node-x:64px}.WebDesignPage .WebDesign-flow-list>li:last-child>span{--flow-node-x:32px}.WebDesignPage .WebDesign-flow-list>li>span.is-flow-reached{color:#6f8fd1}.WebDesignPage .WebDesign-flow-list>li>h3{margin:0;font-size:18px}.WebDesignPage .WebDesign-flow-list>li>p{grid-column:1;margin:0;font-size:14px;line-height:1.9}@media (width>=768px){.WebDesignPage .WebDesign-flow-route{margin-left:22%}.WebDesignPage .WebDesign-flow-curve{width:126px}.WebDesignPage .WebDesign-flow-list>li,.WebDesignPage .WebDesign-flow-list>li:last-child{grid-template-columns:180px minmax(0,1fr);align-items:baseline;gap:24px;min-height:112px;padding:21px 0 36px 148px}.WebDesignPage .WebDesign-flow-list>li>span{--flow-node-x:32px;font-size:28px}.WebDesignPage .WebDesign-flow-list>li:nth-child(2n)>span{--flow-node-x:94px}.WebDesignPage .WebDesign-flow-list>li:last-child>span{--flow-node-x:44px}.WebDesignPage .WebDesign-flow-list>li>h3{font-size:19px}.WebDesignPage .WebDesign-flow-list>li>p{grid-column:2}}.WebDesignPage .WebDesign-subtitle,.WebDesignPage .WebDesign-works-inner h2,.WebDesignPage .WebDesign-small-en,.WebDesignPage .WebDesign-feature .WebDesign-number{color:var(--theme-accent)}.WebDesignPage .WebDesign-section-head>.WebDesign-eyebrow,.WebDesignPage .WebDesign-works-inner .WebDesign-eyebrow{letter-spacing:-.05em;margin:0;font-size:clamp(48px,13vw,80px);font-weight:700;line-height:1}.WebDesignPage .WebDesign-subtitle,.WebDesignPage .WebDesign-works-inner h2{letter-spacing:.05em;margin-top:6px;font-size:15px;font-weight:700;line-height:1.65}.WebDesignPage .WebDesign-hero-copy h2{font-size:28px;line-height:1.65}.WebDesignPage .WebDesign-section{padding-block:64px}.WebDesignPage .WebDesign-works .WebDesign-container{padding-top:0}.WebDesignPage .WebDesign-menu{padding-top:40px}.WebDesignPage .WebDesign-section-head{margin-bottom:36px}.WebDesignPage .WebDesign-section-head h2{margin-top:32px;font-size:28px;line-height:1.65}.WebDesignPage .WebDesign-section-head>p:last-child:not(:first-child){margin-top:20px;font-size:16px;line-height:1.9}.WebDesignPage .WebDesign-hero-intro .WebDesign-hero-description{font-size:16px}.WebDesignPage .WebDesign-small-en{font-size:12px}.WebDesignPage .WebDesign-menu-item h3{font-size:26px}.WebDesignPage .WebDesign-menu-item h4{font-size:18px;line-height:1.7}.WebDesignPage .WebDesign-menu-item>div:last-child>p:last-child{font-size:16px;line-height:1.9}.WebDesignPage .WebDesign-feature h3{font-size:27px}.WebDesignPage .WebDesign-feature div>p:last-child{max-width:480px;font-size:16px;line-height:1.9}.WebDesignPage .WebDesign-scope-list dt{font-size:20px}.WebDesignPage .WebDesign-scope-list dd{font-size:16px;line-height:1.9}.WebDesignPage .WebDesign-work-sample-description{font-size:15px}.WebDesignPage .WebDesign-work-sample-tags li{font-size:12px}.WebDesignPage .WebDesign-related p:last-child{font-size:16px}.WebDesignPage .WebDesign-text-link{font-size:15px}.WebDesignPage .WebDesign-flow-list>li>span{font-size:28px;top:12px}.WebDesignPage .WebDesign-flow-list>li>h3{font-size:20px;line-height:1.6}.WebDesignPage .WebDesign-flow-list>li>p{font-size:16px;line-height:1.9}.WebDesignPage .WebDesign-flow-list>li,.WebDesignPage .WebDesign-flow-list>li:last-child{min-height:144px}@media (width>=768px){.WebDesignPage .WebDesign-section-head>.WebDesign-eyebrow,.WebDesignPage .WebDesign-works-inner .WebDesign-eyebrow{font-size:clamp(54px,6.3vw,88px)}.WebDesignPage .WebDesign-subtitle,.WebDesignPage .WebDesign-works-inner h2{margin-top:8px;font-size:20px}.WebDesignPage .WebDesign-hero-copy h2{font-size:36px;line-height:1.65}.WebDesignPage .WebDesign-section{padding-block:96px}.WebDesignPage .WebDesign-menu{padding-top:70px}.WebDesignPage .WebDesign-section-head{margin-bottom:48px}.WebDesignPage .WebDesign-section-head h2{margin-top:44px;font-size:36px}.WebDesignPage .WebDesign-section-head>p:last-child:not(:first-child){margin-top:24px;font-size:18px}.WebDesignPage .WebDesign-hero-intro .WebDesign-hero-description{font-size:17px}.WebDesignPage .WebDesign-menu-item h3{font-size:32px}.WebDesignPage .WebDesign-menu-item h4{font-size:22px}.WebDesignPage .WebDesign-menu-item>div:last-child>p:last-child{font-size:17px}.WebDesignPage .WebDesign-feature{gap:56px;margin-top:96px}.WebDesignPage .WebDesign-feature h3{font-size:32px}.WebDesignPage .WebDesign-feature div>p:last-child{font-size:17px}.WebDesignPage .WebDesign-scope-list dt{margin-bottom:12px;font-size:24px}.WebDesignPage .WebDesign-scope-list dd{font-size:17px}.WebDesignPage .WebDesign-scope-list>div{padding-block:28px}.WebDesignPage .WebDesign-work-sample-description{font-size:16px}.WebDesignPage .WebDesign-related p:last-child{font-size:17px}.WebDesignPage .WebDesign-related{padding-block:64px}.WebDesignPage .WebDesign-text-link{font-size:16px}.WebDesignPage .WebDesign-flow-route{margin-left:14%}.WebDesignPage .WebDesign-flow-list>li,.WebDesignPage .WebDesign-flow-list>li:last-child{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;min-height:152px;padding:22px 0 32px 148px}.WebDesignPage .WebDesign-flow-list>li>span{width:54px;height:54px;left:calc(var(--flow-node-x) - 27px);font-size:36px;top:13px}.WebDesignPage .WebDesign-flow-list>li>h3{font-size:26px}.WebDesignPage .WebDesign-flow-list>li>p{grid-column:1;font-size:17px}}@media (width>=1024px){.WebDesignPage .WebDesign-flow-list>li,.WebDesignPage .WebDesign-flow-list>li:last-child{grid-template-columns:220px minmax(0,1fr);align-items:baseline;gap:32px;min-height:128px}.WebDesignPage .WebDesign-flow-list>li>p{grid-column:2}}.WebDesignPage .WebDesign-flow-list>li:last-child{min-height:0;padding-bottom:0}@media (width>=768px){.WebDesignPage .WebDesign-flow-list>li:last-child{min-height:67px}}.WebDesignPage .WebDesign-hero{visibility:hidden}.WebDesignPage .WebDesign-hero.has-mobile-hero{visibility:visible;box-sizing:content-box;padding:0}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-mobile-scene{isolation:isolate;height:100svh;position:sticky;top:0}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-container{z-index:1;width:calc(100% - 44px);margin:0 22px;position:relative}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-eyebrow,.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-service-name,.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-hero-body{display:none}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-hero-title{letter-spacing:-.04em;font-family:Arial,Noto Sans JP,sans-serif;font-size:32px;font-weight:600;line-height:1.55;animation:1.2s ease-in-out both web-design-mobile-title-in;top:114px;left:0}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-hero-title span{color:#2463eb;display:inline}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-mobile-subtitle{letter-spacing:.025em;color:#6f8fd1;font-size:14px;font-weight:600;position:absolute;top:233px;left:0}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-hero-stage{will-change:auto}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-hero-image{transform-origin:50%;will-change:transform}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-mobile-shade{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-field--hero-upper{z-index:-1;width:110%;height:300px;top:30px;right:-40%}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-hero-intro{left:22px;right:22px}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-hero-intro .WebDesign-hero-lead{letter-spacing:-.025em;font-size:22px;font-weight:600;line-height:1.8}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-hero-intro .WebDesign-hero-description{margin-top:24px;font-size:15px;font-weight:400;line-height:1.9}.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-hero-description br{display:none}.WebDesignPage .WebDesign-hero.has-mobile-hero~.WebDesign-menu{padding-top:32px}@media (width>=768px){.WebDesignPage .WebDesign-hero{visibility:visible}}@keyframes web-design-mobile-title-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes web-design-mobile-title-fade{0%{opacity:0}to{opacity:1}}@keyframes web-design-fv-enter{0%{opacity:0;translate:0 -30px}to{opacity:1;translate:0}}.WebDesignPage .WebDesign-hero>.WebDesign-container>.WebDesign-eyebrow,.WebDesignPage .WebDesign-hero .WebDesign-service-name,.WebDesignPage .WebDesign-hero .WebDesign-hero-title,.WebDesignPage .WebDesign-hero .WebDesign-hero-copy h2,.WebDesignPage .WebDesign-hero .WebDesign-hero-stage{animation:1.3s ease-in-out both web-design-fv-enter}.WebDesignPage .WebDesign-hero>.WebDesign-container>.WebDesign-eyebrow{animation-delay:.75s}.WebDesignPage .WebDesign-hero .WebDesign-service-name{animation-delay:.84s}.WebDesignPage .WebDesign-hero .WebDesign-hero-title{animation-delay:.93s}.WebDesignPage .WebDesign-hero .WebDesign-hero-copy h2{animation-delay:1.02s}.WebDesignPage .WebDesign-hero .WebDesign-hero-stage{animation-delay:.84s}@media (width<=767px){.WebDesignPage .WebDesign-hero.has-mobile-hero .WebDesign-hero-title{animation:1.3s ease-in-out .85s both web-design-fv-enter}.WebDesignPage .WebDesign-hero .WebDesign-mobile-subtitle{animation:1.3s ease-in-out 1.02s both web-design-fv-enter}}