/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 25 2025 | 09:41:17 */
/****************************************************************/
/* Contact Form 7の共通スタイル (個別スタイルはフォーム内に定義)*/
/****************************************************************/
form.wpcf7-form{margin: 0 auto 12em;}
form.wpcf7-form>p{margin-bottom:16px;}/* 入力項目間のmargin */
form.wpcf7-form>p>br{ display:none; } /* 次の項目の最後のbrを無効にする */

form.wpcf7-form>p label.required::after{margin-left:8px;color:blue;font-size:10pt;content: '(※)';} /* 必須入力 */

/*入力項目の上にエラーメッセージを表示する*/
form.wpcf7-form>p span.wpcf7-form-control-wrap{display:flex;flex-direction:column;}
form.wpcf7-form>p span.wpcf7-form-control-wrap>span.wpcf7-not-valid-tip{order:-1; font-size:0.8em;}

form.wpcf7-form>p>label{font-weight: bold;} /* 項目名強調 */

form.wpcf7-form input.wpcf7-form-control::placeholder{color: silver;}  /* 入力例の文字色を薄く設定 */

input.wpcf7-submit {} /* 送信ボタン */
input.wpcf7-submit {width:120px !important; margin-top:40px; font-size:16pt;
  display       : inline-block;
  border-radius : 15%;          /* 角丸       */
  font-size     : 20pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 16px;   /* 余白       */
  background    : #1a1aff;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid #1a1aff;    /* 枠の指定 */  
}
input.wpcf7-submit:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #1a1aff;     /* 文字色     */
  background    : #ffff1a;     /* 背景色     */
}
input.wpcf7-submit:disabled {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : gray;        /* 文字色     */
  background    : lightgray;   /* 背景色     */
  border-color  : gray;        /* 枠色       */
}