.c-teaser-kv{position:relative;display:flex;align-items:flex-end;overflow:hidden;min-height:calc(100vh - var(--marquee-total-height, 0px));min-height:calc(100svh - var(--marquee-total-height, 0px));color:var(--teaser-kv-text-color, #ffffff)}.c-teaser-kv{background:#000}.c-teaser-kv__bg,.c-teaser-kv__scrim{position:absolute;top:0;right:0;bottom:0;left:0}.c-teaser-kv__bg-image{width:100%;height:100%;object-fit:cover}.c-teaser-kv__bg-image--sp{display:none}.c-teaser-kv__inner{position:relative;z-index:1;display:flex;width:100%;flex-direction:column;justify-content:flex-end;padding:0 44px 36px 84px}.c-teaser-kv__inner:after{content:"";background:#000;height:160px;position:absolute;bottom:0;left:0;width:100%;z-index:-1}.c-teaser-kv__arrow{display:flex;justify-content:center;margin-bottom:0;position:absolute;left:50%;transform:translate(-50%)}.c-teaser-kv__arrow-link{display:inline-flex;color:inherit}.c-teaser-kv__arrow svg{width:28.33px;height:auto;animation:c-teaser-kv-bounce 2s ease-in-out infinite}@keyframes c-teaser-kv-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.c-teaser-kv__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.c-teaser-kv__logo{flex:0 0 310px}.c-teaser-kv__logo-image{display:block;width:100%;max-width:310px;height:auto}.c-teaser-kv__logo-text{font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1;letter-spacing:-.01em}.c-teaser-kv__right{display:flex;flex-direction:column;position:relative;gap:16px}.c-teaser-kv__lead{margin:0;font-size:clamp(20px,4vw,50px);font-weight:500;letter-spacing:0;line-height:1.2;text-align:left}.c-teaser-kv__lead--pc{position:absolute;bottom:0;width:100%;padding-left:16px}.c-teaser-kv__lead--sp{display:none}.c-teaser-kv__product-image{display:block;width:100%;max-width:422px;height:auto}.c-teaser-kv--animate{--teaser-kv-anim-easing: cubic-bezier(.16, 1, .3, 1)}.c-teaser-kv--animate .c-teaser-kv__bg{animation:c-teaser-kv-bg-in 1.8s var(--teaser-kv-anim-easing) both}.c-teaser-kv--animate .c-teaser-kv__logo,.c-teaser-kv--animate .c-teaser-kv__product,.c-teaser-kv--animate .c-teaser-kv__lead{transform-origin:bottom;animation:c-teaser-kv-emerge 1.1s var(--teaser-kv-anim-easing) .8s both}.c-teaser-kv--animate .c-teaser-kv__arrow{animation:c-teaser-kv-fade .8s var(--teaser-kv-anim-easing) both;animation-delay:2s}@keyframes c-teaser-kv-bg-in{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:none}}@keyframes c-teaser-kv-emerge{0%{opacity:0;transform:scale(.92);filter:blur(14px)}to{opacity:1;transform:none;filter:none}}@keyframes c-teaser-kv-fade{0%{opacity:0}to{opacity:1}}@media screen and (max-width:1240px){.c-teaser-kv__logo{flex:0 0 20vw}}@media screen and (max-width:767px){.c-teaser-kv--has-sp .c-teaser-kv__bg-image--pc{display:none}.c-teaser-kv--has-sp .c-teaser-kv__bg-image--sp{display:block}.c-teaser-kv{min-height:0;height:calc(100vh - var(--marquee-total-height, 0px));height:calc(100svh - var(--marquee-total-height, 0px))}.c-teaser-kv--fixed-height{height:calc(var(--teaser-kv-viewport-height) - var(--marquee-total-height, 0px))}.c-teaser-kv__inner{padding:15px 8px 25.11px 25px;background:#000}.c-teaser-kv__inner:after{display:none}.c-teaser-kv__footer,.c-teaser-kv__arrow{background:#000}.c-teaser-kv__footer{gap:15px;padding-top:0;align-items:flex-start;padding-bottom:var(--teaser-kv-padding-sp, 24px)}.c-teaser-kv__arrow~.c-teaser-kv__footer{padding-bottom:0}.c-teaser-kv__lead--pc{display:none}.c-teaser-kv__lead--sp{display:block;margin-bottom:14px}.c-teaser-kv__logo{flex:0 0 40vw;padding-top:16px;min-width:0}.c-teaser-kv__logo-image{max-width:166px}.c-teaser-kv__right{flex:auto}.c-teaser-kv__product-image{width:auto;max-width:100%;max-height:26vh;max-height:26svh}.c-teaser-kv__arrow{order:1;padding-top:0;bottom:12px;padding-bottom:0;margin-bottom:0;margin:0!important}.c-teaser-kv__arrow svg{width:19.67px}}@media(prefers-reduced-motion:reduce){.c-teaser-kv__arrow svg{animation:none}.c-teaser-kv--animate .c-teaser-kv__bg,.c-teaser-kv--animate .c-teaser-kv__logo,.c-teaser-kv--animate .c-teaser-kv__product,.c-teaser-kv--animate .c-teaser-kv__lead,.c-teaser-kv--animate .c-teaser-kv__arrow{animation:none}@keyframes c-teaser-kv-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}}@media screen and (max-width:500px){.c-teaser-kv__logo-image{max-width:150px}}@media screen and (max-width:400px){.c-teaser-kv__logo{flex:0 0 160px;padding-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/c-teaser-kv.css.map */