.mail-delivery{--digimoku-teal: #1d9a9a;--md-step-text: #505050}.mail-delivery__body{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}@media screen and (min-width:750px){.mail-delivery__body{flex-direction:row;justify-content:center;gap:1.5rem}}.mail-delivery__visual{display:flex;align-items:center;gap:.5rem;flex:none}.mail-delivery__phone{display:block;width:9rem;height:auto}@media screen and (min-width:750px){.mail-delivery__phone{width:13rem}}.mail-delivery__bubble{position:relative;display:grid;place-items:center;flex:none;width:8rem}.mail-delivery__bubble-shape{display:block;width:100%}.mail-delivery__bubble-shape svg{display:block;width:100%;height:auto}.mail-delivery__bubble-text{position:absolute;top:51%;left:52%;display:flex;flex-direction:column;color:var(--digimoku-teal);font-size:1.3rem;font-weight:700;letter-spacing:-.075em;line-height:1.2;text-align:center;transform:translate(-50%,-50%);white-space:nowrap}.mail-delivery__bubble-line{display:block}@media screen and (min-width:750px){.mail-delivery__bubble{width:10rem}.mail-delivery__bubble-text{font-size:1.6rem}}@media screen and (min-width:990px){.mail-delivery__bubble-text{font-size:1.8rem}}.mail-delivery__steps{display:flex;align-items:center;justify-content:center;gap:3.2rem;flex-wrap:wrap;margin:0;padding:0;list-style:none}.mail-delivery__step{position:relative;flex:none}.mail-delivery__step:not(:last-child):after{content:"";position:absolute;top:50%;left:100%;width:2.4rem;height:2.4rem;margin-left:.4rem;background:url(digimoku-about-step-arrow.svg) no-repeat center / contain;transform:translateY(-50%)}.mail-delivery__step-circle{display:grid;place-content:center;width:9rem;height:9rem;border:5px solid var(--step-ring, var(--digimoku-teal));border-radius:50%;background:#fff;color:var(--md-step-text);text-align:center}.mail-delivery__step-lead{display:block;font-size:1.2rem;font-weight:700;letter-spacing:.03em;line-height:1.3}.mail-delivery__step-heading{display:block;font-size:2.6rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}@media screen and (min-width:750px){.mail-delivery__steps{gap:4.6rem}.mail-delivery__step:not(:last-child):after{width:4.1rem;height:3.9rem;margin-left:.5rem}.mail-delivery__step-circle{width:12rem;height:12rem}.mail-delivery__step-lead{font-size:1.4rem}.mail-delivery__step-heading{font-size:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-about-mail-delivery.css.map */