.news_box{
 margin: 4vw auto 0 auto;
 width: 100%;
}
.news_box .title_area{
 margin-bottom: 3vw;
}
.news_box .group{
}
.news_box ul li{
 padding: 20px 0;
 border-bottom: 1px solid #ccc;
}
.news_box ul li .day{
 color: #a9a9a9;
}
.news_box li .cat_name{
 width: 100px;
 display: inline-block;
 border: 1px solid #00b200;
 color: #01a301; 
 text-align: center;
 font-size: 80%;
 padding: 2px;
}
.news_box td.day_group{
 width: 240px;
 display: grid;
 grid-template-columns: 47% 47%;
 justify-content: space-between;
}
.news_box td.title{
 text-align: left;
 width: 100%;
 padding-left: 2vw;
}

@media screen and (max-width: 768px) {
.news_box{
 margin: 4vw auto 0 auto;
 width: 100%;
}
.news_box .title_area{
 margin-bottom: 3vw;
}
.news_box .group{
}
.news_box ul li{
 padding: 20px 0;
 border-bottom: 1px solid #ccc;
}
.news_box ul li .day{
 color: #a9a9a9;
}
.news_box li .cat_name{
 width: 100px;
 display: inline-block;
 border: 1px solid #00b200;
 color: #01a301; 
 text-align: center;
 font-size: 80%;
 padding: 2px;
}
.news_box td{
 display: block;
}
.news_box td.day_group{
 padding-bottom: 2vw;
 width: 200px;
 display: grid;
 grid-template-columns: 47% 47%;
 justify-content: space-between;
}
.news_box td.title{
 text-align: left;
 width: 100%;
 padding-left: 0;
}

}/*  */