.first-view{--header-height: 64px;position:relative;display:flex;flex-direction:column;height:calc(100svh - var(--header-height));min-height:calc(100vh - var(--header-height));overflow:hidden;isolation:isolate}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__video--sp{display:none}.site-header{position:relative;z-index:3;flex-shrink:0;display:flex;align-items:center;height:var(--header-height);padding:0 clamp(20px,4vw,48px)}.site-header__logo{font-family:var(--font-sans);font-size:14px;font-weight:700;letter-spacing:.18em;color:#fff;text-decoration:none}.hero{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--su-text);pointer-events:none}.hero__content{position:relative;z-index:2;width:100%;padding:0 clamp(24px,5vw,80px);text-align:center}@media(max-width:767px){.first-view{--header-height: 56px}.hero__video--pc{display:none}.hero__video--sp{display:block}}@media(prefers-reduced-motion:reduce){.hero__video{display:none!important}.hero__media{background:linear-gradient(#5c565073,#5c565073),var(--su-dark)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/surutto-home-section-01-first-view.css.map */