.c-brand-intro{display:block;padding-block:var(--c-brand-pad-top-sp) var(--c-brand-pad-bottom-sp)}@media screen and (min-width:750px){.c-brand-intro{padding-block:var(--c-brand-pad-top-pc) var(--c-brand-pad-bottom-pc)}}.c-brand-intro__inner{width:100%;max-width:1110px;margin-inline:auto;padding-inline:20px}@media screen and (max-width:749px){.c-brand-intro__inner{max-width:var(--c-inner-sp)}}@media screen and (min-width:750px){.c-brand-intro__inner{padding-inline:40px}}@media screen and (min-width:1190px){.c-brand-intro__inner{padding-inline:0}}.c-brand-intro__heading{margin:0;color:var(--color-catch);font-family:var(--base-font-family);font-size:26px;font-weight:var(--fw-bold);line-height:1.72;letter-spacing:.2em}@media screen and (min-width:750px){.c-brand-intro__heading{font-size:40px;letter-spacing:.33em}}.c-brand-intro__description{margin:20px 0 0;color:var(--color-text);font-family:var(--base-font-family);font-size:14px;font-weight:var(--fw-regular);line-height:2.2;letter-spacing:.1em}@media screen and (min-width:750px){.c-brand-intro__description{margin-top:32px;font-size:16px;line-height:2.5;letter-spacing:.2em}}.c-brand-intro__row{display:flex;flex-direction:column;gap:32px;margin-top:32px}@media screen and (min-width:750px){.c-brand-intro__row{margin-top:50px}}@media screen and (min-width:990px){.c-brand-intro__row{display:grid;grid-template-columns:minmax(0,518px) 1fr;align-items:start;gap:24px}}.c-brand-intro__button{width:100%}@media screen and (min-width:750px){.c-brand-intro__action{max-width:518px}}.c-brand-intro__media{overflow:hidden;background-color:var(--color-sub-bg)}.c-brand-intro__media--a{aspect-ratio:358 / 231}@media screen and (min-width:750px){.c-brand-intro__media--a{align-self:flex-end;width:min(100%,358px)}}@media screen and (min-width:990px){.c-brand-intro__media--a{justify-self:end;margin-top:-63px;margin-right:21px}}.c-brand-intro__media--b{aspect-ratio:531 / 300;margin-top:16px}@media screen and (min-width:750px){.c-brand-intro__media--b{width:min(100%,531px);margin-top:45px}}@media screen and (min-width:990px){.c-brand-intro__media--b{margin-left:min(317px,calc(100% - 531px))}}.c-brand-intro__image{display:block;width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/7/assets/c-brand-intro.css.map */
