.brand-story{position:relative;overflow:hidden}.brand-story__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.brand-story__bg--desktop{display:none}.brand-story__bg--mobile{display:block}.brand-story__bg-image{position:absolute;top:0;left:0;width:100%;height:auto}.brand-story__block{position:relative;z-index:1}.brand-story__block+.brand-story__block{margin-top:6rem}.brand-story__block-inner{text-align:center}.brand-story__caption-area{position:relative;display:inline-block}.brand-story__caption-bg{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.brand-story__caption-bg-img{display:block}.brand-story__caption{position:relative;z-index:1;font-family:Georgia,Times New Roman,"Noto Serif JP",serif;font-style:italic;font-size:1.6rem;margin-bottom:.4rem;letter-spacing:.04em;line-height:1.4}.brand-story__caption-image-wrapper{position:relative;z-index:1;margin-bottom:.4rem}.brand-story__caption-image{max-width:120px;height:auto}.brand-story__heading{font-size:1.8rem;font-weight:600;letter-spacing:.04em;line-height:1.5;margin-top:0;margin-bottom:3.2rem}.brand-story__heading--desktop,.brand-story__subheading--desktop,.brand-story__body-text--desktop{display:none}.brand-story__heading--mobile,.brand-story__subheading--mobile,.brand-story__body-text--mobile{display:block}.brand-story__subheading{font-size:1.4rem;font-weight:600;letter-spacing:.02em;line-height:1.6;margin-top:0;margin-bottom:3.6rem;text-align:center}.brand-story__two-col-desktop{display:none}.brand-story__two-col-mobile{display:block;text-align:left}.brand-story__mobile-unit{margin-bottom:4rem}.brand-story__mobile-unit:last-child{margin-bottom:0}.brand-story__mobile-unit-image{margin-top:2.4rem;overflow:hidden;border-radius:var(--media-radius);max-width:60vw;margin-left:auto;margin-right:auto}.brand-story__two-col-text{display:grid;grid-template-columns:1fr 1fr;gap:4rem;text-align:left;margin-bottom:4.8rem}.brand-story__text-col-heading{font-size:1.4rem;font-weight:600;margin-top:0;margin-bottom:2.4rem;letter-spacing:.04em;line-height:1.4;text-align:center}.brand-story__text-col-body{font-size:1.3rem;line-height:1.9;text-align:center}.brand-story__two-col-text>.brand-story__text-col:first-child .brand-story__text-col-body p:last-child,.brand-story__two-col-mobile .brand-story__mobile-unit:first-child .brand-story__text-col-body p:last-child{font-size:.85em;line-height:1.8;margin-top:1rem}.brand-story__two-col-images{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem}.brand-story__image-col{overflow:hidden;border-radius:var(--media-radius);max-width:360px;margin-left:auto;margin-right:auto}.brand-story__image{width:100%;height:auto;display:block;border-radius:var(--media-radius)}.brand-story__body-text{font-size:1.3rem;line-height:1.9;text-align:center;margin-bottom:3.6rem;max-width:80rem;margin-left:auto;margin-right:auto}.brand-story__single-image{max-width:60vw;margin:0 auto}.brand-story__single-image .brand-story__image{border-radius:var(--media-radius)}.brand-story__divider{max-width:6rem;margin:4rem auto;border:none;border-top:1px solid currentColor;opacity:.2}@media screen and (min-width:750px){.brand-story__bg--desktop{display:block}.brand-story__bg--desktop .brand-story__bg-image{width:var(--page-width);left:50%}.brand-story__bg--mobile{display:none}.brand-story__block+.brand-story__block{margin-top:10rem}.brand-story__caption{font-size:2rem}.brand-story__heading{font-size:2.8rem;margin-bottom:4rem}.brand-story__heading--desktop,.brand-story__subheading--desktop,.brand-story__body-text--desktop{display:block}.brand-story__heading--mobile,.brand-story__subheading--mobile,.brand-story__body-text--mobile{display:none}.brand-story__subheading{font-size:2rem;margin-bottom:4.8rem}.brand-story__two-col-desktop{display:block}.brand-story__two-col-mobile{display:none}.brand-story__text-col-heading{font-size:2rem;margin-bottom:3.2rem}.brand-story__text-col-body{font-size:1.4rem}.brand-story__body-text{font-size:1.4rem;margin-bottom:4.8rem}.brand-story__single-image{max-width:360px}}@media screen and (min-width:990px){.brand-story__heading{font-size:3.2rem}.brand-story__two-col-text{gap:6rem}.brand-story__two-col-images{gap:4rem}.brand-story__text-col-body{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-brand-story.css.map */