/*--------------------------------------------------------------
# 一覧
--------------------------------------------------------------*/
#news_archive {
  padding: 7rem 0;
  background: url(/assets/img/common/bg_gradation_sp.jpg) no-repeat center top 18% / cover;
  @media (min-width:768px) {
    padding: 10rem 0;
    background-image: url(/assets/img/common/bg_gradation_pc.jpg);
  }
}

#news_archive .news_list {
  & img {
    aspect-ratio: 500 / 281;
    object-fit: cover;
    object-position: center;
  } 
  .date {
    color: var(--key-color);
    font-weight: 700;
  }
  .news_title {
    color: var(--fc-base);
    font-family: var(--ff-maru);
    font-size: var(--fs-bl-title);
    line-height: 1.5;
    margin-bottom: 1.8em;
  }
  .btn {
    color: var(--fc-base);
    min-width: 21.6rem;
    padding: 0.5em 1.6em; 
    background: #FFF;
    border-color: currentColor;
    &:hover {
      background-color: rgba(0,0,0,0.2);
    }
  }
}
/*--------------------------------------------------------------
# 記事
--------------------------------------------------------------*/
.page_single .page_contents_wrap {
  background: url(/assets/img/common/bg_gradation_sp.jpg) no-repeat center top 18% / cover;
  @media (min-width:768px) {
    background-image: url(/assets/img/common/bg_gradation_pc.jpg);
  }
}
#news_single .content_block {
  padding: 2.5%;
  background: #FFF;
  border: 0.1rem solid var(--light-gray);
  border-radius: 1rem;
}
#news_single .news_date {
  color: var(--key-color);
  margin-bottom: 1.1em;
}
#news_single .news_title {
  font-size: var(--fs-intro-title);
  margin-bottom: 0.8em;
}
.btn_wrap.archive {
  padding-bottom: 7rem;
  @media (min-width:768px) {
    padding-bottom: 10rem;
  }
  .btn {
    margin: 0 auto;
  }
}