:root{--dispersion-left:-220px;--dispersion-right:220px}.why-card{display:inline-block;transition:transform .6s ease-in-out;transform:translateX(0);cursor:pointer}@media (max-width:1540px){:root .why-section:has(#card-6){--dispersion-left:-180px;--dispersion-right:180px}}@media (min-width:1200px){#card-1:hover~#card-2,#card-1:hover~#card-3,#card-1:hover~#card-4{transform:translateX(var(--dispersion-right))}#card-2:hover{transform:translateX(calc(var(--dispersion-left) / 2))}#card-2:hover~#card-3,#card-2:hover~#card-4{transform:translateX(calc(var(--dispersion-right) / 2))}#card-3:hover{transform:translateX(calc(var(--dispersion-left) / 2))}#card-3:hover~#card-4{transform:translateX(calc(var(--dispersion-right) / 2))}#card-4:hover,#card-5:hover{transform:translateX(var(--dispersion-left))}.why-section:has(#card-4:hover) #card-2,.why-section:has(#card-4:hover) #card-3{transform:translateX(calc(var(--dispersion-left) / 2))}.why-section:has(#card-5:hover) #card-2,.why-section:has(#card-5:hover) #card-3,.why-section:has(#card-5:hover) #card-4{transform:translateX(calc(var(--dispersion-left) / 2))}#card-6:hover{transform:translateX(10px)}.why-section:has(#card-6:hover) #card-2,.why-section:has(#card-6:hover) #card-3,.why-section:has(#card-6:hover) #card-4,.why-section:has(#card-6:hover) #card-5{transform:translateX(10px)}}.mission__itemtitle{color:#53545D;text-align:center;font-size:44px;font-style:normal;font-weight:500;line-height:44px;margin-bottom:37px;min-height:90px}@media screen and (max-width:1700px){.mission__itemtitle{font-size:34px;line-height:34px;min-height:90px}}@media only screen and (max-width:1080px){.mission__itemtitle{font-size:24px;line-height:24px;margin-bottom:22px;min-height:50px}}