@charset "utf-8";
#atc01 .img_area .cite a img{display:block;width:100%}
#atc01{padding:54px 0 0 80px}
#atc01 .txt_area{display:flex;align-items:flex-end;column-gap:122px;padding-left:60px}
#atc01 .txt_area .l_txt{position:relative;padding-left:68px;font-size:100px;line-height:105px;font-weight:700;white-space:pre-line;font-family:'Cabin', sans-serif}
#atc01 .txt_area .l_txt:before{position:absolute;left:0;top:22px;content:'';width:17px;height:18px;background:url('./img/point_dot.png') no-repeat center}
#atc01 .txt_area .r_txt{padding:0 0 16px;font-size:16px;line-height:26px;white-space:pre-line;color:#666}
#atc01 .img_area{display:flex;justify-content:center;gap:20px;margin-top:75px}
#atc01 .img_area .cite a > div{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px auto 0;padding:10px 0;width:205px;background-color:#e1e1e1;color:#333;border:1px solid #bbb;text-align:center}
#atc01 .img_area .cite a > div .arrow{position: relative;width:30px;height:0;border-top:2px solid #999}
#atc01 .img_area .cite a > div.arrow::after{position:absolute;content:"";top:-8px;right:-7px;border-top:8px solid transparent;border-left:10px solid #999}
#atc01 .gall_slide{position:relative;margin-top:86px}
#atc01 .gall_slide:before{position:absolute;right:0;top:0;content:'';width:452px;height:800px;background-color:var(--primary)}
#atc01 .gall_slide .txt{padding:38px 0 43px 60px;font-size:17px;font-weight:500;font-family:'Cabin', sans-serif}
#atc01 .gall_slide ul{margin-bottom:173px}
#atc01 .gall_slide ul li{width:500px}
#atc01 .gall_slide ul li .thum_img{width:100%;height:520px;background-position:center;background-size:cover}
#atc01 .gall_slide ul li .gall_txt{padding:23px 0 0 20px;font-family:'Cabin', sans-serif}
#atc01 .gall_slide ul li .gall_txt .cate_txt{font-size:15px;font-weight:500}
#atc01 .gall_slide ul li .gall_txt .subj_txt{font-size:25px;font-weight:700}
#atc01 .gall_slide .swiper-pagination{width:100%;height:3px;background:rgba(000,000,000,.2)}
#atc01 .gall_slide .swiper-pagination .swiper-pagination-progressbar-fill{background:#000}

@media (max-width:1600px){
#atc01 .txt_area{column-gap:80px}
#atc01 .txt_area .l_txt{font-size:75px;line-height:95px}
}
@media (max-width:1430px){
#atc01{padding-left:50px}
}