@charset 'UTF-8';

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

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

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



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

	PC・SP共通設定

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


.contact_f7 {
	width: 100%;
}

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

/* 住所ボーダー非表示 */
.contact_f7 tr.address_cell th{
	border-bottom: none;
}
.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.hissu {
	color: #D0A900;
	display: inline-block;
	padding-left: 15px;
	font-size: 90%;
}

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

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

/* ラジオボタン */
.contact_f7 span.wpcf7-list-item {
	display: block;
}
.contact_f7 span.wpcf7-list-item,
.contact_f7 span.wpcf7-list-item.first {
	margin: 0 1em 0 0;
}
.contact_f7 span.wpcf7-list-item label {
	cursor: pointer;
}
.contact_f7 input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.contact_f7 .wpcf7-list-item-label:before {
	content: '';
	background: #fff;
	border-radius: 100%;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	display: inline-block;
	width: 1em;
	height: 1em;
	position: relative;
	top: -0.1em;
	margin-right: 0.4em;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
}
.contact_f7 input[type="radio"]:checked + .wpcf7-list-item-label:before {
	border-color: #cc0000;
	background-color: #cc0000;
	box-shadow: inset 0 0 0 2px #ffffff;
}

/* 送信ボタン */
.btn_submit {
	text-align: center;
}
.wpcf7 .ajax-loader,
.wpcf7-spinner,
.btn_submit span {
	position: absolute;
}
.btn_submit input[type="submit"],
.btn_submit input[type="button"] {
	background: linear-gradient(0deg, #D0A900, #FFF9E6);
	color: #5D4104;
	border: none;
	cursor: pointer;
	cursor: hand;
	font-family: 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;

	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 {
	opacity: 0.6;
}

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



/* 確認画面
----------------------------------------------- */
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 {
	}
	.contact_f7 th,
	.contact_f7 td {
		padding: 15px;
	}
	.contact_f7 th {
		width: 270px;
		vertical-align: top;
	}

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

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

	/* 入力エリア */
	.contact_f7 td input[type="date"] {
		height: 28px;
	}

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

	/* 送信ボタン */
	.btn_submit {
		margin-top: 30px;
	}
	.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 {
	}
	.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%;
	}

	/* ラジオボタン */
	.contact_f7 input[type="radio"] {
		vertical-align: 0.01em;
	}
	.contact_f7 span.wpcf7-list-item {
		margin: 0.5em 0 0 0 !important;
	}

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

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

	/* 送信ボタン */
	.btn_submit {
		margin-top: 6vw;
	}
	.btn_submit input {
		padding: 15px 40px;
	}
}