.c-sns-banner{width:100%;max-width:830px;margin-left:auto;margin-right:auto;padding:var(--spacing-48) var(--spacing-76);background-color:rgb(var(--sns-banner-item-bg))}.c-sns-banner__wrapper{display:flex;overflow:hidden;gap:var(--spacing-32)}.c-sns-banner__image-wrapper{width:100%;flex-shrink:0;position:relative;flex:323px;max-width:323px}.c-sns-banner__image-wrapper--relative .c-sns-banner__image--first{max-width:239px;width:100%;height:auto;object-fit:cover;display:block}.c-sns-banner__image-wrapper--absolute{position:absolute;top:50%;right:0;width:100%;height:auto;max-width:164px;object-fit:cover;display:block;transform:translateY(-50%)}.c-sns-banner__image{width:100%;height:auto;object-fit:cover;display:block}.c-sns-banner__content{flex:1;max-width:283px;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--spacing-35)}.c-sns-banner__title{margin:0}.c-sns-banner__buttons{display:flex;flex-direction:column;align-items:start;gap:var(--spacing-8);width:100%;max-width:320px}.c-sns-banner__button{display:inline-flex;align-items:center;justify-content:start;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-24);background-color:#2d2d2d;color:rgb(var(--sns-banner-item-bg));text-decoration:none;font-size:var(--fs-13);font-weight:300;letter-spacing:.012em;transition:all .3s ease;border:1px solid #2d2d2d;border-radius:6px;width:100%}.c-sns-banner__button svg{display:block}.c-sns-banner__button:hover{background:#fff;color:#2d2d2d}@media screen and (max-width:768px){.c-sns-banner{padding:var(--spacing-49) var(--spacing-22)}.c-sns-banner__content{flex:1;padding-left:var(--spacing-8);padding-right:var(--spacing-8);gap:var(--spacing-32)}.c-sns-banner__image-wrapper{flex:1}.c-sns-banner__wrapper{flex-direction:column;gap:var(--spacing-48)}.c-sns-banner__title{font-size:var(--fs-28)}.c-sns-banner__buttons{max-width:100%}.c-sns-banner__button{padding:var(--spacing-16) var(--spacing-24);font-size:var(--fs-13);width:100%;gap:var(--spacing-14)}.c-sns-banner__buttons{gap:var(--spacing-16)}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/c-sns-banner.css.map */