@charset "UTF-8";
/* ----------------------------------------
ニュースリスト
---------------------------------------- */
@media only screen and (min-width: 768px) {
  .news__list {
    max-width: 1000px;
    width: 92%;
    margin: 0 auto;
    margin-bottom: 50px;
  }
}

.news-item__wrapper {
  width: 100%;
  position: relative;
}

.news__item {
  display: block;
  width: 100%;
  border-bottom: 1px solid #D8DADF;
  /* 下線の色を黒に設定 */
  --underline-color: #000;
}
@media only screen and (min-width: 768px) {
  .news__item {
    padding: 20px 56px 20px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .news__item {
    padding: clamp(13.1282051282px, 4.1025641026vw, 16px) 0 clamp(19.6923076923px, 6.1538461538vw, 24px);
  }
}
@media (hover: hover) {
  .news__item:hover {
    background: #F5F5F5;
  }
}
@media (hover: none) {
  .news__item:active {
    background: #F5F5F5;
  }
}

/* ニュースコンテンツ中身 */
.news-text__wrapper {
  width: 100%;
}

.news__info {
  display: flex;
  align-items: center;
  color: #000;
}
@media only screen and (min-width: 768px) {
  .news__info {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .news__info {
    margin-bottom: clamp(12.3076923077px, 3.8461538462vw, 15px);
    align-items: flex-start;
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .news__info .news__icon {
    max-width: 75px;
    width: 8%;
  }
}
@media only screen and (max-width: 767px) {
  .news__info .news__icon:has(.icon-new) {
    margin-right: clamp(32.8205128205px, 10.2564102564vw, 40px);
  }
}
.news__info .news__icon .icon-new {
  font-size: max(13.1282051282px, min(4.1025641026vw, max(16px, min(1.1111111111vw, 16px))));
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  color: #D32F2F;
}
.news__info .news-info__wrapper {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .news__info .news-info__wrapper {
    margin-top: clamp(6.5641025641px, 2.0512820513vw, 8px);
  }
}
.news__info .news__date {
  font-size: max(13.1282051282px, min(4.1025641026vw, max(16px, min(1.1111111111vw, 16px))));
  font-weight: 700;
}
.news__info .news__label {
  display: inline-block;
  box-sizing: border-box;
  min-width: 112px;
  width: fit-content;
  text-align: center;
  font-size: max(9.0256410256px, min(2.8205128205vw, max(11px, min(0.7638888889vw, 11px))));
  font-weight: 400;
  line-height: 1;
  background-color: #D8DADF;
  padding: 5px 0;
  margin-left: 24px;
}
.news__info .news__label.label-blue {
  background-color: #EBF5F7;
}
.news__info .news__label.label-purple {
  background-color: #F0EDF7;
}
.news__info .news__label.label-yellow {
  background-color: #F7F3EB;
}
.news__info .news__label.label-navy {
  background-color: #EDF2F7;
}

.news__title {
  font-size: max(13.1282051282px, min(4.1025641026vw, max(16px, min(1.1111111111vw, 16px))));
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  color: #000;
  line-height: 1.6;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 768px) {
  .news__title {
    margin-left: 8%;
  }
}

/*pdf-linkの場合はリンクを表示*/
@media only screen and (min-width: 768px) {
  .news-item__wrapper.pdf-link::after {
    content: "";
    position: absolute;
    background: url(../images/common/icon-pdf.svg) no-repeat center/contain;
    width: 24px;
    height: 24px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .news-item__wrapper.pdf-link .news__item .news__title {
    display: inline;
    padding-right: 1.8em;
    margin-right: 0.5em;
    background-image: linear-gradient(transparent, transparent), url(../images/common/icon-pdf.svg);
    background-repeat: no-repeat;
    background-size: 0% 1px, 1.2em 1.2em;
    background-position: left bottom, right center;
  }
}

/* ニュースリストがない場合 */
.news__none {
  padding: max(90.2564102564px, min(28.2051282051vw, max(110px, min(7.6388888889vw, 110px)))) 0 max(0px, min(0vw, max(0px, min(7.6388888889vw, 110px))));
  text-align: center;
}
.news__none .news__none-title {
  font-size: max(13.1282051282px, min(4.1025641026vw, max(16px, min(1.1111111111vw, 16px))));
  letter-spacing: -0.01em;
}

/* ----------------------------------------
ニュース
---------------------------------------- */
@media only screen and (min-width: 768px) {
  .page-header {
    background: url("../images/common/page-header-bg_pc.jpg") no-repeat center/cover;
  }
}
@media only screen and (max-width: 767px) {
  .page-header {
    background: url("../images/common/page-header-bg_sp.jpg") no-repeat center/cover;
  }
}

.news-list {
  margin: max(65.641025641px, min(20.5128205128vw, max(80px, min(5.5555555556vw, 80px)))) 0;
}

/* ----------------------------------------
フィルタ
---------------------------------------- */
.tab-search {
  margin-bottom: max(26.2564102564px, min(8.2051282051vw, max(32px, min(3.3333333333vw, 48px))));
}

.filter-wrapper {
  position: relative;
  width: max(114.8717948718px, min(35.8974358974vw, max(140px, min(9.7222222222vw, 140px))));
  margin-left: auto;
}
.filter-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  transform: translateY(-75%) rotate(45deg);
  pointer-events: none;
  transition: transform 0.3s ease;
}
.filter-wrapper .filter-select {
  display: block;
  font-family: inherit;
  text-align: left;
  appearance: none;
  width: 100%;
  padding: max(6.5641025641px, min(2.0512820513vw, max(8px, min(0.5555555556vw, 8px)))) max(16.4102564103px, min(5.1282051282vw, max(20px, min(1.3888888889vw, 20px))));
  font-size: max(13.1282051282px, min(4.1025641026vw, max(16px, min(1.1111111111vw, 16px))));
  font-weight: 700;
  line-height: 1;
  color: #000;
  background-color: #fff;
  border: 1px solid #A1AABA;
  border-radius: 0;
  cursor: pointer;
  user-select: none;
}
.filter-wrapper .filter-select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  z-index: 100;
  border: 1px solid #A1AABA;
  border-top: none;
}
.filter-wrapper .filter-select-dropdown li {
  text-align: center;
  font-size: max(13.1282051282px, min(4.1025641026vw, max(16px, min(1.1111111111vw, 16px))));
  cursor: pointer;
}
.filter-wrapper .filter-select-dropdown li > :is(a, button) {
  display: block;
  width: 100%;
  padding: 8px 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  text-decoration: none;
  background: none;
  border: 0;
  cursor: pointer;
  appearance: none;
}
.filter-wrapper .filter-select-dropdown li:last-of-type {
  border-bottom: none;
}
@media (hover: hover) {
  .filter-wrapper .filter-select-dropdown li:hover {
    background-color: #F5F5F5;
  }
}
@media (hover: none) {
  .filter-wrapper .filter-select-dropdown li:active {
    background-color: #F5F5F5;
  }
}
.filter-wrapper.is-open::after {
  transform: translateY(-25%) rotate(-135deg);
}
.filter-wrapper.is-open .filter-select-dropdown {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}

/* ----------------------------------------
タブ
---------------------------------------- */
@media only screen and (min-width: 768px) {
  .tab-nav {
    display: flex;
    align-items: center;
    border-bottom: 3px solid #0B2545;
  }
}
@media only screen and (max-width: 767px) {
  .tab-nav {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: clamp(2.4615384615px, 0.7692307692vw, 3px);
  }
}
.tab-nav .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  flex: 1 1 0;
  min-width: 0;
  text-align: center;
  font-size: max(14.7692307692px, min(4.6153846154vw, max(18px, min(1.25vw, 18px))));
  font-weight: 700;
  color: #A1AABA;
  transition: background-color 0.5s ease, color 0.5s ease;
}
@media only screen and (max-width: 767px) {
  .tab-nav .tab {
    height: clamp(57.4358974359px, 17.9487179487vw, 70px);
    width: auto;
    border: 1px solid #A1AABA;
  }
  .tab-nav .tab:nth-child(-n+3) {
    grid-column: span 2;
  }
  .tab-nav .tab:nth-child(4) {
    grid-column: 2/span 2;
  }
  .tab-nav .tab:nth-child(5) {
    grid-column: 4/span 2;
  }
  .tab-nav .tab:nth-child(4):last-child {
    grid-column: 3/span 2;
  }
}
@media (hover: hover) {
  .tab-nav .tab:hover {
    background: #F5F5F5;
  }
}
@media (hover: none) {
  .tab-nav .tab:active {
    background: #F5F5F5;
  }
}
.tab-nav .tab[aria-disabled=true] {
  opacity: 0.4;
  cursor: default;
}
@media (hover: hover) {
  .tab-nav .tab[aria-disabled=true]:hover {
    background: transparent;
  }
}
@media (hover: none) {
  .tab-nav .tab[aria-disabled=true]:active {
    background: transparent;
  }
}
.tab-nav .tab.is-active {
  background: #0B2545;
  color: #fff;
}

/* ----------------------------------------
ニュースコンテンツ
---------------------------------------- */
.content-block {
  display: none;
}
.content-block.is-active {
  display: block;
  animation: fadeIn 0.6s ease-in-out;
}

/* ----------------------------------------
ページネーション
---------------------------------------- */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: max(19.6923076923px, min(6.1538461538vw, max(24px, min(1.6666666667vw, 24px))));
  margin-top: max(13.1282051282px, min(4.1025641026vw, max(16px, min(1.1111111111vw, 16px))));
}
@media only screen and (max-width: 767px) {
  .pagination {
    margin-top: clamp(39.3846153846px, 12.3076923077vw, 48px);
  }
}
.pagination .pagination__nums {
  display: flex;
  align-items: center;
  gap: max(19.6923076923px, min(6.1538461538vw, max(24px, min(1.6666666667vw, 24px))));
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination .pagination__num,
.pagination .pagination__nums .link_page,
.pagination .pagination__nums .current_page {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: max(13.1282051282px, min(4.1025641026vw, max(16px, min(1.1111111111vw, 16px))));
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  width: max(17.2307692308px, min(5.3846153846vw, max(21px, min(1.4583333333vw, 21px))));
  color: #A1AABA;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
.pagination .pagination__num.is-active,
.pagination .pagination__nums .current_page {
  color: #000;
  border-bottom: 1px solid #0B2545;
  cursor: default;
}
@media (hover: hover) {
  .pagination .pagination__num:not(.is-active):hover,
  .pagination .pagination__nums .link_page:hover {
    color: #0B2545;
  }
}
@media (hover: none) {
  .pagination .pagination__num:not(.is-active):active,
  .pagination .pagination__nums .link_page:active {
    color: #0B2545;
  }
}
.pagination .pagination__prev,
.pagination .pagination__next,
.pagination .link_before,
.pagination .link_next {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  font-size: 0;
  transition: background 0.2s ease, opacity 0.2s ease;
  flex-shrink: 0;
}
.pagination .pagination__prev::before,
.pagination .pagination__next::before,
.pagination .link_before::before,
.pagination .link_next::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}
@media (hover: hover) {
  .pagination .pagination__prev:hover,
  .pagination .pagination__next:hover,
  .pagination .link_before:hover,
  .pagination .link_next:hover {
    opacity: 0.5;
  }
}
@media (hover: none) {
  .pagination .pagination__prev:active,
  .pagination .pagination__next:active,
  .pagination .link_before:active,
  .pagination .link_next:active {
    opacity: 0.5;
  }
}
.pagination .pagination__prev::before,
.pagination .link_before::before {
  transform: rotate(-135deg) translate(2px, -2px);
}
.pagination .pagination__next::before,
.pagination .link_next::before {
  transform: rotate(45deg) translate(-2px, 2px);
}/*# sourceMappingURL=news.css.map */