@charset "utf-8";
#atc04{position:relative;width:100%;height:100vh}
#atc04 .inc04_slide{overflow:hidden;position:relative;width:100%;height:100%}
#atc04 .inc04_slide li{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:center}
#atc04 .inc04_slide li.bg01{background-image:linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(./img/img01.webp)}
#atc04 .inc04_slide li.bg02{background-image:linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(./img/img02.webp)}
#atc04 .inc04_slide li.bg03{background-image:linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(./img/img03.webp)}
#atc04 .inc04_slide li h2{font-size:50px;font-weight:500;color:#fff}
#atc04 .inc04_slide li p{margin-top:10px;font-size:25px;font-weight:500;color:rgb(255, 255, 255, 0.6)}
#atc04 .nav_container{display:flex;flex-direction:column;justify-content:space-between;position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%, -50%);height:35%}
#atc04 .nav_container div{cursor:pointer}
#atc04 .nav_container svg{color:#fff;transition:all .3s}

#atc04 .nav_container div:hover svg{color:var(--primary)}

@media (max-width:1980px){
#atc04 .inc04_slide li h2{font-size:40px}
#atc04 .inc04_slide li p{font-size:20px}
}