@charset "UTF-8";
:root {
  --break-point-pc: 960;
}

html {
  scroll-behavior: smooth;
}

* {
  font-feature-settings: inherit !important;
  -webkit-font-feature-settings: inherit !important;
  -moz-font-feature-settings: inherit !important;
}

a,
img,
path,
figure,
.link {
  transition: opacity 0.4s, color 0.4s, background-color 0.4s, border-color 0.4s, fill 0.4s;
  -webkit-transition: opacity 0.4s, color 0.4s, background-color 0.4s, border-color 0.4s, fill 0.4s;
  -moz-transition: opacity 0.4s, color 0.4s, background-color 0.4s, border-color 0.4s, fill 0.4s;
  -ms-transition: opacity 0.4s, color 0.4s, background-color 0.4s, border-color 0.4s, fill 0.4s;
  -o-transition: opacity 0.4s, color 0.4s, background-color 0.4s, border-color 0.4s, fill 0.4s;
}

.link:hover {
  opacity: 0.7;
}

.block {
  display: inline-block;
}

/* ロゴ画像の余白削除 */
.wp-block-site-logo .custom-logo-link {
  padding: 0 !important;
}

/* ヘッダーh1タグの表示設定 */
.wp-block-site-logo + .wp-block-site-title {
  display: block !important;
}

.visually-hidden,
.wp-block-site-logo + .wp-block-site-title {
  position: absolute;
  border: 0;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

@media screen and (max-width: 959px) {
  .pc-only {
    display: none !important;
  }
}

@media screen and (min-width: 960px) {
  .sp-only {
    display: none !important;
  }
}

/* ========================================
    WordPressコア　ブレイクポイント変更
========================================= */
/* デフォルトのブレイクポイント無効化 */
@media screen and (max-width: 1099px) {
  /* ヘッダーメニューを非表示にする */
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
  /* ハンバーガーメニューを表示する */
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
}

/* 任意のブレイクポイント設定 */
@media screen and (min-width: 1100px) {
  /* ヘッダーメニューを表示する */
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    background-color: inherit;
    display: block;
    position: relative;
    width: 100%;
    z-index: auto;
  }
  /* ハンバーガーメニューを非表示にする  */
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }
}

/* ========================================
    unitoneデフォルト設定調整
========================================= */
/* コンテナーの左右余白 */
:root {
  --unitone--global--gutters: clamp(34px, 8.8vw, var(--unitone--rem2));
}

/* ========================================
    ブロックスタイル／ボタン
========================================= */
/* SP大サイズ */
.is-style-btn-large > .wp-block-button__link {
  color: var(--wp--preset--color--custom-eduart-white);
  font-size: calc(16 / 16 * 1rem);
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  background-color: var(--wp--preset--color--custom-eduart-purple-1);
  padding-inline: clamp(20px, calc(26 * (100vw / var(--break-point-pc))), 26px);
  padding-block: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
}

.is-style-btn-large > .wp-block-button__link:hover {
  opacity: 0.7;
}

/* SP中サイズ */
.is-style-btn-medium > .wp-block-button__link {
  color: var(--wp--preset--color--custom-eduart-white);
  font-size: clamp(13px, calc(16 * (100vw / var(--break-point-pc))), 16px);
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  background-color: var(--wp--preset--color--custom-eduart-purple-1);
  padding-inline: clamp(18px, calc(40 * (100vw / var(--break-point-pc))), 40px);
  padding-block: clamp(8px, calc(14 * (100vw / var(--break-point-pc))), 14px);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
}

.is-style-btn-medium > .wp-block-button__link:hover {
  opacity: 0.7;
}

/* SP小サイズ */
.is-style-btn-small > .wp-block-button__link {
  color: var(--wp--preset--color--custom-eduart-white);
  font-size: clamp(11px, calc(16 * (100vw / var(--break-point-pc))), 16px);
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  background-color: var(--wp--preset--color--custom-eduart-purple-1);
  padding-inline: clamp(16px, calc(30 * (100vw / var(--break-point-pc))), 30px);
  padding-block: clamp(8px, calc(20 * (100vw / var(--break-point-pc))), 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
}

.is-style-btn-small > .wp-block-button__link:hover {
  opacity: 0.7;
}

/* ハッシュタグ */
.is-style-btn-hashtag > .wp-block-button__link {
  color: var(--wp--preset--color--custom-eduart-purple-1);
  font-size: clamp(14px, calc(16 * (100vw / var(--break-point-pc))), 16px);
  font-weight: 500;
  background-color: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
}

.is-style-btn-hashtag > .wp-block-button__link:hover {
  opacity: 0.7;
}

/* ========================================
    アーカイブ共通パーツ
========================================= */
.wp-block-query {
  gap: 0 !important;
}

.wp-block-query .wp-block-post {
  transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
}

.wp-block-query .wp-block-post:hover {
  opacity: 0.7;
}

.wp-block-query .wp-block-post-template.is-layout-grid {
  row-gap: clamp(27px, 6.9vw, 40px) !important;
}

@media (min-width: 600px) and (max-width: 700px) {
  .eduart-query .is-layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* タイトル */
.archive__title {
  font-size: clamp(20px, calc(32 * (100vw / var(--break-point-pc))), 32px);
}

/* ページネーション */
.wp-block-query-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wp-block-query-pagination,
.wp-block-query-pagination-numbers {
  --size: 32px !important;
  font-size: calc(16 / 16 * 1rem) !important;
  gap: 16px !important;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.wp-block-query-pagination-numbers .page-numbers {
  line-height: 1;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--size) !important;
  min-height: var(--size) !important;
  padding: 0.3em;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
  --btn-color: var(--wp--preset--color--custom-eduart-gray-3);
  border: 1px solid var(--btn-color);
  background-color: var(--btn-color);
  color: var(--wp--preset--color--custom-eduart-white);
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
  opacity: 0.7;
}

.wp-block-query-pagination-previous svg,
.wp-block-query-pagination-next svg {
  width: 6px !important;
  height: auto !important;
}

.wp-block-query-pagination-numbers a {
  border: 1px solid var(--wp--preset--color--custom-eduart-gray-2);
}

.wp-block-query-pagination-numbers a:hover {
  opacity: 0.7;
}

.wp-block-query-pagination-numbers .current {
  color: var(--wp--preset--color--custom-eduart-purple-1);
  border: 1px solid var(--wp--preset--color--custom-eduart-purple-1);
}

.wp-block-query-pagination-numbers .dots {
  color: var(--wp--preset--color--custom-eduart-text);
}

/* ========================================
    header
 ========================================= */
.header {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
}

.header__pc-nav {
  gap: min(2.5vw, 40px) !important;
}

.header__btn > .wp-block-button__link {
  font-size: clamp(12px, calc(16 * (100vw / var(--break-point-pc))), 16px);
}

@media screen and (max-width: 1099px) {
  .header {
    padding-block: 8px;
  }

  .header__logo img {
    width: clamp(180px, 46.1vw, 200px) !important;
  }

  .header__pc-nav .wp-block-navigation-link {
    display: none;
  }

  .header__btn > .wp-block-button__link {
    padding-block: 5px;
    padding-inline: clamp(11px, calc(30 * (100vw / var(--break-point-pc))), 30px);
  }

  .header__en-wrapper {
    display: none;
  }
}

@media screen and (min-width: 1100px) {
  .header__mega-menu {
    display: none !important;
  }

  .header__btn > .wp-block-button__link {
    padding-block: 27px;
    padding-inline: 60px;
  }
}

/* メニューボタン画像設定 */
.header__pc-nav .wp-block-navigation-submenu__toggle {
  --size: 30px;
  color: var(--wp--preset--color--custom-eduart-white);
  font-size: calc(1 / 16 * 1rem);
  width: var(--size);
  height: var(--size);
  position: relative;
  margin-right: 10px;
}

.header__pc-nav .wp-block-navigation-submenu__toggle::before {
  content: "";
  background: url("../img/menu-open.svg") no-repeat center/contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.header__pc-nav .wp-block-navigation-submenu__toggle[aria-expanded="true"]::before {
  background: url("../img/menu-close.svg");
}

.header__pc-nav .wp-block-navigation__submenu-icon {
  display: none !important;
}

/* メガメニュー */
.header__pc-nav .unitone-mega-menu__container {
  top: calc(100% + 8px);
}

.header__pc-nav .unitone-mega-menu__placement {
  padding-block: 15px;
}

/* ========================================
    footer
========================================= */
.footer__nav {
  font-size: clamp(14px, calc(16 * (100vw / var(--break-point-pc))), 16px);
}

@media screen and (max-width: 959px) {
  .footer__nav {
    flex-direction: column;
    align-items: start;
    row-gap: 6px !important;
  }
}

.footer__gallery > .wp-block-button__link {
  font-size: clamp(13px, calc(15 * (100vw / var(--break-point-pc))), 15px);
  display: flex;
  align-items: center;
  column-gap: 6px;
}

.footer__gallery > .wp-block-button__link img {
  width: clamp(16px, calc(24 * (100vw / var(--break-point-pc))), 24px) !important;
}

.footer__copyright {
  font-size: clamp(10px, calc(11 * (100vw / var(--break-point-pc))), 11px);
}

/* ========================================
    cta
========================================= */
.cta__copy {
  font-size: var(--size);
  margin-bottom: calc(var(--size) * 1.2 * -0.45);
}

@media screen and (max-width: 959px) {
  .cta__copy {
    --size: clamp(28px, calc(60 * (100vw / var(--break-point-pc))), 60px);
  }
}

@media screen and (min-width: 960px) {
  .cta__copy {
    --size: min(6.5vw, 88px);
  }
}

.cta__section-title {
  font-size: clamp(28px, calc(40 * (100vw / var(--break-point-pc))), 40px);
}

.cta__section-title-bottom {
  font-size: clamp(18px, calc(20 * (100vw / var(--break-point-pc))), 20px);
}

.cta__detail {
  font-size: calc(18 / 16 * 1rem);
}

/* ========================================
    top
========================================= */
/* bg-area */
@media screen and (max-width: 959px) {
  .bg-area__sp-full > div > div {
    width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* section-title */
@media screen and (max-width: 599px) {
  .section-title-under-line__line {
    width: min(100%, 210px);
    margin-inline: auto;
  }
}

.section-title-under-line__text {
  font-size: clamp(16px, calc(28 * (100vw / var(--break-point-pc))), 28px);
}

/* main-visual */
.mv__movie {
  pointer-events: none;
}

.mv__copy {
  font-size: clamp(20px, calc(40 * (100vw / var(--break-point-pc))), 40px);
}

.mv-bottom__copy--ja {
  font-size: clamp(38px, calc(80 * (100vw / var(--break-point-pc))), 80px);
}

@media screen and (max-width: 959px) {
  .mv-bottom__copy--ja {
    margin-bottom: -0.4em;
  }
}

@media screen and (min-width: 960px) {
  .mv-bottom__copy--ja {
    margin-bottom: -0.5em;
  }
}

.mv-bottom__copy--ja-small {
  font-size: clamp(32px, calc(70 * (100vw / var(--break-point-pc))), 70px);
}

@media screen and (max-width: 959px) {
  .mv-bottom__copy-bg {
    width: 87.2%;
    margin-inline: auto;
  }
}

.mv-bottom__copy--en {
  font-size: clamp(20px, calc(50 * (100vw / var(--break-point-pc))), 50px);
}

.mv-bottom__detail {
  font-size: clamp(16px, calc(25 * (100vw / var(--break-point-pc))), 25px);
}

/* value */
.value__item {
  position: relative;
  z-index: 1;
}

.value__item::after {
  content: "";
  background-color: var(--wp--preset--color--custom-eduart-purple-3);
  width: var(--size);
  height: var(--size);
  position: absolute;
  z-index: -1;
}

@media screen and (max-width: 959px) {
  .value__item-wrapper {
    gap: max(106px, 27.1vw) !important;
  }

  .value__item::after {
    --size: min(51vw, 400px);
    top: -6vw;
    right: 0;
    left: 0;
    margin-inline: auto;
  }

  .value__item-inner-grid {
    gap: 7.6% !important;
  }

  .value__item-text-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 960px) {
  .value__item-wrapper {
    gap: min(23.2vw, 297px) !important;
  }

  .value__item::after {
    --size: min(49.2vw, 566px);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }

  .value__item:nth-of-type(odd)::after {
    left: 0;
  }

  .value__item:nth-of-type(even)::after {
    right: 0;
  }

  .value__item-title--ja {
    white-space: nowrap;
  }
}

.value__item-title--ja {
  font-size: clamp(28px, calc(60 * (100vw / var(--break-point-pc))), 60px);
}

.value__item-title--ja-small {
  font-size: clamp(24px, calc(48 * (100vw / var(--break-point-pc))), 48px);
}

.value__item-title--en {
  font-size: clamp(16px, calc(36 * (100vw / var(--break-point-pc))), 36px);
}

.value__item-detail {
  font-size: clamp(16px, calc(20 * (100vw / var(--break-point-pc))), 20px);
}

@media screen and (max-width: 959px) {
  .value__item-detail {
    line-height: 1.75 !important;
  }
}

/* programs */
.programs__section-index-wrapper * {
  font-size: clamp(13px, calc(16 * (100vw / var(--break-point-pc))), 16px);
}
.programs__section-index-wrapper p:first-of-type {
  text-box-trim: trim-both;
  margin-bottom: -0.15em;
}

@media screen and (max-width: 959px) {
  .programs__content-grid {
    column-gap: 4.7% !important;
  }
}

.programs__content-main-number {
  font-size: clamp(18px, calc(36 * (100vw / var(--break-point-pc))), 36px);
}

.programs__content-main-title {
  font-size: clamp(17px, calc(32 * (100vw / var(--break-point-pc))), 32px);
}

.programs__content-main-title-bottom {
  font-size: clamp(15px, calc(24 * (100vw / var(--break-point-pc))), 24px);
}

.programs__content-main-detail {
  font-size: clamp(16px, calc(18 * (100vw / var(--break-point-pc))), 18px);
}

/* performance */
.performance__activity-title {
  font-size: clamp(16px, calc(28 * (100vw / var(--break-point-pc))), 28px);
}

.performance__activity-card {
  --size: clamp(112px, calc(221 * (100vw / var(--break-point-pc))), 221px);
  width: min(100%, var(--size));
  min-height: var(--size);
}

.performance__activity-card-text {
  font-size: clamp(12px, calc(16 * (100vw / var(--break-point-pc))), 16px);
}

.performance__activity-card-number {
  font-size: clamp(28px, calc(60 * (100vw / var(--break-point-pc))), 60px);
}

.performance__school-title {
  font-size: clamp(16px, calc(20 * (100vw / var(--break-point-pc))), 20px);
}

.performance__school-title-bottom {
  font-size: clamp(12px, calc(14 * (100vw / var(--break-point-pc))), 14px);
}

.performance__school-list {
  display: block !important;
}

.performance__school-list li,
.performance__school-list li > div,
.performance__school-list li p {
  display: inline !important;
}

.performance__school-list li {
  white-space: normal !important;
}

.performance__school-list li p {
  font-size: clamp(14px, calc(18 * (100vw / var(--break-point-pc))), 18px);
  line-height: 2 !important;
  margin: 0 !important;
}

.performance__school-list li::before {
  display: none !important;
}
.performance__school-list li::after {
  content: " / ";
  font-size: 1em;
  display: inline;
  vertical-align: baseline;
  margin-left: 0.05em;
}

.performance__school-list li:last-child::after {
  content: none !important;
}

/* team */
.team__section-title {
  font-size: clamp(16px, calc(28 * (100vw / var(--break-point-pc))), 28px);
}

.team__large-card-position {
  font-size: clamp(14px, calc(16 * (100vw / var(--break-point-pc))), 16px);
}

.team__large-card-name {
  font-size: clamp(16px, calc(24 * (100vw / var(--break-point-pc))), 24px);
}

.team__large-card-detail * {
  font-size: clamp(16px, calc(18 * (100vw / var(--break-point-pc))), 18px);
}

.team__lower-title-wrapper {
  padding-block: clamp(6px, calc(12 * (100vw / var(--break-point-pc))), 12px);
  padding-inline: clamp(10px, calc(40 * (100vw / var(--break-point-pc))), 40px);
}

.team__lower-title {
  font-size: clamp(16px, calc(20 * (100vw / var(--break-point-pc))), 20px);
  text-transform: uppercase;
}

@media screen and (max-width: 599px) {
  .team__lower-title-wrapper {
    padding-inline: clamp(10px, calc(20 * (100vw / var(--break-point-pc))), 20px);
  }
}

.team__profile-grid-small {
  justify-content: space-between !important;
}

.team__small-card-position {
  font-size: clamp(14px, calc(15 * (100vw / var(--break-point-pc))), 15px);
}

.team__small-card-name {
  font-size: clamp(14px, calc(20 * (100vw / var(--break-point-pc))), 20px);
}

.team__small-card-detail * {
  font-size: clamp(14px, calc(18 * (100vw / var(--break-point-pc))), 18px);
}

/* collaboration */
@media screen and (max-width: 959px) {
  .collaboration__logo-grid {
    column-gap: clamp(10px, calc(30 * (100vw / var(--break-point-pc))), 30px) !important;
    row-gap: 0 !important;
  }
}

@media screen and (min-width: 960px) {
  .collaboration__logo-grid {
    column-gap: clamp(12px, calc(46 * (100vw / var(--break-point-pc))), 46px) !important;
  }
}

/* vision, mission */
.vision__text {
  font-size: calc(24 / 16 * 1rem);
}

.mission__number-wrapper {
  --size: clamp(30px, calc(40 * (100vw / var(--break-point-pc))), 40px);
  font-size: calc(18 / 16 * 1rem);
  width: var(--size);
  height: var(--size);
}

.mission__text--large {
  font-size: clamp(18px, calc(24 * (100vw / var(--break-point-pc))), 24px);
}

.mission__text--small {
  font-size: calc(18 / 16 * 1rem);
}

/* overview */
.overview__title--ja {
  font-size: clamp(16px, calc(28 * (100vw / var(--break-point-pc))), 28px) !important;
}

.overview__table th,
.overview__table td {
  font-size: calc(18 / 16 * 1rem);
  background-color: transparent !important;
  border-width: 0 !important;
  padding-block: 0.05em !important;
}

.overview__table th {
  font-weight: 500 !important;
}

.overview__table tr:has(th:not(:empty)):has(td) th:not(:empty) {
  padding-top: 1.3em !important;
}

@media screen and (min-width: 769px) {
  .overview__table tr:has(th:not(:empty)):has(td) td {
    padding-top: 1.3em !important;
  }
}

/* ========================================
    news-report
========================================= */
/* archive */
.news-report__archive-category {
  font-size: clamp(11px, calc(13 * (100vw / var(--break-point-pc))), 13px);
}

.news-report__archive-title * {
  font-size: clamp(14px, calc(16 * (100vw / var(--break-point-pc))), 16px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/* category-list */
.news-report__category-list-title {
  font-size: clamp(16px, calc(18 * (100vw / var(--break-point-pc))), 18px);
}

.news-report__category-list .taxonomy-buttons {
  column-gap: clamp(20px, calc(40 * (100vw / var(--break-point-pc))), 40px) !important;
  row-gap: clamp(20px, calc(30 * (100vw / var(--break-point-pc))), 30px) !important;
  justify-content: center !important;
}

@media screen and (max-width: 959px) {
  .news-report__category-list {
    padding-inline: 4.5% !important;
  }
}

@media screen and (min-width: 960px) {
  .news-report__category-list .taxonomy-buttons {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }

  .news-report__category-list .taxonomy-buttons a {
    width: 100%;
    padding-inline: 10px !important;
  }
}

/* post */
.news-report__post-title {
  font-size: clamp(24px, calc(40 * (100vw / var(--break-point-pc))), 40px);
}

.news-report__post-date {
  font-size: clamp(12px, calc(16 * (100vw / var(--break-point-pc))), 16px);
}

@media screen and (max-width: 599px) {
  .news-report__post-meta-wrapper {
    flex-direction: column;
    align-items: start;
    gap: 0 !important;
  }
}

.news-report__post-category a {
  font-size: clamp(12px, calc(13 * (100vw / var(--break-point-pc))), 13px);
  padding-inline: 12px;
  padding-block: clamp(3px, calc(5 * (100vw / var(--break-point-pc))), 5px);
  background-color: var(--wp--preset--color--custom-eduart-purple-1);
}

.news-report__post-keyword a {
  font-size: clamp(12px, calc(14 * (100vw / var(--break-point-pc))), 14px);
  padding-left: 0.7em;
  position: relative;
}

.news-report__post-keyword a::before {
  content: "#";
  line-height: 1.5;
  position: absolute;
  left: 0;
  top: 0;
}

.news-report__post-category a,
.news-report__post-keyword a {
  text-decoration: none;
}

.news-report__post-category a:hover,
.news-report__post-keyword a:hover {
  opacity: 0.7;
}

.news-report__post-recent-title {
  font-size: clamp(16px, calc(20 * (100vw / var(--break-point-pc))), 20px);
}

.news-report__post-share-btn a {
  font-size: clamp(12px, calc(13 * (100vw / var(--break-point-pc))), 13px);
  display: flex;
  align-items: center;
}

.news-report__post-share-btn .wp-block-button:first-of-type a {
  column-gap: 8px;
}

.news-report__post-share-btn a:hover {
  opacity: 0.7;
}

.news-report__post-share-btn a img {
  width: clamp(18px, calc(30 * (100vw / var(--break-point-pc))), 30px) !important;
}

/* ========================================
    gallery
========================================= */
/* archive */
.gallery__archive-note {
  font-size: clamp(14px, calc(16 * (100vw / var(--break-point-pc))), 16px);
}

.gallery__archive-date {
  font-size: clamp(13px, calc(14 * (100vw / var(--break-point-pc))), 14px);
}

/* post */
.gallery__post-title {
  font-size: clamp(24px, calc(40 * (100vw / var(--break-point-pc))), 40px);
}

.gallery__post-custom-date {
  font-size: clamp(16px, calc(24 * (100vw / var(--break-point-pc))), 24px);
}

/* ========================================
    404
========================================= */
.e404__heading {
  font-size: clamp(18px, calc(40 * (100vw / var(--break-point-pc))), 40px);
}

.e404__heading-sub {
  font-size: clamp(18px, calc(32 * (100vw / var(--break-point-pc))), 32px);
}

.e404__message p {
  font-size: clamp(16px, calc(20 * (100vw / var(--break-point-pc))), 20px);
}