@charset "UTF-8";
/*
変数関係をまとめたファイル
 */
/*
ブレイクポイントに関して記述しているファイル
下のブレイクポイントの設定を変更するときは必ずPMに一声かける
 */
.post-news-page > .post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1350px;
  margin: 0 auto;
  padding: 221px 20px 64px;
}
@media screen and (max-width: 820px) {
  .post-news-page > .post-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 131px 20px 0;
  }
}
.post-news-page > .post-content > .box-overview {
  -ms-flex-item-align: start;
      align-self: flex-start;
  position: sticky;
  top: 120px;
  max-width: 466px;
  width: 100%;
  margin-right: 40px;
  padding-top: 77px;
}
@media screen and (max-width: 820px) {
  .post-news-page > .post-content > .box-overview {
    position: relative;
    max-width: 100%;
    padding-top: 0;
    top: 0;
  }
}
.post-news-page > .post-content > .box-overview > .date {
  font-size: 14px;
  margin-bottom: 32px;
}
@media screen and (max-width: 480px) {
  .post-news-page > .post-content > .box-overview > .date {
    margin-bottom: 18px;
  }
}
.post-news-page > .post-content > .box-overview > .title {
  font-size: 24px;
  line-height: 1.9;
  margin-bottom: 32px;
}
@media screen and (max-width: 480px) {
  .post-news-page > .post-content > .box-overview > .title {
    margin-bottom: 22px;
  }
}
.post-news-page > .post-content > .box-overview > .list-category {
  margin-bottom: 67px;
}
@media screen and (max-width: 820px) {
  .post-news-page > .post-content > .box-overview > .list-category {
    margin-bottom: 0;
  }
}
.post-news-page > .post-content > .box-overview > .list-category > .category {
  font-size: 12px;
}
.post-news-page > .post-content > .box-overview > .button > .link > .icon {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  left: 18px;
}
.post-news-page > .post-content > .box-article {
  position: relative;
  max-width: 771px;
  width: 100%;
}
@media screen and (max-width: 820px) {
  .post-news-page > .post-content > .box-article {
    padding-top: 80px;
  }
}
@media screen and (max-width: 480px) {
  .post-news-page > .post-content > .box-article {
    padding-top: 40px;
  }
}
.post-news-page > .post-content > .box-article > .thumbnail {
  margin-bottom: 33px;
}
@media screen and (max-width: 820px) {
  .post-news-page > .post-content > .box-article > .thumbnail {
    height: 100%;
  }
}
.post-news-page > .post-content > .box-article > .thumbnail > img {
  height: 512px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-mask-image: url("../../../assets/imgs/news/mask.svg");
          mask-image: url("../../../assets/imgs/news/mask.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-size: 100%;
          mask-size: 100%;
}
@media screen and (max-width: 1024px) {
  .post-news-page > .post-content > .box-article > .thumbnail > img {
    height: 372px;
  }
}
@media screen and (max-width: 820px) {
  .post-news-page > .post-content > .box-article > .thumbnail > img {
    height: 100%;
  }
}
.post-news-page > .post-content > .box-article > p {
  max-width: 615px;
  font-size: 14px;
  line-height: 2.8;
  margin: 0 auto 48px;
}
@media screen and (max-width: 480px) {
  .post-news-page > .post-content > .box-article > p {
    line-height: 2.3;
  }
}
.post-news-page > .post-content > .box-article > figure {
  margin-bottom: 33px;
}
.post-news-page > .post-content > .box-article > figure > img {
  height: 512px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-mask-image: url("../../../assets/imgs/news/mask.svg");
          mask-image: url("../../../assets/imgs/news/mask.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-size: 100%;
          mask-size: 100%;
}
@media screen and (max-width: 820px) {
  .post-news-page > .post-content > .box-article > figure > img {
    height: 100%;
  }
}
@media screen and (max-width: 820px) {
  .post-news-page > .button {
    margin: 0 auto 94px;
  }
}