@charset "UTF-8";
@layer page {
  .news-main {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 3.4375rem 5.625rem 6.25rem 5.625rem;
  }
  @media screen and (max-width: 767px) {
    .news-main {
      margin: 0 var(--sp-pad-s);
      padding: 0 var(--sp-pad-s) 20vw var(--sp-pad-s);
    }
  }
  .news-list {
    margin-bottom: 6.25rem;
  }
  @media screen and (max-width: 767px) {
    .news-list {
      margin-bottom: 12vw;
    }
  }
  .news-sttl {
    border-bottom: 3px double #000;
    font-size: 1.375rem;
    margin-bottom: 1.875rem;
    padding: 0 1.25rem 0.5rem 1.25rem;
    font-weight: 600;
    letter-spacing: 0.2em;
  }
  @media screen and (max-width: 767px) {
    .news-sttl {
      margin-bottom: 4vw;
      padding: 0 1.3333333333vw 1.3333333333vw 1.3333333333vw;
      font-size: 4vw;
    }
  }
  .news-link-sec + .news-link-sec {
    margin-top: 4.375rem;
  }
  .news-tax-link {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.625rem 1.5625rem;
  }
  @media screen and (max-width: 767px) {
    .news-tax-link {
      gap: 2.6666666667vw;
      font-size: 3.2vw;
    }
  }
  .news-tax-link.is-yearly {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .news-tax-link.is-yearly a {
    display: block;
    text-align: center;
  }
  .news-tax-link.is-yearly a::after {
    content: "年";
  }
  .news-tax-link a {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 6.25rem;
    padding: 0.5rem 1.25rem;
    font-weight: 600;
    transition-property: color, background;
    transition-duration: 0.25s;
  }
  .news-tax-link a[aria-current=page] {
    background-color: #000;
    color: #fff;
  }
  @media (hover: hover) {
    .news-tax-link a:hover {
      background-color: #000;
      color: #fff;
    }
  }
}