.main-brand-story-banner{position:relative}.main-brand-story-banner.left .page-width{justify-content:flex-start}.main-brand-story-banner .page-width{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box}@media (max-width: 720px){.main-brand-story-banner .page-width{align-items:flex-start}}.main-brand-story-banner.animate .main-brand-story-banner__img-box img{opacity:1;transform:scale(1)}.main-brand-story-banner.animate .text-box__head{opacity:1;transform:translateY(0);transition-delay:.2s}.main-brand-story-banner.animate .text-box__body{opacity:1;transform:translateY(0);transition-delay:.4s}.main-brand-story-banner__img-box{overflow:hidden;width:100%;height:600px}.main-brand-story-banner__img-box:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%}@media (max-width: 1024px){.main-brand-story-banner__img-box{height:420px}}@media (max-width: 720px){.main-brand-story-banner__img-box{height:480px}}.main-brand-story-banner__img-box img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0;transform:scale(1.2);transition:opacity 1s cubic-bezier(.33,1,.68,1),transform 1s cubic-bezier(.33,1,.68,1)}.main-brand-story-banner .text-box{width:640px;max-width:640px;margin-bottom:0}@media (max-width: 1024px){.main-brand-story-banner .text-box{width:480px}}@media (max-width: 720px){.main-brand-story-banner .text-box{width:100%;margin-top:var(--page-inner-padding)}}.main-brand-story-banner .text-box__head{display:block;color:var(--white);opacity:0;transform:translateY(100px);transition:opacity 1.2s cubic-bezier(.33,1,.68,1),transform 1.2s cubic-bezier(.33,1,.68,1)}@media (max-width: 1024px){.main-brand-story-banner .text-box__head{font-size:var(--headline-h2-font-size);line-height:var(--headline-h2-line-height)}}@media (max-width: 720px){.main-brand-story-banner .text-box__head{font-size:var(--headline-h1-font-size);line-height:var(--headline-h1-line-height)}}.main-brand-story-banner .text-box__body{margin-top:16px;color:var(--white);font-weight:300;opacity:0;transform:translateY(100px);transition:opacity 1.2s cubic-bezier(.33,1,.68,1),transform 1.2s cubic-bezier(.33,1,.68,1)}@media (max-width: 1024px){.main-brand-story-banner .text-box__body{font-size:var(--body03-font-size);line-height:var(--body03-line-height)}}@media (max-width: 720px){.main-brand-story-banner .text-box__body{font-size:var(--body01-font-size);line-height:var(--body01-line-height);margin-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/main-brand-story-banner.scss.css.map */