body {
  font-family: Arial, sans-serif;
  margin: 2em;
  line-height: 1.6;
}

footer {
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid #ccc;
  font-size: 0.9em;
  color: #666;
}

ol.spot li {
  counter-increment: aaaa;
  width: auto;
  padding-top: 5px;
  padding-bottom: 0px;
  padding-right: 0px;
}

.box-link {
  display: block; /* a要素をブロック化 */
  width: 200px; /* 横幅 */
  background-color: #fff; /* 背景色 */
  border: 2px solid #333; /* 枠線 */
  text-align: center; /* 文字を中央揃え */
  line-height: 50px; /* 高さに合わせて縦方向中央揃え */
  text-decoration: none; /* 下線を消す */
  color: #2704a0; /* 文字色 */
}

.box-link:hover {
  background-color: #ccc; /* ホバー時の色 */
}

.logo-container {
  display: flex; /* 横並び */
  align-items: center; /* 縦方向の中央揃え */
  gap: 10px; /* 画像と文字の間隔 */
}

.noselect {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.survey-description {
  margin: 10px 0;
  line-height: 1.5;
  font-size: 14px; /* スマホでも読みやすい */
  color: #333; /* 標準の読みやすい色 */
}