/* =============================

overwrite

=============================== */
.l-main {
  padding-block: 0;
}
/* =================================== */
/*
  section
---------------------------*/
.news {
  margin-top: 3.4722222222vw;
}
@media screen and (max-width: 768px) {
  .news {
    margin-top: 50px;
  }
}
.news .m-pager {
  margin-top: 6.25vw;
}
@media screen and (max-width: 768px) {
  .news .m-pager {
    margin-top: 50px;
  }
}

.news-list {
  max-width: 814px;
  width: 100%;
  margin-inline: auto;
}

.news-list__inner {
  margin-bottom: 1rem;
  padding-bottom: 0.81rem;
  border-bottom: solid 1px #dcdcdc;
}
@media screen and (min-width: 768px) {
  .news-list__inner {
    margin-bottom: 1.5rem;
    padding-bottom: 1.8rem;
  }
}

.news-list-ttl {
  margin-bottom: 0.6rem;
  font-weight: 400;
  font-size: 0.625rem;
}
@media screen and (min-width: 768px) {
  .news-list-ttl {
    margin-bottom: 1rem;
    font-size: 1rem;
  }
}
.news-list-ttl-cate {
  margin-right: 1rem;
  padding: 0.3rem 1.5rem;
  background: #eaf7fe;
  border-radius: 3rem;
  color: #0080d9;
}
.news-list-ttl-time {
  color: #aaa;
}

.news-list-txt {
  font-size: 0.75rem;
  color: #333;
}
@media screen and (min-width: 768px) {
  .news-list-txt {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.news-list-txt a {
  color: #06c;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .news-list-txt a:hover {
    text-decoration: none;
  }
}

/* =================================== */
/*
  section
---------------------------*/
.other {
  position: relative;
  padding-block: 6.9444444444vw;
}
@media screen and (max-width: 768px) {
  .other {
    padding-block: 50px;
  }
}
/*# sourceMappingURL=news.css.map */