@charset 'UTF-8';

.scanbe__news {
  padding: 15vw 5vw 25vw;
  background: #fff;
}
.scanbe__news__article__tag {
  display: inline-block;
  margin: 0 0 6vw;
  padding: 3vw 5vw;
  border: solid 1px #000;
  border-radius: 1.5vw;
  font-size: 3.733vw;
}
.scanbe__news__article__date {
  display: block;
  margin: 0 1em 1em 0;
  color: #848484;
  font-size: 3.733vw;
  letter-spacing: .05em;
  text-align: right;
}
.scanbe__news__article__mainImg {
  margin: 0 0 12vw;
}
.scanbe__news__article__mainImg img {
  border-radius: 2vw;
}
.scanbe__news__article__title {
  width: 85vw;
  margin: 0 auto 8vw;
  font-size: 6.4vw;
  font-weight: bold;
}
.scanbe__news__article__content {
  font-size: 4.267vw;
}
.scanbe__news__article__content p {
  width: 85vw;
  margin: 0 auto;
  line-height: 1.7;
}
.scanbe__news__article__content p + p {
  margin: 2.5em auto 0;
}
.scanbe__news__article__content img {
  display: block;
  height: auto;
  margin: 2.5em 0;
  border-radius: 2vw;
}

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

  .scanbe__news {
    padding: 9.5rem 0;
  }
  .scanbe__news__article {
    max-width: 59.5rem;
    margin: 0 auto;
  }
  .scanbe__news__article__tag {
    margin: 0 0 3.5rem;
    padding: 1.5rem;
    border-radius: 1rem;
    font-size: 1.4rem;
  }
  .scanbe__news__article__date {
    margin: 0 0 2rem;
    font-size: 1.4rem;
  }
  .scanbe__news__article__mainImg {
    margin: 0 0 4.5rem;
  }
  .scanbe__news__article__mainImg img {
    border-radius: 1rem;
  }
  .scanbe__news__article__title {
    width: 90%;
    margin: 0 auto 3.5rem;
    font-size: 2.4rem;
  }
  .scanbe__news__article__content {
    font-size: 1.6rem;
  }
  .scanbe__news__article__content p {
    width: 90%;
  }
  .scanbe__news__article__content img {
    border-radius: 1rem;
  }

}