:host{display:block;width:100%;background:#f7f7f7;color:#000}
:host .iwp-process{padding:100px 0;scroll-margin-top:100px;background:#f7f7f7}
:host .iwp-process,:host .iwp-process *{box-sizing:border-box;font-family:var(--iwp-serif,"A1明朝","Noto Serif JP",serif)}
:host .iwp-process-inner{width:min(1100px,calc(100% - 48px));margin:0 auto}
:host .iwp-process-heading{text-align:center;margin:0 auto 72px}
:host .iwp-process .iwp-process-label{font-size:32px;font-weight:700;line-height:36px;margin:0 0 14px;letter-spacing:.06em}
:host .iwp-process-eyebrow{display:block;font-size:11px;letter-spacing:.15em;line-height:1.8;margin-bottom:26px}
:host .iwp-process h2{font-size:32px;font-weight:400;line-height:1.9;letter-spacing:.06em;margin:0;text-wrap:balance}
:host .iwp-process p{font-size:15px;line-height:2.2;margin:0;letter-spacing:.04em;overflow-wrap:break-word}
:host .iwp-process-heading>p{max-width:800px;margin:28px auto 0}
:host .iwp-process-steps{display:grid;gap:28px;list-style:none;padding:0;margin:0}
:host .iwp-process-step{margin:0;padding:48px 64px;background:#fff}
:host .iwp-process-step-copy{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
:host .iwp-process h3{display:flex;align-items:baseline;gap:20px;font-size:22px;font-weight:400;line-height:1.8;letter-spacing:.04em;margin:0}
:host .iwp-process-number{flex:none;font-size:12px;line-height:1.8;letter-spacing:.1em}
@media(max-width:1000px){:host .iwp-process-step{padding:40px}:host .iwp-process-step-copy{grid-template-columns:220px minmax(0,1fr);gap:32px}:host .iwp-process h3{font-size:21px}}
@media(max-width:800px){:host .iwp-process-step-copy{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){:host .iwp-process{padding:68px 0 72px}:host .iwp-process-inner{width:calc(100% - 32px)}:host .iwp-process-heading{margin-bottom:44px}:host .iwp-process h2{font-size:25px;letter-spacing:.04em}:host .iwp-process-heading>p{margin:24px 16px 0}:host .iwp-process-steps{gap:24px}:host .iwp-process-step{padding:32px 24px}:host .iwp-process h3{font-size:20px;gap:16px}:host .iwp-process p{letter-spacing:.02em}}

/* Match the existing Message heading at each responsive breakpoint. */
@media(max-width:840px){:host .iwp-process .iwp-process-label{font-size:24px}}
@media(max-width:540px){:host .iwp-process .iwp-process-label{font-size:20px}}

/* Restore the light grey process background with black introductory text. */
:host .iwp-process-heading,:host .iwp-process-heading *{color:#000}
:host .iwp-process-step,:host .iwp-process-step *{color:#000}