.whole-plan{margin:22px 0 30px;padding:22px 18px 18px;background:#fff;border:1px solid #dce2d6;border-radius:16px;text-align:center;color:#244638}
.whole-plan-flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1.15fr;align-items:center;max-width:640px;margin:0 auto}
.whole-plan-item{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 4px;border-radius:12px}
.whole-plan-item svg{width:64px;height:72px}.whole-plan-item strong{font-size:20px;line-height:1.4}.whole-plan-item small{font-size:12px;line-height:1.6;color:#667369}
.whole-plan-exterior{background:#faf4df;border:1px solid #c4a759}.whole-plan-arrow{font-size:24px;color:#9b864a}
.whole-plan figcaption{margin-top:18px;padding-top:16px;border-top:1px solid #dde3d8;font-size:18px;line-height:1.7;font-weight:600}.whole-plan figcaption strong{color:#355d48;text-decoration:underline;text-decoration-color:#c2a563;text-underline-offset:5px}
.whole-plan>p{font-size:13px!important;line-height:1.7!important;margin:7px 0 0!important;color:#687368}
@media(max-width:480px){.whole-plan{padding:14px 9px;margin:18px 0 24px}.whole-plan-flow{grid-template-columns:1fr 18px 1fr 18px 1.2fr}.whole-plan-item{padding:10px 2px;gap:5px}.whole-plan-item svg{width:48px;height:56px}.whole-plan-item strong{font-size:17px}.whole-plan-item small{font-size:10px}.whole-plan-arrow{font-size:19px}.whole-plan figcaption{font-size:15px}.whole-plan>p{font-size:11px!important}}