@charset "utf-8";

#atc02{width:100%;background:#fff;overflow:hidden;position:relative}
#atc02:before{content:'';width:100%;height:50rem;background:#005291;position:absolute;left:0;bottom:0}

#atc02 .inner{max-width:160rem;width:100%;margin:0 auto;padding:15rem 0 0 0;position:relative}
#atc02 .tit_box{width:100%;margin-bottom:7rem;text-align:center}
#atc02 .tit_box .s_tit{margin-bottom:2rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:"Poppins", serif}
#atc02 .tit_box .tit{font-size:4.7rem;line-height:140%;color:#333}
#atc02 .tit_box .tit span{color:var(--pt-color)}
#atc02 .tit_box .txt{margin-top:2rem;font-size:1.7rem;line-height:150%;color:#888}

#atc02 .box_img{width:100%;height:47rem;background:url(/index/include/include02/inc02_bg4.jpg) no-repeat center/cover}
#atc02 .info_box{max-width:160rem;width:100%;display:flex;justify-content:center;flex-wrap:wrap;position:relative}
#atc02 .info_box .box_info{width:calc(33.33% - 3rem);margin-right:-1px;border:1px solid rgba(255,255,255,.2);border-top:0;background:#005291;overflow:hidden}
#atc02 .info_box .box_info a{height:100%;padding:6rem 5rem;display:flex;justify-content:space-around;align-items:center;gap:2.5rem;transition:all .3s}
#atc02 .info_box .icon{display:inline-block;width:10rem;height:10rem;padding:2rem;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;align-items:center;aspect-ratio: 1 / 1;transition:all .3s}
#atc02 .info_box .txt_box{width:100%;line-height:150%;display:flex;justify-content:center;flex-direction:column}
#atc02 .info_box .txt_box .tit{font-size:2.2rem;font-weight:600;color:#fff}
#atc02 .info_box .txt_box .txt{margin-top:1.5rem;font-size:1.6rem;color:rgba(255,255,255,.5)}
#atc02 .info_box .txt_box .txt span{font-weight:500;color:rgba(255,255,255,.8);text-decoration:underline}


#atc02 .info_box .box_info a:hover{background:var(--pt-color)}

@media(max-width:1600px){
#atc02 .inner{padding:12rem 2rem 0}	
#atc02 .info_box .txt_box .txt br{display:none}
}
@media(max-width:1280px){
#atc02:before{height:60%}
#atc02 .inner{padding:10rem 2rem 0}
#atc02 .info_box{padding:3rem 5% 6rem;gap:2rem}
#atc02 .info_box .box_info{width:49%;border-top:1px solid rgba(255,255,255,.2);border-radius:1.5rem}
#atc02 .info_box .box_info a{padding:3rem}
}
@media(max-width:1024px){
#atc02 .inner{padding:8rem 2rem 0}
#atc02 .tit_box{margin-bottom:5rem;text-align:center}
#atc02 .tit_box .tit{font-size:4.2rem}
#atc02 .tit_box .txt{margin-bottom:2rem}
#atc02 .box_img{height:35rem}
#atc02 .info_box .box_info{max-width:60rem;width:100%}
}
@media(max-width:767px){
#atc02 .inner{padding:7rem 2rem 0}
#atc02 .box_img{height:30rem}
#atc02 .tit_box .s_tit{font-size:1.8rem}
#atc02 .tit_box .tit{font-size:3.7rem}
#atc02 .tit_box .tit br{display:none}
#atc02 .info_box .box_info{width:100%}
#atc02 .info_box .icon{width:8rem;height:8rem;padding:1.5rem}
}
@media(max-width:480px){
#atc02 .inner{padding:6rem 2rem 0}
#atc02 .tit_box .s_tit{margin-bottom:1rem;font-size:1.5rem}
#atc02 .tit_box .tit{margin-bottom:1rem;font-size:3.3rem}
#atc02 .tit_box .txt br{display:none}
#atc02 .box_img{height:25rem}
#atc02 .info_box .box_info{flex-direction:column}
#atc02 .info_box .box_info a{padding:2rem 1rem;flex-wrap:wrap;gap:1.5rem 0}
#atc02 .info_box .icon{width:6rem;height:6rem;padding:1rem}
#atc02 .info_box .txt_box{width:100%;text-align:center}
#atc02 .info_box .txt_box .tit{font-size:2rem}
#atc02 .info_box .txt_box .txt br{display:block}
}
@media(max-width:320px){
#atc02 .inner{padding:6rem 1.5rem 0}
#atc02 .tit_box .tit{font-size:3rem}
#atc02 .box_img{height:20rem}
}