@charset "UTF-8";

.newsContainer{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  column-gap: 1.6rem;
  row-gap: 1.6rem;

  margin-bottom: 4rem;
}
.news-item{
  width: 100%;
  
  color: #333;
  border: solid 1px #B5B5B5;
}
.news-item .thumbnail-wrap{
  display: inline-block;
  width: 100%;
  aspect-ratio: 4/3;
}
.news-item .thumbnail-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-item .textContent{
  padding: 1.6rem 1.6rem;
}
.news-item time{
  position: relative;
  display: block;
  margin-bottom: .8rem;
  color: #959595;
}
.news-item time.tag-new::before{
  content: 'NEW';
  position: absolute;
  top: 50%;
  right: .8rem;
  transform: translateY(-50%);

  display: inline-block;
  padding: .2rem .8rem;
  font-size: 1.3rem;
  color: #fff;

  background: #6EBCFF;
}
.news-item a{
  color: #333;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: underline;
}

@media (max-width : 1080px){
  .newsContainer{
    display: grid;
    grid-template-columns: repeat(3,1fr);
  }
}
@media (max-width : 599px){
  .newsContainer{
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
}