@charset "utf-8";

#inc03{background:#f5f5f5}
#inc03 .group_tit{text-align:center}
#inc03 .link{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}
#inc03 .link a{position:relative;display:flex;flex-direction:column;border-radius:13px;padding:40px;background:#fff;transition:all .3s}
#inc03 .link a img{margin-left:auto}
#inc03 .link a .cir{position:absolute;bottom:40px;right:40px;display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50px;color:#fff;background:rgba(0,0,0,.3);transition:all .3s}
#inc03 .link a .sub_tit span{display:inline-block;padding:5px 15px;border-radius:50px;font-size:15px;font-weight:700;color:#fff;background:rgba(0,0,0,.3);transition:all .3s}
#inc03 .link a .sub_tit h3{margin:10px auto 5px;font-size:30px;font-weight:700;color:#000;transition:all .3s}
#inc03 .link a .sub_tit p{font-size:20px;font-weight:500;color:#000;transition:all .3s}
#inc03 .link a ul{margin-top:20px;font-size:17px;font-weight:500;color:#777;transition:all .3s}

#inc03 .link a:hover{background:var(--gradient);box-shadow:0px 0px 12px 1px var(--primary)}
#inc03 .link a:hover .sub_tit h3{color:#fff}
#inc03 .link a:hover .sub_tit p{color:#fff}
#inc03 .link a:hover .cir{background:rgba(255,255,255,.3)}
#inc03 .link a:hover ul{color:rgba(255,255,255,.7)}

#inc03 .step_area{margin-top:150px}
#inc03 .step_area h3{margin-bottom:50px;font-size:40px;font-weight:700;color:#000}
#inc03 .step_area ul{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
#inc03 .step_area img{display:block;margin:0 auto 30px}
#inc03 .step_area dl{margin-top:15px}
#inc03 .step_area dl dt{margin-bottom:5px;font-size:22px;font-weight:700}
#inc03 .step_area dl dd{color:#777}
#inc03 .step_area li p{position:relative}
#inc03 .step_area li span{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 auto;border-radius:50px;border:1px solid #e1e1e1;font-size:18px;font-weight:700;color:#bbb;background:#f5f5f5;transition:all .3s}
#inc03 .step_area li p:before{content:'';position:absolute;z-index:-1;top:50%;left:50%;width:0;height:2px;box-shadow:0px 0px 13px var(--primary);background:var(--primary);transform:translate(-50%, -50%);transition:width .5s}
#inc03 .step_area li p:after{content:'';z-index:-2;position:absolute;top:50%;left:0;width:100%;height:1px;background:#e1e1e1;transform:translateY(-50%)}
#inc03 .step_area li.on span{color:#fff;border:none;background:var(--primary)}
#inc03 .step_area li.on p:before{width:100%}