@charset "utf-8";
/* =========================================================
[Contact Form 7]お見積り・お問合せフォーム用CSS
/repair/guitar/g-contact/
/repair/wind/w-contact/
/repair/string/s-contact/
========================================================= */

/*必須マーク*/
label span.require{
	color: var(--emphasis-red);
	font-weight: normal;
}
@media screen and (min-width: 768px) { label span.require{ display: block; } }
@media screen and (max-width: 767px) { label span.require{ display: inline-block; } }

/*入力項目設定*/
.form-control{
	font-size: 16px !important;
}
.form-control[readonly]{
	cursor: not-allowed !important;
}

/*ラジオボタン・チェックボックスの選択肢*/
.wpcf7-list-item-label{
	display: inline-block;
	margin-left: .5em;
	margin-right: 2em;
}
/*ファイルアップロード項目*/
input.wpcf7-file{
	width: 100%;
}

/*エラー文*/
.wpcf7-not-valid-tip{
	color: var(--emphasis-red);
}

/*送信完了後*/
.screen-reader-response,
.sent .formInner{
	display: none;
}
.complete-display{
	display: none;
}
.sent .complete-display{
	display: block;
}

/*店舗情報*/
.wpcf7 dl.shopinfo dd{
	margin-bottom: 10px;
}
.wpcf7 dl.shopinfo dd:last-of-type{
	margin-bottom: 0;
}

/*「上記の注意事項を読み～」のセクション*/
.guide{
	margin-bottom: 15px;
}
@media screen and (min-width:768px){
	.guide p{
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	.guide span,
	.guide input{
		display: block;
	}
	.guide label{
		overflow:hidden;
	}
	.guide label > input{
		float: left;
	}
	.guide label > span{
		padding-left: 1.5em;
		margin:0;
	}
}

/*送信ボタンのセクション*/
.sendbtn{
	margin-bottom: 30px;
}
.sendbtn #wpcf7-modify{
	margin-right: 20px;
}

/*送信エリア
-------------------------------------------- */
.submit{
	margin-top: 40px;
	margin-bottom: 80px;
}
.submit .btn{
	justify-content: center;
	border-radius: 3em;
	height: 3em;
}
.submit .btn#submitBtn{
	font-size: var(--21px);
}
.submit .btn#backBtn{
	font-size: var(--16px);
	margin-top: 1em;
}