@charset "UTF-8";
main {
  background-color: #fff100;
}

/* ページタイトルバナー */
.page-head {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 126px;
  padding: 20px;
  background-color: #b077b0;
}
@media screen and (max-width: 1200px) {
  .page-head {
    min-height: 10.5vw;
    padding: 1.67vw;
  }
}
@media screen and (max-width: 768px) {
  .page-head {
    min-height: 0;
    padding: 6vw 5vw;
  }
}
.page-head__title {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 33px;
  line-height: 1.3;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .page-head__title {
    font-size: 2.78vw;
  }
}
@media screen and (max-width: 768px) {
  .page-head__title {
    font-size: 6vw;
  }
}

.news-single {
  display: block;
  background-color: #fff;
  padding: 68px 0 91px;
}
@media screen and (max-width: 1200px) {
  .news-single {
    padding: 5.67vw 0 7.58vw;
  }
}
@media screen and (max-width: 768px) {
  .news-single {
    padding: 6.82vw 9.32vw 26.8vw;
  }
}
.news-single__inner {
  width: 750px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .news-single__inner {
    width: 62.5vw;
  }
}
@media screen and (max-width: 768px) {
  .news-single__inner {
    width: 100%;
  }
}
.news-single {
  /* 日付・タイトル（下に区切り線） */
}
.news-single__head {
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 1200px) {
  .news-single__head {
    padding-bottom: 0.83vw;
  }
}
@media screen and (max-width: 768px) {
  .news-single__head {
    padding-bottom: 3.64vw;
  }
}
.news-single__meta {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 1200px) {
  .news-single__meta {
    gap: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .news-single__meta {
    gap: 2.27vw;
  }
}
.news-single__date {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
}
@media screen and (max-width: 1200px) {
  .news-single__date {
    font-size: 1.33vw;
  }
}
@media screen and (max-width: 768px) {
  .news-single__date {
    font-size: 3.64vw;
  }
}
.news-single__title {
  margin: 18px 0 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 23px;
  line-height: 1.5;
  color: #030303;
}
@media screen and (max-width: 1200px) {
  .news-single__title {
    margin: 1.5vw 0 0;
    font-size: 1.92vw;
  }
}
@media screen and (max-width: 768px) {
  .news-single__title {
    margin: 1.82vw 0 0;
    font-size: 4.55vw;
  }
}
.news-single {
  /* 本文 */
}
.news-single__body {
  margin-top: 33px;
}
@media screen and (max-width: 1200px) {
  .news-single__body {
    margin-top: 2.75vw;
  }
}
@media screen and (max-width: 768px) {
  .news-single__body {
    margin-top: 3.41vw;
  }
}
.news-single__body p {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 2.06;
  color: #000;
}
@media screen and (max-width: 1200px) {
  .news-single__body p {
    font-size: 1.33vw;
  }
}
@media screen and (max-width: 768px) {
  .news-single__body p {
    font-size: 3.64vw;
    line-height: 1.75;
  }
}
.news-single__body p + p {
  margin-top: 1.5em;
}
.news-single__body p a {
  color: #0084FF;
  text-decoration: underline;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}
.news-single__body p a:hover {
  opacity: 0.5;
}
.news-single__em {
  color: #343434;
}

/* カテゴリーバッジ（校了前のため一時非表示） */
.news-cat {
  display: none;
  flex-shrink: 0;
  padding: 2px 10px;
  background-color: #727272;
  border-radius: 1.5em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.6;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  .news-cat {
    padding: 0.17vw 0.83vw;
    font-size: 1.08vw;
  }
}
@media screen and (max-width: 768px) {
  .news-cat {
    padding: 0.5vw 2.5vw;
    font-size: 3.1vw;
  }
}
.news-cat--urgent {
  background-color: #DF0B0B;
}
.news-cat--important {
  background-color: #ED6C00;
}
.news-cat--application {
  background-color: #EC7AAC;
}
.news-cat--stores {
  background-color: #55B5E7;
}
.news-cat--for-stores {
  background-color: #4FB233;
}
.news-cat--other {
  background-color: #727272;
}