@charset "UTF-8";
/* ---------------------------------------
	404ページ
-----------------------------------------*/
.page404-section__wrapper {
  margin-inline: auto;
}
@media screen and (width > 1280px) {
  .page404-section__wrapper {
    width: calc(100% - 10rem);
    max-width: 70rem;
    padding-block: 5rem 12rem;
  }
}
@media screen and (width <= 1280px) {
  .page404-section__wrapper {
    width: calc(100% - 12.5vw);
    max-width: 87.5vw;
    padding-block: 6.25vw 15vw;
  }
}
@media screen and (width <= 991px) {
  .page404-section__wrapper {
    width: calc(100% - 20.8333333333vw);
    max-width: 79.1666666667vw;
    padding-block: 5.7291666667vw 15.625vw;
  }
}
@media screen and (width <= 767px) {
  .page404-section__wrapper {
    width: calc(100% - 20.5128205128vw);
    max-width: 79.4871794872vw;
    padding-block: 12.3076923077vw 20.5128205128vw;
  }
}
@media screen and (width > 1280px) {
  .page404-section__head {
    margin-bottom: 5rem;
  }
}
@media screen and (width <= 1280px) {
  .page404-section__head {
    margin-bottom: 6.25vw;
  }
}
@media screen and (width <= 991px) {
  .page404-section__head {
    margin-bottom: 11.71875vw;
  }
}
@media screen and (width <= 767px) {
  .page404-section__head {
    margin-bottom: 10.2564102564vw;
  }
}
.page404-section__title {
  font-weight: bold;
  letter-spacing: 0.04em;
}
@media screen and (width > 1280px) {
  .page404-section__title {
    font-size: 2.5rem;
  }
}
@media screen and (width <= 1280px) {
  .page404-section__title {
    font-size: 3.125vw;
  }
}
@media screen and (width <= 991px) {
  .page404-section__title {
    font-size: 4.6875vw;
  }
}
@media screen and (width <= 767px) {
  .page404-section__title {
    font-size: 6.1538461538vw;
  }
}
.page404-section__text {
  line-height: 2;
  letter-spacing: 0.04em;
  font-weight: bold;
}
@media screen and (width > 1280px) {
  .page404-section__text {
    font-size: 0.9375rem;
  }
}
@media screen and (width <= 1280px) {
  .page404-section__text {
    font-size: 1.171875vw;
  }
}
@media screen and (width <= 991px) {
  .page404-section__text {
    font-size: 1.953125vw;
  }
}
@media screen and (width <= 767px) {
  .page404-section__text {
    font-size: 3.0769230769vw;
  }
}
@media screen and (width > 1280px) {
  .page404-section__btn-wrapper {
    margin-top: 3.125rem;
  }
}
@media screen and (width <= 1280px) {
  .page404-section__btn-wrapper {
    margin-top: 3.90625vw;
  }
}
@media screen and (width <= 991px) {
  .page404-section__btn-wrapper {
    margin-top: 10.4166666667vw;
  }
}
@media screen and (width <= 767px) {
  .page404-section__btn-wrapper {
    margin-top: 20.5128205128vw;
  }
}
.page404-section__btn {
  width: 100%;
}
@media screen and (width > 1280px) {
  .page404-section__btn {
    border: var(--cl-text) 0.125rem solid;
    max-width: 13.4375rem;
    height: 3.25rem;
    font-size: 1rem;
  }
}
@media screen and (width <= 1280px) {
  .page404-section__btn {
    border: var(--cl-text) 0.15625vw solid;
    max-width: 16.796875vw;
    height: 4.0625vw;
    font-size: 16px;
    font-size: 1.25vw;
  }
}
@media screen and (width <= 991px) {
  .page404-section__btn {
    border: var(--cl-text) 0.2604166667vw solid;
    max-width: 27.9947916667vw;
    height: 6.7708333333vw;
    font-size: 16px;
    font-size: 2.0833333333vw;
  }
}
@media screen and (width <= 767px) {
  .page404-section__btn {
    border: var(--cl-text) 0.5128205128vw solid;
    max-width: 55.1282051282vw;
    height: 13.3333333333vw;
    font-size: 16px;
    font-size: 4.1025641026vw;
    margin-inline: auto;
  }
}
.page404-section__btn span {
  position: relative;
}
.page404-section__btn span::before {
  content: "";
  display: inline-block;
  background-image: url("../../images/parts/arrow-left.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (width > 1280px) {
  .page404-section__btn span::before {
    width: 1.125rem;
    height: 0.75rem;
    margin-right: 0.75rem;
  }
}
@media screen and (width <= 1280px) {
  .page404-section__btn span::before {
    width: 1.40625vw;
    height: 0.9375vw;
    margin-right: 0.9375vw;
  }
}
@media screen and (width <= 991px) {
  .page404-section__btn span::before {
    width: 2.34375vw;
    height: 1.5625vw;
    margin-right: 1.5625vw;
  }
}
@media screen and (width <= 767px) {
  .page404-section__btn span::before {
    width: 4.6153846154vw;
    height: 3.0769230769vw;
    margin-right: 3.0769230769vw;
  }
}
/*# sourceMappingURL=../maps/pages/404.css.map */