@charset 'utf-8';

.news {
  padding-block: 8vw 32vw;
}
.news__article {
  padding-inline: 5vw;
}
.news__articleTag {
  display: inline-block;
  margin-bottom: 6vw;
  padding: 2.5vw 5vw;
  font-size: var(--fs-18);
  border: solid 1px #000;
  border-radius: 1.5vw;
}
.news__articleDate {
  display: block;
  margin: 0 1em 1em 0;
  font-size: var(--fs-18);
  text-align: right;
}
.news__articleTitle {
  margin-bottom: 8vw;
  font-size: var(--fs-24);
  font-weight: bold;
  line-height: 1.4;
}
.news__articleContent {
  font-size: var(--fs-16);
}
.news__articleContent p {
  line-height: 1.6;  
}
.news__articleContent p + p {
  margin-top: 1em;
}
.news__articleContent a {
  text-decoration: underline;
}
.news__articleContent a:hover {
  text-decoration: none;
}

@media screen and (min-width: 768px) {

  .news {
    padding-block: 50px 150px;
  }
  .news__article {
    max-width: 595px;
    margin-inline: auto;
    padding-inline: 0;
  }
  .news__articleTag {
    margin-bottom: 35px;
    padding: 12px 15px;
    border-radius: 10px;
  }
  .news__articleDate {
    margin: 0 1em 20px 0;
  }
  .news__articleTitle {
    margin-bottom: 35px;
  }

}