.truck-strip{overflow:hidden;background:linear-gradient(#fff,#f3f6ec);border-bottom:1px solid var(--line)}.truck-strip-top{max-width:1140px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;gap:18px}.truck-strip-top p{font-size:13px;font-weight:700}.truck-motion{border:1px solid #cbd8cd;border-radius:30px;background:white;padding:7px 12px;font-size:11px;color:var(--green);cursor:pointer;flex-shrink:0}.collection-scene{position:relative;height:255px;max-width:1440px;margin:auto;overflow:hidden}.collection-site{position:absolute;bottom:84px;width:140px;transform:translateX(-50%);text-align:center}.office{left:27%}.hospital{left:76%}.site-label{font-size:12px;font-weight:800;letter-spacing:.1em;margin-bottom:6px;display:block}.building{width:110px;height:130px;border:2px solid #9ab09b;background:#e4ebdf;border-radius:6px 6px 0 0;margin:auto;position:relative;overflow:hidden}.office .building:before{content:'';position:absolute;left:13px;right:13px;top:15px;height:83px;background:repeating-linear-gradient(90deg,#a5bea7 0 13px,transparent 13px 27px);mask-image:repeating-linear-gradient(0deg,#000 0 16px,transparent 16px 28px)}.building:after{content:'';position:absolute;bottom:0;left:43%;height:27px;width:20%;background:#9ab09b;border:3px solid #f3f6ec;border-bottom:0}.hospital .building{width:138px;height:105px;background:#fffaf0;border-color:#adbaa4}.hospital-sign{display:block;margin:9px auto 8px;font-size:10px;letter-spacing:.09em;font-weight:700}.hospital-sign:before{content:'＋';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dae7d5;color:#386751;font-size:22px;vertical-align:middle;margin-right:5px}.hospital-windows{display:block;height:19px;margin:0 15px;background:repeating-linear-gradient(90deg,#b7cec0 0 20px,transparent 20px 32px)}.site-status{position:absolute;left:50%;top:-30px;transform:translateX(-50%);white-space:nowrap;font-size:11px;background:var(--lime);padding:3px 10px;border-radius:20px;opacity:0}.truck-road{position:absolute;bottom:23px;left:0;right:0;height:1px;background:#bdcdb9}.truck-road:after{content:'';position:absolute;top:11px;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#d0dccb 0 16px,transparent 16px 44px)}.collection-parcel{position:absolute;left:0;top:0;width:20px;height:22px;background:#c9a879;border:1.5px solid #887653;border-radius:2px;will-change:transform,opacity;z-index:5}.collection-parcel:before{content:'';position:absolute;left:8px;top:0;bottom:0;width:3px;background:#ead8b7}.collection-parcel:nth-child(2n){background:#b5c5b0;border-color:#71866a;height:19px}.truck-rider{position:absolute;left:0;bottom:10px;width:clamp(145px,21vw,260px);will-change:transform;z-index:4}.truck-rider img{width:100%;height:auto}.truck-hello{position:absolute;left:8%;top:2px;background:#fff;border:1px solid #9fb594;border-radius:24px;padding:4px 11px;font-size:12px;font-weight:700;white-space:nowrap}.truck-hello:after{content:'';position:absolute;bottom:-5px;left:24px;width:7px;height:7px;background:#fff;transform:rotate(45deg);border-right:1px solid #9fb594;border-bottom:1px solid #9fb594}.truck-load{position:absolute;right:8%;top:45%;background:var(--lime);border:1px solid #768c54;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:800;opacity:0}.collection-caption{text-align:center;font-size:12px;font-weight:700;min-height:28px;padding:2px 20px 5px}.truck-note{text-align:center;font-size:10px;color:var(--muted);padding:0 20px 13px;line-height:1.7}.collection-site.cleared .building{border-color:#779958}.collection-site.cleared .site-status{opacity:1}@media(max-width:800px){.truck-strip-top{padding:15px 24px}.truck-strip-top p{font-size:11px}.truck-motion{font-size:10px;padding:6px 9px}.collection-scene{height:232px}.collection-site{width:100px;bottom:73px}.office{left:25%}.building{width:75px;height:110px}.hospital .building{width:92px;height:92px}.hospital-sign{font-size:9px;letter-spacing:0}.hospital-sign:before{width:18px;height:18px;font-size:18px;margin-right:2px}.hospital-windows{margin:0 9px;background-size:22px 100%;background-image:linear-gradient(90deg,#b7cec0 0 14px,transparent 14px)}.office .building:before{left:10px;right:10px;background-size:20px 100%;background-image:linear-gradient(90deg,#a5bea7 0 10px,transparent 10px)}.site-label{font-size:11px}.truck-hello{font-size:10px;padding:3px 8px;top:-8px}.truck-load{font-size:9px;padding:1px 6px;right:5%}.collection-parcel{width:16px;height:18px}.collection-parcel:before{left:6px}.collection-parcel:nth-child(2n){height:16px}.site-status{font-size:10px;top:-27px}.collection-caption{font-size:11px}.truck-note{font-size:9px}}

.collection-scene{height:285px}@media(max-width:800px){.collection-scene{height:262px}}