@charset "utf-8";

#inc02{padding:150px 0}

#inc02 .chart_wrap{display:flex;gap:30px;justify-content:center;max-width:1100px;margin:50px auto 0}
#inc02 .chart_wrap dl{flex:1;overflow:hidden;padding:50px 30px;border-radius:20px;border:1px solid #e1e1e1}
#inc02 .chart_wrap dl dt{margin-bottom:50px;font-size:16px;text-align:center}
#inc02 .chart_wrap dl dt span{display:flex;align-items:center;justify-content:center;gap:5px;max-width:180px;padding:6px 0;margin:0 auto;border-radius:30px;font-size:14px;font-weight:600;color:#fff;background:#f34d4d}
#inc02 .chart_wrap dl dt span svg{width:16px;height:16px;animation:circle_rotate 3s linear infinite}
#inc02 .chart_wrap dl dt b{font-weight:600;color:var(--dark)}
#inc02 .chart_wrap dl dt p{margin:15px 0 10px;font-size:28px; font-weight:700; color:var(--dark)}
#inc02 .chart_wrap dl+dl dt{margin-bottom:20px}
#inc02 .chart_wrap dl+dl dd canvas{width:300px!important;height:300px!important;margin:0 auto}
@keyframes circle_rotate{0%{transform:rotate(0deg)}50% {transform:rotate(-180deg)}100% {transform:rotate(-360deg)}}


@media (max-width:1024px){
#inc02{padding:100px 15px}
#inc02 .chart_wrap{gap:20px}
#inc02 .chart_wrap dl{padding:30px}
#inc02 .chart_wrap dl+dl dd canvas{width:250px !important;height:250px !important}
#inc02 .chart_wrap dl dt p{font-size:23px}
#inc02 .chart_wrap dl dt span{font-size:13px}
}
@media (max-width:768px){
#inc02 .chart_wrap{flex-direction:column}
#inc02 .chart_wrap dl dt{margin-bottom:30px;font-size:14px}
}
@media (max-width:580px){
#inc02{padding:60px 15px}
#inc02 .chart_wrap{margin:30px auto 0}
#inc02 .chart_wrap dl{padding:20px}
#inc02 .chart_wrap dl dt{margin-bottom:20px}
#inc02 .chart_wrap dl dt p{margin:10px 0 0;font-size:20px} 
#inc02 .chart_wrap dl dt span{width:150px;padding:3px 0}
}
@media (max-width:390px){
#inc02 .chart_wrap dl dt p{font-size:18px}
}