.block-infographic{background:#f3f5ed}
.service-explainer{max-width:1440px;margin:0 auto}
.service-explainer>h2{font-size:clamp(32px,4vw,64px);line-height:1.1;letter-spacing:-.04em;max-width:920px;margin:0 0 42px}
.service-info-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:0;margin:0}
.service-info-nodes>li{position:relative;min-width:0}
.service-info-symbol{position:relative;display:flex;align-items:center;justify-content:center;width:104px;height:104px;border:1px solid #a7b395;background:#fff;color:#171b14;margin-bottom:28px}
.service-info-nodes.is-flow>li:not(:last-child):after{content:'';position:absolute;left:124px;right:-15px;top:52px;border-top:1px solid #9da68f}
.service-info-nodes.is-flow>li:not(:last-child):before{content:'';position:absolute;right:-15px;top:48px;width:8px;height:8px;border-top:1px solid #9da68f;border-right:1px solid #9da68f;transform:rotate(45deg)}
.service-info-number{position:absolute;right:-1px;bottom:-1px;padding:3px 7px;font-size:12px;background:#97cc02}
.service-info-nodes h3{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}
.service-info-nodes p{font-size:16px;line-height:1.65;margin:0;max-width:350px;color:#4a5143}
.service-info-note{border-top:1px solid #c7cebd;margin:36px 0 0;padding-top:24px;font-size:16px;line-height:1.7;max-width:1050px;color:#4a5143}
.treatment-diagram{margin-top:24px}
.service-graphic-treatment .treatment-diagram h2{font-size:clamp(28px,3vw,46px);line-height:1.12;margin:0 0 26px}
.treatment-diagram-nodes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.treatment-diagram-nodes>li{min-width:0;position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px;font-size:14px;line-height:1.5}
.treatment-diagram-symbol{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:72px;height:72px;border:1px solid #abb898;background:#fafff0;color:#171b14;border-radius:50%}
.treatment-diagram-symbol .service-info-icon{width:36px;height:36px}
.treatment-diagram-nodes.is-flow>li:not(:last-child):after{content:'';position:absolute;left:calc(50% + 36px);width:calc(100% - 54px);top:36px;border-top:1px solid #a5b195}
.treatment-diagram-nodes.is-flow>li:not(:last-child):before{content:'';position:absolute;right:calc(-50% + 20px);top:33px;width:7px;height:7px;border-top:1px solid #a5b195;border-right:1px solid #a5b195;transform:rotate(45deg)}
.treatment-diagram-note{font-size:15px;line-height:1.5;margin:22px 0 0;text-align:center}
.service-graphic-treatment .treatment-rate{margin-top:30px;padding-top:22px;border-top:1px solid #bec8af;gap:12px}
.service-graphic-treatment .treatment-rate strong{font-size:clamp(54px,6vw,82px)}
.service-graphic-treatment .treatment-rate-note{font-size:16px;margin:8px 0 24px}
.service-graphic-treatment .treatment-example{font-size:16px;padding-top:20px}
.service-graphic-treatment .treatment-consent{font-size:14px;margin-top:18px}
.pn-process-steps .pn-step-marker{display:flex;flex-direction:column;align-items:center;gap:15px;width:38px}
.pn-step-marker .service-info-icon{width:32px;height:32px}
@media(max-width:900px){
 .service-info-nodes{gap:24px}
 .service-info-nodes h3{font-size:21px}
 .service-info-nodes.is-flow>li:not(:last-child):after{right:-7px}
 .service-info-nodes.is-flow>li:not(:last-child):before{right:-7px}
}
@media(max-width:600px){
 .service-explainer>h2{font-size:34px;margin-bottom:30px}
 .service-info-nodes{grid-template-columns:1fr;gap:30px}
 .service-info-nodes>li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px 20px}
 .service-info-symbol{width:76px;height:76px;grid-row:1/span 2;margin:0}
 .service-info-symbol .service-info-icon{width:42px;height:42px}
 .service-info-nodes h3{margin:0;font-size:22px}
 .service-info-nodes p{grid-column:2;font-size:16px}
 .service-info-nodes.is-flow>li:not(:last-child):after{left:38px;right:auto;top:88px;bottom:-18px;border-top:0;border-left:1px solid #9da68f}
 .service-info-nodes.is-flow>li:not(:last-child):before{left:35px;right:auto;top:auto;bottom:-18px;width:7px;height:7px;transform:rotate(135deg)}
 .service-info-note{margin-top:30px;font-size:15px;padding-top:22px}
 .service-graphic-treatment .treatment-diagram h2{font-size:32px;margin-bottom:24px}
 .treatment-diagram-nodes{gap:12px}
 .treatment-diagram-symbol{width:62px;height:62px}
 .treatment-diagram-symbol .service-info-icon{width:32px;height:32px}
 .treatment-diagram-nodes.is-flow>li:not(:last-child):after{left:calc(50% + 31px);width:calc(100% - 50px);top:31px}
 .treatment-diagram-nodes.is-flow>li:not(:last-child):before{right:calc(-50% + 21px);top:28px}
 .service-graphic-treatment .treatment-rate{margin-top:25px}
 .service-graphic-treatment .treatment-rate strong{font-size:64px}
 .treatment-diagram-note{font-size:14px}
 .pn-process-steps .pn-step-marker{width:30px;gap:12px}
 .pn-step-marker .service-info-icon{width:27px;height:27px}
}
@media(max-width:360px){.treatment-diagram-symbol{width:54px;height:54px}.treatment-diagram-nodes.is-flow>li:before,.treatment-diagram-nodes.is-flow>li:after{display:none}}
