/* オーバーレイのスタイル */
#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: #3d4f99;
  padding: 25px 1% 15px 1%;
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  height:310px;
  width: 80%;
  max-width: 300px;
  text-align: center;
}