/* ===================================================================
   02_base.css
   リセット / ベーススタイル / フォント設定 / アニメーション
   全ページに読み込まれる最低限の共通スタイルです
   =================================================================== */


/* --- リセット・ベーススタイル ------------------------------------------------ */

/* ===========================================================
   2. リセット・ベース
   =========================================================== */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--text);
  background: var(--bg);
  line-height: 1.7;
}

a { color: inherit; text-decoration: none; }

img { max-width: 100%; display: block; }

/* --- アニメーション（ヒーロー以外） --------------------------------------------- */

/* ===========================================================
   10. アニメーション
   =========================================================== */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

.fade-up { animation: fadeUp 0.6s ease both; }

/* --- 全ページ共通レスポンシブ ------------------------------------------------ */

/* ===========================================================
   29. 共通レスポンシブ
   =========================================================== */
@media (max-width: 1024px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 768px) {
  .header-links { display: none; }
  .nav-links    { display: none; }
  .hamburger    { display: flex; }

  .footer-grid   { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
}

@media (max-width: 480px) {
  .logo-text { font-size: 1rem; }
}