@charset "UTF-8";

/*フォーム*/
/* コンタクトフォーム全体のスタイル */
.wpcf7 {
  width:90%;
  margin: 0 auto;
  }
  /* ラベルのスタイル */
  .wpcf7-form label {
  display: block;
  margin-bottom: 1rem;
  font-size: 1rem;
  color: rgba(var(--color-main),1.0); /* ダークグレー */
  }
  /* 必須フィールドのラベルスタイル */
  .wpcf7-form .required {
  background-color: rgba(var(--color-red),1.0); /* レッド */
  color: white;
  padding: 2px 5px;
  border-radius: 3px;
  margin-left: 10px;
  font-size: 0.8rem;
  }
  /* インプットフィールドのスタイル */
  .wpcf7-form textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(var(--color-main),1.0); /* ライトグレー */
  border-radius: 5px;
  margin-bottom: 20px;
  font-size: 1rem;
  }
  /* テキストエリアのスタイル */
  .wpcf7-form textarea {
  height: 10rem;
  resize: vertical;
  }
  /* 送信ボタンのスタイル */
  .wpcf7-form input[type="submit"] {
  background-color: rgba(var(--color-main-c),1.0); /* ブルー */
  color: rgba(var(--color-white),1.0);
  cursor: pointer;
  transition: background-color 0.3s ease;
  border: none;
  }
  .wpcf7-form input[type="submit"]:hover {
  background-color: rgba(var(--color-main-c),0.80); /* 濃いブルー */
  }
  /* エラーメッセージと成功メッセージのスタイル */
  .wpcf7-form .wpcf7-not-valid-tip {
  color: rgba(var(--color-red),1.0);
  font-size: 0.9rem;
  }
  .wpcf7-form .wpcf7-mail-sent-ok {
  color: rgba(var(--color-blue),1.0);
  font-size: 1rem;
  margin-bottom: 20px;
  }