@charset "UTF-8";
.archive .aNews-articleList + .mod-button02,
.archive .aNews-noPost + .mod-button02,
.archive .cmn-pagination + .mod-button02,
.blog .aNews-articleList + .mod-button02,
.blog .aNews-noPost + .mod-button02,
.blog .cmn-pagination + .mod-button02 {
  margin-top: 50px;
  margin-bottom: 70px;
}

.aNews-articleList {
  margin-top: 55px;
  padding: 0 8vw;
}
.aNews-articleList_item {
  margin: 30px 0 0;
}

/* 記事がなかった場合 */
.aNews-noPost {
  margin: 100px auto 200px;
  padding: 0 8vw;
  text-align: center;
}

.single-post .sNews-post + .mod-button02,
.single-post .sNews-noPost + .mod-button02,
.single-post .cmn-pagination + .mod-button02 {
  margin-top: 50px;
  margin-bottom: 70px;
}

/* 記事がなかった場合 */
.sNews-noPost {
  margin: 100px auto 200px;
  padding: 0 8vw;
  text-align: center;
}

/* 記事エリア */
.sNews-post {
  margin-top: 55px;
  padding: 0 8vw;
}

/* 記事タイトル */
.sNews-postTitle {
  line-height: 1.6666666667;
  padding-bottom: 15px;
  border-bottom: 1px solid #ebeff5;
  letter-spacing: 0.08em;
  font-size: 1.125rem;
  font-family: "NotoSansB", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "system-ui", sans-serif;
}

/* カテゴリーと日付 */
.sNews-postMeta {
  display: flex;
  justify-content: flex-start;
  margin-top: 15px;
}

.sNews-category {
  display: flex;
  flex-wrap: wrap;
  max-width: 58.6666666667vw;
}
.sNews-category_item {
  margin-right: 3px;
}
.sNews-category_item a {
  display: inline-block;
  position: relative;
  z-index: 2;
  min-width: 90px;
  padding: 2px 0;
  border: 1px solid #2f3078;
  letter-spacing: 0.04em;
  text-align: center;
  color: #2f3078;
  font-size: 0.625rem;
  font-family: "NotoSansB", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "system-ui", sans-serif;
}

.sNews-postMeta_date {
  line-height: 1;
  padding: 8px 0 0 12px;
  color: #b3b3b3;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
  font-family: "Barlow", sans-serif;
}

/* 記事本文エリア */
.sNews-postBody {
  padding: 22px 0 0;
  font-size: 0.8125rem;
}
.sNews-postBody > *:first-child {
  margin-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .archive .aNews-articleList + .mod-button02,
.archive .aNews-noPost + .mod-button02,
.archive .cmn-pagination + .mod-button02,
.blog .aNews-articleList + .mod-button02,
.blog .aNews-noPost + .mod-button02,
.blog .cmn-pagination + .mod-button02 {
    margin-top: 80px;
    margin-bottom: 120px;
  }

  .aNews-articleList {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 360px 360px 360px;
    grid-template-columns: 360px 360px 360px;
    -ms-grid-rows: auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto;
    width: 1080px;
    margin: 12px auto 0;
    padding: 0;
  }

  .aNews-articleList > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .aNews-articleList > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .aNews-articleList > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .aNews-articleList > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .aNews-articleList > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .aNews-articleList > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }

  .aNews-articleList > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .aNews-articleList > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  .aNews-articleList > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .aNews-articleList > *:nth-child(10) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }

  .aNews-articleList > *:nth-child(11) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }

  .aNews-articleList > *:nth-child(12) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
  }

  .aNews-articleList > *:nth-child(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }

  .aNews-articleList > *:nth-child(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
  }

  .aNews-articleList > *:nth-child(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .aNews-articleList_item {
    margin: 40px 20px 0;
  }

  /* 記事がなかった場合 */
  .aNews-noPost {
    width: 1080px;
    margin: 100px auto 200px;
    padding: 0 20px;
  }

  .single-post .sNews-post + .mod-button02,
.single-post .sNews-noPost + .mod-button02,
.single-post .cmn-pagination + .mod-button02 {
    margin-top: 80px;
    margin-bottom: 120px;
  }

  /* 記事がなかった場合 */
  .sNews-noPost {
    width: 1080px;
    margin: 100px auto 200px;
    padding: 0 20px;
  }

  /* 記事エリア */
  .sNews-post {
    width: 750px;
    margin: 12px auto 0;
    padding: 0;
  }

  /* 記事タイトル */
  .sNews-postTitle {
    line-height: 1.8461538462;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebeff5;
    letter-spacing: 0.08em;
    font-size: 1.625rem;
    font-family: "NotoSansB", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "system-ui", sans-serif;
  }

  /* カテゴリーと日付 */
  .sNews-postMeta {
    display: flex;
    justify-content: flex-start;
    margin-top: 27px;
  }

  .sNews-category {
    display: flex;
    flex-wrap: wrap;
    max-width: 58.6666666667vw;
  }
  .sNews-category_item {
    margin-right: 3px;
  }
  .sNews-category_item a {
    display: inline-block;
    position: relative;
    z-index: 2;
    min-width: 93px;
    padding: 1px 0;
    border: 1px solid #2f3078;
    letter-spacing: 0.04em;
    text-align: center;
    text-decoration: none;
    color: #2f3078;
    font-size: 0.6875rem;
    font-family: "NotoSansB", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "system-ui", sans-serif;
  }

  .sNews-postMeta_date {
    line-height: 1;
    padding: 8px 0 0 17px;
    color: #b3b3b3;
    letter-spacing: 0.08em;
    font-size: 0.875rem;
    font-family: "Barlow", sans-serif;
  }

  /* 記事本文エリア */
  .sNews-postBody {
    padding: 40px 0 0;
    font-size: 0.9375rem;
  }
  .sNews-postBody > *:first-child {
    margin-top: 0 !important;
  }
}