@charset "utf-8";

#atc02{width:100%;height:100%;background:url(/index/include/include02/bg.jpg) no-repeat center/cover;position:relative;display:flex;flex-wrap:wrap;}
#atc02 .tab_area{width:37.5rem;height:100%;background:#162832;position:relative;left:-10rem;opacity:0;transition:left 1s,opacity 1s}
#sec03.active #atc02 .tab_area{left:0;opacity:1}
#atc02 .tab_area .tab_list{width:10rem;text-align:center;position:absolute;top:50%;right:0;transform:translateY(-50%)}
#atc02 .tab_area .tab_list li{text-align:center;position:relative;cursor:pointer}
#atc02 .tab_area .tab_list li + li{margin-top:1rem}
#atc02 .tab_area .tab_list li:before{content:'';width:.8rem;height:.8rem;border-radius:.8rem;background:#fff;position:absolute;top:50%;transform:translateY(-50%);right:-.4rem;opacity:0}
#atc02 .tab_area .tab_list li span{display:inline-block;padding:.5rem 1rem;border-radius:3rem;font-size:1.7rem;font-weight:500;color:#fff;transition:all .3s}
#atc02 .tab_area .tab_list li.on span,
#atc02 .tab_area .tab_list li:hover span{background:var(--pt-color2);}

#atc02 .tab_area .tab_list li.on:before{opacity:1}

#atc02 .lt_area{width:calc(100% - 37.5rem);padding:0 10rem;display:flex;flex-wrap:wrap;align-items:center;position:relative;top:-10rem;opacity:0;transition:top 1s,opacity 1s}
#sec03.active #atc02 .lt_area{top:0;opacity:1}
#atc02 .tit_box{width:50rem;}
#atc02 .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color2)}
#atc02 .tit_box .tit{margin-bottom:1rem;font-size:5.3rem;line-height:130%;font-weight:300;color:#fff}
#atc02 .tit_box .tit span{font-weight:700}
#atc02 .tit_box .txt{margin-bottom:3rem;font-size:1.7rem;line-height:150%;color:rgba(255,255,255,.7)}

#atc02 .tit_box .link_btn{display:block;width:27rem;height:5.7rem;padding-right:5.7rem;border-radius:5.7rem;background:var(--pt-color2);font-size:1.7rem;font-weight:500;text-align:center;line-height:5.7rem;color:#fff;position:relative;transition:all .3s}
#atc02 .tit_box .link_btn .link_txt{position:relative;z-index:1}
#atc02 .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}
#atc02 .tit_box .link_btn .arr img{position:absolute;top:50%;right:1.8rem;transform:translateY(-50%)}

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


#atc02 .lt_list{width:calc(100% - 50rem);border-top:1px solid #fff;display:none}
#atc02 .lt_list.on{display:block}
#atc02 .lt_list li{border-bottom:1px solid rgba(255,255,255,.2)}
#atc02 .lt_list li a{width:100%;height:7rem;padding:0 6.5rem 0 2.5rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:2rem} 
#atc02 .lt_list li .ca_name{padding:.5rem 1.5rem;border-radius:5rem;background:var(--pt-color2);font-size:1.6rem;font-weight:700;color:#fff}
#atc02 .lt_list li .lt_tit{width:calc(100% - 8rem);font-size:1.7rem;font-weight:500;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
#atc02 .lt_list li .lt_tit.lt_tit2{width:calc(100% - 12rem)}
#atc02 .lt_list li .arr{width:3.7rem;height:3.7rem;border-radius:3.7rem;background:rgba(255,255,255,.1);position:absolute;top:50%;right:2.5rem;transform:translateY(-50%);transition:all .3s}
#atc02 .lt_list li .arr img{width:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s}
#atc02 .lt_list li:hover .arr{background:#fff}
#atc02 .lt_list li:hover .arr img{filter:invert(1)}
@media(max-width:1400px){
#atc02 .tab_area{width:25rem}
#atc02 .lt_area{width:calc(100% - 25rem);padding:0 5rem}

}
@media(max-width:1280px){
	#atc02{align-content:center}
	
	#atc02 .tab_area{width:100%;height:auto;margin-bottom:2rem;background:none}
	#atc02 .tab_area .tab_list{width:100%;position:relative;right:auto;top:auto;transform:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}
	#atc02 .tab_area .tab_list li + li{margin:0}
	#atc02 .tab_area .tab_list li:before{display:none}
	

	#atc02 .lt_area{width:100%;padding:0 10rem}
	
	#atc02 .tit_box {width:35rem}
	#atc02 .tit_box .tit{font-size:4.8rem}
	#atc02 .tit_box .txt br{display:none}

	#atc02 .lt_list{width:calc(100% - 35rem)}
}
@media(max-width:1024px){
	
	#atc02 .lt_area{padding:0 2rem 0 10rem}
	#atc02 .tit_box{width:30rem}
	#atc02 .tit_box .tit{font-size:4.3rem}
	#atc02 .tit_box .link_btn{width:25rem}
	#atc02 .lt_list{width:calc(100% - 30rem)}
	
}
@media(max-width:767px){
	#sec03, #sec03 .fp-tableCell{height: auto !important;}
	#atc02{display:block;padding:8rem 2rem}
	
	#atc02 .lt_area{padding:0}
	#atc02 .tit_box{width:100%;margin-bottom:3rem;text-align:center}
	#atc02 .tit_box .tit{font-size:3.8rem}
	#atc02 .tit_box .link_btn {width: 23rem;height: 5rem;margin: 0 auto;line-height: 5.1rem;}
	#atc02 .tit_box .link_btn .arr{width:5rem;height:5rem}
	#atc02 .tit_box .link_btn .arr img {width:2rem;right:1.6rem}
	#atc02 .lt_list{width:100%}
}
@media(max-width:480px){
	#atc02{display:block;padding:7rem 2rem}
	#atc02 .tit_box .tit{font-size:3.5rem}
	
	#atc02 .lt_list li a{height:6rem;padding:0 4rem 0 0}
	#atc02 .lt_list li .arr{width:3.2rem;height:3.2rem;right:0}
}
@media(max-width:320px){
	#atc02{display:block;padding:6rem 1.5rem}
	#atc02 .tit_box .tit{font-size:3.2rem}
}