.p404 {
  overflow: hidden;
}
.p404__h1 {
  text-align: center;
  font-weight: 900;
  font-size: 15.625vw;
  line-height: 22.09375vw;
  letter-spacing: 0;
  margin-bottom: 0vw;
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .p404__h1 {
    font-size: 39.0625vw;
    line-height: 39.0625vw;
  }
}
@media screen and (max-width: 759px) {
  .p404__h1 {
    font-size: 31.25vw;
    line-height: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404__h1 {
    font-size: 300px;
    line-height: 424.2px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404__h1 {
    margin-bottom: 1.3020833333vw;
  }
}
@media screen and (max-width: 767px) {
  .p404__h1 {
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404__h1 {
    margin-bottom: 0px;
  }
}
.p404__h2 {
  text-align: center;
  font-weight: 700;
  font-size: 2.0833333333vw;
  line-height: 3.125vw;
  letter-spacing: 0;
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .p404__h2 {
    font-size: 3.90625vw;
    line-height: 4.6875vw;
  }
}
@media screen and (max-width: 759px) {
  .p404__h2 {
    font-size: 7.5vw;
    line-height: 9vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404__h2 {
    font-size: 40px;
    line-height: 60px;
  }
}
.p404 svg {
  position: absolute;
  transform: rotate(-3deg);
  width: 34.21875vw;
  top: 25.3645833333vw;
  left: 23.4895833333vw;
  animation: p404__svg 4s linear 0s infinite alternate;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404 svg {
    width: 63.28125vw;
  }
}
@media screen and (max-width: 767px) {
  .p404 svg {
    width: 60.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404 svg {
    width: 657px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404 svg {
    top: 43.359375vw;
  }
}
@media screen and (max-width: 767px) {
  .p404 svg {
    top: 70.9375vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404 svg {
    top: 487px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404 svg {
    left: 17.0572916667vw;
  }
}
@media screen and (max-width: 767px) {
  .p404 svg {
    left: 16.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404 svg {
    left: 451px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404 svg {
    transform: rotate(-1deg);
  }
}
@media screen and (max-width: 767px) {
  .p404 svg {
    transform: rotate(-13deg);
  }
}
.p404__wrapper {
  position: relative;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 6.0416666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404__wrapper {
    margin-top: 17.7083333333vw;
  }
}
@media screen and (max-width: 767px) {
  .p404__wrapper {
    margin-top: 33.125vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404__wrapper {
    margin-top: 116px;
  }
}
.p404__bottom {
  width: 60.5729166667vw;
  margin-top: 16.8229166667vw;
  display: inline-block;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404__bottom {
    width: 82.6822916667vw;
  }
}
@media screen and (max-width: 767px) {
  .p404__bottom {
    width: 90.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404__bottom {
    width: 1163px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404__bottom {
    margin-top: 13.0208333333vw;
  }
}
@media screen and (max-width: 767px) {
  .p404__bottom {
    margin-top: 39.6875vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404__bottom {
    margin-top: 323px;
  }
}
.p404__bottom .btn {
  width: 100%;
}
.p404__img {
  position: absolute;
  height: auto;
}
.p404__img_left {
  width: 42.1354166667vw;
  left: -17.65625vw;
  top: 5.6770833333vw;
  animation: p404__img_left 4s linear 0s infinite alternate;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404__img_left {
    width: 39.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .p404__img_left {
    width: 46.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404__img_left {
    width: 809px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404__img_left {
    left: -21.2239583333vw;
  }
}
@media screen and (max-width: 767px) {
  .p404__img_left {
    left: -30.3125vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404__img_left {
    left: -339px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404__img_left {
    top: 27.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .p404__img_left {
    top: 56.875vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404__img_left {
    top: 109px;
  }
}
.p404__img_right {
  width: 50.5729166667vw;
  right: -13.75vw;
  top: -1.6666666667vw;
  animation: p404__img_right 4s linear 0s infinite alternate;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404__img_right {
    width: 39.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .p404__img_right {
    width: 61.875vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404__img_right {
    width: 971px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404__img_right {
    right: -15.3645833333vw;
  }
}
@media screen and (max-width: 767px) {
  .p404__img_right {
    right: -39.6875vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404__img_right {
    right: -264px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .p404__img_right {
    top: 26.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .p404__img_right {
    top: 33.4375vw;
  }
}
@media screen and (min-width: 1920px) {
  .p404__img_right {
    top: -32px;
  }
}
@keyframes p404__svg {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes p404__img_left {
  0% {
    transform: translate(-10%);
  }
  50% {
    transform: translate(0%);
  }
  100% {
    transform: translate(-10%);
  }
}
@keyframes p404__img_right {
  0% {
    transform: translate(10%);
  }
  50% {
    transform: translate(0%);
  }
  100% {
    transform: translate(10%);
  }
}/*# sourceMappingURL=404.css.map */