@charset "utf-8";

#inc02{position:relative;height:625px;background:url('./img/bg.jpg') center no-repeat;background-size:cover}
#inc02 .inner{display:flex;align-items:center;max-width:1480px;height:100%;margin:0 auto}
#inc02 .tit_area{font-size:19px;font-weight:600;color:#fff}
#inc02 .tit_area span{display:block;font-size:20px;font-weight:600;color:var(--primary);font-family:'jost'}
#inc02 .tit_area p{margin:20px 0 30px;font-size:52px;font-weight:700}
#inc02 .tit_area div{white-space:pre-line}
#inc02 ul{display:flex;width:50%;height:100%;margin-left:auto}
#inc02 ul li{position:relative;width:50%}
#inc02 ul li:before{opacity:0;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--primary);transition:all .3s}

#inc02 ul li+li{border-right:1px solid rgba(255,255,255,0.2)}
#inc02 ul li a{position:relative;display:flex;flex-flow:column;justify-content:center;align-items:flex-start;height:100%;padding:0 58px;border-left:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.5);word-break:keep-all}
#inc02 ul li p{margin:70px 0 20px;font-size:24px;font-weight:600;color:#fff}

@media(hover:hover){
#inc02 ul li:hover:before{opacity:.85}
}

@media(max-width:1540px){
#inc02 .inner{padding-left:30px}
}
@media(max-width:1024px){
#inc02{height:550px}
#inc02 .tit_area{font-size:16px}
#inc02 .tit_area span{font-size:16px}
#inc02 .tit_area p{margin-bottom:10px;font-size:42px}
#inc02 .tit_area div{word-break:keep-all}
#inc02 ul li a{padding:0 30px}
}
@media(max-width:768px){
#inc02{height:auto;padding:100px 0;background-position:60% center}
#inc02 .inner{flex-wrap:wrap;padding:0 20px}
#inc02 .tit_area{width:100%;margin-bottom:35px;font-size:15px;text-align:center}
#inc02 .tit_area p{font-size:36px}
#inc02 ul{width:100%}
#inc02 ul li{border:1px solid rgba(255,255,255,0.2)}
#inc02 ul li+li{margin-left:15px}
#inc02 ul li a{padding:20px}
#inc02 ul li p{margin:40px 0 15px;font-size:22px}
}
@media(max-width:480px){
#inc02{padding:80px 0}
#inc02 ul li a img{width:24px}
#inc02 ul li p{font-size:20px}
}
@media(max-width:380px){
#inc02 ul{display:block}
#inc02 ul li{width:100%}
#inc02 ul li+li{margin:15px 0 0}
#inc02 ul li p{margin-top:20px}
}