@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* Contact Form 7 */
/* 必須マーク */
.must {
  color: #fff;
  margin-right: 10px;
  padding: 6px 10px;
  background: #f58694; /* 背景色 */
  border-radius: 5px;
}

/* 任意マーク */
.free {
  color: #fff;
  margin-right: 10px;
  padding: 6px 10px;
  background: #7fbfff; /* 背景色 */
  border-radius: 5px;
}

/* 項目名を太字にする */
form p {
  font-weight: 600;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  padding: 8px 15px;
  margin-right: 10px;
  margin-top: 10px;
  border: 1px solid #d0d5d8; /* 枠線の色 */
  border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 200px;
}

/* 必須項目の入力欄を見やすくする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  background: #eff1f5; /* 背景色 */
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
  width: 100%; /* 好みで60〜80%でもOK */
  height: 60px;
  border-color: #2885ff; /* 枠線の色 */
  background: #2885ff; /* ボタンの色 */
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  border-radius: 2px;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
  color: red;
  font-weight: 600;
}
.wpcf7-form-control {
  margin-bottom: 10px;
}
.grecaptcha-badge {
  opacity: 1;
}
/* 同意チェック無しでボタンの色をグレーに */
.wpcf7 .wpcf7-submit:disabled {
  background: #b5b5b5;
}
.row-privacy {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 30px;
}