.sc_02 { height: 450svh; text-align: center; margin-top: -1px; padding-top: 1px;}
.sc_02 .inner { position: sticky; top: 0; left: 0; height: 100svh;}
.sc_02 .inner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #000 1.25%, rgba(0, 0, 0, 0.00) 48.25%), linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 35.72%); z-index: 10;}
.sc_02 .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.sc_02 .group_txt { display: flex; flex-direction: column; justify-content: center; position: relative; height: 100%; z-index: 10;}
.sc_02 .txt + .txt { margin-top: 70px;}
.sc_02 .txt { opacity: 0.2; color: #fff; font-family: Paperlogy; font-size: 60px; font-weight: 700; line-height: 1.2; transition: 1s;}
.sc_02 .txt.active { opacity: 1; font-size: 80px;}
.sc_02 .txt span { transition: color 1s;}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .sc_02 .txt + .txt { margin-top: 6.8359vw;}
  .sc_02 .txt { font-size: 5.8594vw;}
  .sc_02 .txt.active { font-size: 7.8125vw;}
}

@media screen and (max-width: 768px) {
  .sc_02 .group_txt { padding: 0 18px;}
  .sc_02 .txt { font-size: 24px;}
  .sc_02 .txt.active { font-size: 36px;}
}