html.top-fv-prepare:not(.top-fv-play):not(.top-fv-done) [data-top-enter]{opacity:.92;transform:translateY(24px)}html.top-fv-prepare.top-fv-play:not(.top-fv-done) [data-top-enter]{opacity:1;will-change:transform, opacity;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .72s cubic-bezier(.22,1,.36,1);transform:translateY(0)}html.top-fv-prepare.top-fv-play:not(.top-fv-done) [data-top-enter=header]{transition-delay:0s}html.top-fv-prepare.top-fv-play:not(.top-fv-done) [data-top-enter=logo]{transition-delay:.11s}html.top-fv-prepare.top-fv-play:not(.top-fv-done) [data-top-enter=copy]{transition-delay:.22s}html.top-fv-prepare.top-fv-play:not(.top-fv-done) [data-top-enter=projects]{transition-delay:.33s}@media (prefers-reduced-motion:reduce){[data-top-enter]{opacity:1!important;will-change:auto!important;transition:none!important;transform:none!important}}
:root{--color-red:#ef3026;--color-black:#000;--color-ink:#231815;--color-gray:#606060;--color-white:#fff;--color-on-dark:#fff;--color-on-dark-muted:#cfdde8;--background:var(--color-white);--foreground:var(--color-ink);--font-latin:"avenir-next-lt-pro", "IBM Plex Sans JP", sans-serif;--font-title:"avenir-next-lt-pro", "IBM Plex Sans JP", sans-serif;--font-japanese:"IBM Plex Sans JP", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--header-height:81.6667px;--logo-width:84.6667px;--logo-left:23.3333px;--logo-top:41.6667px;--menu-icon-size:22.6667px;--menu-icon-line-width:2px;--menu-icon-right:23.3333px;--menu-icon-top:40px;--top-hero-logo-width:86.7556vw;--top-hero-logo-side-margin:20px;--top-hero-logo-bottom:20px;--scroll-header-z-index:500;--site-menu-scrim-bg:#000c;--site-menu-z-index:1000;--site-menu-preview-min-height:89.1667px;--site-menu-row-height:80px;--site-menu-item-font-size:20px;--site-menu-item-padding-x:23.3333px;--site-menu-divider-size:1px;--site-menu-footer-margin-top:40px;--site-menu-arrow-size:10.6667px;--footer-left:16.6667px;--footer-title-font-size:15px;--footer-link-font-size:13px;--footer-link-line-height:28px;--footer-title-margin-bottom:16px;--footer-padding-bottom:24px;--footer-copyright-font-size:11px;--footer-copyright-padding-bottom:40px;--footer-copyright-margin-top:48px;--works-list-inline-padding:16.6667px;--works-list-gap:20px;--works-list-padding-top:32px;--works-list-padding-bottom:64px;--works-thumb-aspect-ratio:1025 / 570;--works-meta-gap:4px;--works-thumb-to-meta:10px;--works-category-font-size:11.6667px;--works-category-line-height:1.2;--works-title-font-size:17px;--works-title-line-height:1.25;--works-title-font-weight:500;--work-detail-header-to-category:35px;--work-detail-category-font-size:11.6667px;--work-detail-category-line-height:1.2;--work-detail-category-to-title:4px;--work-detail-title-font-size:17px;--work-detail-title-line-height:1.25;--work-detail-title-to-image:16px;--work-detail-content-margin-x:16.6667px;--work-detail-image-gap:2px;--work-detail-image-to-nav:12.3333px;--work-detail-nav-font-size:13px;--work-detail-nav-line-height:24px;--work-detail-nav-arrow-gap-start:6.6667px;--work-detail-nav-word-gap:16.6667px;--work-detail-nav-arrow-gap-end:7.3333px;--work-detail-nav-right:16.6667px;--work-detail-nav-to-footer:68.6667px;--work-detail-nav-arrow-size:9px;--about-content-margin-x:16.6667px;--about-header-to-title:35px;--about-title-font-size:19px;--about-title-line-height:30px;--about-title-to-visual-gap:9.6667px;--about-visual-max-width:333.333px;--about-visual-aspect-ratio:1000 / 666;--page-transition-z-index:800;--portfolio-notice-z-index:2000;--wide-bg-base:#fff;--wide-bg-dark:#fff;--wide-bg-light:#ffffff0b;--wide-bg-red:#ef302614;--wide-site-width:1400px;--about-visual-to-company-gap:48.3333px;--about-body-font-size:15px;--about-body-line-height:23.3333px;--about-block-gap:23.3333px;--about-company-heading-gap:8px;--about-content-to-footer-gap:63.6667px}@media (min-width:750px){:root{--works-list-inline-padding:clamp(16.6667px, 4.444vw, 50px);--works-category-font-size:clamp(11.6667px, 3.111vw, 13.7255px);--works-title-font-size:clamp(17px, 4.533vw, 20px);--work-detail-category-font-size:clamp(11.6667px, 3.111vw, 13.7255px);--work-detail-title-font-size:clamp(17px, 4.533vw, 20px);--work-detail-content-margin-x:clamp(16.6667px, 4.444vw, 50px);--footer-left:clamp(16.6667px, 4.444vw, 50px)}}@media (min-width:950px){:root{--works-list-inline-padding:50px;--works-list-gap:28px;--works-title-font-size:20px;--works-category-font-size:13.7255px;--work-detail-title-font-size:20px;--work-detail-category-font-size:13.7255px;--work-detail-nav-font-size:15.2941px;--work-detail-nav-line-height:28.2353px;--footer-title-font-size:17.6471px;--footer-link-font-size:15.2941px;--footer-link-line-height:32.9412px;--footer-copyright-font-size:12.9412px;--about-title-font-size:22.3529px;--about-title-line-height:35.2941px;--about-body-font-size:17.6471px;--about-body-line-height:27.451px;--work-detail-content-margin-x:50px;--footer-left:50px;--top-hero-logo-width:86.7556vw;--top-hero-logo-side-margin:clamp(20px, 2.0833vw, 40px);--top-hero-logo-bottom:clamp(20px, 2.0833vw, 40px)}}html{background-color:#fff;height:100%}html,body{background-color:#fff;max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);font-family:var(--font-japanese);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-weight:400;display:flex}body.siteMenuOpen{overflow:hidden}html.portfolio-notice-pending:before{content:"";z-index:calc(var(--portfolio-notice-z-index) + 1);pointer-events:none;background-color:#231815;position:fixed;inset:0}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-red);outline-offset:3px}