.FunctionPoint[data-v-c0cb2315]{height:63.125vw;margin:0 auto;padding:4.0104166667vw 0 6.25vw;width:62.5vw}.FunctionPoint .webTitle h2[data-v-c0cb2315]{font-size:1.7708333333vw;letter-spacing:.1041666667vw;line-height:2.96875vw;margin-bottom:2.6041666667vw}.FunctionPoint .functionPint-container[data-v-c0cb2315]{display:flex;flex-wrap:wrap;gap:2.5vw;justify-content:space-between;margin:auto;width:62.5vw}.FunctionPoint .functionPint-container__box[data-v-c0cb2315]{border-radius:.7291666667vw;height:22.2395833333vw;overflow:hidden;padding:.1041666667vw;position:relative;width:30vw}.FunctionPoint .functionPint-container__box .value[data-v-c0cb2315]{background:#1a1a22;border-radius:.7291666667vw;height:100%;padding:1.7708333333vw;width:100%;z-index:10}.FunctionPoint .functionPint-container__box .value img[data-v-c0cb2315]{border-radius:.7291666667vw;height:13.75vw;width:26.3541666667vw}.FunctionPoint .functionPint-container__box .value .title[data-v-c0cb2315]{color:#0ac779;font-size:1.0416666667vw;font-weight:700;letter-spacing:.0520833333vw;line-height:1.875vw}.FunctionPoint .functionPint-container__box .value .text[data-v-c0cb2315]{color:#ffffffb3;font-size:.7291666667vw;font-weight:400;line-height:1.3541666667vw}.FunctionPoint .functionPint-container__box[data-v-c0cb2315]:before{animation:functionPint-container-hover-c0cb2315 3s forwards;border-radius:50%;content:"";height:38.0208333333vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:38.0208333333vw}.FunctionPoint .functionPint-container__box:hover .text[data-v-c0cb2315]{color:#0ac779}.FunctionPoint .functionPint-container .is_active[data-v-c0cb2315]:before{background:linear-gradient(1turn,#00020133,#007b47);border-radius:50%;content:"";height:38.0208333333vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:38.0208333333vw}.FunctionPoint .functionPint-container .is_active .text[data-v-c0cb2315]{color:#0ac779}.FunctionPoint .functionPint-container .is_active .value[data-v-c0cb2315]{background-color:#1f2a2f}@media (min-width:769px) and (max-width:1440px){.FunctionPoint[data-v-c0cb2315]{height:84.1666666667vw;margin:0 auto;padding:5.3472222222vw 0 8.3333333333vw;width:83.3333333333vw}.FunctionPoint .webTitle h2[data-v-c0cb2315]{font-size:2.3611111111vw;letter-spacing:.1388888889vw;line-height:3.9583333333vw;margin-bottom:3.4722222222vw}.FunctionPoint .functionPint-container[data-v-c0cb2315]{display:flex;flex-wrap:wrap;gap:3.3333333333vw;justify-content:space-between;margin:auto;width:83.3333333333vw}.FunctionPoint .functionPint-container__box[data-v-c0cb2315]{border-radius:.9722222222vw;height:29.6527777778vw;overflow:hidden;padding:.1388888889vw;position:relative;width:40vw}.FunctionPoint .functionPint-container__box .value[data-v-c0cb2315]{background:#1a1a22;border-radius:.9722222222vw;height:100%;padding:2.3611111111vw;width:100%;z-index:10}.FunctionPoint .functionPint-container__box .value img[data-v-c0cb2315]{border-radius:.9722222222vw;height:18.3333333333vw;width:35.1388888889vw}.FunctionPoint .functionPint-container__box .value .title[data-v-c0cb2315]{color:#0ac779;font-size:1.3888888889vw;font-weight:700;letter-spacing:.0694444444vw;line-height:2.5vw}.FunctionPoint .functionPint-container__box .value .text[data-v-c0cb2315]{color:#ffffffb3;font-size:.9722222222vw;font-weight:400;line-height:1.8055555556vw}.FunctionPoint .functionPint-container__box[data-v-c0cb2315]:before{animation:functionPint-container-hover-c0cb2315 3s forwards;border-radius:50%;content:"";height:50.6944444444vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50.6944444444vw}.FunctionPoint .functionPint-container__box:hover .text[data-v-c0cb2315]{color:#0ac779}.FunctionPoint .functionPint-container .is_active[data-v-c0cb2315]:before{background:linear-gradient(1turn,#00020133,#007b47);border-radius:50%;content:"";height:50.6944444444vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50.6944444444vw}.FunctionPoint .functionPint-container .is_active .text[data-v-c0cb2315]{color:#0ac779}.FunctionPoint .functionPint-container .is_active .value[data-v-c0cb2315]{background-color:#1f2a2f}}@media (max-width:768px){.FunctionPoint[data-v-c0cb2315]{height:348.2666666667vw;padding:7.7333333333vw 0 10.6666666667vw;width:100%}.FunctionPoint .webTitle h2[data-v-c0cb2315]{font-size:4.5333333333vw;letter-spacing:.2666666667vw;line-height:7.6vw;margin-bottom:8vw}.FunctionPoint .functionPint-container[data-v-c0cb2315]{display:flex;flex-wrap:wrap;gap:5.3333333333vw;justify-content:space-between;margin:auto;width:90.4vw}.FunctionPoint .functionPint-container__box[data-v-c0cb2315]{border-radius:1.8666666667vw;height:73.8666666667vw;overflow:hidden;padding:.2666666667vw;position:relative;width:90.4vw}.FunctionPoint .functionPint-container__box .value[data-v-c0cb2315]{background:#1a1a22;border-radius:1.8666666667vw;height:100%;padding:6.4vw 5.0666666667vw 6.6666666667vw;width:100%;z-index:10}.FunctionPoint .functionPint-container__box .value img[data-v-c0cb2315]{border-radius:1.8666666667vw;height:39.0666666667vw;width:74.9333333333vw}.FunctionPoint .functionPint-container__box .value .title[data-v-c0cb2315]{color:#0ac779;font-size:3.7333333333vw;font-weight:700;letter-spacing:0;line-height:5.8666666667vw;margin-bottom:1.3333333333vw}.FunctionPoint .functionPint-container__box .value .text[data-v-c0cb2315]{color:#ffffffb3;font-size:3.2vw;font-weight:400;line-height:4.8vw}.FunctionPoint .functionPint-container__box[data-v-c0cb2315]:before{animation:functionPint-container-hover-c0cb2315 3s forwards;background:linear-gradient(1turn,#00020133,#007b47);border-radius:50%;content:"";height:116.8vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:116.8vw}.FunctionPoint .functionPint-container__box:hover .text[data-v-c0cb2315]{color:#0ac779}.FunctionPoint .functionPint-container .is_active[data-v-c0cb2315]:before{background:linear-gradient(1turn,#00020133,#007b47);border-radius:50%;content:"";height:116.8vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:116.8vw}.FunctionPoint .functionPint-container .is_active .text[data-v-c0cb2315]{color:#ffffffb3}.FunctionPoint .functionPint-container .is_active .value[data-v-c0cb2315]{background-color:#1a1a22}}@keyframes functionPint-container-hover-c0cb2315{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes functionPint-container-c0cb2315{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}
