/* ページ全体の設定（スムーズスクロール） */
html {
  scroll-behavior: smooth;
}

/* ボタンの基本デザイン */
.page-top {
  position: fixed;
  right: 50px; /* 画面右からの距離 */
  bottom: 50px; /* 画面下からの距離 */
  z-index: 9999; /* 他の要素より手前に表示 */
  
  width: 100px;
  height: 50px;
  background-color: #123d83; /* 背景色 */
  color: #fff; /* 文字色 */
  text-decoration: none;
  border-radius: 10%; /* 丸いボタンにする場合 */
  
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* マウスホバー時のアニメーション */
.page-top:hover {
  opacity: 0.8;
}