@charset "utf-8";


#atc01{width:100%}
#atc01 .inner{max-width:154rem;width:100%;margin:0 auto;padding:22rem 2rem 18rem;position:relative}
#atc01 .inner:before{content:'';width:50rem;height:55.7rem;background:url(/index/include/include01/bg2.png) no-repeat center/cover;position:absolute;top:9rem;left:50%;transform:translateX(-50%);opacity:0}
#atc01.active .inner:before{opacity:1;transition:opacity 2s}

#atc01 .tit_box{text-align:center;position:relative;z-index:2;top:5rem;opacity:0;transition:top 1s, opacity 1.5s}
#atc01 .tit_box.active{top:0;opacity:1}

#atc01 .tit_box .s_tit{margin-bottom:1rem;font-size:1.5rem;font-weight:700;color:var(--pt-color);font-family:'Play'}
#atc01 .tit_box .tit{margin-bottom:3rem;font-size:6.5rem;font-weight:700;line-height:110%;color:#838383;font-family:'Play'}
#atc01 .tit_box .tit span{color:#fff}
#atc01 .tit_box .txt_tit{margin-bottom:1rem;font-size:2.2rem;font-weight:700;color:#fff}
#atc01 .tit_box .txt{font-size:1.7rem;line-height:150%;color:#a3a3a3}


#atc01 .award_list{width:100%;margin-top:22rem;position:relative;top:5rem;opacity:0;z-index:2;transition:top 1s, opacity 1.5s;display:flex;flex-wrap:wrap;gap:2%}
#atc01 .award_list.active{top:0;opacity:1}
#atc01 .award_list li{width:23.5%;height:18.5rem;padding:0 3.2rem;text-align:center;position:relative;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;}
#atc01 .award_list li:after,
#atc01 .award_list li:before{content:'';width:7.3rem;height:18.5rem;position:absolute;top:0;opacity:.3;transition:opacity 1s}

#atc01 .award_list li:after{background:url(/index/include/include01/pt_img01.png) no-repeat center/cover;left:0}
#atc01 .award_list li:before{background:url(/index/include/include01/pt_img02.png) no-repeat center/cover;right:0}

#atc01 .award_list li .tit{font-size:2.7rem;font-weight:700;color:#fff;font-family:'Play'}
#atc01 .award_list li .txt{font-size:1.5rem;font-weight:700;line-height:100%;color:rgba(255,255,255,.5);font-family:'Play'}
/*
#atc01 .award_list li.on:after,
#atc01 .award_list li.on:before{opacity:1}
*/
@media(max-width:1280px){
	
	#atc01 .inner{padding:13rem 2rem}
	#atc01 .inner:before {top:0}
	#atc01 .tit_box .tit{font-size:6rem}
	
	
	#atc01 .award_list{max-width:72rem;width:100%;margin:10rem auto 0;gap:4rem 2%}
	#atc01 .award_list li{width:49%}
	#atc01 .award_list li .tit{font-size:2.4rem}
	
}
@media(max-width:1024px){
	#atc01 .inner{padding:10rem 2rem}
	#atc01 .inner:before{width:40rem;height:44.9rem;top:0}
	#atc01 .tit_box .tit{font-size:5.5rem}
	
	#atc01 .tit_box .txt_tit{font-size:1.9rem}
	
}
@media(max-width:767px){
	#atc01 .inner{padding:9rem 2rem}
	
	#atc01 .tit_box .tit{margin-bottom:2rem;font-size:5rem}
	
	#atc01 .award_list{gap:2rem 2%}
	#atc01 .award_list li{height:13rem}
	#atc01 .award_list li:after,
	#atc01 .award_list li:before{width:5.1rem;height:13rem}
	#atc01 .award_list li .tit{font-size:calc(0.8rem + 1.9vw);}
	#atc01 .award_list li .txt{font-size:calc(1rem + 0.7vw);}
}
@media(max-width:480px){
	#atc01 .inner{padding:8rem 2rem}
	#atc01 .inner:before{width:36rem;height:40.4rem}
	
	#atc01 .tit_box .tit{font-size:4.5rem}
	#atc01 .tit_box .txt br{display:none}
	
	#atc01 .award_list li{height:10rem;padding:0 2rem}
	#atc01 .award_list li:after,
	#atc01 .award_list li:before{width:3.9rem;height:10rem}

	
}
@media(max-width:320px){
	#atc01 .inner{padding:7rem 2rem}
	#atc01 .tit_box .tit{font-size:4.2rem}
	
	#atc01 .award_list li{height:8rem}
	#atc01 .award_list li:after,
	#atc01 .award_list li:before{width:3.2rem;height:8rem}
}