/* head_bg
----------------------------------*/

.head_area {    
    background-image: url(../img/head_wave.svg),url(../img/news/head_bg.jpg);
    background-repeat: no-repeat,no-repeat;
    background-size: contain,cover;
    background-position: center bottom,right 0%;
}
@media (max-width: 575px) {
.head_area {    
    background-image: url(../img/head_wave_s.svg),url(../img/news/head_bg_s.jpg);
    background-repeat: no-repeat,no-repeat;
    background-size: contain,cover;
    background-position: center bottom,center top;
}
}



/* news_area
------------------------------------------------------------*/
.news_area {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 5%;
    padding-top: 5%;
    color: #727171;
}
.news_wrap {  
  padding-bottom: 5%;
  padding-top: 5%;  
}
@media screen and (max-width: 767px) {
.news_wrap {  
  padding-left: 10px;
  padding-right: 10px;
}
}
.news_list {
    display: grid;
    grid-template-columns: 100px 100px auto 50px;
    grid-template-rows: auto;
    column-gap: 10px;
    row-gap: 10px;
    border-bottom: 1px solid #727171;
    padding-bottom: 3%;
	padding-top: 3%;
}
@media screen and (max-width: 767px) {
.news_list {    
    grid-template-columns: 1fr 1fr 1fr 1fr;
  /*grid-template-rows   : 1fr 1fr;*/
}
}
.news_list:hover {
    background-color: rgba(229,229,229,0.5);  
	transition : 1s;
}
.news_day {
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  font-weight: normal;
  margin-right: 15px;
}
.news_type {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgb(242, 127, 136);
    color: #fff;
    margin-right: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
}
.news_type2 {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgb(142, 143, 195);
    color: #fff;
    margin-right: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
}
.news_tx {
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}
.news_arrow {
  /*margin-top: 3%;*/
}
@media screen and (max-width: 767px) {
.news_day {
  grid-column: 1 / 1;
  grid-row   : 1 / 1;
}
.news_type {
    grid-column: 2 / 3;
  grid-row   : 1 / 1;
}
.news_type2 {
    grid-column: 2 / 3;
  grid-row   : 1 / 1;
}
.news_tx {
  grid-column: 1 / 4;
  grid-row   : 2 / 2;
	font-size: 14px;
}
.news_arrow {
  grid-column: 4 / 4;
  grid-row   : 2 / 2;
	justify-self : center;
}
}
@media screen and (max-width: 575px) {
.news_day {
  grid-column: 1 / 1;
  grid-row   : 1 / 1;
}
.news_type {
    grid-column: 2 / 4;
  grid-row   : 1 / 1;
}
.news_type2 {
    grid-column: 2 / 4;
  grid-row   : 1 / 1;
}
}
/* 詳細
------------------------------------------------------------*/
.news_datails_area {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 5%;
    padding-top: 5%;
    color: #727171;
}
.news_ttl {
    font-size: 24px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5%;
    font-weight: bold;    
}	
.news_datails_area p {
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
	margin-bottom: 2%;
}