@charset "utf-8";
/* =========================================================
[formrun]お見積り・お問合せフォーム用CSS
/repair/piano/p-contact/
========================================================= */

/*確認画面の自動スクロール時、メニューにかぶらないようにする
-------------------------------------------- */
form.formrun{
	margin-top: -150px;
	padding-top: 150px;
}

/*フォーム内要素の幅・位置指定
-------------------------------------------- */
form.formrun > *{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

/*見出し
-------------------------------------------- */
form.formrun h3{
	font-size: var(--21px);
	font-weight: bold;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 30px;
}
form.formrun > *:first-child{
	margin-top: 0;
}

/*項目グループ
-------------------------------------------- */
.form-group[data-option]{
	display: none;
}

/*項目名
-------------------------------------------- */
/*項目名（メイン）*/
.form-group .item-hl{
	color: var(--white);
	font-weight: normal;
	margin-bottom: 1em;
	padding: .5em 1em;
}
body.inGuitar .form-group .item-hl{ background-color: var(--in-guitar-vivid); }
body.inWind .form-group .item-hl{ background-color: var(--in-wind-vivid); }
body.inString .form-group .item-hl{ background-color: var(--in-string-vivid); }
body.inPiano .form-group .item-hl{ background-color: var(--in-piano-vivid); }

/*項目名（サブ）*/
.form-group .item-hl-sub{
}
body.inGuitar .form-group .item-hl-sub{ color: var(--in-guitar-base); }
body.inWind .form-group .item-hl-sub{ color: var(--in-wind-base); }
body.inString .form-group .item-hl-sub{ color: var(--in-string-base); }
body.inPiano .form-group .item-hl-sub{ color: var(--in-piano-base); }


/*入力項目の調整
-------------------------------------------- */
/*select要素の高さ指定*/
select.form-control{
	height: 3em;
}

/*リスト設定
-------------------------------------------- */
.form-group ul, .form-group ol{
	margin-bottom:0;
	padding-left: 20px;
}
.form-group > ul li, .form-group > ol li{
	margin-bottom: .75em;
}
.form-group > ul li ul, .form-group > ol li ul{
	margin-top: 1em;
}
.form-group > ul li ul li, .form-group > ol li ul li{
	margin-bottom:.5em;
}
.form-group > *:last-child li:last-child{
	margin-bottom: 0;
}

/*送信エリア
-------------------------------------------- */
.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;
}

/*確認画面*/
.form-group .cnf{
	background-color: var(--white);
	color: var(--grayish-black);
	padding: 15px;
}
.form-group .cnf p{
	min-height: 1em;
}
.form-group .cnf pre{
	color: inherit;
	background-color: inherit;
	border: none;
	border-radius: 0;
	padding: 0;
}
.form-group .cnf pre span{
	display: block;
}