.main_sc{ overflow:hidden; }
.main_sc, .main_sc *{ box-sizing:border-box; }
.main_sc > .sec_con{ width:100%; margin:0 auto; }






/***********sec01_vid***********/
#sc01{ position:relative; z-index:1; }
#sc01_bdo{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:#333; }
#sc01_bdo iframe{ top:50% !important; left:50% !important; transform:translate(-50%, -50%) !important; margin-left:0 !important; margin-top:0 !important; }

.sc01_fr{ background-color:rgba(0,0,0,0.5); position:relative; z-index:2; min-height:100vh; padding:120px 40px 60px; display:flex; justify-content:center; align-items:center; }
.sc01_txt{ width:min(1000px, 100%); text-align:center; word-break:keep-all; }
.sc01_txt > h3{ font-family:'mt','pt','noto'; font-size:24px; font-weight:300; color:#fff; line-height:1.5em; margin-bottom:20px; opacity:0; animation:1.2s fadeInUp 0.2s forwards; }
.sc01_txt > h2{ position:relative; z-index:1; font-family:'mt','pt','noto'; font-size:150px; font-weight:800; color:#fff; line-height:0.85em; margin-bottom:40px; transform:translate(0, 0) !important; opacity:0; animation:1.2s fadeInUp 0.4s forwards, glitch 725ms infinite; }
.sc01_txt > h2:before{ content:attr(data-title); position:absolute; z-index:1; top:0; left:0; width:100%; font-family:inherit; font-size:inherit; font-weight:inherit; color:#fff; line-height:inherit; transform:translate(-0.015em, -0.015em); clip-path:polygon(0 0, 100% 0, 100% 35%, 0 35%); animation:glitch 500ms infinite; opacity:0.75; }
.sc01_txt > h2:after{ content:attr(data-title); position:absolute; z-index:1; top:0; left:0; width:100%; font-family:inherit; font-size:inherit; font-weight:inherit; color:#fff; line-height:inherit; transform:translate(0.015em, 0.015em); clip-path:polygon(0 65%, 100% 65%, 100% 100%, 0 100%); animation:glitch 375ms infinite; opacity:0.75; }
.sc01_txt > p{ font-family:'mt','pt','noto'; font-size:20px; font-weight:300; color:#fff; line-height:1.5em; opacity:0; animation:1.2s fadeInUp 0.6s forwards; }

@keyframes glitch {
  0%, 15% {
    text-shadow:0.05em 0 0 #00fffc, -0.03em -0.04em 0 #fc00ff;
    transform:translate(-0.015em, -0.015em);
  }
  16%, 49% {
    text-shadow:-0.05em -0.025em 0 #00fffc, 0.025em 0.035em 0 #fc00ff;
    transform:translate(-0.015em, 0.015em);
  }
  50%, 99% {
    text-shadow:0.05em 0.035em 0 #00fffc, 0.03em 0 0 #fc00ff;
    transform:translate(0.015em, 0.015em);
  }
  100% {
    text-shadow:-0.05em 0 0 #00fffc, -0.025em -0.04em 0 #fc00ff;
    transform:translate(0.015em, -0.015em);
  }
}

@keyframes fadeInUp{
	0%{ opacity:0; }
	100%{ opacity:1; }
}

@media(max-width:850px){
	.sc01_txt > h3{ font-size:20px; }
	.sc01_txt > h2{ font-size:120px; }
	.sc01_txt > p{ font-size:16px; }
}