.top-page-container {
  display: flex;
  justify-content: center; /* 左右中央 */
  align-items: center;     /* 上下中央 */
  min-height: 100vh;       /* 画面の高さいっぱいに広げる */
  background-color: #f4f7f8; /* 落ち着いた背景色（お好みで#fffに） */
  margin: 0;
}

.top-main-content {
  text-align: center;
}

/* ボタンのデザイン：キャプチャの雰囲気に合わせた重厚感 */
.btn-login-huge {
  display: inline-block;
  background-color: #333;   /* ロゴの文字色に近いダークグレー */
  color: #fff !important;   /* 文字は白 */
  padding: 24px 80px;       /* 存在感のあるサイズ */
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;       /* 角を少し丸く */
  box-shadow: 0 10px 20px rgba(0,0,0,0.1); /* 浮いているような影 */
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

/* ホバー時の挙動 */
.btn-login-huge:hover {
  background-color: var(--color_main);
  transform: translateY(-3px); /* 少し浮き上がる */
  box-shadow: 0 15px 25px rgba(230,0,126,0.2);
  text-decoration: none;
}