@charset "UTF-8";
/*=======================================
お知らせ
=========================================*/
.p-news-archive__content li {
  border-bottom: 1px solid #D9E9E1;
}
.p-news-archive__content li a {
  display: flex;
  align-items: center;
  color: #777;
  text-decoration: none;
  padding-top: 18px;
  padding-bottom: 18px;
}
.p-news-archive__content li .category {
  width: 110px;
  font-size: 15px;
  font-size: 1.5rem;
  margin-right: 20px;
  color: #333;
  background: #DAF1D1;
  text-align: center;
}
.p-news-archive__content li .date {
  font-family: Roboto, "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  width: 130px;
  margin-right: 10px;
  font-weight: 400;
}
.p-news-archive__content li .title {
  font-weight: 400;
}

.p-news-detail__heading {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.p-news-detail__heading .category {
  width: 110px;
  font-size: 15px;
  font-size: 1.5rem;
  margin-right: 20px;
  color: #333;
  background: #DAF1D1;
  text-align: center;
}
.p-news-detail__heading .date {
  font-family: Roboto, "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 400;
}
.p-news-detail__nav {
  margin-top: 50px;
}
.p-news-detail__nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-news-detail__nav li {
  margin-left: 26px;
  margin-right: 26px;
}
.p-news-detail__nav li a {
  display: block;
  text-decoration: none;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
}
.p-news-detail__nav li span {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 36px auto;
  padding-top: 7px;
  padding-bottom: 7px;
}
.p-news-detail__nav li.prev span {
  background-image: url(../img/common/arrow_1-left.svg);
  background-position: left center;
  padding-left: 50px;
}
.p-news-detail__nav li.next span {
  background-image: url(../img/common/arrow_1.svg);
  background-position: right center;
  padding-right: 50px;
}
.p-news-detail__nav li.archive a {
  color: #0CAA6E;
}

/* ----------------------------- スマホ（～767px） */
@media screen and (max-width: 767px) {
  .p-news-archive__content li a {
    flex-wrap: wrap;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .p-news-archive__content li .category {
    font-size: 12px;
    font-size: 1.2rem;
    width: 100px;
    margin-right: 15px;
  }
  .p-news-archive__content li .date {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .p-news-archive__content li .title {
    width: 100%;
    margin-top: 5px;
  }

  .p-news-detail__heading {
    margin-bottom: 30px;
  }
  .p-news-detail__heading .category {
    font-size: 13px;
    font-size: 1.3rem;
    width: 100px;
    margin-right: 15px;
  }
  .p-news-detail__heading .date {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .p-news-detail__nav {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
  }
  .p-news-detail__nav li {
    margin-left: 10px;
    margin-right: 10px;
  }
  .p-news-detail__nav li span {
    background-size: 25px auto;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .p-news-detail__nav li.prev span {
    padding-left: 35px;
  }
  .p-news-detail__nav li.next span {
    padding-right: 35px;
  }
}
