@charset "UTF-8";
/* ---------------------------------------
	固定ページ・投稿ページ・アーカイブ
-----------------------------------------*/
.section-page {
  background-color: color-mix(in srgb, var(--cl-primary) 30%, transparent);
}
@media screen and (width > 768px) {
  .section-page {
    padding-block: 70px 140px;
  }
}
@media screen and (width <= 768px) {
  .section-page {
    padding-block: 70px;
  }
}
.section-page__wrapper {
  width: calc(100% - 32px);
  margin-inline: auto;
}
@media screen and (width > 768px) {
  .section-page__wrapper {
    max-width: 1000px;
  }
}
.section-page__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  text-align: center;
  border-bottom: 4px solid var(--cl-primary);
  line-height: 1.2;
}
@media screen and (width > 768px) {
  .section-page__head {
    font-size: 3rem;
    padding-bottom: 16px;
    margin-bottom: 60px;
  }
}
@media screen and (width <= 768px) {
  .section-page__head {
    font-size: 1.5rem;
    padding-bottom: 8px;
    margin-bottom: 40px;
  }
}
@media screen and (width > 768px) {
  .section-page__head:has(+ .section-page__meta) {
    margin-bottom: 16px;
  }
}
@media screen and (width <= 768px) {
  .section-page__head:has(+ .section-page__meta) {
    margin-bottom: 8px;
  }
}
.section-page__head.is_information {
  position: relative;
}
.section-page__head.is_information::after {
  content: "";
  width: 57px;
  height: 90px;
  background-image: url("../images/page/front-page/information_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
.section-page__lead {
  text-align: center;
}
@media screen and (width > 768px) {
  .section-page__lead {
    margin-top: 40px;
  }
}
@media screen and (width <= 768px) {
  .section-page__lead {
    margin-top: 24px;
  }
}
.section-page__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px 16px;
  color: var(--cl-text);
}
@media screen and (width > 768px) {
  .section-page__meta {
    margin-bottom: 60px;
    font-size: 1.125rem;
  }
}
@media screen and (width <= 768px) {
  .section-page__meta {
    margin-bottom: 40px;
    font-size: 0.75rem;
  }
}
.section-page__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px 16px;
  margin-top: 60px;
}/*# sourceMappingURL=page.css.map */