@charset "utf-8";

#atc02{width:100%;padding:10rem 0 0;background:url(/index/include/include02/inc02_bg.jpg) repeat;overflow:hidden;position:relative;font-family:'SBAggroL'}
#atc02:before{content:'';width:100%;height:calc(100% - 9rem);background:var(--pt-color);position:absolute;top:0;left:0;transition:all .3s}

#atc02 .atc02_cont{max-width:130rem;width:100%;margin:0 auto;position:relative;z-index:1}
#atc02 .atc02_cont .cont_tit_area{width:100%;position:absolute;left:0}
#atc02 .atc02_cont .cont_tit_area .atc_s_tit{margin-bottom:1.5rem;font-size:1.6rem;color:rgba(255,255,255,.6);transition:all .3s;font-family:'SBAggroM'}
#atc02 .atc02_cont .cont_tit_area .atc_tit{font-size:3.5rem;font-weight:normal;line-height:130%;color:#fff;transition:all .3s;font-family:'SBAggroL'}
#atc02 .atc02_cont .cont_tit_area .atc_txt{margin-bottom:3rem;font-size:1.6rem;line-height:2.8rem;color:rgba(255,255,255,.6);transition:all .3s}
#atc02 .atc02_cont .cont_tit_area .more_btn{font-size:1.5rem;color:#fff;position:relative;transition:all .3s;font-family:'SBAggroM'}
#atc02 .atc02_cont .cont_tit_area .more_btn:before{content:'';width:3rem;height:3rem;border-radius:3rem;background:rgba(255,255,255,.3);position:absolute;right:1rem;top:50%;opacity:0;transform:translateY(-50%);transition:all .3s}
#atc02 .atc02_cont .cont_tit_area .more_btn:hover:before{right:-2rem;opacity:1}
#atc02 .atc02_cont .cont_tit_area .inc02_controls{margin-top:3rem;display:flex;flex-wrap:wrap;align-items:center;align-self:end;}
#atc02 .atc02_cont .cont_tit_area .inc02_controls .arr_btn{cursor:pointer;position:relative;transition:all .2s}
#atc02 .atc02_cont .cont_tit_area .inc02_controls .arr_btn img{position:relative;left:0;transition:all .2s}
#atc02 .atc02_cont .cont_tit_area .inc02_controls .inc02_next:hover img{left:.5rem}
#atc02 .atc02_cont .cont_tit_area .inc02_controls .inc02_prev:hover img{left:-.5rem}

#atc02 .atc02_cont .cont_tit_area .inc02_controls .slide_num{width:2rem;margin:0 2.5rem;font-size:1.5rem;font-weight:700;text-align:center;color:#fff;position:relative;font-family:'Montserrat'}
#atc02 .atc02_cont .cont_tit_area .inc02_controls .slide_num + .slide_num:before{content:'';width:2px;height:.6rem;background:rgba(255,255,255,.5);position:absolute;top:50%;left:-2.6rem;transform:translateY(-50%)}

#atc02 .inc02_gall_list{max-width:130rem;width:100%;margin:0 auto;overflow:hidden;position:relative;left:45rem;top:0}
#atc02 .inc02_gall_list ul > li{width:100%;overflow:hidden;position:relative}
#atc02 .inc02_gall_list ul > li .img_box{width:100%;padding-bottom:100%;transition:all .3s}

#atc02 .inc02_gall_list .img_tit{width:100%;padding:2rem 1.5rem;font-size:1.7rem;text-align:center;color:rgba(255,255,255,.8);line-height:150%;background:rgba(0,0,0,.7);position:absolute;bottom:-7.5rem;left:0;opacity:0;transition:all .3s;font-family: 'SBAggroM'}
#atc02 .inc02_gall_list ul > li:hover img{transform:scale(1.1,1.1)}
#atc02 .inc02_gall_list ul > li:hover .img_tit{bottom:0;opacity:1}


@media (max-width: 1300px) {
#atc02{height:auto}
#atc02{padding:10rem 2rem 0}
}
@media (max-width: 1280px) {
#atc02{padding:9rem 2rem 0}
#atc02:before{height:calc(100% - 1rem)}
#atc02 .inc02_gall_list{width:calc(100% - 40rem);margin:0;left:40rem}

}
@media (max-width: 1024px) {
#atc02{padding:8rem 2rem 0}
#atc02:before{height:65%}

#atc02 .atc02_cont .cont_tit_area{margin-bottom:2rem;padding:0;position:relative;top:auto;left:auto;transform:none}
#atc02 .atc02_cont .cont_tit_area .atc_tit{margin-bottom:2rem;font-size:3.3rem}
#atc02 .atc02_cont .cont_tit_area .atc_txt{display:none}
#atc02 .atc02_cont .cont_tit_area .more_btn{position:absolute;right:0;bottom:0}
#atc02 .atc02_cont .cont_tit_area .inc02_controls{margin:0}
#atc02 .inc02_gall_list{width:100%;left:0}
#atc02 .inc02_gall_list .img_tit{height:auto;margin-top:1rem;background:none;color:#333;line-height:150%;position:relative;bottom:auto;left:auto;opacity:1}
}

@media (max-width: 767px) {
#atc02{padding:7rem 2rem 0}

}
@media (max-width: 480px) {
#atc02{padding:6rem 2rem 0}	
#atc02 .atc02_cont .cont_tit_area .atc_tit{margin-bottom:2rem;font-size:3rem}
#atc02 .atc02_cont .cont_tit_area .inc02_controls .slide_num{margin:0 1.5rem}
#atc02 .atc02_cont .cont_tit_area .inc02_controls .slide_num + .slide_num:before{left:-1.5rem}
#atc02 .atc02_cont .cont_tit_area .inc02_controls .arr_btn img{width:2rem}
}

@media (max-width: 320px) {
#atc02{padding:6rem 1.5rem 0}	
#atc02 .atc02_cont .cont_tit_area .atc_tit{font-size:2.8rem}
}