デイトラweb制作2

<section class="p-contact">
        <div class="p-contact__inner l-inner">

            <!-- 案内文 -->
            <p class="p-contact__lead">
            研修のお申し込み、その他お問い合わせは、下記のフォームからお問い合わせ内容をご記入ください。<br>
            2日以内に担当者からメールにてご連絡いたします。
            </p>

            <!-- 見出し -->
            <h2 class="p-contact__title">お問い合わせ</h2>

            <!-- フォーム本体 -->
            <form action="" method="post" class="p-contact__form p-form">

                <!-- 会社名 -->
                <div class="p-contact-form__item">
                    <label for="company" class="p-contact-form__label">会社名</label>
                    <div class="p-form__input-wrapper">
                    <input type="text" id="company" name="company" class="c-input-text" placeholder="例）○○株式会社">
                    </div>
                </div>

                <!-- お名前 -->
                <div class="p-contact-form__item">
                    <label for="name" class="p-contact-form__label">
                    お名前<span class="c-badge c-badge--required">必須</span>
                    </label>
                    <div class="p-form__input-wrapper">
                    <input type="text" id="name" name="name" class="c-input-text" placeholder="例）鈴木 一郎" required>
                    </div>
                </div>

                <!-- お名前（フリガナ） -->
                <div class="p-contact-form__item">
                    <label for="ruby" class="p-contact-form__label">
                    お名前（フリガナ）<span class="c-badge c-badge--required">必須</span>
                    </label>
                    <div class="p-form__input-wrapper">
                    <input type="text" id="ruby" name="ruby" class="c-input-text" placeholder="例）スズキ イチロウ" required>
                    </div>
                </div>

                <!-- 電話番号 -->
                <div class="p-contact-form__item">
                    <label for="tel" class="p-contact-form__label">
                    電話番号<span class="c-badge c-badge--required">必須</span>
                    </label>
                    <div class="p-form__input-wrapper">
                    <input type="tel" id="tel" name="tel" class="c-input-text" placeholder="例）0312345678" required>
                    </div>
                </div>

                <!-- メールアドレス -->
                <div class="p-contact-form__item">
                    <label for="email" class="p-contact-form__label">
                    メールアドレス<span class="c-badge c-badge--required">必須</span>
                    </label>
                    <div class="p-form__input-wrapper">
                    <input type="email" id="email" name="email" class="c-input-text" placeholder="例）info@example.com" required>
                    </div>
                </div>

                <!-- ご用件 -->
                <div class="p-contact-form__item">
                    <label for="subject" class="p-contact-form__label">
                    ご用件<span class="c-badge c-badge--required">必須</span>
                    </label>
                    <div class="p-form__input-wrapper p-form__select-wrapper">
                    <select id="subject" name="subject" class="c-select" required>
                        <option value="" disabled selected>ご選択ください</option>
                        <option value="研修のお申し込み">研修のお申し込み</option>
                        <option value="その他お問い合わせ">その他お問い合わせ</option>
                    </select>
                    </div>
                </div>

                <!-- ご用件の詳細 -->
                <div class="p-contact-form__item">
                    <label for="message" class="p-contact-form__label">
                    ご用件の詳細<span class="c-badge c-badge--required">必須</span>
                    </label>
                    <div class="p-form__input-wrapper">
                    <textarea id="message" name="message" class="c-textarea" placeholder="ご自由にご記入ください。" required></textarea>
                    </div>
                </div>

                <!-- 個人情報保護方針 同意チェックボックス -->
                <div class="p-contact-form__privacy">
                  <label class="c-form__checkbox-label">
                    <input type="checkbox" name="privacy" class="c-form__checkbox" required>
                      <span class="c-form__checkbox-text">
                        <a href="#" target="_blank" class="c-form__link">個人情報保護方針</a>に同意します。
                      </span>
                  </label>
                </div>

                <!-- 送信ボタン -->
                <div class="p-form__submit">
                    <button type="submit" class="c-button-type2 c-button-type2--contact">送　信</button>
                </div>

            </form>
        </div>
</section>