.bc-top{--bc-top-overlay: .2;--bc-top-character-width: 34rem;--bc-top-character-width-mobile: 22rem;--bc-top-slogan-ja-size: 56px;--bc-top-slogan-en-size: 22px;--bc-top-eyebrow-ja-size: 18px;--bc-top-eyebrow-en-size: 18px;--bc-top-policy-ja-size: 15px;--bc-top-policy-en-size: 15px;--bc-top-slogan-ja-size-mobile: 38px;--bc-top-slogan-en-size-mobile: 18px;--bc-top-eyebrow-ja-size-mobile: 15px;--bc-top-eyebrow-en-size-mobile: 16px;--bc-top-policy-ja-size-mobile: 13px;--bc-top-policy-en-size-mobile: 13px;position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.bc-top__media,.bc-top__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.bc-top__media{z-index:0}.bc-top__media img,.bc-top__placeholder{width:100%;height:100%;display:block;object-fit:cover}.bc-top__placeholder{background:rgb(var(--color-background))}.bc-top__overlay{z-index:1;display:block!important;background:#000;opacity:var(--bc-top-overlay);pointer-events:none}.bc-top__inner{min-height:100vh;min-height:100svh;display:grid;grid-template-rows:1fr 1fr auto;align-items:center;position:relative;z-index:3;padding-top:clamp(7rem,12vh,13rem);padding-bottom:clamp(2.4rem,5vh,5rem)}.bc-top__content,.bc-top__actions{position:relative;z-index:3;width:calc(100% - min(var(--bc-top-character-width),42vw) - clamp(2rem,4vw,7rem));text-align:center}.bc-top__content{grid-row:1;align-self:end;text-wrap:balance}.bc-top[data-character-position=right] .bc-top__content,.bc-top[data-character-position=right] .bc-top__actions{margin-right:auto}.bc-top[data-character-position=left] .bc-top__content,.bc-top[data-character-position=left] .bc-top__actions{margin-left:auto}.bc-top[data-character-position=center] .bc-top__content,.bc-top[data-character-position=center] .bc-top__actions{width:min(100%,78rem);margin-inline:auto}.bc-top__actions{grid-row:2;align-self:center}.bc-top__slogan-ja,.bc-top__slogan-en,.bc-top__subcopy-ja,.bc-top__subcopy-en,.bc-top__policy-ja,.bc-top__policy-en{color:inherit}.bc-top__slogan-ja{margin:0;font-size:var(--bc-top-slogan-ja-size);line-height:1.22;font-weight:400;letter-spacing:.02em;white-space:nowrap}.bc-top__slogan-en{margin:1rem 0 0;font-size:var(--bc-top-slogan-en-size);line-height:1.5;letter-spacing:.05em}.bc-top__subcopy{margin-bottom:clamp(3.6rem,2vh,6rem)}.bc-top__subcopy-ja{margin:0;font-size:var(--bc-top-eyebrow-ja-size);line-height:1.75}.bc-top__subcopy-en{margin:0;font-size:var(--bc-top-eyebrow-en-size);line-height:1.75}.bc-top__subcopy-en+.bc-top__subcopy-ja,.bc-top__subcopy-ja+.bc-top__subcopy-en{margin-top:.4rem}.bc-top__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin:0}.bc-top__buttons .button{min-width:18rem}.bc-top__buttons .button--secondary{--alpha-button-background: 0;background:transparent}.bc-top__buttons .button--secondary:hover{background:rgba(var(--color-foreground),.06)}.bc-top__buttons .button--secondary:hover:after{--border-offset: 0px;box-shadow:0 0 0 var(--buttons-border-width) rgb(var(--color-button-text)),0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background))}.bc-top__footer{grid-row:3;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.bc-top__policy{position:relative;z-index:3;width:min(100%,58rem);text-align:center}.bc-top__policy-ja{margin:0;font-size:var(--bc-top-policy-ja-size);line-height:1.65;letter-spacing:.03em}.bc-top__policy-en{margin:0;font-size:var(--bc-top-policy-en-size);line-height:1.65;letter-spacing:.03em}.bc-top__policy-ja+.bc-top__policy-en{margin-top:.5rem}.bc-top__social{display:flex;justify-content:center;gap:1rem;margin-bottom:1.2rem}.bc-top__social-link{display:inline-flex;align-items:center;justify-content:center;color:inherit;padding:.4rem}.bc-top__social-link .svg-wrapper,.bc-top__social-link svg{width:2rem;height:2rem}.bc-top__character{position:absolute;z-index:2;top:50%;width:min(var(--bc-top-character-width),42vw);pointer-events:none;transform:translateY(-50%)}.bc-top__character img{display:block;width:100%;height:auto}.bc-top__character--linked{pointer-events:auto}.bc-top__character-link{display:block;color:inherit}.bc-top[data-character-position=left] .bc-top__character{left:clamp(1.6rem,5vw,8rem)}.bc-top[data-character-position=center] .bc-top__character{left:50%;transform:translate(-50%,-50%)}.bc-top[data-character-position=right] .bc-top__character{right:clamp(1.6rem,5vw,8rem)}.bc-br--mobile{display:none}@media screen and (max-width:749px){.bc-top__inner{display:flex;flex-direction:column;padding-top:clamp(7rem,13vh,11rem);padding-bottom:2.4rem}.bc-top__content{position:relative;z-index:3;width:100%;margin-inline:auto;padding-inline:0}.bc-top__actions{position:relative;z-index:3;width:100%;margin-inline:auto}.bc-top__slogan-ja{font-size:var(--bc-top-slogan-ja-size-mobile);white-space:nowrap}.bc-top__slogan-en{font-size:var(--bc-top-slogan-en-size-mobile)}.bc-top__subcopy-ja{font-size:var(--bc-top-eyebrow-ja-size-mobile)}.bc-top__subcopy-en{font-size:var(--bc-top-eyebrow-en-size-mobile)}.bc-top__policy-ja{font-size:var(--bc-top-policy-ja-size-mobile)}.bc-top__policy-en{font-size:var(--bc-top-policy-en-size-mobile)}.bc-top__buttons{flex-direction:column;align-items:center;gap:1rem}.bc-top__buttons .button{min-width:min(100%,24rem)}.bc-top__policy{width:min(100%,34rem)}.bc-top__footer{order:4;margin-top:auto}.bc-top__character,.bc-top[data-character-position=left] .bc-top__character,.bc-top[data-character-position=center] .bc-top__character,.bc-top[data-character-position=right] .bc-top__character{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:min(var(--bc-top-character-width-mobile),72vw);flex:0 0 auto;align-self:center;transform:none}.bc-top[data-character-position-mobile=bottom] .bc-top__content{order:1}.bc-top[data-character-position-mobile=bottom] .bc-top__actions{order:2;margin-top:clamp(2rem,4vh,3.2rem)}.bc-top[data-character-position-mobile=bottom] .bc-top__character{order:3;margin-top:2rem}.bc-top[data-character-position-mobile=top] .bc-top__character{order:1;margin-bottom:2rem}.bc-top[data-character-position-mobile=top] .bc-top__content{order:2}.bc-top[data-character-position-mobile=top] .bc-top__actions{order:3;margin-top:clamp(2rem,4vh,3.2rem)}.bc-top[data-character-position-mobile=top] .bc-top__footer{padding-top:clamp(3rem,6vh,5rem)}.bc-br--desktop{display:none}.bc-br--mobile{display:initial}}@media(prefers-reduced-motion:reduce){.bc-top__social-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/bc-top.css.map */