@charset "UTF-8";
/* お知らせ詳細・お知らせ一覧・お知らせカテゴリーアーカイブページ */
.p-news .l-container:has(.js-news-category-btn),
.p-newsArchive .l-container:has(.js-news-category-btn) {
  z-index: 10;
}
.p-news .c-btn,
.p-newsArchive .c-btn {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .p-news .c-btn,
.p-newsArchive .c-btn {
    margin-inline: 0;
  }
}
.p-news .c-btn a,
.p-newsArchive .c-btn a {
  min-height: 5rem;
}
@media screen and (min-width: 769px) {
  .p-news .c-btn a,
.p-newsArchive .c-btn a {
    width: 100%;
    max-width: unset;
    min-height: 7.5rem;
  }
}
.p-news .news-category-btn-list,
.p-newsArchive .news-category-btn-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #f0f3f7;
  padding: 3rem 1.5rem;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.p-news .news-category-btn-list__item,
.p-newsArchive .news-category-btn-list__item {
  text-align: center;
}
.p-news .news-category-btn-list .news-category-btn-list__item + .news-category-btn-list__item,
.p-newsArchive .news-category-btn-list .news-category-btn-list__item + .news-category-btn-list__item {
  margin-top: 1rem;
}
.p-news .news-category-btn-list__itemLink,
.p-newsArchive .news-category-btn-list__itemLink {
  color: #2c5584;
}
.p-news .js-news-category-btn.active + .news-category-btn-list,
.p-newsArchive .js-news-category-btn.active + .news-category-btn-list {
  opacity: 1;
  visibility: visible;
}

/* お知らせ詳細ページ */
.p-news .l-pageheader__breadcrumb {
  background-position: center left 33rem;
}
@media screen and (min-width: 769px) {
  .p-news .l-pageheader__breadcrumb {
    background-position: center left 42rem;
  }
}
.p-news__entryTitle {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.0625em;
  margin-top: 1.7rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #2d68ac80;
}
@media screen and (min-width: 769px) {
  .p-news__entryTitle {
    font-size: 3.2rem;
    line-height: 1.125;
    margin-top: 3.4rem;
    padding-bottom: 3rem;
  }
}
.p-news .l-wysiwyg {
  letter-spacing: 0.125em;
  line-height: 2.25;
  margin-top: 2rem;
}
@media screen and (min-width: 769px) {
  .p-news .l-wysiwyg {
    margin-top: 4rem;
  }
}
.p-news .p-news__thumbnail {
  margin-bottom: 2rem;
}
@media screen and (min-width: 769px) {
  .p-news .p-news__thumbnail {
    margin-bottom: 4rem;
  }
}
.p-news__paginationWrap {
  margin-top: 4.2rem;
  display: grid;
  grid-template: "btn btn" "prev next"/1fr 1fr;
  row-gap: 2.5em;
  color: #2c5584;
}
@media screen and (min-width: 769px) {
  .p-news__paginationWrap {
    margin-top: 8.4rem;
    grid-template-columns: 1fr calc(33.3% - 0.5rem) 1fr;
    grid-template-areas: "prev btn next";
    align-items: center;
    gap: 0;
  }
}
.p-news__paginationWrap .c-btn {
  grid-area: btn;
  justify-self: center;
}
.p-news__pagination.prev {
  grid-area: prev;
  justify-self: start;
}
.p-news__pagination.next {
  grid-area: next;
  justify-self: end;
}
.p-news__pagination a {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2c5584;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  gap: 1.35rem;
}
@media screen and (min-width: 769px) {
  .p-news__pagination a {
    font-size: 2.4rem;
    gap: 2.7rem;
  }
}
.p-news__pagination.prev a::before, .p-news__pagination.next a::after {
  content: "";
  display: inline-block;
  width: 0.695rem;
  aspect-ratio: 1.339/4.01;
  background: no-repeat center center/contain;
}
@media screen and (min-width: 769px) {
  .p-news__pagination.prev a::before, .p-news__pagination.next a::after {
    width: 1.39rem;
  }
}
.p-news__pagination.prev a::before {
  background-image: url(../img/icon/arrow-left.svg);
}
.p-news__pagination.next a::after {
  background-image: url(../img/icon/arrow-right.svg);
}

/* お知らせ一覧・お知らせカテゴリーアーカイブページ */
@media screen and (min-width: 769px) {
  .p-newsArchive .c-btn {
    width: calc(33.3% - 0.5rem);
  }
}
.p-newsArchive .p-news__archive_list_item_category {
  justify-self: start;
  margin-left: 1.25rem;
}
@media screen and (min-width: 769px) {
  .p-newsArchive .p-news__archive_list_item_category {
    margin-left: 2.5rem;
  }
}
.p-newsArchive .p-news__contents {
  margin-top: 4rem;
}
@media screen and (min-width: 769px) {
  .p-newsArchive .p-news__contents {
    margin-top: 8rem;
  }
}
/*# sourceMappingURL=page-news.css.map */