.section-how-to-use-hero{padding-top:var(--section-pt, 50px);padding-bottom:var(--section-pb, 50px);background-color:var(--htuh-bg, #f0eef8);background-size:28px 28px}.section-how-to-use-hero .how-to-use-hero__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.section-how-to-use-hero .how-to-use-hero__subtitle{font-size:14px;font-weight:700;line-height:1.4;color:var(--htuh-subtitle-color, #2e2d28);margin:0;max-width:680px}.section-how-to-use-hero .how-to-use-hero__title{font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1;color:var(--htuh-title-color, #4a3f8f);margin:0;letter-spacing:-.01em}.section-how-to-use-hero .how-to-use-hero__description{font-size:16px;font-weight:400;line-height:1.6;color:var(--htuh-description-color, #555555);margin:0;max-width:620px}.section-how-to-use-hero .how-to-use-hero__inner.text-left{align-items:flex-start;text-align:left}.section-how-to-use-hero .how-to-use-hero__inner.text-right{align-items:flex-end;text-align:right}@media screen and (max-width:767px){.section-how-to-use-hero .how-to-use-hero__title{font-size:45px}.section-how-to-use-hero .how-to-use-hero__subtitle{font-size:13px}.section-how-to-use-hero .how-to-use-hero__description{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/how-to-use-hero.css.map */