.subscription{display:flex;align-items:center;padding:5vw;background-repeat:no-repeat;background-size:cover;background-position:100% 50%;min-height:calc(100vh - var(--announcement-height) - var(--header-height) - 5vh);margin-bottom:40px}.subscription-bg{background:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:30px 40px;max-width:1000px}.subscription-cols{display:flex;padding-bottom:20px}.subscription-col{width:50%}.subscription-step{display:flex}.subscription-step-icon{position:relative;margin-left:-10px}.subscription-step-icon svg{width:100px}.subscription-step-icon .line{min-height:50px;position:relative}.subscription-step-icon .line:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);bottom:4px;width:3px;border-radius:2px;opacity:.2;background-color:currentColor}.subscription-step-text{padding:12px 30px 0 10px}.subscription-step-text h2{margin-bottom:.6rem}.subscription-step-text p{margin-bottom:0}.subscription-text{padding:20px 10px 30px 0;font-size:1.5rem;line-height:135%;max-width:350px;margin:auto}.subscription-button{padding:0 25px;display:flex;align-items:center;justify-content:center;position:relative;font-size:1.5rem;line-height:110%;color:#151515;text-decoration:none;transition:all .3s ease;min-height:64px;border-radius:50px;border:1px solid var(--solid-button-background);max-width:350px;margin:auto auto 30px;cursor:pointer}.subscription-button:hover{background-color:var(--solid-button-background);color:#fff}@media (min-width: 1500px){.subscription-bg{margin-left:5vw}}@media (max-width: 800px){.subscription-cols{flex-wrap:wrap}.subscription-col{width:100%}.subscription-col:first-child{order:2}.subscription-text{padding-top:0;max-width:100%}.subscription-text,.subscription-button{margin-left:0}}@media (max-width: 500px){.subscription{padding:0;background:none!important;margin-bottom:0}.subscription-bg{padding:30px 15px}.subscription-step-icon svg{width:80px}.subscription-text{font-size:1.25rem}}.subscription.subscription-tea{background-image:url(//japanesecoffeeco.com/cdn/shop/t/17/assets/subscription-tea-bg.jpg?9288)}.subscription.subscription-tea .subscription-step-icon{color:#368d00}.subscription.subscription-coffee{background-image:url(//japanesecoffeeco.com/cdn/shop/t/17/assets/subscription-coffee-bg.jpg?v=132945119688322549601751697846)}.subscription.subscription-coffee .subscription-step-icon{color:#83563d}.subscrtiption_page_img{width:auto!important;max-width:100%;height:auto;display:block;margin:40px auto 30px}
/*# sourceMappingURL=/cdn/shop/t/17/assets/subscription-header.css.map */