@charset "UTF-8";
/* news / news-archive */
figcaption { margin-top: 8px;}

.news__item {
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 100px;
}
.news__item:last-of-type { padding-bottom: 128px;}
.news__body { 
  grid-column: 1 / -1;
  display: grid;
  gap: 32px;
}
.news__ttl { font-size: 18px; padding-bottom: 8px; } 
.news__ttl:after {
  content:'';
  display: block;
  background:var(--pink01);
  width: 48px;
  height: 2px;
  margin-top: 24px;
}
.news__img { max-width: 544px;}
.news__box {
  display: grid;
  gap:16px;
  background: #fff;
  border-right: 1px solid var(--box-line);
  border-bottom: 1px solid var(--box-line);
  border-radius: 4px;
  padding: 24px;
}
.news__item-detail {
  display: grid;
  gap:24px;
  margin-top: 8px;
}
/* btn：new / archive  */
.news__nav { padding-left: 16px; padding-right: 16px;}
.news__nav-btn { grid-column: 1 / -1; margin-left: auto; margin-right: auto;}
.news__nav-btn--archive { margin:-24px auto 80px ; grid-column: 1 / -1;}

@media (min-width: 600px){.news__body { grid-column: 3 / -1;}.news__nav-btn {margin-right: 0;}}
@media (min-width: 768px){
.news__item,.news__nav-btn a {
  padding-left: 24px;
  padding-right: 24px;
}
.news__body{ grid-column: 4 / -1;}
.news__ttl { font-size: 20px;}
}
@media (min-width: 1180px) {
.news__item,.news__nav-btn {
  padding-left: 0;
  padding-right: 0;
 }
}