@charset "UTF-8";
/* ---------------------------------------
	固定ページ
-----------------------------------------*/
@media screen and (width > 768px) {
  .section-page {
    padding-bottom: 7.8125vw;
  }
}
@media screen and (width <= 768px) {
  .section-page {
    padding-bottom: 20.5128205128vw;
  }
}
.section-page__wrapper {
  width: calc(100% - 32px);
  margin-inline: auto;
}
@media screen and (width > 768px) {
  .section-page__wrapper {
    max-width: 87.5rem;
  }
}
@media screen and (width <= 768px) {
  .section-page__wrapper {
    max-width: calc(100% - 8.2051282051vw);
  }
}
@media screen and (width > 768px) {
  .section-page__wrapper--sm {
    max-width: 1200px;
  }
}
@media screen and (width <= 768px) {
  .section-page__wrapper--sm {
    max-width: calc(100% - 8.2051282051vw);
  }
}
@media screen and (width > 768px) {
  .section-page__head {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-page__head {
    margin-bottom: 8.2051282051vw;
  }
}
.section-page__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (width > 768px) {
  .section-page__category {
    gap: 0.8333333333vw;
    margin-bottom: 0.8333333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-page__category {
    gap: 4.1025641026vw;
    margin-bottom: 4.1025641026vw;
  }
}
.section-page__category li {
  background-color: var(--cl-secondary);
}
.section-page__category li a {
  display: block;
  color: var(--cl-primary);
}
@media screen and (width > 768px) {
  .section-page__category li a {
    font-size: 0.8333333333vw;
    padding: 0.2083333333vw 0.8333333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-page__category li a {
    font-size: 3.5897435897vw;
    padding: 1.0256410256vw 4.1025641026vw;
  }
}
.section-page__title {
  font-weight: 600;
  color: var(--cl-primary);
  position: relative;
}
@media screen and (width > 768px) {
  .section-page__title {
    font-size: 2.0833333333vw;
    margin-bottom: 1.6666666667vw;
    text-align: center;
  }
}
@media screen and (width <= 768px) {
  .section-page__title {
    font-size: 6.1538461538vw;
    margin-bottom: 4.1025641026vw;
  }
}
.section-page__title::after {
  content: "";
  display: block;
  height: 4px;
  margin-inline: auto;
  background-color: var(--cl-primary);
}
@media screen and (width > 768px) {
  .section-page__title::after {
    width: 5.2083333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-page__title::after {
    width: 25.641025641vw;
  }
}
.section-page__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: var(--cl-gray);
}
@media screen and (width > 768px) {
  .section-page__date {
    font-size: 0.8333333333vw;
    gap: 0.2083333333vw;
    margin-top: 0.8333333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-page__date {
    font-size: 3.0769230769vw;
    gap: 1.0256410256vw;
    margin-top: 4.1025641026vw;
  }
}
@media screen and (width > 768px) {
  .section-page__text {
    font-size: 0.8333333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-page__text {
    font-size: 3.5897435897vw;
  }
}
.section-page__footer {
  text-align: center;
}
@media screen and (width > 768px) {
  .section-page__footer {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (width <= 768px) {
  .section-page__footer {
    margin-top: 8.2051282051vw;
  }
}/*# sourceMappingURL=page.css.map */