@charset "UTF-8";
.c-background {
  padding-top: var(--space-80);
  padding-bottom: var(--space-120);
}
@media only screen and (max-width: 767px) {
  .c-background {
    padding-top: var(--space-40);
    padding-bottom: var(--space-80);
  }
}

.news-filter {
  margin-bottom: var(--space-60);
}
@media only screen and (max-width: 767px) {
  .news-filter {
    margin-bottom: var(--space-40);
  }
}
.news-filter__inner {
  margin: 0 auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .news-filter__inner {
    width: var(--container-width-sp);
  }
}
.news-filter__content {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border-radius: min(1.389vw, 20px);
  border: 1px solid var(--line-light_gray);
}
@media only screen and (max-width: 767px) {
  .news-filter__content {
    border-radius: 5.128vw;
  }
}
.news-filter__list {
  display: flex;
  flex-direction: column;
  padding: min(2.083vw, 30px) min(2.778vw, 40px);
}
@media only screen and (max-width: 767px) {
  .news-filter__list {
    padding: 5.128vw 3.333vw;
  }
}
.news-filter__accordion:not([aria-hidden=true]) {
  margin-top: var(--space-15);
}
@media only screen and (max-width: 767px) {
  .news-filter__accordion:not([aria-hidden=true]) {
    margin: var(--space-15) 0 var(--space-10);
  }
}
.news-filter__accordion .news-filter__item:not(:last-child) {
  margin-bottom: var(--space-15);
}
@media only screen and (max-width: 767px) {
  .news-filter__accordion .news-filter__item:not(:last-child) {
    margin-bottom: var(--space-10);
  }
}
.news-filter__item {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: min(2.222vw, 32px);
}
@media only screen and (max-width: 767px) {
  .news-filter__item {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    gap: 2.564vw;
  }
}
.news-filter__item dt {
  width: min(4.583vw, 66px);
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .news-filter__item dt {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .news-filter__item dt {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .news-filter__item dt {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .news-filter__item dt {
    width: 100%;
    text-align: center;
  }
}
.news-filter__item dd {
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .news-filter__item dd::before {
    position: absolute;
    display: inline-block;
    content: "";
    top: 50%;
    left: max(-1.111vw, -16px);
    width: 1px;
    height: calc(100% - min(0.486vw, 7px));
    background: var(--line-light_gray);
    transform: translateY(-50%);
  }
}
.news-filter__button {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 100%;
  height: min(3.056vw, 44px);
}
@media only screen and (max-width: 767px) {
  .news-filter__button {
    height: 11.282vw;
  }
}
.news-filter__button span {
  position: relative;
  display: block;
}
.news-filter__button span::before, .news-filter__button span::after {
  display: inline-block;
  vertical-align: middle;
  transition: transform var(--ease-in-out-400);
}
.news-filter__button span::before {
  content: "";
  margin-right: var(--space-10);
}
.news-filter__button span::after {
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .news-filter__button span::after {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.news-filter__button[aria-expanded=false] {
  background: var(--background-light_gray);
}
.news-filter__button[aria-expanded=false] span::before {
  width: min(1.25vw, 18px);
  height: min(1.25vw, 18px);
  background-position: center;
  background-size: min(1.25vw, 18px) min(1.25vw, 18px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-open-fill_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .news-filter__button[aria-expanded=false] span::before {
    width: 4.615vw;
    height: 4.615vw;
    background-size: 4.615vw 4.615vw;
  }
}
.news-filter__button[aria-expanded=false] span::after {
  content: "その他条件で絞り込み";
}
.news-filter__button[aria-expanded=true] {
  background: var(--primary-light_red);
}
.news-filter__button[aria-expanded=true] span::before {
  transform: rotate(180deg);
  width: min(1.25vw, 18px);
  height: min(1.25vw, 18px);
  background-position: center;
  background-size: min(1.25vw, 18px) min(1.25vw, 18px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-close-fill_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .news-filter__button[aria-expanded=true] span::before {
    width: 4.615vw;
    height: 4.615vw;
    background-size: 4.615vw 4.615vw;
  }
}
.news-filter__button[aria-expanded=true] span::after {
  content: "閉じる";
}

.news__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-60);
  margin: 0 auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .news__inner {
    gap: var(--space-40);
    width: var(--container-width-sp);
  }
}
.news__content {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: var(--space-60);
}
.news__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  padding-bottom: var(--space-15);
  border-bottom: 1px solid var(--line-light_gray);
}
.news__item:not(:first-child) {
  padding-top: var(--space-15);
}
.news article {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: var(--space-5);
}
.news a[href$=".pdf" i] .news__title::after {
  display: inline-block;
  width: min(1.25vw, 18px);
  height: min(1.25vw, 18px);
  background-position: center;
  background-size: min(1.25vw, 18px) min(1.25vw, 18px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-pdf_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .news a[href$=".pdf" i] .news__title::after {
    width: 4.615vw;
    height: 4.615vw;
    background-size: 4.615vw 4.615vw;
  }
}
.news a[target=_blank] .news__title::after, .news a[href^=http] .news__title::after {
  display: inline-block;
  width: min(1.25vw, 18px);
  height: min(1.25vw, 18px);
  background-position: center;
  background-size: min(1.25vw, 18px) min(1.25vw, 18px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-blank_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .news a[target=_blank] .news__title::after, .news a[href^=http] .news__title::after {
    width: 4.615vw;
    height: 4.615vw;
    background-size: 4.615vw 4.615vw;
  }
}
.news__data {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-10);
}
@media only screen and (max-width: 767px) {
  .news__data {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    gap: var(--space-5);
  }
}
.news__data .c-tag:hover {
  opacity: 1;
}
.news__data .c-tag-list {
  gap: var(--space-5);
}
@media only screen and (max-width: 767px) {
  .news__data .c-tag-list {
    gap: var(--space-5);
  }
}
.news__date {
  display: inline-block;
  color: var(--text-gray);
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .news__date {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .news__date {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .news__date {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.news__title {
  position: relative;
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .news__title {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .news__title {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .news__title {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.news__title::after {
  display: none;
  content: "";
  margin-inline: min(0.278vw, 4px);
  margin-bottom: min(0.278vw, 4px);
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .news__title::after {
    margin-inline: 1.026vw;
    margin-bottom: 1.026vw;
  }
}/*# sourceMappingURL=news.css.map */