@charset "utf-8";

#atc01{background:url(/index/include/include01/bg.jpg) no-repeat center/cover}
#atc01 .inner{max-width:140rem;width:100%;margin:0 auto;padding:15rem 0}
#atc01 .tit_box{margin-bottom:3rem;text-align:center}
#atc01 .tit_box .s_tit{margin-bottom:1rem;font-size:1.8rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#atc01 .tit_box .tit{font-size:4.7rem;font-weight:700;line-height:130%;color:#222}

#atc01 .cont_box .pt_txt_list{max-width:100rem;width:100%;margin:5rem auto;display:flex;justify-content:center;align-items:center;}
#atc01 .cont_box .pt_txt_list li{width:33.33%;height:7rem;border-radius:7rem;text-align:center;position:relative;display:flex;justify-content:center;align-items:center;}
#atc01 .cont_box .pt_txt_list li + li{margin-left:-7rem}
#atc01 .cont_box .pt_txt_list li .plus{width:7rem;height:7rem;border-radius:7rem;position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;}
#atc01 .cont_box .pt_txt_list .list01{padding-right:7rem;background:var(--pt-color)}
#atc01 .cont_box .pt_txt_list .list02{padding:0 7rem;background:rgba(18,48,109,.9)}
#atc01 .cont_box .pt_txt_list .list03{padding-left:7rem;background:rgba(6,15,34,.9);}
#atc01 .cont_box .pt_txt_list p{font-size:2rem;font-weight:700;color:#fff;}

#atc01 .cont_box .txt{font-size:1.7rem;line-height:150%;text-align:center;color:#666}
#atc01 .cont_box .txt .bg_bold{display:inline-block;margin-bottom:.3rem;padding:.2rem 1rem .1rem;background:#cfdcf7;color:#222}

@media(max-width:1400px){
#atc01 .inner{padding:13rem 2rem}
}
@media(max-width:1280px){
#atc01 .inner{padding:9rem 2rem}
#atc01 .tit_box .tit{font-size:4.4rem}
}
@media(max-width:1024px){
#atc01 .inner{padding:8rem 2rem}
#atc01 .tit_box .tit{font-size:4.1rem}

#atc01 .cont_box .pt_txt_list li + li{margin-left:0}
#atc01 .cont_box .pt_txt_list li .plus{width:4rem;height:4rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.2);top:50%;left:-2rem;transform:translateY(-50%)}
#atc01 .cont_box .pt_txt_list li .plus img{width:30%;filter:invert(1)}
#atc01 .cont_box .pt_txt_list .list01,
#atc01 .cont_box .pt_txt_list .list02,
#atc01 .cont_box .pt_txt_list .list03{padding:0 5rem}

#atc01 .cont_box .txt{max-width:80rem;width:100%;margin:0 auto}
#atc01 .cont_box .txt br{display:none}



}
@media(max-width:767px){
#atc01 .inner{padding:7rem 2rem}
#atc01 .tit_box{margin-bottom:2rem}
#atc01 .tit_box .s_tit{font-size:1.6rem}
#atc01 .tit_box .tit{font-size:3.8rem}
#atc01 .tit_box .tit br{display:none}

#atc01 .cont_box .pt_txt_list{max-width:40rem;margin:3rem auto;flex-wrap:wrap;gap:1rem}
#atc01 .cont_box .pt_txt_list li{width:100%;height:6rem}
#atc01 .cont_box .pt_txt_list li .plus{width:3rem;height:3rem;left:50%;top:-2rem;transform:translate(-50%,0)}
#atc01 .cont_box .pt_txt_list p{font-size:1.8rem}

#atc01 .cont_box .txt br{display:none}
#atc01 .cont_box .txt .bg_bold{display:inline;margin:0;padding:0;background:none}



}
@media(max-width:480px){
#atc01 .inner{padding:6rem 2rem}
#atc01 .tit_box .tit{font-size:3.5rem}
}
@media(max-width:320px){
#atc01 .inner{padding:6rem 1.5rem}
#atc01 .tit_box .tit{font-size:3.2rem}
}