@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　news
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl{
  background-image:url(../image/bg_ttl_pc.jpg);  
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* news
-----------------------------------------------------------------*/
.news-list-page{
  padding: 90px 0 140px;  
}
.news-list{
  margin-bottom: 70px;  
}
.news-list div{
  display: flex;
  padding-bottom: 10px;
  font-size: 1.6rem;
  line-height:1.5;
  border-bottom: 1px solid #DCDDDD;  
}
.news-list div+div{
  margin-top: 25px;  
}
.news-list dt{
  width: 160px;  
}
.news-list .new{
	display: inline-block;
	transform: translateY(-2px);
	vertical-align: middle;
	margin-left: 5px;
	padding: 2px 10px;
	background: #009FE5;
	font-size: 1.4rem;
	color: #FFF;
}





/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

.page-ttl{
  background-image:url(../image/bg_ttl_sp.jpg);  
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* news
-----------------------------------------------------------------*/
  .news-list-page{
    padding: 50px 0 60px;  
  }
  .news-list{
    margin-bottom: 40px; 
  }
  .news-list div{
    position: relative;
    display: block;
    font-size: 1.4rem;
  }
  .news-list div+div{
    margin-top: 20px;
  }
  .news-list dt{
    width: 100%;
    margin-bottom: 3px;  
  }
  .news-list .new{
    position: absolute;
    left: 6em;
    top: 0;
    padding: 1px 8px;
    font-size: 1.3rem;
  }


}