/* オーバーレイのスタイル */
#modal-overlay {
  display: none; /* 初期状態では非表示 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 153, 255, 0.15); /* 透明度15%の青 */
  z-index: 1000; /* 他の要素より手前に表示 */
}

/* モーダルコンテンツ（案内ページ）のスタイル */
#modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 中央に配置 */
  background-color: #fff;
  padding: 10px 1% 25px 1%;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  width: 80%;
  max-width: 300px;
  text-align: center;
}