:root{--fixed-offset-sm:50px;--fixed-offset-md:1em;--fixed-top-left:0;--fixed-bottom:0;--fixed-right:0;--fixed-left:0;--fixed-center:50%;--fixed-offset-mobile-sm:.5em;--fixed-offset-mobile-bottom:20px;--content-width-desktop:calc(100% - 100px);--content-width-header-footer:calc(100% - 60px);--content-width-mobile:calc(100% - 48px);--gray:#b3b3b3;--white:#fff;--dark-gray:#2a2a2a}body:has(.home-page)::-webkit-scrollbar{display:none}body:has(.home-page){scrollbar-width:none;-ms-overflow-style:none}html:has(.home-page)::-webkit-scrollbar{display:none}html:has(.home-page){scrollbar-width:none;-ms-overflow-style:none}.home-page{background-color:var(--white);z-index:10;width:100vw;min-height:100svh;position:relative;overflow:hidden}body.splash-active .home-page{background-color:#0000!important}.hero-slider-loading{background-color:var(--white);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.hero-slider-loading-spinner{border:2px solid var(--gray);border-top-color:var(--gray);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero-slider-header{display:none!important}
:root{--gray:#b3b3b3;--white:#fff;--dark-gray:#2a2a2a;--font-primary:"helvetica-neue-lt-pro","Helvetica Neue",-apple-system,"Arial","Noto Sans JP","Hiragino Sans","Yu Gothic","游ゴシック","YuGothic","Meiryo","メイリオ",sans-serif;--font-size-xs:1rem;--font-size-sm:1.2rem;--font-size-base:1.4rem;--font-size-lg:1.8rem;--font-size-xl:2rem;--font-size-2xl:2.4rem;--font-size-3xl:3.2rem;--font-size-xs-mobile:1rem;--font-size-sm-mobile:1.2rem;--font-size-base-mobile:1.3rem;--font-size-lg-mobile:1.5rem;--font-size-xl-mobile:1.6rem;--font-size-2xl-mobile:2.2rem;--font-size-3xl-mobile:2.4rem;--font-metrics-ascent:normal;--font-metrics-descent:normal;--font-metrics-line-gap:normal;--font-line-height:1;--font-letter-spacing:-.008rem;--font-word-spacing:normal;font-size:10px}@media (max-width:1024px){:root{--font-size-xs:var(--font-size-xs-mobile);--font-size-sm:var(--font-size-sm-mobile);--font-size-base:var(--font-size-base-mobile);--font-size-lg:var(--font-size-lg-mobile);--font-size-xl:var(--font-size-xl-mobile);--font-size-2xl:var(--font-size-2xl-mobile);--font-size-3xl:var(--font-size-3xl-mobile)}}:root{--spacing-xs:.5em;--spacing-sm:1em;--spacing-md:2em;--spacing-lg:4em;--spacing-xl:8em;--spacing-xs-mobile:.5em;--spacing-sm-mobile:1em;--spacing-md-mobile:2em;--spacing-lg-mobile:4em;--spacing-xl-mobile:8em}@media (max-width:1024px){:root{--spacing-xs:var(--spacing-xs-mobile);--spacing-sm:var(--spacing-sm-mobile);--spacing-md:var(--spacing-md-mobile);--spacing-lg:var(--spacing-lg-mobile);--spacing-xl:var(--spacing-xl-mobile)}}.hero-slider{background-color:var(--white);width:100%;height:100svh;position:relative;overflow:hidden}.hero-slider-nav{z-index:30;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50px;left:50%;transform:translate(-50%)}@media (max-width:1024px){.hero-slider-nav{z-index:40;top:32px;left:auto;right:32px;transform:translate(0)}}.hero-slider-text{width:100%;max-width:var(--hero-title-width,20ch);pointer-events:none;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.hero-slider-text--interactive{pointer-events:auto}.hero-slider-title{width:100%;color:var(--gray);letter-spacing:.05em;text-align:center;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;margin:0;font-family:inherit;font-size:12px;font-weight:400;overflow:hidden}.hero-slider-title--button{appearance:none;cursor:pointer;background:0 0;border:none;padding:0;transition:opacity .2s}.hero-slider-title--button:hover{opacity:.55}.hero-slider-title--button.is-open{opacity:.7}@media (max-width:1024px){.hero-slider-title{letter-spacing:0;font-size:11px}}.hero-slider-role{width:100%;color:var(--gray);letter-spacing:.04em;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;font-weight:400;overflow:hidden}@media (max-width:1024px){.hero-slider-role{letter-spacing:0;font-size:10px}}.hero-slider-progress{background:#0000001a;width:100%;height:1px;margin-top:6px;overflow:hidden}.hero-slider-progress-fill{background:var(--gray);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--hero-progress,0));will-change:transform;display:block}.hero-slider-arrow{appearance:none;color:var(--gray);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:.4em .6em;line-height:1;transition:opacity .2s;display:inline-flex}.hero-slider-arrow:hover{opacity:.5}.hero-slider-arrow-icon{width:.6em;height:.6em;display:block}.hero-slider-container{touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.hero-slider-intro-strip{z-index:3;pointer-events:none;opacity:0;visibility:hidden;position:absolute;inset:0}.hero-slider-intro-strip.is-visible{opacity:1;visibility:visible}.hero-slider-intro-strip-track{will-change:transform;width:300vw;height:100%;display:flex}.hero-slider--mobile .hero-slider-intro-strip-track{flex-direction:column;width:100%;height:300svh}.hero-slider-intro-strip-item{flex:0 0 100vw;width:100vw;height:100svh}.hero-slider--mobile .hero-slider-intro-strip-item{flex:0 0 100svh;width:100%;height:100svh}.hero-slider-content{will-change:transform;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-slider-content--pending{z-index:2}.hero-slider-track{will-change:transform}.hero-slider-slide{background-color:var(--gray);width:100%;height:100svh}.hero-slider-slide--empty{background-color:var(--gray)}.hero-slider-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-slider-hit-area{z-index:5;appearance:none;cursor:pointer;background:0 0;border:none;width:50%;padding:0;position:absolute;top:0;bottom:0}.hero-slider-hit-area:disabled{cursor:default;pointer-events:none}.hero-slider-hit-area--left{cursor:url(/prev-arrow.svg) 16 32,w-resize;left:0}.hero-slider-hit-area--left:disabled{cursor:default}.hero-slider-hit-area--right{cursor:url(/next-arrow.svg) 16 32,e-resize;right:0}.hero-slider-hit-area--right:disabled{cursor:default}.hero-project-accordion-portal{z-index:90;text-align:left;pointer-events:auto;width:240px;animation:.32s cubic-bezier(.4,0,.2,1) hero-project-accordion-in;position:fixed}@keyframes hero-project-accordion-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hero-project-accordion{grid-template-rows:0fr;width:100%;margin-top:10px;transition:grid-template-rows .42s cubic-bezier(.4,0,.2,1);display:grid}.hero-project-accordion.is-open{grid-template-rows:1fr}.hero-project-accordion-inner{min-height:0;overflow:hidden}.hero-project-accordion-list{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-top:1px solid #0000001a;max-height:min(52vh,360px);margin:0;padding:0;list-style:none;overflow-y:auto}.hero-project-accordion-item{appearance:none;text-align:left;cursor:pointer;color:#1a1a1a;background:0 0;border:none;border-bottom:1px solid #00000014;align-items:flex-start;width:100%;margin:0;padding:14px 16px;transition:background-color .2s;display:flex}.hero-project-accordion-item:active{background-color:#0000000a}.hero-project-accordion-item.is-active{background-color:#00000008}.hero-project-accordion-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hero-project-accordion-title{letter-spacing:.02em;color:#555;white-space:normal;text-overflow:unset;word-break:break-word;font-size:12px;font-weight:500;line-height:1.5;display:block;overflow:visible}.hero-project-accordion-role{letter-spacing:.03em;color:#555;white-space:normal;text-overflow:unset;word-break:break-word;font-size:10px;font-weight:400;line-height:1.45;display:block;overflow:visible}.hero-slider--mobile .hero-slider-nav{z-index:20}.hero-slider--mobile .hero-slider-text{text-align:right;align-items:flex-end;width:fit-content;max-width:200px}.hero-slider--mobile .hero-slider-title,.hero-slider--mobile .hero-slider-role{text-align:right;width:auto;max-width:100%}.hero-slider--mobile .hero-slider-progress{align-self:stretch;width:100%}.hero-slider--mobile .hero-project-accordion{text-align:left;align-self:flex-end;width:100%;max-width:200px}