.none {
  display: none!important;
}
page {
  background-color: #000;
}
body {
  background-color: #000;
  touch-action: none;
}
.recruitlanding_dom {
  height: 100vh;
  background-image: url("../images/landing/landing_bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
}
.recruitlanding_dom .recruitlanding_dom_a {
  height: 100vh;
}
.recruitlanding_dom .recruitlanding_dom_b {
  height: 100vh;
}
.recruitlanding_dom .landing_logo {
  position: absolute;
  width: 4.3115942rem;
  height: 0.99637681rem;
  top: 1.26811594rem;
  right: 1.19565217rem;
}
.recruitlanding_dom .disk {
  position: absolute;
  top: 50%;
  opacity: 0;
  transform: scale(0.1);
  margin-top: 5.25362319rem;
  animation: diskAnimate 1s alternate 0.5s forwards;
}
@keyframes diskAnimate {
  from {
    transform: scale(0.1);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.recruitlanding_dom .disk_size {
  width: 15rem;
  height: 5.74275362rem;
}
.recruitlanding_dom .light1 {
  position: absolute;
  left: 50%;
  bottom: 50%;
  margin-left: -3.46014493rem;
  margin-bottom: -10.70652174rem;
  overflow: hidden;
}
.recruitlanding_dom .light1 img {
  object-fit: contain;
  animation: light1Animate 1s alternate 1s forwards;
  animation-delay: 1s;
  width: 10.77898551rem;
  height: 0rem;
}
.recruitlanding_dom .light2 {
  position: absolute;
  left: 50%;
  bottom: 50%;
  margin-left: -5.50724638rem;
  margin-bottom: -8.84057971rem;
  overflow: hidden;
}
.recruitlanding_dom .light2 img {
  object-fit: contain;
  animation: light2Animate 1s alternate 1s forwards;
  animation-delay: 1s;
  width: 3.11594203rem;
  height: 0rem;
}
.recruitlanding_dom .light3 {
  position: absolute;
  left: 50%;
  bottom: 50%;
  margin-left: 0.41666667rem;
  margin-bottom: -6.99275362rem;
  overflow: hidden;
}
.recruitlanding_dom .light3 img {
  object-fit: contain;
  animation: light3Animate 1s alternate 1s forwards;
  animation-delay: 1s;
  width: 5.96014493rem;
  height: 0rem;
}
.recruitlanding_dom .light4 {
  position: absolute;
  left: 50%;
  bottom: 50%;
  margin-left: 3.0615942rem;
  margin-bottom: -7.42753623rem;
  overflow: hidden;
}
.recruitlanding_dom .light4 img {
  object-fit: contain;
  animation: light4Animate 1s alternate 1s forwards;
  animation-delay: 1s;
  width: 1.55797101rem;
  height: 0rem;
}
.recruitlanding_dom .fly {
  position: absolute;
  left: 50%;
  bottom: 50%;
}
.recruitlanding_dom .fly_opacity {
  opacity: 0;
  animation: flyallAnimate 1s alternate 2s forwards;
  animation-delay: 2s;
}
.recruitlanding_dom .fly1 {
  width: 1.01449275rem;
  height: 1.52173913rem;
  margin-left: -5.99637681rem;
  margin-bottom: -0.86956522rem;
  animation: fly1Animate linear infinite 2s forwards;
  animation-delay: 1.3s;
}
.recruitlanding_dom .fly2 {
  width: 0.85144928rem;
  height: 1.28623188rem;
  margin-left: -2.97101449rem;
  margin-bottom: 1.82971014rem;
  animation: fly1Animate linear infinite 2s forwards;
  animation-delay: 1.8s;
}
.recruitlanding_dom .fly3 {
  width: 1.86594203rem;
  height: 1.8115942rem;
  margin-left: 3.38768116rem;
  margin-bottom: -0.07246377rem;
  animation: fly1Animate linear infinite 2s forwards;
  animation-delay: 1.5s;
}
.recruitlanding_dom .fly4 {
  width: 1.32246377rem;
  height: 1.21376812rem;
  margin-left: -0.32608696rem;
  margin-bottom: -1.86594203rem;
  animation: fly1Animate linear infinite 2s forwards;
  animation-delay: 2s;
}
.recruitlanding_dom .fly5 {
  width: 1.32246377rem;
  height: 1.37681159rem;
  margin-left: -4.0942029rem;
  margin-bottom: -4.85507246rem;
  animation: fly1Animate linear infinite 2s forwards;
  animation-delay: 1s;
}
.recruitlanding_dom .fly6 {
  width: 2.13768116rem;
  height: 2.13768116rem;
  margin-left: 2.88043478rem;
  margin-bottom: -9.81884058rem;
  animation: fly1Animate linear infinite 2s forwards;
  animation-delay: 0.5s;
}
.recruitlanding_dom .bomb_layer_mask {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  animation: bomblayer_mask 1s alternate  forwards;
  animation-delay: 3s;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.recruitlanding_dom .landing_select {
  position: absolute;
  z-index: 100;
  width: 2.44565217rem;
  height: 2.53623188rem;
  margin-left: -1.22282609rem;
  bottom: 2.17391304rem;
  left: 50%;
  opacity: 0;
  animation: bomblayer 1s alternate  forwards;
  animation-delay: 3s;
}
.recruitlanding_dom .b_btngroup_breathe {
  animation: breatheAnimate linear infinite 3s forwards;
}
.recruitlanding_dom .bomb_layer {
  z-index: 3;
  position: absolute;
  bottom: 50%;
  left: 50%;
  opacity: 0;
  animation: bomblayer 1s alternate  forwards;
  animation-delay: 3s;
  overflow: hidden;
  margin-left: -6.6576087rem;
  margin-bottom: -5.25362319rem;
}
.recruitlanding_dom .bomb_layer .bomb_layer_img {
  width: 13.31521739rem;
  height: 14.45652174rem;
}
.recruitlanding_dom .bomb_layer .bomb_layer_img_mask {
  width: 13.31521739rem;
  height: 3.35144928rem;
  position: absolute;
  top: 14.45652174rem;
  animation: bomblayer_mask2 2s alternate  forwards;
  animation-delay: 3s;
}
.recruitlanding_dom .b_btngroup {
  position: absolute;
  width: 4.52898551rem;
  height: 4.52898551rem;
  padding-top: 0.63405797rem;
  left: 50%;
  top: 50%;
  margin-left: -2.26449275rem;
  margin-top: 5.32608696rem;
  touch-action: auto;
  z-index: 10;
  opacity: 0;
  animation: bomblayer 1s alternate  forwards;
  animation-delay: 3s;
}
.recruitlanding_dom .b_btngroup .b_btngroup_img {
  display: block;
  margin: 0 auto;
  width: 2.13768116rem;
  height: 2.02898551rem;
  margin-bottom: 0.61594203rem;
}
.recruitlanding_dom .b_btngroup .b_btngroup_txt {
  text-align: center;
  color: #ee6701;
  font-size: 0.54347826rem;
}
.recruitlanding_dom .b_btngroup .b_btngroup_breathe {
  animation: breatheAnimate linear infinite 3s forwards;
}
.recruitlanding_dom .b_btngroup .b_btngroup_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.recruitlanding_dom .b_btngroup_active {
  animation: btngroupClick 1s alternate forwards;
}
@keyframes light1Animate {
  from {
    height: 0rem;
  }
  to {
    height: 11.25rem;
  }
}
@keyframes light2Animate {
  from {
    height: 0rem;
  }
  to {
    height: 14.27536232rem;
  }
}
@keyframes light3Animate {
  from {
    height: 0rem;
  }
  to {
    height: 10.03623188rem;
  }
}
@keyframes light4Animate {
  from {
    height: 0rem;
  }
  to {
    height: 9.23913043rem;
  }
}
@keyframes fly1Animate {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes flyallAnimate {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bomblayer {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bomblayer_mask {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bomblayer_mask2 {
  from {
    top: 14.45652174rem;
  }
  to {
    top: -3.35144928rem;
  }
}
.recruitlanding_dom .recruitlanding_dom_b .b_disk {
  width: 15rem;
  height: 18.02536232rem;
  position: absolute;
  top: 50%;
  margin-top: -10.10869565rem;
}
.recruitlanding_dom .recruitlanding_dom_b .b_video {
  position: absolute;
  top: 50%;
  margin-top: -3.11594203rem;
  left: 50%;
  margin-left: -6.67572464rem;
  background: url("../images/landing/landing_video_bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 13.35144928rem;
  height: 0;
  overflow: hidden;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  animation: videoopen 2s alternate forwards;
  padding-top: 3%;
}
.recruitlanding_dom .recruitlanding_dom_b .b_btngroup {
  position: absolute;
  width: 4.52898551rem;
  height: 4.52898551rem;
  padding-top: 0.63405797rem;
  left: 50%;
  top: 50%;
  margin-left: -2.26449275rem;
  margin-top: 7.13768116rem;
  touch-action: auto;
}
.recruitlanding_dom .recruitlanding_dom_b .b_btngroup .b_btngroup_img {
  display: block;
  margin: 0 auto;
  width: 2.13768116rem;
  height: 2.02898551rem;
  margin-bottom: 0.61594203rem;
}
.recruitlanding_dom .recruitlanding_dom_b .b_btngroup .b_btngroup_txt {
  text-align: center;
  color: #ee6701;
  font-size: 0.54347826rem;
}
.recruitlanding_dom .recruitlanding_dom_b .b_btngroup .b_btngroup_breathe {
  animation: breatheAnimate linear infinite 3s forwards;
}
.recruitlanding_dom .recruitlanding_dom_b .b_btngroup .b_btngroup_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.recruitlanding_dom .recruitlanding_dom_b .b_btngroup_active {
  animation: btngroupClick 1s alternate forwards;
}
@keyframes videoopen {
  0% {
    height: 0rem;
    transform: translateY(0);
  }
  100% {
    height: 8.0615942rem;
    border: none;
    transform: translateY(-4.030797rem);
  }
}
@keyframes breatheAnimate {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes btngroupClick {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}