.main-line-intro-banner{--page-padding-block-start: 120px;--page-padding-block-end: 140px;background-color:var(--white)}@media (max-width: 1024px){.main-line-intro-banner{--page-padding-block-start: 80px;--page-padding-block-end: 100px}}@media (max-width: 720px){.main-line-intro-banner{--page-padding-block-start: 48px;--page-padding-block-end: 48px}}.main-line-intro-banner .page-width{padding-block-start:var(--page-padding-block-start);padding-block-end:var(--page-padding-block-end)}.main-line-intro-banner .text-box{text-align:center}.main-line-intro-banner__list{display:flex;flex-direction:column;gap:40px}.main-line-intro-banner__item{display:flex;gap:24px}@media (max-width: 720px){.main-line-intro-banner__item{flex-direction:column!important;gap:12px}}.main-line-intro-banner__item--reverse{flex-direction:row-reverse}.main-line-intro-banner__img{overflow:hidden;flex:1 1 40%;border-radius:var(--radius-base)}.main-line-intro-banner__img.animate img{opacity:1;transform:scale(1)}.main-line-intro-banner__img img{width:100%;height:auto;display:block;opacity:0;transform:scale(1.2);transition:opacity 1.5s cubic-bezier(.33,1,.68,1),transform 1.5s cubic-bezier(.33,1,.68,1)}.main-line-intro-banner__text-box{flex:1 1 40%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px}@media (max-width: 1024px){.main-line-intro-banner__text-box{padding:40px}}@media (max-width: 720px){.main-line-intro-banner__text-box{padding:0}}.main-line-intro-banner__title{color:var(--black);font-size:var(--headline-h4-font-size);line-height:var(--headline-h4-line-height);font-weight:var(--font-weight-bold)}@media (max-width: 1024px){.main-line-intro-banner__title{font-size:var(--headline-h4-font-size);line-height:var(--headline-h4-line-height)}}@media (max-width: 720px){.main-line-intro-banner__title{font-size:var(--headline-h3-font-size);line-height:var(--headline-h3-line-height)}}.main-line-intro-banner__desc{color:var(--gray06);font-size:var(--body03-font-size);line-height:var(--body03-line-height);margin-top:16px}@media (max-width: 1024px){.main-line-intro-banner__desc{font-size:var(--body02-font-size);line-height:var(--body02-line-height)}}@media (max-width: 720px){.main-line-intro-banner__desc{font-size:var(--body02-font-size);line-height:var(--body02-line-height);margin-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/main-line-intro-banner.scss.css.map */
