.news{
    width: 1050px;
    margin: 50px auto 300px;
}
.news a {
    color: inherit;
  }
  
  
  
  
  
  .news .news_list{

    width: 700px;
    margin: 0 auto 100px;
    display: flex;
    justify-content: space-between;
  }



  .news_day{
    width: 100px;
    font-size: 16px;
 color: #888888;
    /* background-color: red; */
  }
  
  .news_content{
    /* background-color: aqua; */
    width: 500px;
    height: fit-content;
    /* background-color: red; */
  }


  .news_content p{
    margin: 0 0 20px;
    padding: 0;
    width: fit-content;
    height: fit-content;
    line-height:30px; 
    display:inline-block;  /* ← ブロックでなくする */
  }
  .news_content h2 a{
    background-color: red;
    margin: 0 0 0px 0px;
    padding: 0;
    font-size: 16px;
    font-weight: inherit;
    width: fit-content;
    height: fit-content;
  }
  
  .news_img{
    width: 500px;
    height: 300px;
  }
  
  
  
  @media (max-width: 1280px) { 

    .news{
     width: 90%;
  }


   }
  @media (max-width: 1024px) {
  

    .news .news_list{
/* background-color: pink; */
      width:550px;
    }
  
  
  
    .news_day{
      width: 100px;
      /* background-color: red; */
    }
    
    .news_content{
      /* background-color: aqua; */
      width: 380px;
      height: fit-content;
      /* background-color:aquamarine; */
    
    }
    .news_img{
      width: 380px;
      height: 260px;
    }

   }

   @media (max-width: 768px)  {

    .news .news_list{
      width: 88%;
      margin: 0 auto 50px;
      display: block;
    }


      
    .news_day{
      width: fit-content;
    }
    
    .news_content{
      width: 100%;
      padding: 10px 0;
    }
    .news_img{
      width: 100%;
      height:fit-content;
    }

     }




     @media (max-width: 600px)  {

      .news .news_list{

        font-size: 15px;
        width: 95%;
        margin: 0 auto 30px;
      }


     }