/*--------------------
  ニュース
 ----------------------*/

.news{
  padding: 80px 0 150px;
}
.news_wrap{

}

.news-list{
  display:flex;
  flex-direction:column;
  gap: 8px;
}

.news-item a{
  display:flex;
  align-items:center;
  justify-content: space-around;
  gap: 15px;
  padding:20px;
  background:#fff;
  border-radius: 8px;
  transition:transform 0.2s ease;
}

.news-item a:hover p{
  /* transform:translateY(-4px); */
  /* text-decoration: underline; */
}

.news-cate{
  border: 1px solid var(--ember-color);
  color:var(--ember-color);
  border-radius: 200px;
  width: 170px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;

}
.news-item time{
  color: #B4B4B4;
  font-size: 14px;
  font-family: var(--font-jost);
  width: 75px;
}
.news-item p{
  width: calc(100% - 275px);
}
.news-item p span{
  background: linear-gradient(#001a43, #001a43) 0 100% / 0 1px no-repeat;
  transition: background .3s cubic-bezier(0.25,0.5,0.5,1);
}
.news-item p:hover span{
  background-size: 100% 1px;
}


.news-link{
  display:inline-flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  color:#222;
}

.news-link:hover{
  text-decoration: underline;
  text-underline-offset: 6px;
}

/* PAGENATION */


.c-pager {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.c-pager .page-numbers {
  font-family: var(--font-jost);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid transparent;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: .3s;
}
.c-pager .page-numbers:hover{
   background: #f7f7f7;

}

.c-pager .page-numbers.current {
  background: #fff;
  border-color: #ef3340;
  color: #ef3340;
}

.c-pager .page-numbers.prev,
.c-pager .page-numbers.next {
  font-size: 14px;
}



@media only screen and (max-width: 1200px) {

  /*--------------------
    ニュース
  ----------------------*/


}




@media (max-width: 768px) {
  /*--------------------
    ニュース
  ----------------------*/
  .news{
    padding: 40px 0 150px;
    position: relative;
  }  


  .news-item a {
    flex-flow: wrap;
    justify-content: flex-start;
    gap: 8px;
    padding:20px 15px;
  }
  .news-cate{
    width: 85px;
    line-height: 28px;
    font-size: 13px;

  }
  .news-item p{
    width: 100%;
  }

  



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