/* CSS Document */
/* フォームの基本デザインは /css/index.css の .form-area を使用 */

/* ------------------------------------------------------------
  Contact Form 7 調整
------------------------------------------------------------ */
.form-area .wpcf7-form-control-wrap { display: block; }
.form-area .wpcf7-not-valid-tip { font-size: 13px; margin-top: 4px; }
.form-area .btn { position: relative; }
.form-area .btn .wpcf7-spinner { position: absolute; top: 100%; left: 50%; margin: 10px 0 0 -12px; }
.form-area .wpcf7 form .wpcf7-response-output { margin: 0 0 20px; padding: 10px 15px; font-size: 14px; text-align: center; }

@media (min-width:751px){
	/* iframe（高さ固定）内に送信結果のメッセージが収まるよう、ボタン下の余白を詰める */
	.form-area .btn { margin-bottom: 40px; }
}

@media (max-width:750px){
	.form-area .btn { margin-bottom: 8vw; }
	.form-area .wpcf7-not-valid-tip { font-size: 3.2vw; }
	.form-area .wpcf7 form .wpcf7-response-output { font-size: 3.4vw; }
}