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

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ お問い合わせフォーム */
/* 本体 */
div .wpcf7{
	max-width: 100%;
	padding: 20px 20px 0 20px ;
	font-size:12px;
	margin: 0 auto;
	border: none;
}

		/* PC 768以上 */
        @media(min-width:768px) {
		div .wpcf7{
			max-width: 65%;
			padding: 20px 0 0 0;
			font-size:12px;
			margin: 0 auto;
			border: none;
		}
		}

/* プルダウン */
div .wpcf7 select{
	width: 100%;
	font-size: 12px;
	padding: 6px;
	line-height: 1.7;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background-color: #fff;
	border: 1px solid rgb(205, 205, 205);
	color: rgb(100, 100, 100);
	background-size: 17px, 100%;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* 入力欄 */
div .wpcf7-text,
div .wpcf7-textarea {
	width: 100%;
	font-size: 12px;
	line-height: 2em;
	background-color: #eeeeee;
	border: none;
	box-sizing:border-box;
	padding: 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}

div #zip{
	max-width: 50%;
}

div .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
	padding-bottom: 10px;
}

/* 必須赤色表示 */
div .required{
	color: #dc3232;
	font-size:16px;
	vertical-align:-3px;
}

/* 任意緑色表示 */
div .any{
	color: #fff;
	font-size:16px;
	vertical-align:-3px;
}

/* アスタリスク */
div .kome{
	color: #000;
	font-size:16px;
	vertical-align:-3px;
}

/* エラー時の背景 */
div .wpcf7-not-valid{
	background: #ffb6c1;
	border:1px solid #ddd;
}

/* 入力エラー時の下部コメント */
div .wpcf7-validation-errors{
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
}

/* 送信時の最下部コメント */
.wpcf7 form.sent .wpcf7-response-output {
	border: none;
	color: #fff;
	text-align: center;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
	border: none;
	color: #dc3232;
	text-align: center;
}

.wpcf7 form.spam .wpcf7-response-output {
	border: none;
	color: #dc3232;
	text-align: center;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border: none;
	color: #dc3232;
	text-align: center;
}

/* 入力確認時の背景色 */
div .wpcf7c-conf {
	background-color: #d2d2d2 !important;
	color: #646464;
	border: 1px solid #eeeeee;
	box-sizing:border-box;
}

/* 送信完了時の下部コメント */
div .wpcf7-mail-sent-ok{
	color: #3A87AD;
	background-color: #D9EDF7;
	border: 1px solid #BCE8F1;
}

/* 送信ボタンラップ */
div .btn-submit {
    text-align: center;
}

/* 送信ボタン */
input[type='submit'] {
	-webkit-appearance: none; /*アイフォンでCSSが無効になるのを防ぐ*/
	width: 150px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.7;
	letter-spacing: 0.04em;
	background-color: rgba(26,26,26,1);
	border: none;
	color: #fff;
	padding: 10px 0 5px 0;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}

input[type='submit']:hover {
	background: rgba(100,100,100,1);
	transition: all .6s ease; /*変化する時間*/
}

/* 送信時回転アイコン */
.wpcf7-spinner{
	display: block;
	margin: 10px auto;
}