/*============================================================================

    errors

============================================================================*/
.errors {
  position: relative;
  z-index: 5;
}

.errors_404 {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 500px;
}
@media print, screen and (min-width: 768px) {
  .errors_404 .errors_404 {
    min-height: 550px;
  }
}

.errors_404_inner {
  position: relative;
  min-height: 500px;
  padding-left: clamp(2.4rem, 6vw, 3.3rem);
  padding-right: clamp(2.4rem, 6vw, 3.3rem);
  padding-top: 31%;
  z-index: 2;
}
@media print, screen and (min-width: 680px) {
  .errors_404_inner {
    padding-top: 30%;
  }
}
@media print, screen and (min-width: 768px) {
  .errors_404_inner {
    position: absolute;
    width: 100%;
    padding: 50px;
    top: 50%;
    transform: translateY(-50%);
  }
}

.errors_404_imgs {
  margin-bottom: clamp(1.2rem, 3vw, 2rem);
}
.errors_404_imgs .img {
  display: block;
  width: clamp(23rem, 57.5vw, 38.2rem);
  margin-inline: auto;
}
.errors_404_imgs h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: clamp(1.2rem, 3vw, 1.8rem);
  font-size: clamp(1.4rem, 4.5vw, 2.6rem);
  line-height: 1.6;
}
.errors_404_imgs h1 .en {
  font-size: clamp(2.2rem, 5.5vw, 3.2rem);
  font-weight: bold;
  font-family: "Oswald", serif;
}

.page_paragraph .btn_box {
  width: 600px;
  justify-content: center;
  max-width: 100%;
  margin: 0 auto;
}
.page_paragraph .btn_box .btn_box_item {
  justify-content: center;
}
.page_paragraph .btn_box .errors_btn {
  width: 100%;
  max-width: 100%;
}
@media print, screen and (min-width: 600px) {
  .page_paragraph .btn_box .errors_btn {
    width: 326px;
  }
}

footer,
.footer,
.remodal {
  display: none;
  visibility: hidden;
  opacity: 0;
}