@charset "UTF-8";
/* _media.scss
-------------------------------------------------------*/
/* /_media.scss
-------------------------------------------------------*/
/* _inner.scss
-------------------------------------------------------*/
/* /_inner.scss
-------------------------------------------------------*/
/* _font.scss
-------------------------------------------------------*/
/* /_font.scss
-------------------------------------------------------*/
/* _over.scss
-------------------------------------------------------*/
/* /_over.scss
-------------------------------------------------------*/
/* _other.scss
-------------------------------------------------------*/
/* /_other.scss
  -------------------------------------------------------*/
/* _news.scss
-------------------------------------------------------*/
/* ニュースセレクト */
.select {
  padding: 32px 40px;
  background-color: #EDEDED;
  margin-bottom: 80px;
}
.select_year {
  position: relative;
  max-width: 300px;
}
.select_year::before {
  content: "";
  width: 10px;
  height: 5px;
  background-color: #616b73;
  position: absolute;
  right: 19px;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  z-index: 2;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.select_year > select {
  font-size: 1rem;
  font-family: var(--font-base);
  outline: none;
  border: var(--color-border) solid 1px;
  background: var(--color-wh);
  border-radius: 5px;
  line-height: var(--lineHeight-s);
  padding: 20px 40px 20px 24px;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  width: 100%;
  position: relative;
}
.select_category {
  margin-top: 32px;
  --_gap: 24px;
  --_column-max-count: 4;
  --_column-min-width: 150px;
  /* コンテナの横幅からギャップの合計値を引いたものをn等分する */
  --_column-width-calculated: calc((100% - var(--_gap) * (var(--_column-max-count) - 1)) / var(--_column-max-count));
  /* 最終的に適用される列の幅。
     * 理想の幅と最小幅を比較し、大きい方を採用します。
     * ただし、コンテナ全体の幅を超えることはありません。*/
  --_column-width: min(100%,
  		max(var(--_column-min-width), var(--_column-width-calculated)));
  display: block grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--_column-width), 1fr));
  gap: var(--_gap);
}
.select_category-item {
  background-color: #FFF;
  border: var(--color-main) solid 1px;
  color: var(--color-main);
  border-radius: 50px;
  height: 48px;
  padding: 8px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.select_category-item:has(input:checked) {
  background-color: var(--color-main);
  color: #FFF;
}
.select_category-item input {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
}
@media screen and (max-width: 768px) {
  .select {
    padding: 24px 16px;
    margin-bottom: 56px;
  }
  .select_year {
    max-width: 100%;
  }
  .select_category {
    margin-top: 24px;
    --_gap: 16px;
    --_column-min-width: 140px;
  }
  .select_category-item {
    height: 40px;
  }
  .select_category-text {
    font-size: 0.875rem;
  }
}

/* スライダー */
.news-slider_img {
  aspect-ratio: 372/230;
}
.news-slider_img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}/*# sourceMappingURL=news.css.map */