.main_vis .bg2{display: block}
#main .main_vis .bg2{position: absolute;width: 100%;height: 100%;overflow: hidden;top: 0;left: 0}
#main .main_vis .bg2 div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#main .main_vis .bg2 div video{min-width: 100vh}
/*
#main #unique .unique_list .ring_list .ring{display: none}
#main #unique .unique_list .ring_list .ring.ring01{display: block}
*/
#main #unique .unique_list{margin-top: -240px}
#main #unique .unique_list .project_info{width: 150px}
/*
#main #unique .unique_list .monitor_w .monitor_in{animation: moniter 5s infinite linear}
#main #unique .unique_list .monitor_w .monitor_in {width: 550px;height: 350px;}
@keyframes moniter{
	0%{width: 550px;height: 350px; padding: 6px}
	33%{width: 305px;height: 356px; padding: 5px}
	66%{width: 250px;height: 432px; padding: 5px}
	100%{width: 160px;height: 341px; padding: 3px}
}
#main #unique .unique_list .ring_list .ring.ring01{animation: ring 5s infinite linear}
*/

@keyframes ring{
	0%{transform: scale(1)}
	33%{transform: scale(0.8)}
	66%{transform: scale(0.6)}
	100%{transform: scale(0.5)}
}
#beyond_content {overflow: hidden}
#beyond_content .b_img_content .img{left: 50%;transform: translateX(-50%)}

#beyond_content .b_img_content {transform: translate(-50%, -50%) scale(0.5);transition: 1s}
#beyond_content.on .b_img_content {transform: translate(-50%, -50%) scale(0.7);}
#beyond_content .b_img_content .img02, #beyond_content .b_img_content .img03, #beyond_content .b_img_content .img04{transition: 1s}
#beyond_content.on2 .b_img_content .img02, #beyond_content.on2 .b_img_content .img03, #beyond_content.on2 .b_img_content .img04{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}
#beyond_content .b_img_content .img02{transition-delay: 0.7s}
#beyond_content .b_img_content .img03{transition-delay: 1.4s}
#beyond_content .b_img_content .img04{transition-delay: 2.1s}