@charset 'UTF-8';

/* â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– 

	コンタクトフォーム7　お問い合わせフォーム

â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â–  */



/* ================================================================================

	PC・SP共通設定

================================================================================ */


.contact_f7 {
	width: 100%;
}

/* ボーダー色 */
.contact_f7 th,
.contact_f7 td {
	border-bottom: solid 1px #666666;
}

/* 住所ボーダー非表示 */
.contact_f7 tr.address_cell th,
.contact_f7 tr.address_cell td {
	border-bottom: none;
	padding-bottom: 0;
}

/* 項目名 */
.contact_f7 th {
	text-align: left;
	font-weight: normal;
}

/* å¿…é ˆ */
.contact_f7 th span {
	color: #cc0000;
	display: inline-block;
	padding-left: 15px;
	font-size: 90%;
}

/* 入力エリア */
.contact_f7 td input[type="text"],
.contact_f7 td input[type="email"],
.contact_f7 td textarea {
	width: 100%;
	border: solid 1px #cccccc;
	padding: 5px;
}

/* セレクトボタン */
.contact_f7 select {
	width: 150px;
	border: solid 1px #cccccc;
	padding: 5px;
}

/* ラジオボタン */
.contact_f7 input[type="radio"] {
	vertical-align: 0px;
}

/* 送信ボタン */
.btn_submit {
	text-align: center;
}
.wpcf7c-elm-step1 {
	margin: 0 0 0 20px;
}
.btn_submit input[type="submit"],
.btn_submit input[type="button"] {
	background-color: #333333;
	color: #ffffff;
	border: none;
	cursor: pointer;
	cursor: hand;

	opacity: 1;
	transition-property: color,opacity,background-color;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}
.btn_submit input[type="submit"]:hover,
.btn_submit input[type="button"]:hover {
	background-color: #666666;
}

/* チェックボックス */
span.wpcf7-list-item.first {
	margin: 0;
}
.contact_f7 input[type="checkbox"],
.contact_f7_agree input[type="checkbox"] {
	vertical-align: -0.05em;
}

.wpcf7-form-control-wrap.learned02 {
	display: block;
	margin-top: 10px;
}


/* 確認画面
----------------------------------------------- */
input:-webkit-autofill.wpcf7c-conf {
	-webkit-box-shadow: none !important;
	border: none !important;
	background: transparent !important;
}
input:-webkit-autofill.wpcf7c-conf:focus {
	border: none !important;
}
.wpcf7c-conf {
	background: transparent !important;
	border-color: transparent !important;
	color: inherit;
}
.wpcf7c-conf:focus {
	border-color: transparent !important;
}




/* ================================================================================

	PC設定

================================================================================ */
@media (min-width: 768px) {

	/* プライバシーポリシー
	----------------------------------------------- */
	.privacy_policy {
		position: relative;
		background-color: #f5f5f5;
		padding: 40px;
		margin: 0 auto 40px;
	}
	.privacy_policy h3 {
		font-size: 1.2em;
		font-weight: bold;
	}


	/* コンタクトフォーム
	----------------------------------------------- */
	.contact_f7 {
		margin-bottom: 30px;
	}
	.contact_f7 th,
	.contact_f7 td {
		padding: 15px;
	}
	.contact_f7 th {
		width: 290px;
		vertical-align: top;
	}

	/* 郵便番号 */
	.contact_f7 input#zip1 {
		width: 100px;
	}
	.contact_f7 input#zip2 {
		width: 160px;
	}


	/* プライバシーポリシーに同意する */
	.contact_f7_agree {
		text-align: center;
		margin: 0 0 60px 0;
	}

	/* 送信ボタン */
	.btn_submit input {
		padding: 15px 60px;
		font-size: 18px;
	}
}





/* ================================================================================

	SP設定

================================================================================ */
@media (max-width: 767px) {

	/* プライバシーポリシー
	----------------------------------------------- */
	.privacy_policy {
		position: relative;
		background-color: #f5f5f5;
		padding: 4vw;
		margin: 0 auto 6vw;
	}
	.privacy_policy h3 {
		font-size: 1.2em;
		font-weight: bold;
	}


	/* コンタクトフォーム
	----------------------------------------------- */
	.contact_f7 {
		margin-bottom: 3%;
	}
	.contact_f7 th,
	.contact_f7 td {
		width: 100%;
		display: block;
	}
	.contact_f7 th {
		border-bottom: none;
		padding: 3% 0 1%;
	}
	.contact_f7 td {
		padding-bottom: 5%;
	}

	/* ラジオボタン */
	span.wpcf7-list-item {
		margin: 0 !important;
		display: block;
	}

	/* 郵便番号 */
	.contact_f7 input#zip1 {
		width: 36%;
	}
	.contact_f7 input#zip2 {
		width: 42%;
	}

	/* プライバシーポリシーに同意する */
	.contact_f7_agree {
		text-align: left;
		margin: 0 0 6vw 0;
	}

	/* 送信ボタン */
	.btn_submit input {
		padding: 15px 40px;
	}
}