@charset "utf-8";

#inc04 .latest{display:flex;align-items:center;max-width:1480px;margin:0 auto;padding:200px 0 170px}
#inc04 .latest .tit_area{font-size:19px;color:#999}
#inc04 .latest .tit_area p{margin-bottom:20px;font-size:52px;font-weight:700;color:#111;font-family:'Jost'}
#inc04 .latest .tit_area div{white-space:pre-line}
#inc04 .latest .view_btn{display:inline-block;position:relative;margin-top:50px;padding-left:78px;font-weight:700;font-size:13px;line-height:58px;color:var(--primary);transition:all .3s;font-family:'Jost'}
#inc04 .latest .view_btn:before{position:absolute;left:0;top:0;width:58px;height:58px;border-radius:30px;content:'';z-index:-1;background:var(--primary);transition:all .3s}
#inc04 .latest .view_btn span{position:absolute;left:26px;top:-1px;font-size:8px;color:#fff;transition:all .3s}
#inc04 .latest .view_btn span:before{position:absolute;left:-18px;top:28px;width:20px;height:2px;opacity:0;content:'';background-color:#fff;transition:all .3s}

#inc04 ul{display:flex;width:62%;margin-left:auto}
#inc04 ul li{width:50%;padding-right:100px}
#inc04 ul li+li{padding:0 0 0 100px;border-left:1px solid #e1e1e1}
#inc04 ul li a{display:flex;flex-flow:column;padding:10px 0}

#inc04 ul li span{font-size:18px;font-weight:600;color:var(--primary);font-family:'jost'}
#inc04 ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:30px 0 25px;font-size:22px;font-weight:700;color:#111;word-break:keep-all}
#inc04 ul li div{color:#777;word-break:keep-all}
#inc04 ul li i{margin-top:50px;font-size:14px;font-weight:500;font-style:normal;color:#aaa;font-family:'jost'}
#inc04 .links{display:flex;align-items:flex-end;height:430px}
#inc04 .links a{display:flex;flex-flow:column;justify-content:center;width:50%;height:400px;padding-left:100px;color:#fff;transition:all .3s}
#inc04 .links a.box01{background:url('./img/box01.jpg') bottom center no-repeat #10151f;background-size:100%}
#inc04 .links a.box02{background:url('./img/box02.png') bottom right no-repeat var(--primary)}
#inc04 .links a span{font-size:20px;font-weight:600;font-family:'jost'}
#inc04 .links a p{margin-top:30px;font-size:36px;font-weight:600;white-space:pre-line;line-height:1.25}

@media(hover:hover){
#inc04 .latest .view_btn:hover:before{width:190px}
#inc04 .latest .view_btn:hover{color:#fff}
#inc04 .latest .view_btn:hover span{left:45px}
#inc04 .latest .view_btn:hover span:before{left:-15px;opacity:1}
#inc04 ul li a:hover p{text-decoration:underline}
#inc04 .links a:hover{height:430px}
}
@media(max-width:1540px){
#inc04 .latest{padding:200px 0 170px 30px}
}
@media(max-width:1024px){
#inc04 .latest{padding:120px 30px}
#inc04 .latest .tit_area{margin-right:30px;font-size:16px}
#inc04 .latest .tit_area p{font-size:42px}
#inc04 .latest .tit_area div{white-space:normal;word-break:keep-all}
#inc04 ul li{padding-right:30px}
#inc04 ul li+li{padding-left:30px}
#inc04 ul li p{margin:25px 0 20px;font-size:20px}
#inc04 ul li i{margin-top:30px}
#inc04 .links{height:350px}
#inc04 .links a{height:100%;padding-left:30px}
#inc04 .links a.box02{background-size:80%}
#inc04 .links a span{font-size:18px}
#inc04 .links a p{font-size:30px}
}
@media(max-width:768px){
#inc04 .latest{flex-wrap:wrap;padding:100px 20px}
#inc04 .latest .tit_area{width:100%;margin:0 0 35px;font-size:15px;text-align:center}
#inc04 .latest .tit_area p{margin-bottom:10px;font-size:36px}
#inc04 .latest .view_btn{padding-left:60px;margin-top:30px;line-height:45px}
#inc04 .latest .view_btn:before{width:45px;height:45px}
#inc04 .latest .view_btn span{left:21px}
#inc04 .latest .view_btn span:before{top:21px}
#inc04 ul{width:100%}
#inc04 ul li{padding:0;border:1px solid #e1e1e1}
#inc04 ul li+li{margin-left:15px;padding:0}
#inc04 ul li a{padding:20px}
#inc04 ul li span{font-size:14px}
#inc04 ul li p{margin:15px 0;font-size:18px}
#inc04 .links{height:300px}
#inc04 .links a span{font-size:14px}
#inc04 .links a p{font-size:22px;word-break:keep-all}
}
@media(max-width:480px){ 
#inc04 .latest{flex-wrap:wrap;padding:80px 20px}
#inc04 .links{height:250px} 
#inc04 .links a{padding-left:20px}
#inc04 .links a p{margin-top:20px;font-size:20px}
}
@media(max-width:380px){
#inc04 ul{display:block}
#inc04 ul li{width:100%}
#inc04 ul li+li{margin:15px 0 0}
#inc04 .links{flex-wrap:wrap;height:auto}
#inc04 .links a{width:100%;padding:30px 20px}
}