@charset "utf-8";

#inc04 .inner{width:100%;max-width:1360px;margin:0 auto;padding:163px 0 170px}
#inc04 .tit_txt{font-size:42px;line-height:1.3;font-weight:700;color:#111}
#inc04 .tit_txt span{display:block;margin-top:35px;font-size:23px;font-weight:600;color:#888}
#inc04 .box_list{display:flex;gap:20px;margin-top:75px}
#inc04 .box_list li{width:100%}
#inc04 .box_list li a{display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:1;width:100%;height:100%;padding:140px 0 22px;text-align:right;background:no-repeat center;background-size:cover}
#inc04 .box_list li:before{opacity:0;position:absolute;left:0;top:0;content:'';z-index:-1;width:100%;height:100%;background:var(--primary);transition:all .3s}
#inc04 .box_list li:nth-child(1){background-image:url('./img/img01.jpg')}
#inc04 .box_list li:nth-child(2){background-image:url('./img/img02.jpg')}
#inc04 .box_list li:nth-child(3){background-image:url('./img/img03.jpg')}
#inc04 .box_list li:nth-child(4){background-image:url('./img/img04.jpg')}
#inc04 .box_list li .icon{opacity:0;margin-bottom:19px;transition:all .3s}
#inc04 .box_list li .tit{padding-right:30px;font-size:20px;font-weight:700;color:#111;transition:all .3s}
#inc04 .box_list li .tit span{display:block;font-size:16px;font-weight:400;color:#888;transition:all .3s}
#inc04 .box_list li .txt{margin-top:21px;padding:20px 30px 0 0;border-top:1px solid var(--primary);font-size:14px;white-space:pre-line;transition:all .3s}
#inc04 .box_list li:hover:before{opacity:1}
#inc04 .box_list li:hover .tit{color:#fff}
#inc04 .box_list li:hover .tit span{color:rgba(255,255,255, .65)}
#inc04 .box_list li:hover .txt{border-top:1px solid #fff;color:rgba(255,255,255, .65)}
#inc04 .box_list li:hover .icon{opacity:1;margin-right:30px}

#inc04 .one_stop{padding:163px 0;text-align:center;background-color:#f5f5f5}
#inc04 .one_stop .ct_tit{font-size:42px;line-height:1.3;font-weight:400;color:#111}
#inc04 .one_stop .ct_tit span{display:block;font-weight:700}
#inc04 .one_stop .step_list{display:flex;justify-content:center;gap:100px;position:relative;z-index:1;width:max-content;margin:90px auto 0}
#inc04 .one_stop .step_list:before{position:absolute;left:50%;top:12px;transform:translateX(-50%);content:'';z-index:-1;width:97%;height:1px;border-radius:100px;background:#e1e1e1}
#inc04 .one_stop .step_list li .dot{display:flex;align-items:center;justify-content:center;height:25px}
#inc04 .one_stop .step_list li .dot span{display:block;width:15px;height:15px;margin:0 auto;border-radius:100%;border:3px solid var(--primary);background-color:#fff}
#inc04 .one_stop .step_list li:first-child .dot span, #inc04 .one_stop .step_list li:last-child .dot span{width:25px;height:25px;border:5px solid var(--primary)}
#inc04 .one_stop .step_list li .txt{margin-top:25px;font-size:18px;font-weight:600;color:#111}
#inc04 .one_stop .step_list li:first-child .txt, #inc04 .one_stop .step_list li:last-child .txt{font-size:20px;font-weight:700}