コンタクトフォーム

    必須 お問い合わせ内容
    依頼したい相談したいその他

    任意御社名

    必須 お名前

    必須 ふりがな

    必須 メールアドレス

    任意電話番号

    必須 お問い合わせ内容

    必須 確認画面は表示されません。上記内容にて送信しますがよろしいですか？
    はい

    お問い合わせありがとうございます。弊社スタッフより返信させていただきますのでしばらくお待ちください。
    お急ぎの場合、返信が届かない場合は、お手数ですがお電話でご連絡をお願い致します。
    ご入力いただいた情報は弊社の個人情報保護方針（プライバシーポリシー）により適切に扱われます。

    HTML

    <span class="must">必須</span> お問い合わせ内容
[checkbox* checkbox-594 "依頼したい" "相談したい" "その他"]

<span class="free">任意</span>御社名
[text company]

<span class="must">必須</span> お名前
[text* your-name]

<span class="must">必須</span> ふりがな
[text* kana-name]

<span class="must">必須</span> メールアドレス
[email* your-email]

<span class="free">任意</span>電話番号
[text tel]

<span class="must">必須</span> お問い合わせ内容
[textarea* your-message]

<span class="must">必須</span> 確認画面は表示されません。上記内容にて送信しますがよろしいですか？
[checkbox* kakunin "はい"]

<p class="center">[submit class:btn class:btn-primary class:btn-lg class:btn-block "送 信"]</p>
----------------------
差出人: [your-name] <[your-email]>

お問い合わせ内容：
[checkbox-594]

御社名：[company]

お名前：
[your-name]

ふりがな：
[kana-name]

メールアドレス：
[your-email]

電話番号：
[tel]

メッセージ本文:
[your-message]

-- 
このメールは [_site_title] ([_site_url]) のお問い合わせフォームから送信されました

    CSS

    /* 必須マーク */
.must {
	background: #FF1A00;
}

/* 任意マーク */
.free {
	background: #999;
}

.must,
.free {
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
}

/* フォーム入力項目 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea  {
	 width: 100%;
	 padding: 8px 15px;
	 margin-right: 10px;
	 margin-top: 10px;
	 border: 1px solid #ddd;
	 border-radius: 3px;
}

.wpcf7 input[type="submit"] {
width:100%;
padding:15px;
border-radius:10px;
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
border: none;
box-shadow: 0 3px 0 #aaa;
background: golden;
transition: 0.3s;
}
.wpcf7-submit:hover {
background: #ffeb7a;
transform: translate3d(0px, 3px, 1px);
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
}