@charset "UTF-8";
form {
  padding: 4rem 2rem;
}
form p {
  font-weight: bold;
  margin-bottom: 2rem;
}
form p span {
  border: solid 1px #b9b9b9;
  padding: 6px;
  margin: 0.4rem 0;
  display: inline-block;
  width: 100%;
}

textarea {
  width: 100%;
}

/* 送信ボタン */
.wpcf7-submit {
  margin-top: 3rem;
  background-color: #ffffff; /* ボタンの背景色 */
  color: #2f2f2f; /* ボタンのテキスト色 */
  padding: 10px 40px; /* パディング */
  border: solid 1px #b9b9b9; /* ボーダーをなしに */
  border-radius: 5px; /* 角丸 */
  cursor: pointer; /* カーソルをポインターに変更 */
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; /* ホバー時のトランジション */
}
.wpcf7-submit:hover {
  background-color: #2b2b2b; /* ホバー時の背景色 */
  color: #fff;
}

/* スピナー */
.has-spinner {
  position: relative;
}

.wpcf7-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none; /* 初期状態では非表示 */
}

/* フォーム送信時のスピナー表示 */
.wpcf7-submit:active + .wpcf7-spinner {
  display: block;
}

input,
textarea {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.65rem;
  font-weight: 400;
}

input:focus {
  outline: solid 1px #ddd;
}

.txt_red {
  color: #b60808;
  display: inline;
  border: none;
}