body:has(._archive),
body:has(._single),
body:has(._404) {
  background-color: #faf5f2;
}
.page {
  flex-grow: 1;
}
.page._archive,
.page._single,
.page._404 {
  padding-top: min(10.139vw, 146px);
  background-image: url('../img/raimon.png');
  background-repeat: repeat-x;
  background-position: center bottom 15px;
  background-size: min(1392.5px, 100%) auto;
}
.s .page._archive,
.s .page._single,
.s .page._404 {
  padding-top: 24vw;
  background-image: url('../img/header_bg_sp.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
}

.inner-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 60px 0;
  padding: 0 20px;
}
.inner-404 .page-title {
  font-size: calc(24 * var(--scale-rem));
  font-weight: 700;
  margin-bottom: calc(16 * var(--scale-rem));
  text-align: center;
}
.s,
inner-404 .page-title {
  font-size: calc(20 * var(--scale-rem));
}

.inner-404 .page-text {
  font-size: calc(16 * var(--scale-rem));
  line-height: 1.75;
  text-align: center;
  max-width: 600px;
}
.s .inner-404 .page-text {
  font-size: calc(14 * var(--scale-rem));
}