#main {
  opacity: 0;
}

.framer-sRatJ.framer-v-1twluhl .framer-avda51 {
  height: 100vh !important;
}

.framer-1ur84re div:nth-child(3) .framer-1cjvtbf div:nth-child(2) {
  display: none !important;
}

@keyframes l2r_pc {
  from {
    transform: translate(-100vw, 0);
    -webkit-transform: translate(-100vw, 0);
  }

  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
}

@keyframes l2r {
  from {
    transform: translate(-100vw, 0);
    -webkit-transform: translate(-100vw, 0);
  }

  to {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
}

@keyframes b2t_pc {
  from {
    transform: translate(100vw, 100vw);
    -webkit-transform: translate(100vw, 100vw);
  }

  to {
    transform: translate(0, 0%);
    -webkit-transform: translate(0, 0%);
  }
}

@keyframes b2t_pad {
  from {
    transform: translate(100vw, 100vw);
    -webkit-transform: translate(100vw, 100vw);
  }

  to {
    transform: translate(0, 0%);
    -webkit-transform: translate(0, 0%);
  }
}

@keyframes b2t_mobile {
  from {
    transform: translate(100vw, 100vw);
    -webkit-transform: translate(100vw, 100vw);
  }

  to {
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
  }
}



/* mobile */
@media (max-width: 810px) {
  #home>div>div:nth-child(2)>div:nth-child(1) {
    animation: l2r 2s 2s 1;
  }

  #home>div>div:nth-child(2)>div:nth-child(2) {
    animation: b2t_mobile 1.5s 2.5s 1;
  }
}

/* pad */
@media (min-width:810px) and (max-width: 1440px) {
  #home>div>div:nth-child(2)>div:nth-child(1) {
    animation: l2r 2s 2s 1 !important;
  }

  #home>div>div:nth-child(2)>div:nth-child(2) {
    animation: b2t_pad 1.5s 2.5s 1 !important;
  }
}

/* pc */
@media (min-width: 1440px) {
  #home>div>div:nth-child(2) {
    animation: l2r_pc 2s 2s 1;
  }

  #home>div>div:nth-child(3) {
    animation: b2t_pc 1.5s 2.5s 1;
  }
}


@media (max-width: 810px) {
  #team>div>div.framer-11gi12d {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(3, auto) !important;
    gap: 20px !important;
    padding: 0 20px !important;
    max-width: 400px !important;
    margin: 0 auto !important;
  }

  #team>div>div.framer-11gi12d>div {
    grid-column: unset !important;
    grid-row: unset !important;
  }
}

.framer-new-member1-container,
.framer-new-member2-container {
  transform: perspective(1200px) translateX(0px) translateY(150px) scale(1) rotate(0deg) rotateX(0deg) rotateY(0deg) translateZ(0px);
  animation: teamMemberAnimation 0.8s ease-out forwards;
}

@keyframes teamMemberAnimation {
  to {
    opacity: 1;
    transform: perspective(1200px) translateX(0px) translateY(0px) scale(1) rotate(0deg) rotateX(0deg) rotateY(0deg) translateZ(0px);
  }
}