/* -----------------------
  fv
----------------------- */
.fv{
  position: relative;
}
.fv h1{
  width: min(calc(750/ 750 * 100vw),750px);
  height: min(calc(1200/ 750 * 100vw),1200px);
}
.fv h1 video{
  width: min(calc(750/ 750 * 100vw),750px);
  height: min(calc(1200/ 750 * 100vw),1200px);
}

.fv_door{
  display: flex;
  justify-content: space-between;
}
.fv_door p{
  position: relative;
  width: 50%;
  z-index: 2;
}

.fv_door p:first-child.trigger.move{
  animation: fadeOutLeft 2.0s ease forwards;
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50%{
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-150px);
  }
}

.fv_door p:nth-child(2).trigger.move{
  animation: fadeOutRight 2.0s ease forwards;
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50%{
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(150px);
  }
}


.fv h2{
  position: absolute;
  bottom: 0;
  z-index: 0;
}