@charset "utf-8";

#atc02{position:relative;width:100%;max-width:var(--mainsize);padding-bottom:180px;margin:0 auto}
#atc02 .tit_area{padding-block-end:90px;text-align:center}
#atc02 ul li{display:flex;align-items:center;justify-content:space-between;gap:80px}
#atc02 ul li:nth-child(2n){flex-direction:row-reverse}
#atc02 ul li+li{margin-top:95px}
#atc02 ul li .txt{width:100%}
#atc02 ul li .txt div{font-size:25px;font-weight:700;color:#fff}
#atc02 ul li .txt div span{display:inline-block;padding-right:20px}
#atc02 ul li .txt p{padding:30px 0 100px;font-size:18px;font-weight:400;line-height:1.8;color:rgba(255, 255, 255, 0.6)}
#atc02 ul li .txt a{overflow:hidden;position:relative;padding-right:28px;font-size:16px;font-weight:400;color:#fff;opacity:0.6;transition:all 0.2s}
#atc02 ul li .txt a span{padding-right:15px}
#atc02 ul li .txt a img{position:absolute;right:0;top:7px;transition:all .2s}
#atc02 ul li .txt a img.on{right:20px;opacity:0}

@media (hover:hover){
#atc02 ul li .txt a:hover{opacity:1}
#atc02 ul li .txt a:hover img.off{right:-20px;opacity:0}
#atc02 ul li .txt a:hover img.on{right:0;opacity:1}
}
@media(max-width:1700px){
#atc02{max-width:initial;padding-bottom:160px;width:95%}
}
@media(max-width:1400px){
#atc02 ul li{gap:0}
#atc02 ul li .img_box{width:50%}
#atc02 ul li .img_box > img{width:100%;max-width:100%}
#atc02 ul li .txt{width:50%;box-sizing:border-box}
#atc02 ul li:nth-child(1) .txt, #atc02 ul li:nth-child(3) .txt{padding-left:50px}
#atc02 ul li:nth-child(2) .txt{padding-right:50px}
}
@media(max-width:1200px){
#atc02{padding-bottom:120px}
}
@media(max-width:1024px){
#atc02 ul li .txt p{padding:30px 0 60px}
#atc02 .pl_none{white-space:initial !important}
}
@media(max-width:800px){
#atc02 ul li{flex-direction:column;margin-bottom:30px;border-bottom:1px solid rgba(255, 255, 255, 0.6)}
#atc02 ul li:last-child{margin-bottom:0}
#atc02 ul li+li{margin-top:0}
#atc02 ul li .img_box{width:100%}
#atc02 ul li .txt{width:100%}
#atc02 ul li .txt .more_btn_wrap{text-align:right}
#atc02 ul li:nth-child(2n){flex-direction:column}
#atc02 ul li:nth-child(1) .txt, #atc02 ul li:nth-child(3) .txt{padding:30px 0}
#atc02 ul li:nth-child(2) .txt{padding:30px 0}
}
@media(max-width:768px){
#atc02{padding-bottom:100px;width:90%}
#atc02 .tit_area{padding-block-end:60px}
#atc02 ul li .txt div{font-size:21px}
#atc02 ul li .txt p{font-size:17px}
}
@media(max-width:580px){
#atc02 ul li .txt div{font-size:19px}
#atc02 ul li .txt p{padding:20px 0 30px;font-size:16px}
}
@media(max-width:480px){
#atc01{padding-bottom:80px}
#atc02 ul li .txt p{padding:15px 0 25px}
}
@media(max-width:390px){
#atc02 ul li .txt div{font-size:18px}
#atc02 .tit_area{padding-block-end:40px}
#atc02 ul li .txt p{font-size:15px}
#atc02 ul li .txt a span{font-size:15px}
}