/* st-PageIntro
-----------------------------------*/
.is-error404 .st-PageIntro {
  background-image: url("../img/bg_error404_01_sp.jpg");
}
.is-error404 .st-PageIntro_Title {
  font-family: "Radio Canada Big", serif;
}

@media screen and (min-width: 700px) {
  .is-error404 .st-PageIntro {
    background-image: url("../img/bg_error404_01_pc.jpg");
  }
  .is-error404 .st-PageIntro_Title {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}
/* error404-Content
-----------------------------------*/
.error404-Content {
  max-width: 640px;
  margin: 53px auto 155px;
  padding-inline: 20px;
}
.error404-Content_Title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}
.error404-Content_Text {
  font-size: 0.875rem;
  line-height: 1.43;
}
.error404-Content_Title + .error404-Content_Text {
  margin-top: 16px;
}
.error404-Content_Text + .error404-Content_Text {
  margin-top: 10px;
}
.error404-Content_Image {
  text-align: center;
  margin-top: 83px;
}
.error404-Content_Image_Item {
  width: 100%;
  max-width: 240px;
  height: auto;
}
.error404-Content_Btn {
  text-align: center;
  margin-top: 60px;
}
.error404-Content_Btn .sw-Btn04 {
  width: 100%;
  max-width: 460px;
}

@media screen and (min-width: 960px) {
  .error404-Content {
    margin-top: 123px;
    margin-bottom: 225px;
    padding-inline: 40px;
  }
  .error404-Content_Text {
    font-size: 1rem;
    line-height: 1.5;
  }
  .error404-Content_Title + .error404-Content_Text {
    margin-top: 13px;
  }
  .error404-Content_Image {
    margin-top: 76px;
  }
  .error404-Content_Image_Item {
    max-width: 300px;
  }
}