@charset "UTF-8";
/* ====================
 * カスタム投稿タイプ共通スタイル
 * ==================== */
.page-single-news-content,
.page-single-works-content {
  width: 100%;
  padding-bottom: 200rem;
}
@media (max-width: 768px) {
  .page-single-news-content,
  .page-single-works-content {
    padding-bottom: 148rem;
  }
}

/* ====================
 * カスタム投稿タイプ : News
 * ==================== */
.archive-news-articles {
  position: relative;
  padding: 130rem 100rem 150rem;
}
@media (max-width: 768px) {
  .archive-news-articles {
    padding-top: 100rem;
  }
}
.archive-news-articles__wrapper {
  max-width: 1340rem;
  margin: 0 auto;
  position: relative;
}
.archive-news-articles__year-filter {
  position: absolute;
  right: 0;
  top: 0;
  width: 210rem;
}
@media (max-width: 768px) {
  .archive-news-articles__year-filter {
    position: relative;
    width: 100%;
    right: auto;
    top: auto;
    margin-bottom: 155rem;
  }
}
@media (max-width: 768px) {
  .archive-news-articles__year-filter.--pc {
    display: none;
  }
}
.archive-news-articles__year-filter.--sp {
  display: none;
}
@media (max-width: 768px) {
  .archive-news-articles__year-filter.--sp {
    display: block;
  }
}
.archive-news-articles .c-filter-tags {
  width: calc(100% - 210rem);
}
@media (max-width: 768px) {
  .archive-news-articles .c-filter-tags {
    width: 100%;
  }
}
.archive-news-articles .c-news-list {
  max-width: none;
}
.archive-news-articles .c-pagination {
  margin-top: 120rem;
}
@media (max-width: 768px) {
  .archive-news-articles .c-pagination {
    margin-top: 100rem;
  }
}

.page-single-news-content .c-article__content h2 {
  margin-bottom: 60rem;
  padding-top: 120rem;
  font-size: 48rem;
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.7;
}
.page-single-news-content .c-article__content h2:first-child {
  padding-top: 0;
}
@media screen and (max-width: 430px) {
  .page-single-news-content .c-article__content h2 {
    margin-bottom: 40rem;
    padding-top: 80rem;
    font-size: 36rem;
  }
}
.page-single-news-content .c-article__content h3 {
  margin: 60rem 0 40rem;
  font-size: 32rem;
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.7;
}
@media screen and (max-width: 430px) {
  .page-single-news-content .c-article__content h3 {
    margin: 40rem 0 30rem;
    font-size: 28rem;
  }
}
.page-single-news-content .c-article__content h4 {
  margin: 40rem 0 30rem;
  font-size: 28rem;
  color: #1d1d1d;
  font-weight: 600;
  line-height: 1.7;
}
@media screen and (max-width: 430px) {
  .page-single-news-content .c-article__content h4 {
    margin: 30rem 0 20rem;
    font-size: 24rem;
  }
}
.page-single-news-content .c-article__content h5 {
  margin: 30rem 0 20rem;
  font-size: 24rem;
  color: #1d1d1d;
  font-weight: 600;
  line-height: 1.7;
}
@media screen and (max-width: 430px) {
  .page-single-news-content .c-article__content h5 {
    margin: 20rem 0 15rem;
    font-size: 20rem;
  }
}
.page-single-news-content .c-article__content p {
  margin-bottom: 36rem;
}
.page-single-news-content .c-article__content img {
  margin-bottom: 120rem;
}
.page-single-news-content .c-article__content ul,
.page-single-news-content .c-article__content ol {
  margin: 40rem 0;
  padding-left: 40rem;
}
@media screen and (max-width: 430px) {
  .page-single-news-content .c-article__content ul,
  .page-single-news-content .c-article__content ol {
    margin: 30rem 0;
    padding-left: 30rem;
  }
}
.page-single-news-content .c-article__content ul li,
.page-single-news-content .c-article__content ol li {
  margin-bottom: 20rem;
  line-height: 2;
}
.page-single-news-content .c-article__content blockquote {
  margin: 40rem 0;
  padding: 30rem 40rem;
  background: #f8f8f8;
  border-left: 4px solid #00505a;
}
@media screen and (max-width: 430px) {
  .page-single-news-content .c-article__content blockquote {
    margin: 30rem 0;
    padding: 20rem;
  }
}
.page-single-news-content .c-article__content table {
  width: 100%;
  margin: 40rem 0;
  border-collapse: collapse;
}
.page-single-news-content .c-article__content table th,
.page-single-news-content .c-article__content table td {
  padding: 20rem;
  border: 1px solid #ddd;
  text-align: left;
}
.page-single-news-content .c-article__content table th {
  background: #f8f8f8;
  font-weight: 700;
}
.page-single-news-content .c-article__content .wp-block-image {
  margin: 0;
}
@media screen and (max-width: 430px) {
  .page-single-news-content .c-article__content .wp-block-image {
    margin: 40rem 0;
  }
}
.page-single-news-content .c-article__content .wp-block-image img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 60rem;
}
.page-single-news-content .c-article__content .wp-block-image figcaption {
  margin-top: 20rem;
  text-align: center;
  color: #666;
  font-size: 20rem;
}

/* ====================
  * カスタム投稿タイプ : Works
  * ==================== */
.archive-works-articles {
  padding: 130rem 100rem 170rem;
}
@media (max-width: 768px) {
  .archive-works-articles {
    padding-top: 100rem;
    padding-bottom: 250rem;
  }
}

.page-single-works-content .c-article__content h2 {
  margin-top: 60rem;
  margin-bottom: 60rem;
  padding-top: 120rem;
  font-size: 48rem;
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.7;
}
.page-single-works-content .c-article__content h2:first-child {
  padding-top: 0;
}
@media screen and (max-width: 430px) {
  .page-single-works-content .c-article__content h2 {
    margin-bottom: 40rem;
    padding-top: 80rem;
    font-size: 36rem;
  }
}
.page-single-works-content .c-article__content h3 {
  margin-bottom: 60rem;
  margin-top: 60rem;
  /*
  Works のインラインCSSをパーシャルに移動した関係で優先度が変わってしまったので、暫定措置としてコメントアウトする。
  @todo CSS を移植する際には注意が必要
  margin: 60rem 0 40rem; */
  font-size: 32rem;
  color: #1d1d1d;
  font-weight: 700;
  line-height: 1.7;
}
@media screen and (max-width: 430px) {
  .page-single-works-content .c-article__content h3 {
    /*
    Works のインラインCSSをパーシャルに移動した関係で優先度が変わってしまったので、暫定措置としてコメントアウトする。
    @todo CSS を移植する際には注意が必要
    margin: 40rem 0 30rem;
    */
    font-size: 28rem;
  }
}
.page-single-works-content .c-article__content h4 {
  margin: 40rem 0 30rem;
  font-size: 28rem;
  color: #1d1d1d;
  font-weight: 600;
  line-height: 1.7;
}
@media screen and (max-width: 430px) {
  .page-single-works-content .c-article__content h4 {
    margin: 30rem 0 20rem;
    font-size: 24rem;
  }
}
.page-single-works-content .c-article__content h5 {
  margin: 30rem 0 20rem;
  font-size: 24rem;
  color: #1d1d1d;
  font-weight: 600;
  line-height: 1.7;
}
@media screen and (max-width: 430px) {
  .page-single-works-content .c-article__content h5 {
    margin: 20rem 0 15rem;
    font-size: 20rem;
  }
}
.page-single-works-content .c-article__content ul,
.page-single-works-content .c-article__content ol {
  margin: 40rem 0;
  padding-left: 40rem;
}
@media screen and (max-width: 430px) {
  .page-single-works-content .c-article__content ul,
  .page-single-works-content .c-article__content ol {
    margin: 30rem 0;
    padding-left: 30rem;
  }
}
.page-single-works-content .c-article__content ul li,
.page-single-works-content .c-article__content ol li {
  margin-bottom: 20rem;
  line-height: 2;
}
.page-single-works-content .c-article__content p {
  margin-bottom: 36rem;
}
.page-single-works-content .c-article__content img {
  margin-bottom: 60rem;
}
.page-single-works-content .c-article__content blockquote {
  margin: 40rem 0;
  padding: 30rem 40rem;
  background: #f8f8f8;
  border-left: 4px solid #00505a;
}
@media screen and (max-width: 430px) {
  .page-single-works-content .c-article__content blockquote {
    margin: 30rem 0;
    padding: 20rem;
  }
}
.page-single-works-content .c-article__content table {
  width: 100%;
  margin: 40rem 0;
  border-collapse: collapse;
}
.page-single-works-content .c-article__content table th,
.page-single-works-content .c-article__content table td {
  padding: 20rem;
  border: 1px solid #ddd;
  text-align: left;
}
.page-single-works-content .c-article__content table th {
  background: #f8f8f8;
  font-weight: 700;
}
.page-single-works-content .c-article__content .wp-block-image {
  margin: 0;
}
@media screen and (max-width: 430px) {
  .page-single-works-content .c-article__content .wp-block-image {
    margin: 40rem 0;
  }
}
.page-single-works-content .c-article__content .wp-block-image img {
  width: 100%;
  height: auto;
  display: block;
}
.page-single-works-content .c-article__content .wp-block-image figcaption {
  margin-top: 20rem;
  text-align: center;
  color: #666;
  font-size: 20rem;
}

/*# sourceMappingURL=cpt.css.map */