@charset "UTF-8";
/* -------------------------------------------------------------------
　お知らせ 一覧ページ
------------------------------------------------------------------- */
#news {
  margin: 5% auto;
}

.news_btn {
  width: 12.5rem;
  margin: 3.75rem auto;
}
.news_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 5px;
  border: 1px solid #0c482f;
  border-radius: 3px;
  background-color: #0c482f;
  color: #fff;
}
.news_btn a:hover {
  background-color: #fff;
  color: #0c482f;
}

.news_category {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-size: 1.125rem;
}
.news_category li {
  padding-bottom: 0.625rem;
}
.news_category li.is-active {
  border-bottom: 2px solid #0c482f;
}

.news_wrap {
  margin: 40px auto;
}

.news_item {
  padding: 1.25rem 0;
  font-size: 1rem;
  border-bottom: 1px solid #0c482f;
  position: relative;
}
.news_item:first-child:before {
  content: "NEW";
  width: 3.125rem;
  height: 3.125rem;
  color: #FF9C00;
  position: absolute;
  font-weight: 700;
  top: -0.5em;
  left: 0;
}
.news_item:last-child {
  border-bottom: 0;
}
.news_item h3 a {
  color: #333;
  font-weight: 500;
}
.news_item h3 a:after {
  height: 2px;
  background: #0c482f;
}

.news_item_meta {
  display: flex;
  margin-bottom: 5px;
}
.news_item_meta time {
  margin-right: 10px;
}
.news_item_meta ul {
  display: flex;
  gap: 5px;
}
.news_item_meta ul li {
  line-height: 1;
  background-color: #0c482f;
  color: #fff;
  padding: 5px 10px;
  font-size: 0.875rem;
}

@media screen and (max-width: 768px) {
  .news_wrap {
    margin: 2.5rem 0 1.25rem;
  }
  .news_item {
    padding: 1.25rem 0;
  }
  .news_item:first-child:before {
    font-size: 0.75rem;
    width: 2.1875rem;
    height: 1.875rem;
  }
  .news_item .news_item_meta {
    display: block;
  }
  .news_item_meta ul li {
    font-size: 0.75rem;
  }
  .news_item h3 a {
    font-size: 1.125rem;
    line-height: 1.6;
  }
  .news_btn {
    margin: 20px auto 80px auto;
  }
}
#archive-news .ttlbox,
#single-news .ttlbox {
  background: url(../imgs/news/bg_news.webp) no-repeat center;
  background-size: cover;
}

.archive-news_wrap {
  margin: 100px auto;
}

#archive-news .news_item {
  padding: 1.25rem 0;
}
#archive-news .news_item:first-child::before {
  display: none;
}

.archive-news_category {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  border-bottom: 1px solid #0c482f;
  margin-bottom: 1.25rem;
}
.archive-news_category li {
  width: 25%;
  border-radius: 10px 10px 0 0;
}
.archive-news_category li a {
  background-color: #d4e1de;
  color: #0c482f;
  font-weight: 500;
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  width: 100%;
  height: 100%;
}
.archive-news_category li a:hover, .archive-news_category li a.is-active a {
  background-color: #0c482f;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .archive-news_wrap {
    margin: 2.5rem auto;
  }
  .archive-news_category {
    overflow-x: scroll;
    white-space: nowrap;
  }
  .archive-news_category li {
    width: 4.375rem;
    flex-shrink: 0;
  }
  .archive-news_category li a {
    font-size: 0.875rem;
    padding: 1rem 0;
  }
}
/* -------------------------------------------------------------------
　お知らせ 詳細ページ
------------------------------------------------------------------- */
.single_news_wrap {
  margin: 3.75rem auto 6.25rem;
}
.single_news_wrap .area {
  max-width: 280px;
  margin: 0 auto;
}

.single_news-ttl {
  margin-bottom: 2.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #0c482f;
}
.single_news-ttl h3 {
  font-size: 1.5rem;
  margin-bottom: 0.625rem;
}
.single_news-ttl p {
  font-size: 0.875rem;
  margin-bottom: 5px;
  display: inline-block;
}

.single_news-ttl-cat {
  font-size: 0.875rem;
  background-color: #0c482f;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
}

.single_news-content {
  margin-bottom: 2.5rem;
}
.single_news-content p {
  margin-bottom: 1.875rem;
}
.single_news-content img {
  width: 100%;
  margin-bottom: 1.875rem;
}
.single_news-content h2 {
  font-size: 1.25rem;
  padding-bottom: 8px;
  border-bottom: 2px solid #0c482f;
  margin-bottom: 1.25rem;
}
.single_news-content h3 {
  font-size: 1.8rem;
  padding: 5px 0 5px 20px;
  border-left: 3px solid #0c482f;
  margin-bottom: 1.25rem;
}
.single_news-content a {
  color: #0c482f;
}

.wp-block-heading {
  text-align: left;
}

.single_news-content .wp-block-list {
  padding-left: 1.25rem;
  margin-bottom: 1.25rem;
}
.single_news-content .wp-block-list li {
  list-style: inherit;
}

.area .bt-fill-green {
  font-size: 1.125rem;
  height: 3.3475rem;
}
.area .bt-fill-green span:after {
  height: 11.2583302492px;
  width: 7px;
}

@media screen and (max-width: 768px) {
  .single_news-ttl {
    margin-bottom: 1.25rem;
  }
  .single_news-ttl p {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .area .bt-fill-green {
    font-size: 0.875rem;
    height: 2.9375rem;
  }
  .area .bt-fill-green span {
    width: 1.5625rem;
    height: 1.5625rem;
  }
}

/*# sourceMappingURL=news.css.map */