.other_grid_5{--num-other_grid_5:4;--gap-other_grid_5:.2rem;--gapy-other_grid_5:var(--gapy-other_grid_5, --gap-other_grid_5)}@media (max-width:767px){.other_grid_5{--num-other_grid_5:2}}.other_grid_5-head{padding-bottom:.3rem;text-align:center}.other_grid_5-container{display:flex;flex-wrap:wrap;gap:var(--gap-other_grid_5)}.other_grid_5-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:calc((100% / var(--num-other_grid_5)) - (var(--gap-other_grid_5) * (var(--num-other_grid_5) - 1) / var(--num-other_grid_5)))}.other_grid_5-item_img{width:100%;transition:.3s all}.other_grid_5-item_img img{width:100%}.other_grid_5-item_subimg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;opacity:0;transition:.3s all}.other_grid_5-item_subimg img{min-width:100%;min-height:100%;max-width:100%;max-height:100%;object-fit:cover}.other_grid_5-item_text{font-size:.2rem;position:absolute;bottom:10%;left:50%;transform:translateX(-50%);padding:.01rem .12rem;background:var(--site-color-50);color:#fff;border-radius:1rem;transition:.3s all}.other_grid_5-item:hover .other_grid_5-item_subimg+.other_grid_5-item_img{opacity:0}.other_grid_5-item:hover .other_grid_5-item_subimg{opacity:1}.other_grid_5-item:hover .other_grid_5-item_text{transform:translate(-50%, -10px)}