@charset "UTF-8";
/* CSS Document */

.wpcf7-form{
	margin: 2em 0;
}
.wpcf7-form dl{
	display:flex;
	flex-wrap: wrap;
}
.wpcf7-form dl dt{
	flex-basis: 35%;
	padding-top: 0.25em;
}
.wpcf7-form dl dd{
	flex-basis: 65%;
	margin-bottom: 2em;
	
}

/*エラー文字*/
.wpcf7-not-valid-tip{
	font-size: 90%!important;
}

.wpcf7-form dt{
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
	font-feature-settings: "palt" 1;
}
/*DTに小文字ある場合*/
.wpcf7-form dt small{
	font-weight: normal;
	font-size: 12px;
	color: #767676;
	padding-left: 5px;
}
/*DDに小文字ある場合*/
.wpcf7-form dd small{
	font-weight: normal;
	font-size: 12px;
	color: #767676;
	display: block;
	padding: 5px 0;
}
/*DDに何も付けないと「任意」*/
.wpcf7-form dt:before{
	content: "任意";
	font-weight: normal;
	background-color: #ADADAD;
	color: #FFF;
	font-size: 10px;
	line-height: 1!important;
	padding: 2px 10px;
	vertical-align: middle;
	margin-right: 7px;
}
/*DDにrequiredつけると「必須」*/
dt.required:before{
	content: "必須";
	font-weight: normal;
	background-color: #00689E;
	color: #FFF;
	line-height: 1!important;
	padding: 2px 10px;
	vertical-align: middle;
	margin-right: 7px;
}
/*DDの下マージン*/
.wpcf7-form dd{
	margin-bottom: 30px;
}

/*インプットフォームの基本*/
.if{
	width: 100%;
	background-color: #FFF;
	padding: 0.5em;
	font-size: 14px;
	margin: 0 5px 5px 0;
	border: 1px solid #DDD;
}

/*--以下保留。input幅の個別指定--*/
.if-tel{
	width: 10em;}

.if-age{
	width: 4em;
	margin-right: 10px;}

.if-zip{
	width: 8em;
}
.if-pref{
	width: 8em;
}


::placeholder{
  color:#ccc;
}

/*セレクトメニュー*/
.wpcf7-form select{
	font-size: 14px;
	border: 1px solid #B0E1F5!important;
	padding: 5px!important;
	position: relative!important;
}
/*ラベル*/
.wpcf7-form dl label{
	display: block;
	padding: 10px 15px;
	border: 1px solid #C6EDFF;
	border-radius: 5px;
	margin-bottom: 10px;
	/*font-size: 1.4rem;*/
	font-feature-settings: "palt" 1;
}
.wpcf7-form dl label:last-child{
	margin-bottom: 0;
}
.wpcf7-form dl label:hover{
	background-color: #DCF4FF;
}
.wpcf7-form dl label input{
	vertical-align: middle;
	margin-right: 5px;
}


	.wpcf7-form dd{
		margin: 0;
	}
	.wpcf7-form dl label{
		padding: 10px 15px;
	}
	/*フレックスの親要素*/
	.form-flex .wpcf7-form-control{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	/*フレックスの子要素*/
	.wpcf7-list-item{
		margin:0!important;
		display: block;
		flex-basis: 49%;
	}
	.form-flex label{
		margin-bottom: 0!important;
	}



.form-footer{
	text-align: center;
}


/*プライバシーポリシーへのリンク*/
.concent-note a{
	text-decoration: underline;
	color: #0000ee!important;
}

/*--------------------------------------
送信ボタンまわり
--------------------------------------*/
.btns-wrap{
	display: flex;
	justify-content: space-between;
	width: 400px;
	margin: 0 auto;
}

.btn-form{
	color: #FFF;
	background-color: #B8B8B8;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1;
	font-size: 16px;
	transition-duration: 0.3s;
	border: none;
}

/*送信ボタン*/
.btn-form-submit{
	flex-basis: 70%;
	background-color: #00689E;
	color: #FFF;
	
}
.btn-form-submit:hover{
	background-color: #00324D;
}
.btn-form-reset{
	flex-basis: 27%;
}
.btn-form-reset:hover{
	background-color: #D3D3D3;
}
/*--------------------------------------

--------------------------------------*/
.form-note{
	text-align: left;
	/*font-size: 1.2rem;*/
	margin: 30px 0;
}

/*--------------------------------------

--------------------------------------*/
/* 例：Turnstileのロゴを中央寄せにする場合 */



.wpcf7-turnstile { /* クラス名はプラグインによって変わります */
    display: flex;
    justify-content: center; /* 右寄せにしたい場合は flex-end */
	margin-bottom: 40px!important;     /* 下の送信ボタンとの間に少し隙間をあける */
}