.page {
  padding: 150px 0; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .page {
    padding: 100px 0; } }
/*max-width:768px*/
/*max-width:480px*/
.page_404 {
  padding: 0 0 150px; }

.box_404 {
  padding: 50px 0 50px 0;
  max-width: 840px;
  width: calc(100% - 160px);
  margin: 0 auto;
  color: #fff;
  font: 2rem/2.6em "Noto Sans", sans-serif;
  font-weight: 500; }
  .box_404 p {
    margin-bottom: 30px; }
  .box_404 a:hover {
    color: #8DE5FF; }

@media (max-width: 1280px) {
  .box_404 {
    width: calc(100% - 100px); } }
/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .page_404 {
    padding: 0 0 100px; }

  .box_404 {
    width: calc(100% - 60px);
    max-width: 480px;
    padding: 25px 0 50px;
    font: 1.8rem/2.4em "Noto Sans", sans-serif;
    font-weight: 500; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .page_404 {
    padding: 0 0 50px; }

  .box_404 {
    width: calc(100% - 40px);
    max-width: 350px;
    padding: 25px 0 50px;
    font: 1.6rem/2.4em "Noto Sans", sans-serif;
    font-weight: 500; } }
/*max-width:480px*/
.big_txt {
  opacity: 0.7;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  z-index: 1;
  margin: 0 0 120px; }

.big_txt__inner {
  display: inline-block;
  animation: big_txt 80s linear infinite; }
  .big_txt__inner span {
    font: 22rem/1em "Urbanist", sans-serif;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    padding-right: 2rem; }

@keyframes big_txt {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }
/*min-width:1920px*/
/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .big_txt {
    z-index: 1;
    margin: 0 0 50px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .big_txt__inner {
    animation: big_txt 50s linear infinite; }
    .big_txt__inner span {
      font: 13rem/1em "Urbanist", sans-serif;
      font-weight: 700; } }
/*max-width:480px*/