/* styles.css */
body {
  font-family: "Sawarabi Mincho";
}
.numerology_wrapper {
  width: 100%;
  max-width: 600px;
  padding: 20px 0;
  margin-left: auto;
  margin-right: auto;
}
.form_selects {
  margin: 20px 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media screen and (min-width: 480px) {
  .form_selects {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
h1 {
  color: #FFF; /* テキストのカラー */
  background-color: #191970; /* バックグラウンドカラー */
  padding: 10px; /* パディング */
  border-radius: 5px; /* 角丸 */
  text-align: center; /* テキストを中央寄せ */
}
h2 {
  margin-top: 50px;
  color: #FFF; /* テキストのカラー */
  background-color: #191970; /* バックグラウンドカラー */
  padding: 10px; /* パディング */
  border-radius: 5px; /* 角丸 */
  text-align: center; /* テキストを中央寄せ */
}
h3 {
  color: #333; /* テキストのカラー */
  background-color: #00CED1; /* バックグラウンドカラー */
  padding: 5px; /* パディング */
  border-radius: 5px; /* 角丸 */
}
ul {
  padding: 0;
}
ul li::marker {
  content: none;
}
li {
  padding: 10px; /* リストアイテムの内部余白 */
  margin: 8px 0; /* リストアイテムの上下余白 */
  background-color: #f0f0f0; /* 背景色 */
  border-radius: 5px; /* 角丸 */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* ドロップシャドウ */
  font-size: 16px; /* フォントサイズ */
  color: #333; /* テキストの色 */
}
li.select2-results__option {
  margin: 0;
  background-color: #FFF; /* 背景色 */
  border-radius: 0; /* 角丸 */
  box-shadow: none;
}

.stylish-button {
  display: block;
  width: 100%;
  padding: 10px 20px;
  background-color: #191970; /* ボタンの背景色 */
  color: #ffffff; /* ボタンのテキスト色 */
  border: none;
  border-radius: 5px; /* ボタンの角丸 */
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease; /* ホバー時のアニメーション */
}
.stylish-button:hover {
  background-color: #2980b9; /* ホバー時の背景色 */
}

.form_item.custom-select {
  display: flex;
}
.custom-select-wrapper {
  width: 100%;
}

.listTitle {
  font-size: 1.2rem;
}
/* numerology_contentsを初めは非表示にするスタイル */
.numerology_contents {
  display: none;
}