@charset "UTF-8";
/* CSS Document */

.news_list_flex {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  padding: 50px;
}
.news_list {
  width: calc((100% - 100px) / 3); /* 3つのアイテム、50px × 2間隔 */
  padding: 8px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 960px) { /* スマホ・タブレット用 */
  .news_list {
    width: 100%;
  }
}
.news_list_img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  background-image: url("images_base/noimg.jpg");
  background-size: cover;
  overflow: hidden;
}
.news_list_img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* はみ出しつつ比率維持でトリミング */
  object-position: top; /* 上を起点に表示 */
  display: block;
}
.news_list_title {
  display: inline-block;
  position: relative;
  left: -8px;
  margin: 15px 0px 7px 0px;
  padding: 5px 20px 5px 20px;
  background-color: #333333;
  color: #FFFFFF;
}
.news_list_contents {
  display: inline-block;
  padding: 12px;
}
.news_list_more {
  display: block;
  margin: 0px 20px 12px auto;
}