:root {
  --color-black: #333;
  --color-light-black: #575757;
  --color-dark-black: #090909;
  --color-pure-black: #000;
  --color-white: #fff;
  --color-gray: #c9c9c9;
  --color-light-gray: #efefef;
  --color-dark-gray: #909090;
  --color-dark-gray-2: #8e8e8e;
}

.news-detail {
  padding: 60px 0;
  padding: 100px 0 76px;
}
.news-detail.--skew {
  transform: skew(0, -5deg);
}
.news-detail.--skew > div {
  transform: skew(0, 5deg);
}
@media screen and (max-width: 767px) {
  .news-detail {
    padding: 100px 0 0;
  }
}
.news-detail .parts-btn {
  margin: 0 auto;
}
.news-detail__inner {
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 auto;
  max-width: 1100px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .news-detail__inner {
    width: 82.98%;
  }
}
.news-detail__inner.--wide {
  max-width: 1180px;
}
@media screen and (max-width: 767px) {
  .news-detail__inner.--wide {
    width: 100%;
  }
}
.news-detail__inner.--full {
  max-width: none;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .news-detail__inner.--full {
    width: 100%;
  }
}
.news-detail__contents {
  margin-bottom: 80px;
}
.news-detail__title {
  font: 500 23px/1.4782608696 "Noto Sans JP", "sans-serif";
  letter-spacing: 0.46px;
  margin-bottom: 22px;
}
@media screen and (max-width: 767px) {
  .news-detail__title {
    font: 500 20px/1.45 "Noto Sans JP", "sans-serif";
    letter-spacing: 0.4px;
    margin-bottom: 20px;
  }
}
.news-detail__date {
  font: 500 11px/2.1818181818 "Noto Sans JP", "sans-serif";
  margin-bottom: 85px;
}
@media screen and (max-width: 767px) {
  .news-detail__date {
    margin-bottom: 50px;
  }
}
.news-detail__other {
  display: flex;
  justify-content: space-between;
  margin-top: 134px;
}
@media screen and (max-width: 767px) {
  .news-detail__other {
    flex-direction: column;
    margin-top: 80px;
    gap: 37px;
  }
}
.news-detail__other-link {
  transition: 0.3s;
}
@media (hover: hover) {
  .news-detail__other-link:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
  .news-detail__other-link:where(:any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
}
.news-detail__other-link.--next {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .news-detail__other-link.--next {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
  }
}
.news-detail__other-link-text {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.parts-btn + .parts-btn {
  margin-top: 40px;
}/*# sourceMappingURL=style.css.map */