Contactフォームを整える

<dl class="contact7">
<label><dt><span class="must">必須</span> 会社名</dt>
<dd>[text* company placeholder"例：チェックポイント株式会社"]</dd></label>
<label><dt><span class="must">必須</span> お名前(担当者名)</dt>
<dd>[text* your-name placeholder"例：山田　太郎"]</dd></label>
<label><dt><span class="must">必須</span> フリガナ</dt>
<dd>[text* furigana placeholder"例：ヤマダ タロウ"]</dd></label>
<label><dt><span class="must">必須</span> E-mail</dt>
<dd>[email*  your-email placeholder"例：info@sample.co.jp"]</dd></label>
<label><dt><span class="must">必須</span> 郵便番号</dt>
<dd>[text* yubinbangou placeholder"例：1234567"]</dd></label>
<label><dt><span class="must">必須</span> 都道府県</dt>
<dd>[text* todoufuken placeholder"例：東京都"]</dd></label>
<label><dt><span class="must">必須</span> 市区町村</dt>
<dd>[text* shikuchoson placeholder"例：港区"]</dd></label>
<label><dt><span class="must">必須</span> 地名</dt>
<dd>[text* chimei placeholder"例：虎ノ門"]</dd></label>
<label><dt><span class="must">必須</span> 番地</dt>
<dd>[text* banchi placeholder"例：1-X-X"]</dd></label>
<label><dt><span class="optional">任意</span> 建物名・部屋番号</dt>
<dd>[text tatemono placeholder"ビル名・号室"]</dd></label>
 
<label><dt><span class="must">必須</span> お電話番号</dt>
<dd>[tel* denwabangou placeholder"例：03-XXXX-XXXX"]</dd></label>
<label><dt><span class="must">必須</span> ご希望の連絡方法</dt>
<dd>[select* shudan "選択してください" "メール" "お電話" "その他"]</dd></label>
 
<label><dt><span class="must">必須</span> ご用件</dt>
<dd>[select* youken "選択してください" "セミナー依頼" "新規取引について" "アフター保守に関して" "その他"]</dd></label>
<label><dt><span class="must">必須</span> ご相談内容詳細</dt>
<dd>[textarea* textarea-251 placeholder "ご相談内容をご記入ください"]</dd></label>
</dl>
 
<p class="btn_contact7">[submit "内容を確認する"]</p>

会社名：[company]
お名前：[your-name]
フリガナ：[furigana]
メール：[your-email]
郵便番号：[yubinbangou]
住所：[todoufuken][shikuchoson][chimei][banchi][tatemono]
電話：[denwabangou]
連絡方法：[shudan]
要件：[youken]
お問合せ内容(任意)
[textarea-251]

/* Contact Form7 */
 
.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
	background-color:
}
.contact7 dt {
	font-weight: normal;
}
 
/* 必須マーク */
.contact7 .must {
	background: #DA1572;
}
 
/* 任意マーク */
.contact7 .optional {
	background: #61D836;
}
 
.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	background-color: #DA1572;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #DA1572;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #DA1572; 
}
@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}
 
.btn_contact7 input {
	width: 70%;
	background-color: #DA1572;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #DA1572;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #DA1572; 
}
}