/* p-404
---------------------------------------------------------------------------- */
.p-404 {
  margin-top: 11rem;
  padding-block: 8.3rem 14rem;
  background-color: #E9F6FF;
  text-align: center;
  color: #1A1A1A;
}

.p-404-ttl {
  font-size: 17.6rem;
  line-height: 1;
  letter-spacing: 0.08em;
  font-weight: 700;
  font-family: "Roboto";
  color: #3592D1;
}

.p-404-ttl-en {
  font-size: 5.2rem;
  line-height: 1;
  font-weight: 700;
  font-family: "Roboto";
  color: #3592D1;
  margin-bottom: 2.9rem;
}

.p-404-txt01 {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 700;
  margin-bottom: 2.3rem;
}

.p-404-txt02 {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 400;
  margin-bottom: 5.9rem;
}

@media screen and (max-width: 767px) {
  .p-404 {
    margin-top: 16vw;
    padding-block: 13.3333333333vw 26.6666666667vw;
  }
  .p-404-ttl {
    font-size: 22.1333333333vw;
  }
  .p-404-ttl-en {
    font-size: 6.4vw;
    margin-bottom: 7.7333333333vw;
  }
  .p-404-txt01 {
    font-size: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
  .p-404-txt02 {
    font-size: 4.2666666667vw;
    margin-bottom: 10.6666666667vw;
    text-align: left;
  }
}