@charset "UTF-8";
/* 
.m-news-list{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 9.1rem 6.5rem;
} */


.m-news{
  margin-top: 12rem;
}

.m-news-list-bg{
  padding: 5rem 0 4.7rem;
  background-color: #E5E5E5;
  text-align: center;
}

.m-news .m-news-list,
.p-news-list .m-news-list{
  display: block;
}

.m-news .m-news-item,
.p-news-list .m-news-item{
  width: 100%;
  border-bottom: 1px solid var(--color-light-grey, #c7c7c7);
}

.m-news .m-news-item{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.6rem;
  padding-top: 2.4rem;
}

.m-news .m-news-item:first-child,
.p-news-list .m-news-item:first-child{
  border-top: 1px solid var(--color-light-grey, #c7c7c7);
}

/* 
.m-news-item:has(a,button){
  cursor: pointer;
} */

.m-news .m-news-item__link,
.p-news-list .m-news-item__link{
  display: flex;
  flex-direction: column;
  transition: opacity 0.2s;
}

.m-news .m-news-item__link{
  text-align: left;
  width: 100%;
  padding-bottom: 2.4rem;
}

.m-news .m-news-item__link:hover,
.p-news-list .m-news-item__link:hover{
  opacity: 0.6;
}

.m-news-item__head-img{
  width: 100%;
  height: auto;
  aspect-ratio: 1.425/1;
  order: 0;
  margin-bottom: 1.3rem;
  transition: scale 0.3s;
}

.m-news-item__link div.m-news-item__head-img{
  overflow: hidden;
}

.m-news-item__link div.m-news-item__head-img::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../Contents/ThemeImage/top/news_noimage.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: scale 0.3s;
}

.m-news-item:hover .m-news-item__head-img{
  scale: 1.05;
}

.m-news .m-news-item__date,
.p-news-list .m-news-item__date{
  font-size: 1.3rem;
  color: var(--color-grey, #7e7e7e);
  letter-spacing: 0.05em;
}

.m-news-item__content{
  display: contents;
}

.m-news .m-news-item__text,
.p-news-list .m-news-item__text{
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 0;
}

.m-news .c-button-more{
  margin-top: 4.6rem;
}

.m-news-item__detail-link{
  display: none;
  visibility: hidden;
}


@media screen and (max-width: 768px) {
  .m-news{
    margin-top: 7.2rem;
    padding: 0;
  }

  .m-news-list-bg{
    padding: 5.2rem 6.4rem 7.2rem;
  }

  .m-news .m-news-list,
  .p-news-list .m-news-list{
    margin: 0 auto;
  }

  .m-news-item{
    margin: 0 auto;
  }

  .m-news-item__link{
    display: flex;
    flex-direction: column;
    cursor: pointer;
  }

  .m-news-item__head-img{
    margin-bottom: 1.3rem;
  }

  .m-news-item__date{
    font-size: 1.4rem;
  }

  .m-news-item__text{
    font-size: 1.4rem;
    line-height: 1.42857142857;
  }

  .m-news .c-button-more{
    margin-top: 2.4rem;
  }
}


/* newslist */
.p-news-list {
  padding: 12.5rem 0 18.4rem;
}

.p-news-list .c-section-heading{
  margin-bottom: 9.2rem;
  text-align: center;
}

.p-news-list .m-news-item__link{
  align-items: flex-start;
  gap: 0.6rem;
  padding: 2.4rem 0;
}

.p-news-list .m-news-item__date{
  display: block;
}

.p-news-list .aby-news-more-btn{
  display: block;
  margin: 4rem auto 0;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .p-news-list {
    padding: 12.5rem 0 18.4rem;
  }

  .p-news-list .c-section-heading{
    margin-bottom: 9.2rem;
    text-align: center;
  }

  .p-news-list .l-section__inner--medium{
    padding: 0 16px;
  }

}