/************************************
** お問い合わせフォームの入力
************************************/
/* ----------------
		共通
	------------- */
/*「必須」文字デザイン*/
.CF7_req,.required {
	display: inline-block;
	background-color: #ef4c5c;
	color: #fff;
	padding: 0.2rem 0.5rem;
	margin: 0.5rem;
	border-radius: 3px;
	font-size: .85rem;
	font-weight: 500;
}

/*「任意」文字デザイン*/
.optional{
	display: inline-block;
	background: #09a1dd;
	color: #fff;
	padding: 0.2rem 0.5rem;
	margin: 0.5rem;
	border-radius: 3px;
	font-size: .85rem;
	font-weight: 500;
	}

.CF7_wrap {
	margin: 0 auto;
	max-width: 700px;
	padding: 1rem;
	padding-top: 40px;
}
.form__section {
	margin-bottom: 2rem;
}
.form__title {
	font-weight: 600;
	font-size: 1rem;
}

/* チェックボックス */
input[type="checkbox"] {
    transform: scale(1.3);
    transform-origin:100% 50%;
    transform: scale(1.3);
    transform-origin:100% 50%;
    transform: scale(1.3);
    transform-origin:100% 50%;
    width:20px;
    height:20px;
    vertical-align: middle;
}
.checkbox__wrap {
	margin-top: 1rem;
	margin-left: .5rem;
}

.wpcf7-list-item {
	margin-right: 2rem;
	margin-left: 0;
	margin-bottom: 1rem;
}

	
	
	
	/* 入力項目を見やすく */
	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;
		background-color: #eff1f5;
	}
	textarea.wpcf7-form-control.wpcf7-textarea {
		height: 200px;
	}
	
	/* 「送信する」ボタン */
	input.wpcf7-submit {
		display: block;
		padding: 15px;
		width: 400px;
		background: #09a1dd;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		border-radius: 20px;
		margin: 15px auto 0;
		transition: .3s;
		text-align: center;
		letter-spacing: 0.1rem;
	}
	@media screen and (max-width:768px){
	input.wpcf7-submit {
	width: 250px;
	transition: .3s;
	}
	}
	
	input.wpcf7-submit:hover {
		box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
		opacity:0.7;
	}
	/* エラーメッセージを見やすく */
	span.wpcf7-not-valid-tip,
	.wpcf7-response-output.wpcf7-validation-errors {
		color: #ef4c5c;
		font-weight: 600;
		margin-top: 1rem;
	}



	.wpcf7 form.sent .wpcf7-response-output {/* 送信ボタン下完了時 */
		border-color: #8cebe5;
		margin: 0 auto;
		text-align: center;
		max-width: 750px;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.wpcf7 form.invalid .wpcf7-response-output,
	.wpcf7 form.unaccepted .wpcf7-response-output {/* 送信ボタン下未入力警告 */
		border-color: #f88;
		margin: 0 auto;
		text-align: center;
		max-width: 750px;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.wpcf7-not-valid-tip {/* 必須未入力項目下の文章 */
		color: #ef4c5c;
		font-weight: 600;
		margin-top: 1rem;
	}

	/* CF7_reCAPTCHA 注意書き */
	.CF7_reCAPTCHA_wrap {
		margin: 1rem auto;
	}
	
	.CF7_reCAPTCHA {
		color: #444;
		font-size: .9rem;
	}
	.CF7_reCAPTCHA a {
		color: #09a1dd;
	}