@charset "UTF-8";
/* =====================
	NEWSページ
 ======================= */

/** ------------------------ 一覧 ------------------------ **/

/** ------------------------ news ------------------------ **/
.news .cate-list {
  display: flex;
  align-items: center;
  column-gap: 0.78em;
  margin-bottom: 5.76%;
  flex-wrap: wrap; /* レスポンシブ対応用CSS */
  row-gap: 0.78em; /* レスポンシブ対応用CSS */
}

.news .cate-item {
  padding: 0;
}

.news .cate-item.is-active {
  border: 0.36em solid var(--c_navy_blue);
  box-sizing: content-box;
  pointer-events: none;
}

.news .cate-item a {
  display: block;
  padding: 0.1em 0.5em;
  color: var(--c_white);
}

.news .news-list {
  margin-bottom: 2.59%;
}

/** ------------------------ 詳細 ------------------------ **/

/** ------------------------ news-single ------------------------ **/
.news-single .news-article {
  margin-bottom: 4.71%;
  padding: 0 5.88%;
}

.news-single .news-article-header {
  margin-bottom: 6.24%;
}

.news-single .news-article-ttl {
  font-size: 166.67%;
  font-weight: bold;
  color: var(--c_navy_blue);
  margin-bottom: 0.94%;
}

.news-single .news-article-meta {
  display: flex;
  align-items: center;
  column-gap: 1.06em;
}

.news-single .news-article-date {
  font-size: 88.89%;
  font-weight: 500;
}

.news-single .news-article-content ul,
.news-single .news-article-content ol {
  list-style-position: inside;
}

.news-single .news-article-content ul {
  list-style-type: disc;
}

.news-single .news-article-content ol {
  list-style-type: decimal;
}

.news-single .news-article-content a {
  color: var(--c_navy_blue);
  text-decoration: underline;
}

.news-single .btn-wrapper:has(.btn-download) {
  text-align: left;
}

/** -------------------- タブレット -------------------- **/
@media (max-width: 1280px) {
}

/** -------------------- スマホ -------------------- **/
@media (max-width: 699px) {
  /** ------------------------ 一覧 ------------------------ **/

  /** ------------------------ news ------------------------ **/
  .news .cate-list {
    margin-bottom: 25px;
  }

  .news .news-list {
    margin-bottom: 50px;
  }

  /** ------------------------ 詳細 ------------------------ **/

  /** ------------------------ news-single ------------------------ **/
  .news-single .news-article {
    padding: 0;
    margin-bottom: 50px;
  }

  .news-single .news-article-header {
    margin-bottom: 25px;
  }

  .news-single .news-article-ttl {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .news-single .news-article-date {
    font-size: 12px;
  }

  .news-single .news-article-cate {
    font-size: 12px;
  }
}