footer {
  background-color: #000; /* 黒背景 */
  color: #fff; /* 文字色は白などお好みで */
  width: 100%; /* 横幅いっぱい */
  padding: 16px 24px; /* 内側余白 */
  box-sizing: border-box; /* パディング込みで幅計算 */

  /* レイアウト調整用（必要に応じて） */
  text-align: center; /* 中央寄せ */
  font-size: 14px;

  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
}

.bottonBtn {
  display: inline-block;
  padding: 2px 2px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: border-bottom;
  gap: 4px;
  transition: color 0.3s ease; /* 0.3秒かけて滑らかに変化 */
}

.bottonBtn:hover {
  color: #008aee;
}

@media (max-width: 767px) {
  .bottonBtn {
    width: auto;
    padding: 2px 2px;
    font-size: 0.9rem;
  }
}