@charset "utf-8";
 body {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  background: linear-gradient(to bottom right, #e0f7fa, #fff0f5);
  color: #333;
  background-attachment: fixed;
}

/* --- フッターが下に固定されるようにする基本設定 --- */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* 全体構造：縦に積み上げる */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* ← 画面全体の高さを確保 */
}

/* フッターを最下部に固定 */
footer {
  margin-top: auto; /* ← コンテンツの下端に自動的に押し下げる */
}