.handover-map{color:#244b43;border-top:2px solid #244b43;border-bottom:1px solid #8eaaa0}.handover-key{display:flex;gap:12px;align-items:center;padding:13px 0}.handover-key>span{font-size:12px;line-height:1.4}.handover-key strong{display:block;font-size:15px;font-weight:600}.handover-layers{border-left:1px solid #75958a;margin-left:14px}.handover-layer{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1.15fr);column-gap:12px;margin-left:-14px;padding:13px 0;border-top:1px solid #9db5ab}.handover-symbol{background:#dce8e5;align-self:start;padding:3px 0}.handover-material strong{display:block;font-size:15px;line-height:1.3}.handover-material span{display:block;font-size:12px;line-height:1.45;margin-top:4px}.handover-responsibility span{display:block;font-size:12px;line-height:1.4}.handover-responsibility strong{display:block;font-size:13px;line-height:1.4;font-weight:550;margin-top:4px}.handover-output{grid-column:3;font-size:12px;border-left:2px solid #75958a;margin-top:8px;padding-left:8px}.handover-map .handover-note{font-size:12px;line-height:1.45;margin:12px 0}.delivery-detail .handover-map{max-width:680px}@media(max-width:800px){.handover-key strong{font-size:14px}.handover-layer{grid-template-columns:24px minmax(0,1fr);column-gap:12px;padding:11px 0}.handover-symbol svg{width:24px}.handover-material{grid-column:2}.handover-responsibility{grid-column:2;margin-top:7px}.handover-responsibility span{display:inline}.handover-responsibility strong{margin-top:2px}.handover-output{grid-column:2;margin-top:6px}.handover-map .handover-note{font-size:12px}}