sa-why-banner{--heading-color: var(--heading-color-pc);--body-color: var(--body-color-pc);--content-x: var(--content-x-pc);--content-y: var(--content-y-pc);--content-width: clamp(455px, 38.4vw, 553px);--heading-max-width: clamp(380px, 36.319vw, 523px);--heading-font-size: clamp(32px, 3.333vw, 48px);--heading-line-height: 1;--heading-letter-spacing: 0;--heading-font-weight: 400;--body-font-size: clamp(14px, 1.389vw, 20px);--body-line-height: 1;--body-letter-spacing: 0;--body-font-weight: 400;--body-margin-top: 12px}@media(max-width:768px){sa-why-banner{--heading-color: var(--heading-color-mobile);--body-color: var(--body-color-mobile);--content-x: var(--content-x-mobile);--content-y: var(--content-y-mobile);--content-width: calc(100% - 2.5rem) ;--heading-max-width: 100%;--heading-font-size: 40px;--heading-line-height: 1;--heading-letter-spacing: 0;--heading-font-weight: 400;--body-font-size: 16px;--body-line-height: 1;--body-letter-spacing: 0;--body-margin-top: 10px}}.sa-why-banner{position:relative;width:100%;overflow:hidden}.sa-why-banner__bg{position:relative;width:100%;aspect-ratio:16 / 9}@media(max-width:768px){.sa-why-banner__bg{aspect-ratio:3 / 4}}.sa-why-banner__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sa-why-banner__bg-img--pc{display:block}.sa-why-banner__bg-img--mobile{display:none}@media(max-width:768px){.sa-why-banner__bg-img--pc{display:none}.sa-why-banner__bg-img--mobile{display:block}}.sa-why-banner__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sa-why-banner__content{position:absolute;left:calc(var(--content-x) * 1%);top:calc(var(--content-y) * 1%);width:min(100%,var(--content-width));padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;box-sizing:border-box}.sa-why-banner__heading{font-size:var(--heading-font-size);line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing);font-weight:var(--heading-font-weight);color:var(--heading-color);margin:0;max-width:min(100%,var(--heading-max-width))}.sa-why-banner__body{font-size:var(--body-font-size);line-height:var(--body-line-height);letter-spacing:var(--body-letter-spacing);font-weight:var(--body-font-weight);color:var(--body-color);margin:var(--body-margin-top) 0 0}.sa-why-banner__body p{margin:0}.sa-why-banner__body p+p{margin-top:.5em}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sa-why-banner.css.map */