@charset "UTF-8";
/* WordPressで出力される要素と追加ページの補助スタイル。 */
.news-pagination__pages .current,
.news-pagination__pages .dots { display: inline-flex; padding: 4px; }
.news-pagination__pages .current { color: var(--color-green); font-weight: 700; }
.news-pagination__previous { white-space: nowrap; }
.news-filter-title { margin: 0 0 32px; font-size: 2rem; }
.news-empty, .home-news__empty { padding: 24px 0; }
.news-card__image { height: auto; }
.news-article__body > * + * { margin-top: 1.5em; }
.news-article__body img { max-width: 100%; height: auto; }
.news-article__body ul { padding-left: 1.5em; list-style: disc; }
.news-article__body ol { padding-left: 1.5em; list-style: decimal; }
.news-article__body a { text-decoration: underline; text-underline-offset: 0.2em; }
.news-article__body blockquote { border-left: 3px solid var(--color-green); padding: 1em 1.5em; }
.news-article__body table { width: 100%; border-collapse: collapse; }
.news-article__body td, .news-article__body th { padding: 0.75em; border: 1px solid #ddd; }
.news-article__body iframe { max-width: 100%; }
.news-content-pages { display: flex; justify-content: center; gap: 16px; margin-top: 40px; }
.default-content, .error-content {
  padding: 212px 0 100px;
  background-image: url("../images/share/page_bg.webp");
  background-size: cover;
  background-attachment: fixed;
}
.default-heading { margin-bottom: 48px; color: var(--color-green); font-size: 3rem; }
.error-content__inner { text-align: center; }
.error-content__number { color: var(--color-green); font-family: Georgia, serif; font-size: clamp(10rem, 17vw, 20rem); line-height: 1; }
.error-content__en { margin: 20px 0 32px; font-size: 1.8rem; letter-spacing: 0.15em; }
.error-content h1 { margin-bottom: 24px; font-size: clamp(2rem, 3vw, 3rem); }
.error-content__back { display: inline-flex; align-items: center; gap: 32px; margin-top: 40px; padding: 16px 28px; border: 1px solid var(--color-green); border-radius: 999px; color: var(--color-green); }
.error-content__back:hover { background: var(--color-green); color: #fff; }
@media (max-width: 767px) {
  .default-content, .error-content { padding: 140px 0 64px; background-attachment: scroll; }
}
