@charset "utf-8";

.news {
  font-size: 14px;
  text-align: left;
}
@media screen and (max-width: 750px) {
    .news {
        font-size: 13px;
  }
}

/* ここからがニュース記事のCSS */
.news_list {
  margin: 0 5%;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 750px) {
    .news_list {
        width: 88%;
  }
}

.news-li a {
  display: block;
  padding: 1.5em 0 1.5em 2em;
}
.news-li a:hover {
  background: #f4f4f4;
}

.news_list-column {
  margin: 0 5%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.news_list_item {
  padding: 25px 0;
  border-bottom: 1px solid #E6E6E6;
}

.news_list_item:first-child {
  border-top: 1px solid #E6E6E6;
}
.news_list_item a {
  position: relative;
  display: flex;
}

.news_list_date {
  font-size: 14px;
  display: flex;
  margin-right: 15px;
  align-items: center;
}

@media screen and (max-width: 750px) {
    .news_comment {
        padding: 15px 0 0 0;
  }
}

.news_item {
  background: #fff;
  border: solid 1px #000;
  width: 170px;
  padding: 0px;
  /* 親要素の文字サイズを基準 */
  text-align: center;
  margin-left: 20px;
}

.news_item-top {
  margin-left: 0px;
}

@media screen and (max-width: 1024px) {
    .news_list_item a {
        display: block;
    }
}
@media screen and (max-width: 769px) {
    .news_list_item a  {
        font-size: 14px;
    }
}
@media screen and (max-width: 480px) {
    .arrow {
        display: none;
    }
    .news_list_item a {
        padding-right: 0;
    }
}

.is-hidden {
  display: none;
}

.news-item1-border-right {
  border-right: 1px solid #000;
  padding: 0 40px 0 0;
}