/* 404 専用CSS */

/* --------------------------------
   common
--------------------------------- */
.page-404-content {
  padding: var(--space-xl) 0 var(--space-xxl);
}

.page-404-content .heading h2 {
  font-size: var(--fz-xl);
  color: var(--color-primary);
  margin-bottom: var(--space-md);
}

.page-404-content .heading p {
  font-size: var(--fz-rg);
  line-height: 1.8;
  color: var(--color-text);
}

.page-404-content .btn__inner {
  margin-top: var(--space-lg);
}


/* ================================
   Smartphone（~767px）
================================ */
@media (max-width: 767px) {
  .page-404-content {
    padding: var(--space-lg) 0 var(--space-xl);
  }

  .page-404-content .heading h2 {
    font-size: var(--fz-lg);
  }

  .page-404-content .heading p {
    font-size: var(--fz-sm);
  }
}