@charset "utf-8";

#atc02{max-width:172rem;width:calc(100% - 4rem);margin:0 auto 10rem;border-radius:3rem;background:url(/index/include/include02/bg.jpg) no-repeat bottom center #2e2e2e;opacity:0;transition:opacity 1s}
#atc02.active{opacity:1}
#atc02 .inner{max-width:154rem;width:100%;margin:0 auto;padding:13rem 2rem}

#atc02 .tit_box{margin-bottom:5rem;text-align:center;position:relative;top:5rem;opacity:0;transition:top 1s, opacity 1s}
#atc02 .tit_box.active{top:0;opacity:1}
#atc02 .tit_box .s_tit{margin-bottom:1rem;font-size:1.5rem;font-weight:700;color:var(--pt-color);font-family:'Play'}
#atc02 .tit_box .tit{margin-bottom:1rem;font-size:6.5rem;font-weight:700;line-height:110%;color:#fff;font-family:'Play'}
#atc02 .tit_box .txt{font-size:1.7rem;line-height:150%;color:#929292}

#atc02 .lt_list{width:100%;border-top:1px solid #585858;position:relative;top:5rem;opacity:0;transition:top 1s, opacity 1s}
#atc02 .lt_list.active{top:0;opacity:1}
#atc02 .lt_list li{border-bottom:1px dashed #585858;}
#atc02 .lt_list li a{padding:2.5rem 5rem;position:relative;display:flex}
#atc02 .lt_list li .state{width:11rem;height:5rem;border-radius:.5rem;background:rgba(255,255,255,.1);font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}
#atc02 .lt_list li .state01{color:var(--pt-color)}
#atc02 .lt_list li .state02{color:#b2b2b2}
#atc02 .lt_list li .lt_tit{width:calc(100% - 16.5rem);padding:0 4rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
#atc02 .lt_list li .lt_tit .tit{width:calc(100% - 13rem);font-size:1.8rem;color:#f0f0f0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .3s}
#atc02 .lt_list li .lt_tit .date{font-size:1.6rem;font-weight:700;color:#9f9f9f;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:'Play'}
#atc02 .lt_list li .lt_tit .date img{width:2rem}
#atc02 .lt_list li .arr{width:5.5rem;height:5.5rem;border-radius:5.5rem;background:rgba(255,255,255,.1);transition:all .3s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

#atc02 .lt_list li:hover .lt_tit .tit{color:#fff}
#atc02 .lt_list li:hover .arr{box-shadow:0 1rem 1rem rgba(0,0,0,.1);background:var(--pt-color)}
#atc02 .lt_list .empty_li{padding:7rem 2rem;font-size:1.7rem;line-height:150%;color:rgba(255,255,255,.7);text-align:center}


@media(max-width:1280px){
	#atc02 .tit_box .tit{font-size:6rem}
	#atc02 .lt_list li a{padding:2.5rem 3rem}
	
}
@media(max-width:1024px){
	#atc02 .inner{padding:10rem 2rem}
	
	#atc02 .tit_box .tit{font-size:5.5rem}
	
	#atc02 .lt_list li a{padding:2rem;align-items:center}
	#atc02 .lt_list li .state{width:7rem;height:3.5rem;font-size:1.6rem}
	#atc02 .lt_list li .lt_tit{width:calc(100% - 13rem);padding:0 2rem}
	#atc02 .lt_list li .arr{width:5rem;height:5rem}
	
}
@media(max-width:767px){
	#atc02{width:100%;margin-bottom:8rem}
	#atc02 .inner{padding:9rem 2rem}
	#atc02 .tit_box .tit{font-size:5rem}
	#atc02 .lt_list li a{display:flex;flex-wrap:wrap}
	#atc02 .lt_list li .lt_tit{width:100%;margin-top:1.5rem;padding:0}
	#atc02 .lt_list li .arr{width:4rem;height:4rem;position:absolute;top:2rem;right:2rem}
	#atc02 .lt_list li .arr img{width:1.9rem}
	
}
@media(max-width:480px){
	#atc02{margin-bottom:5rem}
	#atc02 .inner{padding:8rem 2rem}
	#atc02 .tit_box{margin-bottom:3rem}
	#atc02 .tit_box .tit{font-size:4.5rem}
	#atc02 .lt_list li a{padding:2rem 0}
	#atc02 .lt_list li .lt_tit{gap:.5rem}
	#atc02 .lt_list li .lt_tit .tit{width:100%}
	
	#atc02 .lt_list li .arr{right:0}

	
}
@media(max-width:320px){
	#atc02 .inner{padding:7rem 2rem}
	#atc02 .tit_box .tit{font-size:4.2rem}
}