.news .date{ 
  font-size: 1.6rem;
  margin-right: 20px;
}
.news h2{
  font-size: 2.4rem;
  margin-bottom: 40px;
  text-align: center;
}
.news .content{
  margin-top: 20px;
}

.news ul{
  display: flex;
  flex-wrap: wrap;
}

.news ul li{
  width: 32%;
  margin-right: 2%;
  margin-bottom: 60px;
}

.news ul li .date{
  display: block;
}
.news ul li:nth-child(3n){
  margin-right: 0;
}
.news ul li .thumb{
  margin-bottom: 20px;
}
.news ul li .thumb img{
  display: block;
  border: 1px solid #999;
}






  @media screen and (max-width: 800px){
    .news .ttl{
      font-size: 1.4rem;
    }
    .news .date{ 
      font-size: 1.2rem;
    }
    .news ul li{
      width: 49%;
      margin-right: 2%;
      margin-bottom: 40px;
    }    
    .news ul li:nth-child(3n){
      margin-right: 2%;
    }
    .news ul li:nth-child(2n){
      margin-right: 0;
    }    
  }