@charset "UTF-8";
/* **************************************


     追加


***************************************/
/*最小値:$value+0.2 → 可変（$value + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px,2560px:12px））→ 最大値:$value + 1.2*/
/* =============================================================================


    news


============================================================================= */
.news-container {
  margin: auto;
  max-width: 880px;
}

.news-contents + .news-contents {
  border-top: 1px solid #231815;
  padding-top: 80px;
}

.news-dates {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 2rem;
}

.news-date {
  width: 6em;
}

.news-categorylist {
  width: calc(100% - 8em);
}
.news-categorylist li {
  background: #333;
  color: #fff;
  display: inline-block;
}
.news-categorylist li a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.news-categorylist li a:hover {
  opacity: 0.7;
}

.news-item-ttl {
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: 10px;
}

.news-item-img {
  aspect-ratio: 3/2;
  margin: 20px auto 0;
  max-width: 100%;
}
.news-item-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
}

.news-content {
  font-size: 1.8rem;
  margin-top: 32px;
  padding-bottom: 80px;
}
.news-content p {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  padding: 0;
}
.news-content h2,
.news-content h3,
.news-content h4,
.news-content h5,
.news-content img {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.news-content a {
  color: #005fae;
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.news-content a:hover {
  opacity: 0.7;
}
@media (max-width: 767px){
  .news-contents + .news-contents {
    padding-top: 40px;
  }
  .news-dates {
    font-size: 1.5rem;
  }
  .news-item-ttl {
    font-size: 1.8rem;
  }
  .news-content {
    font-size: 1.5rem;
    margin-top: 28px;
    padding-bottom: 40px;
  }
  .news-content p {
    font-size: 1.45rem;
  }
}

/*# sourceMappingURL=news.css.map*/