@charset "UTF-8";

.u-flex {
  display: flex;
  gap: 20px;
}

.u-justify-between {
  justify-content: space-between;
}

#topics .news_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
#topics .news_list-ttl {
  line-height: 1.35;
}
#topics .news_list-inner {
  box-shadow: none;
  display: flex;
  flex-direction: column;
}
#topics .news_list-inner .u-justify-between {
  margin-top: auto;
  align-items: center;
}
#topics .news_list-img {
  height: auto;
  aspect-ratio: 388/250;
}
#topics .news_list-contents {
  padding: 10px 0 0;
}
#topics .list_data::before {
  position: relative;
  /* top: 4px; */
}

.u-taglist {
  display: flex;
  gap: 10px;
}
.u-taglist li {
  color: #ffffff;
  background-color: #434343;
  border-radius: 60px;
  padding: 4px 15px;
}

.pager {
  margin-top: 50px;
  gap: 0 10px;
}
.pager li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  padding: 0;
  box-sizing: border-box;
}
.pager li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  box-sizing: border-box;
}
.pager li.current {
  background-color: transparent;
}
.pager li.current span {
  background-color: #707070;
}

@media (max-width: 769px) {
  #topics .news_list {
	grid-template-columns: repeat(1, 1fr);
	gap: 30px;
  }
  #topics .news_list-inner .u-flex {
	flex-direction: row;
  }

}