/* ------------------------------
    mixin
------------------------------ */
/* ------------------------------
    news
------------------------------ */
#page_news #sec_archive {
  margin-top: 6rem;
}
#page_news #sec_archive .list {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
#page_news #sec_archive .list .item a {
  display: block;
}
#page_news #sec_archive .list .item .img {
  aspect-ratio: 676/406;
  margin-bottom: 2rem;
}
#page_news #sec_archive .list .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#page_news #sec_archive .list .item .ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.2rem;
  line-height: 1.6;
}
#page_news #sec_archive .list .item .date {
  display: inline-block;
  background: url("../img/news/ico_time.svg") no-repeat left center/auto 1em;
  padding-left: 1.5em;
  color: #7c7c7c;
  font-family: "Jost", sans-serif;
  font-size: 2.7rem;
  line-height: 1.8;
  font-weight: 400;
  margin-top: 0.3em;
}
#page_news #sec_archive .list .item .category {
  display: inline-block;
  margin-left: 1em;
}
#page_news #sec_archive .list .item .category span {
  display: inline-block;
  background: #ff8014;
  color: #fff;
  padding: 0 1em;
  font-size: 1.8rem;
  line-height: 1.6;
}
#page_news #sec_archive .list .item .category._02 span {
  background: #b3b3b3;
}
#page_news #sec_post {
  margin-top: 6rem;
}
#page_news #sec_post .header {
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #b3b3b3;
}
#page_news #sec_post .header .img {
  margin-bottom: 2rem;
  aspect-ratio: 676/406;
  overflow: hidden;
}
#page_news #sec_post .header .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#page_news #sec_post .header .ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.2rem;
  line-height: 1.6;
}
#page_news #sec_post .header .date {
  display: inline-block;
  background: url("../img/news/ico_time.svg") no-repeat left center/auto 1em;
  padding-left: 1.5em;
  color: #7c7c7c;
  font-family: "Jost", sans-serif;
  font-size: 2.7rem;
  line-height: 1.8;
  font-weight: 400;
  margin-top: 0.3em;
}
#page_news #sec_post .header .date time {
  font-family: "Jost", sans-serif;
}
#page_news #sec_post .header .category {
  display: inline-block;
  margin-left: 1em;
}
#page_news #sec_post .header .category span {
  display: inline-block;
  background: #ff8014;
  color: #fff;
  padding: 0 1em;
  font-size: 1.8rem;
  line-height: 1.6;
}
#page_news #sec_post .header .category._02 span {
  background: #b3b3b3;
}
#page_news #sec_post .footer {
  margin-top: 15rem;
}