@charset "utf-8";


#atc01{width:100%;height:100%;background:url(/index/include/include01/bg.jpg) no-repeat center/cover;display:flex;flex-wrap:wrap;}
#atc01:before{content:'';width:37.5rem;height:100%;background:url(/index/include/include01/bg2.jpg) no-repeat center/cover;position:absolute;left:0;top:0}
#atc01 .tit_box_area{width:66.5rem;position:relative;top:-5rem;opacity:0;z-index:10;transition:opacity 1s, top 1s}
#sec02.active #atc01 .tit_box_area{top:0;opacity:1}
#atc01 .tit_box{position:absolute;left:21.3rem;top:50%;transform:translateY(-50%)}
#atc01 .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color)}
#atc01 .tit_box .tit{margin-bottom:1rem;font-size:5.3rem;line-height:130%;font-weight:300;color:#333}
#atc01 .tit_box .tit span{font-weight:700}
#atc01 .tit_box .txt{margin-bottom:3rem;font-size:1.7rem;line-height:150%;color:#666}

#atc01 .tit_box .link_btn{display:block;width:27rem;height:5.7rem;padding-right:5.7rem;border-radius:5.7rem;background:var(--pt-color);font-size:1.7rem;font-weight:500;text-align:center;line-height:5.7rem;color:#fff;position:relative;transition:all .3s}
#atc01 .tit_box .link_btn .link_txt{position:relative;z-index:1}
#atc01 .tit_box .link_btn .arr{width:5.7rem;height:5.7rem;border-radius:5.7rem;background:rgba(255,255,255,.1);position:absolute;top:0;right:0;transition:all .3s}
#atc01 .tit_box .link_btn .arr img{position:absolute;top:50%;right:1.8rem;transform:translateY(-50%)}

#atc01 .tit_box .link_btn:hover .arr{width:100%}

#atc01 .lawyer_box_area{width:calc(100% - 66.5rem);overflow:hidden;position:relative;z-index:10;left:-5rem;opacity:0;transition:opacity 1s, left 1s}
#sec02.active #atc01 .lawyer_box_area{left:0;opacity:1}
#atc01 .lawyer_box_area .pt_img{position:absolute;top:-7rem;right:21%;z-index:11}
#atc01 .lawyer_box{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}
#atc01 .lawyer_box .swiper-slide{width:46rem;max-height:58rem;height:70vh;margin:0 1.9rem;border-radius:2rem;overflow:hidden;top:0;transition:top .3s}
#atc01 .lawyer_box .swiper-slide-active{top:-6.5rem}
#atc01 .lawyer_box .swiper-slide a{display:block;width:100%;height:100%;position:relative}
#atc01 .lawyer_box .swiper-slide a:before{content:'';width:100%;height:40%;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);position:absolute;bottom:0;left:0;z-index:5}
#atc01 .lawyer_box .swiper-slide a img{width:100%;transition:all .3s}
#atc01 .lawyer_box .swiper-slide a:hover img{transform:scale(1.04)}
#atc01 .lawyer_box .swiper-slide .txt_box{position:absolute;bottom:2rem;left:3rem;z-index:10}
#atc01 .lawyer_box .swiper-slide .txt_box .name{margin-bottom:.5rem;font-size:3rem;font-weight:700;color:#fff}
#atc01 .lawyer_box .swiper-slide .txt_box .s_tit{font-size:1.6rem;color:rgba(255,255,255,.7)}


#atc01 .lawyer_box .s_btn_area{position:absolute;left:1.9rem;bottom:0;display:flex;flex-wrap:wrap;align-items: center;gap:1.5rem}
#atc01 .lawyer_box .s_btn_area .num{display:flex;flex-wrap:wrap;gap:1.5rem}
#atc01 .lawyer_box .s_btn_area .num span{font-size:1.7rem;font-weight:700;color:rgba(0,0,0,.5)}
#atc01 .lawyer_box .s_btn_area .num #s_num{color:var(--pt-color);position:relative}
#atc01 .lawyer_box .s_btn_area .num #s_num:before{content:'';width:1px;height:1rem;background:#ddd;position:absolute;right:-.7rem;top:50%;transform:translateY(-50%)}
#atc01 .lawyer_box .s_btn_area .line{width:15rem;height:1px;background:#ddd}
#atc01 .lawyer_box .s_btn_area .btn{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem}
#atc01 .lawyer_box .s_btn_area .s_btn{width:3.4rem;height:3.4rem;border-radius:3.4rem;border:1px solid #ddd;transition:all .3s;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
#atc01 .lawyer_box .s_btn_area .s_btn img{transition:all .3s}
#atc01 .lawyer_box .s_btn_area .s_btn:hover{border-color:var(--pt-color);background:var(--pt-color)}
#atc01 .lawyer_box .s_btn_area .s_btn:hover img{filter: invert(1);}

@media(max-width:1400px){
#atc01:before{width:25rem}
#atc01 .tit_box_area{width:50rem}
#atc01 .tit_box{left:15rem}
#atc01 .lawyer_box_area{width:calc(100% - 50rem)}
}


@media(max-width:1280px){
	#atc01 .tit_box_area{width:45rem}
	#atc01 .tit_box{left:10rem}
	#atc01 .tit_box .tit{font-size:4.8rem}
	
	#atc01 .lawyer_box_area{width:calc(100% - 45rem)}
	#atc01 .lawyer_box .swiper-slide{width:41rem;max-height:51rem;}
	#atc01 .lawyer_box_area .pt_img
}
@media(max-width:1024px){
	#atc01 .tit_box_area{width:39rem}
	#atc01 .tit_box .tit{font-size:4.3rem}
	#atc01 .tit_box .txt br{display:none}
	#atc01 .tit_box .link_btn{width:25rem}
	
	#atc01 .lawyer_box_area{width:calc(100% - 39rem)}
	#atc01 .lawyer_box_area .pt_img{display:none}
	#atc01 .lawyer_box .swiper-slide{width:36rem;max-height:45rem;}
	#atc01 .lawyer_box .s_btn_area .line{width:8rem}
	
}
@media(max-width:767px){
	#sec02, #sec02 .fp-tableCell{height:auto !important}
	#atc01{display:block;padding:8rem 0}
	#atc01:before{display:none}
	#atc01 .tit_box_area{width:100%;margin-bottom:3rem;position:relative;left:auto}
	#atc01 .tit_box{padding:0 2rem;text-align:center;position:relative;left:auto;top:auto;transform:none}
	#atc01 .tit_box .tit{font-size:3.8rem}
	#atc01 .tit_box .link_btn{width:23rem;height:5rem;margin:0 auto;line-height:5.1rem}
	#atc01 .tit_box .link_btn .arr{width:5rem;height:5rem}
	#atc01 .tit_box .link_btn .arr img{width:2rem;right:1.6rem}
	
	#atc01 .lawyer_box_area{width:100%}
	#atc01 .lawyer_box{position:relative;top:auto;left:auto;transform:none}
	
	#atc01 .lawyer_box .swiper-slide{margin:0 .5rem}
	#atc01 .lawyer_box .swiper-slide-active{top:0}
	#atc01 .lawyer_box .swiper-slide .txt_box .name{font-size:2.7rem}
	#atc01 .lawyer_box .s_btn_area{margin-top:2rem;position:relative;left:auto;bottom:auto;justify-content:center}
	
	
}
@media(max-width:480px){
	#atc01{padding:7rem 0}
	#atc01 .tit_box .tit{font-size:3.5rem}
	
	#atc01 .lawyer_box .swiper-slide{width:32rem;max-height:40rem;}
	#atc01 .lawyer_box .swiper-slide .txt_box .name{font-size:2.4rem}
}
@media(max-width:320px){
	#atc01{padding:6rem 0}
	#atc01 .tit_box .tit{font-size:3.2rem}
}