@charset "UTF-8";
/****************************************************
 * Stylesheet ページ：News
 ****************************************************/
.news_list {
  margin-bottom: 27rem;
  padding-top: 10rem;
}
@media only screen and (max-width: 780px) {
  .news_list {
    margin-bottom: 10rem;
    padding-top: 6.3rem;
  }
}
.news_list .inner {
  max-width: 1120px;
}
@media only screen and (min-width: 781px) {
  .news_list .flex_area {
    margin-bottom: 9rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 780px) {
  .news_list .flex_area {
    margin-bottom: 4rem;
  }
}
@media only screen and (min-width: 781px) {
  .news_list .flex_area .ttl {
    width: 27%;
  }
}
@media only screen and (max-width: 780px) {
  .news_list .flex_area .ttl {
    margin-bottom: 2rem;
  }
}
.news_list .flex_area .ttl .midashi04 {
  margin-bottom: 0;
}
@media only screen and (min-width: 781px) {
  .news_list .flex_area ul {
    width: 73%;
  }
}
.news_list .flex_area ul li {
  margin-bottom: 1.3em;
  padding-bottom: 1.3em;
  font-size: 1.4rem;
  border-bottom: solid 1px #a9a9a9;
}
.news_list .flex_area ul li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 781px) {
  .news_list .flex_area ul li a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .news_list .flex_area ul li a:hover {
    opacity: 0.5;
  }
}
.news_list .flex_area ul li .date {
  margin-right: 2em;
  font-family: "AGaramondPro-Regular", "Yu Mincho Medium", "Yu Mincho", "YuMincho", "Noto Serif JP", "Hiragino Mincho ProN", "MS Mincho", serif;
}
.news_list .flex_area ul li .date b, .news_list .flex_area ul li .date strong {
  font-family: "AGaramondPro-Bold", "Yu Mincho Medium", "Yu Mincho", "YuMincho", "Noto Serif JP", "Hiragino Mincho ProN", "MS Mincho", serif;
}
.news_list .flex_area ul li .date {
  display: inline-block;
}