.tube-route-list .tube-route-photo{display:grid;grid-template-columns:152px minmax(0,1fr) 16px;gap:20px;align-items:center;padding:20px 0}
.tube-route-photo picture{display:block;overflow:hidden;background:#e4e8e4;border-radius:2px}
.tube-route-photo img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;transition:transform .25s}
.tube-route-photo:hover img{transform:scale(1.025)}
.tube-route-list .tube-route-photo>div{min-width:0}
.tube-route-index{display:block;color:#a51b21;font-size:10px;font-weight:700;line-height:1.3;margin-bottom:7px}
.tube-route-list .tube-route-photo h3{font-size:19px;line-height:1.2;margin-bottom:7px}
.tube-route-list .tube-route-photo p{font-size:12px;line-height:1.6}
.tube-assembly-drawing{justify-self:center;width:100%;max-width:480px}
.tube-assembly-drawing picture{display:flex;align-items:center;justify-content:center;background:#fff;padding:0 20px 20px}
.tube-assembly-drawing img{width:auto;max-width:100%;max-height:540px;height:auto;object-fit:contain}
.tube-assembly-drawing figcaption{text-align:center}
@media(max-width:1100px) and (min-width:801px){.tube-route-list .tube-route-photo{grid-template-columns:110px minmax(0,1fr) 14px;gap:14px}.tube-route-list .tube-route-photo h3{font-size:17px}}
@media(max-width:800px){.tube-route-list .tube-route-photo{grid-template-columns:160px minmax(0,1fr) 16px;gap:20px}.tube-assembly-drawing{max-width:400px}.tube-assembly-drawing img{max-height:510px}}
@media(max-width:540px){.tube-route-list .tube-route-photo{grid-template-columns:108px minmax(0,1fr) 12px;gap:13px;padding:18px 0}.tube-route-list .tube-route-photo h3{font-size:17px}.tube-route-list .tube-route-photo p{font-size:12px}.tube-route-photo img{aspect-ratio:1.08}.tube-assembly-drawing{max-width:310px}.tube-assembly-drawing picture{padding:0 16px 15px}.tube-assembly-drawing img{max-height:465px}}
@media(prefers-reduced-motion:reduce){.tube-route-photo img{transition:none}.tube-route-photo:hover img{transform:none}}