@extends('template')
@section('head')
@endsection
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.1/dist/jquery.validate.js"></script>
<script src="{{asset('js/ajaxzip3.js')}}"></script>
@section('content')
<form id="form" action="{{route('contact.submit')}}" method="post">
    <div class="wrapper">
        <section class="contact-form">
            <div class="inner">



                <div class="contact-form__lists">
                  <dl class="contact-form__list">
                      <dt>
                          お問合せ物件
                      </dt>
                      <dd>
                          <label class="contact-form__label-text">
                              <input type="text" name="" id="input-1">
                          </label>
                      </dd>
                  </dl>

                  <dl class="contact-form__list">
                      <dt>
                          ショールーム名
                          <em class="necessary">必須</em>
                      </dt>
                      <dd>
                        <div class="selectbox">
                        <select name="shop" class="input-contact-select">
                        <option value="" hidden>選択してください</option>
                        <option value="1">磯子ショールーム</option>
                      </select>
                    </div>
                      </dd>
                    </dl>


                  <dl class="contact-form__list">
                      <dt>
                          店舗名
                          <em class="necessary">必須</em>
                      </dt>
                      <dd>
                        <div class="selectbox">
                        <select name="store" class="input-contact-select">
                        <option value="" hidden>選択してください</option>
                        <option value="1">本社営業部</option>
                        <option value="2">港南台駅前店</option>
                        <option value="3">上大岡店</option>
                        <option value="4">上永谷店</option>
                        <option value="5">弘明寺店</option>
                        <option value="6">地下鉄弘明寺店</option>
                        <option value="7">新杉田店</option>
                        <option value="8">杉田店</option>
                        <option value="9">洋光台店</option>
                        <option value="10">富岡駅前店</option>
                        <option value="11">金沢文庫店</option>
                        <option value="12">本郷台店</option>
                        <option value="13">大船駅前店</option>
                        <option value="14">港南中央店</option>
                        <option value="15">磯子駅前店</option>
                        <option value="16">根岸店</option>
                        <option value="17">上中里店</option>
                        <option value="18">六浦店</option>
                        <option value="19">桂町店</option>
                        <option value="20">鎌倉店</option>
                        <option value="21">スタジオデラカーサ</option>
                      </div>
                        </select>
                      </dd>
                  </dl>

                  <dl class="contact-form__list">
                      <dt>
                          スタッフ
                      </dt>
                      <dd>
                          <label class="contact-form__label-text">
                              <input type="text" name="" id="" class="input-contact-textfield">
                          </label>
                      </dd>
                  </dl>

                  <dl class="contact-form__list">
                      <dt>
                          物件種別
                      </dt>
                      <dd>
                        <label class="contact-form__label-check">
                            <input type="radio" name="type">
                            マンション
                        </label>
                        <label class="contact-form__label-check">
                            <input type="radio" name="type" >
                            戸建
                        </label>
                      </dd>
                  </dl>

                  <dl class="contact-form__list">
                      <dt>
                      希望日時
                      <em class="necessary">必須</em>
                      </dt>
                      <dd class="visit_col">
                      <div class="visit_col-in">
                      <span class="kibou">第1希望</span>
                      <div class="datebox">
                      <select name="visit_m" class="input-contact-select">
                      <option selected value=""></option>
                      <option value="1" >1</option>
                      <option value="2" >2</option>
                      <option value="3" >3</option>
                      <option value="4" >4</option>
                      <option value="5" >5</option>
                      <option value="6" >6</option>
                      <option value="7" >7</option>
                      <option value="8" >8</option>
                      <option value="9" >9</option>
                      <option value="10" >10</option>
                      <option value="11" >11</option>
                      <option value="12" >12</option>
                      </select>
                    </div>

                      <span class="VISIT">月</span>
                      <div class="datebox">
                      <select name="visit_d" class="input-contact-select">
                      <option selected value=""></option>
                      <option value="1" >1</option>
                      <option value="2" >2</option>
                      <option value="3" >3</option>
                      <option value="4" >4</option>
                      <option value="5" >5</option>
                      <option value="6" >6</option>
                      <option value="7" >7</option>
                      <option value="8" >8</option>
                      <option value="9" >9</option>
                      <option value="10" >10</option>
                      <option value="11" >11</option>
                      <option value="12" >12</option>
                      <option value="13" >13</option>
                      <option value="14" >14</option>
                      <option value="15" >15</option>
                      <option value="16" >16</option>
                      <option value="17" >17</option>
                      <option value="18" >18</option>
                      <option value="19" >19</option>
                      <option value="20" >20</option>
                      <option value="21" >21</option>
                      <option value="22" >22</option>
                      <option value="23" >23</option>
                      <option value="24" >24</option>
                      <option value="25" >25</option>
                      <option value="26" >26</option>
                      <option value="27" >27</option>
                      <option value="28" >28</option>
                      <option value="29" >29</option>
                      <option value="30" >30</option>
                      <option value="31" >31</option>
                      </select>
                      </div>
                      <span class="VISIT">日</span>

                      <div class="datebox">
                      <select name="visit_h" class="input-contact-select">
                      <option selected value=""></option>
                      <option value="9:00" >9</option>
                      <option value="10:00" >10</option>
                      <option value="11:00" >11</option>
                      <option value="12:00" >12</option>
                      <option value="13:00" >13</option>
                      <option value="14:00" >14</option>
                      <option value="15:00" >15</option>
                      <option value="16:00" >16</option>
                      <option value="17:00" >17</option>
                      <option value="18:00" >18</option>
                      <option value="19:00" >19</option>
                      <option value="20:00" >20</option>
                      </select>
                      </div>
                      <span class="VISIT">時</span>
                    </div>

                    <div class="visit_col-in">
                    <span class="kibou">第2希望</span>
                    <div class="datebox">
                    <select name="to_visit_m" class="input-contact-select">
                    <option selected value=""></option>
                    <option value="1" >1</option>
                    <option value="2" >2</option>
                    <option value="3" >3</option>
                    <option value="4" >4</option>
                    <option value="5" >5</option>
                    <option value="6" >6</option>
                    <option value="7" >7</option>
                    <option value="8" >8</option>
                    <option value="9" >9</option>
                    <option value="10" >10</option>
                    <option value="11" >11</option>
                    <option value="12" >12</option>
                    </select>
                  </div>
                    <span class="VISIT">月</span>

                    <div class="datebox">
                    <select name="to_visit_d" class="input-contact-select">
                    <option selected value=""></option>
                    <option value="1" >1</option>
                    <option value="2" >2</option>
                    <option value="3" >3</option>
                    <option value="4" >4</option>
                    <option value="5" >5</option>
                    <option value="6" >6</option>
                    <option value="7" >7</option>
                    <option value="8" >8</option>
                    <option value="9" >9</option>
                    <option value="10" >10</option>
                    <option value="11" >11</option>
                    <option value="12" >12</option>
                    <option value="13" >13</option>
                    <option value="14" >14</option>
                    <option value="15" >15</option>
                    <option value="16" >16</option>
                    <option value="17" >17</option>
                    <option value="18" >18</option>
                    <option value="19" >19</option>
                    <option value="20" >20</option>
                    <option value="21" >21</option>
                    <option value="22" >22</option>
                    <option value="23" >23</option>
                    <option value="24" >24</option>
                    <option value="25" >25</option>
                    <option value="26" >26</option>
                    <option value="27" >27</option>
                    <option value="28" >28</option>
                    <option value="29" >29</option>
                    <option value="30" >30</option>
                    <option value="31" >31</option>
                    </select>
                    </div>
                    <span class="VISIT">日</span>

                    <div class="datebox">
                    <select name="to_visit_h" class="input-contact-select">
                    <option selected value=""></option>
                    <option value="9:00" >9</option>
                    <option value="10:00" >10</option>
                    <option value="11:00" >11</option>
                    <option value="12:00" >12</option>
                    <option value="13:00" >13</option>
                    <option value="14:00" >14</option>
                    <option value="15:00" >15</option>
                    <option value="16:00" >16</option>
                    <option value="17:00" >17</option>
                    <option value="18:00" >18</option>
                    <option value="19:00" >19</option>
                    <option value="20:00" >20</option>
                    </select>
                  </div>
                  <span class="VISIT">時</span>
                  </div>
                  </dd>


                  </dl>


                    <dl class="contact-form__list">
                        <dt>
                            お問い合わせ内容<em class="necessary">必須</em>
                        </dt>
                        <dd>
                          <label class="contact-form__label-check-long">
                              <input type="checkbox" name="inquiry[]">
                              物件を見学したい
                          </label>
                          <label class="contact-form__label-check-long">
                              <input type="checkbox" name="inquiry[]">
                              物件資料を請求したい
                          </label>
                          <label class="contact-form__label-check-long">
                              <input type="checkbox" name="inquiry[]">
                              物件について質問したい
                          </label>
                          <label class="contact-form__label-check-long">
                              <input type="checkbox" name="inquiry[]">
                              条件に合う物件を紹介してほしい
                          </label>
                          <label class="contact-form__label-check-long">
                              <input type="checkbox" name="inquiry[]">
                              資金計画を立ててほしい
                          </label>

                            <label class="contact-form__label-check-long">
                                <input type="checkbox" name="inquiry[]">
                                物件の購入について相談したい
                            </label>
                            <label class="contact-form__label-check-long">
                                <input type="checkbox" name="inquiry[]">
                                物件の売却について相談したい
                            </label>
                            <label class="contact-form__label-check-long">
                                <input type="checkbox" name="inquiry[]">
                                リフォームについて相談したい
                            </label>
                            <label class="contact-form__label-check-long">
                                <input type="checkbox" name="inquiry[]">
                                資金計画について相談したい
                            </label>
                            <label class="contact-form__label-check-long">
                                <input type="checkbox" name="inquiry[]">
                                リフォームについて知りたい
                            </label>
                            <label class="contact-form__label-check-long">
                                <input type="checkbox" name="inquiry[]">
                                物件を購入し、リフォームを考えている
                            </label>
                            <label class="contact-form__label-check-long">
                                <input type="checkbox" name="inquiry[]">
                                リフォーム内容を相談したい
                            </label>
                            <label class="contact-form__label-check-long">
                                <input type="checkbox" name="inquiry[]">
                                リフォーム費用の見積もりがほしい
                            </label>
                            <label class="contact-form__label-check">
                                <input type="checkbox" name="inquiry[]">
                                その他（相談したい内容などを下記にご記入ください）
                            </label>
                            <textarea name="" id="" cols="30" rows="10"
                            placeholder="例）家を買うときにかかる諸費用について知りたい。
家を買うときに必要な手続きを教えてほしい。"></textarea>

                            <textarea name="" id="" cols="30" rows="10"
                            placeholder="例）○○駅徒歩5分圏内で、1LDK以上のマンションを探したい"></textarea>

                            <textarea name="" id="" cols="30" rows="10"
                            placeholder="例）リフォーム履歴を知りたい、
○○駅周辺で、2LDKの物件を探したい。"></textarea>

                            <textarea name="" id="" cols="30" rows="10"
placeholder="例）水回りのリフォームを検討している。
　　今住んでいるマンションでリフォームが可能か知りたい。"></textarea>

                        </dd>
                    </dl>

                    <dl class="contact-form__list">
                        <dt>
                            ご質問・ご要望など
                        </dt>
                        <dd>
                          <textarea name="" id="" cols="30" rows="10"
placeholder="ご質問・ご要望などございましたらご記入ください。"></textarea>
                        </dd>
                    </dl>

                    <dl class="contact-form__list">
                        <dt>
                            ご質問・ご要望など
                        </dt>
                        <dd>
                          <textarea name="" id="" cols="30" rows="10"
placeholder="例）周囲の人に査定していることを知られたくない"></textarea>
                        </dd>
                    </dl>

                    <dl class="contact-form__list">
                        <dt>
                            査定希望物件<em class="necessary">必須</em>
                        </dt>
						<dd>
                          <dl class="satei">
                           <dt><span>所在</span></dt>
                           <dd>
                          <input type="text" name="zipcode" id="zipcode" class="text-necessary-short" maxlength="7" placeholder="郵便番号をご記入ください">
                           <input type="text" name="pref" id="pref" class="text-necessary-short" placeholder="都道府県名／市町村郡をご記入ください">
                           <input type="text" name="address" id="address" class="text-necessary-short" placeholder="番地等をご記入ください">
                         </dd>
                       </dl><!--satei-->
						<script type="text/javascript">
							$(document).on('keyup', '#zipcode', function() {
								if($(this).val().length == 7){
									var result = AjaxZip3.zip2addr(this,'','pref','address');
									$("#zipcode").css("background-color", "#fff");
									$("#pref").css("background-color", "#fff");
									$("#address").css("background-color", "#fff");									}
							});
						</script>
                    </dl><!--satei-->

                    <dl class="satei">
                     <dt><span>部屋番号</span></dt>
                     <dd>
                    <label><input type="text" name="" id="">号室</label>
                   </dd>
                 </dl><!--satei-->

                    <dl class="satei">
                     <dt><span>所在階</span></dt>
                     <dd>
                    <label><input type="text" class="text-necessary-short input-contact-textfield" name="place" id="place">階</label>
                   </dd>
                 </dl><!--satei-->


              <dl class="satei">
               <dt><span>バルコニーの方位</span></dt>
               <dd>
                 <div class="cp_ipselect cp_sl01">
                 <select name="orient_balcony" class="input-contact-select">
                 <option value="選択してください">選択してください</option>
                 <option value="北" >北</option>
                 <option value="北西" >北西</option>
                 <option value="西" >西</option>
                 <option value="南西" >南西</option>
                 <option value="南" >南</option>
                 <option value="南東" >南東</option>
                 <option value="東" >東</option>
                 <option value="北東" >北東</option>
                 </select>
               </div>
             </dd>
           </dl><!--satei-->

           <dl class="satei">
            <dt><span>専有面積</span></dt>
            <dd>
              <label><input name="total_area" class="text-necessary-short input-contact-textfield" type="text" 	 />
              <span>
                <div class="cp_ipselect cp_sl01" style="background-color:#fff">
                <select name="total_area_type" class="input-contact-select" style="width:100%;text-align-last:center;">
                  <option value="m&sup2;">m&sup2;</option>
                  <option value="坪"  >坪</option>
                </select>
              </div>
              </span>
            </label>
          </dd>
        </dl><!--satei-->

        <dl class="satei">
         <dt><span>土地形状</span></dt>
         <dd class="land-wrap">
           <label><input class="land input-contact-textfield" name="土地形状" type="radio"  value="整形" /><span><img src="{{root('img/sell/land_1.png')}}" alt="" />整形</span></label>
           <label><input class="land input-contact-textfield" name="土地形状" type="radio"  value="やや不整形" /><span><img src="{{root('img/sell/land_2.png')}}" alt="" />やや不整形</span></label>
           <label><input class="land input-contact-textfield" name="土地形状" type="radio"  value="不整形" /><span><img src="{{root('img/sell/land_3.png')}}" alt="" />不整形</span></label>
           <label><input class="land input-contact-textfield" name="土地形状" type="radio"  value="旗竿" /><span><img src="{{root('img/sell/land_4.png')}}" alt="" />旗竿</span></label>
       </dd>
     </dl><!--satei-->

           <dl class="satei">
            <dt><span>土地面積</span></dt>
            <dd>
              <label><input name="total_area" class="text-necessary-short input-contact-textfield" type="text" 	 />
              <span>
                <div class="cp_ipselect cp_sl01" style="background-color:#fff">
                <select name="total_area_unit" class="input-contact-select" style="width:100%;text-align-last:center;">
                  <option value="m&sup2;" selected>m&sup2;</option>
                  <option value="坪" >坪</option>
                </select>
              </div>
              </span>
            </label>
          </dd>
        </dl><!--satei-->


           <dl class="satei">
            <dt><span>建物面積</span></dt>
            <dd>
              <label><input name="construction_area" class="text-necessary-short input-contact-textfield" type="text" 	 />
              <span>
                <div class="cp_ipselect cp_sl01" style="background-color:#fff">
                <select name="construction_unit" class="input-contact-select" style="width:100%;text-align-last:center;">
                  <option value="m&sup2;" selected>m&sup2;</option>
                  <option value="坪" >坪</option>
                </select>
              </div>
              </span>
            </label>
          </dd>
        </dl><!--satei-->

           <dl class="satei">
            <dt><span>築年数</span></dt>
            <dd>
           <label><input class="text-necessary-short input-contact-textfield" type="text" name="age" id="age">年</label>
          </dd>
        </dl><!--satei-->

           <dl class="satei">
            <dt><span>前面道路の幅員</span></dt>
            <dd>
            <div class="cp_ipselect cp_sl01">
              <select name="street_width" class="input-contact-select">
              <option value="選択してください">選択してください</option>
              <option value="4m未満" >4m未満</option>
              <option value="4ｍ〜8m" >4ｍ〜8m</option>
              <option value="8ｍ以上" >8ｍ以上</option>
              </select>
            </div>
          </dd>
        </dl><!--satei-->

           <dl class="satei">
            <dt><span>駐車スペース</span></dt>
            <dd>
              <div class="cp_ipselect cp_sl01">
              <select name="num_parking" class="input-contact-select">
              <option value="選択してください">選択してください</option>
              <option value="なし" >なし</option>
              <option value="1台" >1台</option>
              <option value="2台" >2台</option>
              <option value="3台以上" >3台以上</option>
              </select>
            </div>
          </dd>
        </dl><!--satei-->
                        </dd>
                    </dl>

                    <dl class="contact-form__list">
                        <dt>
                            ご売却希望時期<em class="necessary">必須</em>
                        </dt>
                        <dd>
                          <label class="contact-form__label-check-long"><input type="radio" name="baikyakujiki">今すぐ</label>
                          <label class="contact-form__label-check-long"><input type="radio" name="baikyakujiki">3ヶ月以内</label>
                          <label class="contact-form__label-check-long"><input type="radio" name="baikyakujiki">半年以内</label>
                          <label class="contact-form__label-check-long"><input type="radio" name="baikyakujiki">1年以上先</label>
                          <label class="contact-form__label-check-long"><input type="radio" name="baikyakujiki">未定</label>
                          <label class="contact-form__label-check-long"><input type="radio" name="baikyakujiki">売却予定はない</label>
                          <label class="contact-form__label-check-long"><input type="radio" name="baikyakujiki">その他<textarea class="textarea-short"name="" id="" cols="3" rows="2"
                                                      placeholder="例）住み替え先が見つかり次第"></textarea></label>
                        </dd>
                    </dl>

                    <dl class="contact-form__list">
                        <dt>
                            お名前<em class="necessary">必須</em>
                        </dt>
                        <dd>
                            <label class="contact-form__label-text">
                                <input class="text-necessary input-contact-textfield" type="text" name="expected_sale_time" id="expected_sale_time" placeholder="お名前をご記入ください">
                            </label>
                        </dd>
                    </dl>
                    <dl class="contact-form__list">
                        <dt>
                            フリガナ
                        </dt>
                        <dd>
                            <label class="contact-form__label-text">
                                <input type="text" name="" id="" placeholder="フリガナをご記入ください">
                            </label>

                        </dd>
                    </dl>
                       <dl class="contact-form__list">
                        <dt>
                            メールアドレス<em class="necessary">必須</em>
                        </dt>
                        <dd>
                            <label class="contact-form__label-text">
                                <input class="text-necessary input-contact-textfield" type="text" name="email" id="email" placeholder="メールアドレスをご記入ください">
                            </label>
                            <div class="contact-form__example">
                                例）abc@sample.com（半角英数）
                            </div>

                        </dd>
                    </dl>
                    <dl class="contact-form__list">
                        <dt>
                            郵便番号
                        </dt>
                        <dd>
                            <label class="contact-form__label-text">
                                <input type="text" name="" id="" placeholder="郵便番号をご記入ください">
                            </label>
                            <div class="contact-form__example">
                                例）1112222（ハイフン不要・半角数字）
                            </div>
                        </dd>
                    </dl>
                    <dl class="contact-form__list">
                        <dt>
                            都道府県名／<br>
                            市町村郡
                        </dt>
                        <dd>
                            <label class="contact-form__label-text">
                                <input type="text" name="" id="" placeholder="都道府県名／市町村郡をご記入ください">
                            </label>
                            <div class="contact-form__example">
                                例）横浜市港南区日野
                            </div>
                        </dd>
                    </dl>
                    <dl class="contact-form__list">
                        <dt>
                            番地
                        </dt>
                        <dd>
                            <label class="contact-form__label-text">
                                <input type="text" name="" id="" placeholder="番地名をご記入ください">
                            </label>
                            <div class="contact-form__example">
                                例）8丁目8-11
                            </div>
                        </dd>
                    </dl>
                    <dl class="contact-form__list">
                        <dt>
                            建物名
                        </dt>
                        <dd>
                            <label class="contact-form__label-text">
                                <input type="text" name="" id="" placeholder="建物名をご記入ください">
                            </label>
                            <div class="contact-form__example">
                                例）○△マンション202号室
                            </div>
                        </dd>
                    </dl>
                    <dl class="contact-form__list">
                        <dt>
                            お電話番号<em class="necessary">必須</em>
                        </dt>
                        <dd>
                            <label class="contact-form__label-text">
                                <input class="text-necessary input-contact-textfield" type="text" name="phone" id="phone" placeholder="お電話番号をご記入ください">
                            </label>
                            <div class="contact-form__example">
                                例）0458401161（ハイフン不要・半角数字）
                            </div>
                        </dd>
                    </dl>
                    <dl class="contact-form__list">
                        <dt>
                            過去に当社とお取引をして<br>いただいたことがありますか？<br>※複数選択可
                        </dt>
                        <dd>
                          <label class="contact-form__label-check">
                              <input type="radio" name="torihiki">
                              なし
                          </label>
                          <label class="contact-form__label-check">
                              <input type="radio" name="torihiki">
                              あり
                          </label>


                            <label class="contact-form__label-check">
                              （
                                <input type="checkbox">
                                ご本人
                            </label>
                            <label class="contact-form__label-check">
                                <input type="checkbox">
                                ご家族・ご親戚
                            </label>
                            <label class="contact-form__label-check">
                                <input type="checkbox">
                                ご友人）
                            </label>
                        </dd>
                    </dl>
                </div>
                <div class="contact-form__personal">
                    個人情報の取扱について
                </div>
                <div class="contact-form__privacy">
                    １． 個人情報取扱事業者の名称
                    株式会社 三春情報センター

                    ２． 個人情報の取り扱い
                    弊社は、個人情報保護に関連する法令を遵守し、お客さまからご提供いただく個人情報を、細心の注意を払って取り扱っております。
                    このプライバシーポリシーでは、当社におけるお客さまの個人情報の取り扱いについて説明しております。

                    ３． 個人情報の定義
                    個人情報とは、氏名、生年月日、電話番号等特定の個人を識別できる生存する個人に関する情報をいいます。

                    ４． 個人情報の利用目的 お客さまから収集した個人情報は、以下に記載の利用目的に使用させていただきます。
                    ・当社が行う不動産の売買・仲介、住宅の建築・リフォーム、マンション改修工事の案内をするため
                    ・請負契約・売買契約を締結したお客さまの住宅の建築、リフォームの提案を行うため
                    ・フェンス・門扉等エクステリア資材、内装資材の販売及び土木・造園工事の案内をするため
                    ・ガス器具・家庭用電気製品・ユニットバス・キッチン・トイレ等の住宅設備の販売、設備工事の案内をするため
                    ・当社が建築・リフォーム・外構工事したお客さま宅のアフターメンテナンスを行うため
                    ・当社がお客さまに提供するサービスにおいて利用するため
                    ・お客さまに新しい商品等の情報を的確にお知らせするため
                    ・お客さまに合った企画サービスを提供するため
                    ・当社が関与した住宅（建築・リフォーム・売買・賃貸）の利用状況や利用環境などに関する調査を実施して客観的にお客さまの満足度を把握するため
                    ・客観的にお客さまの満足度を把握するため
                    ・賃貸借契約申し込み時の入居審査に使用するため
                    ・お客さまに合ったメンテナンスのご案内をするため
                    ・各保険会社の委託を受けて行う各社の損害保険・生命保険及びこれらに付帯・関連するサービスの提供に使用するため
                    ・引越の斡旋に使用するため
                    ・家具・照明・カーテン等インテリア商品、食品、飲料水の販売案内に使用するため
                    ・中古自動車や古物売買の斡旋に使用するため
                    ・家具・家庭電器製品、福祉、医療器具等のリース・レンタル案内に使用するため
                    ・不動産担保貸付その他金銭の貸与に関する事務手続に使用するため
                    ・建築・リフォーム・仲介・賃貸等料金の請求及び債権の確認・回収手続に使用するため
                    ・当社が管理受託したマンション管理業務に使用するため
                    ・留学等海外渡航手続き及び海外不動産の斡旋に使用するため
                    ・太陽光発電・風力発電設備の販売、施工の案内に使用するため
                    ・当社新事業展開に当たり各種ご案内に使用するため
                    ・ローンの申し込みに使用するため
                    ・必要に応じてお客さまに連絡を行うため
                    ・会計監査上の確認作業を行うため

                    ５． 個人情報の安全対策
                    お客さまの個人情報を安全に管理・運営するよう鋭意努力しており、個人情報への外部からの不正なアクセス、個人情報の紛失・毀損・破壊・改ざん・漏えい、社外への不正な流出などへの危険防止に対する合理的かつ適切な安全対策を行っております。また、個人情報を取り扱う部門ごとに情報管理責任者を置き、個人情報の適切な管理に努めるとともに、情報セキュリテイに関する規程を設けて社員への周知徹底を実施しております。

                    ６． 第三者への提供 個人データは、以下のいずれかに該当する場合を除いて、いかなる第三者にも開示・提供いたしません。
                    （１） お客さまの同意がある場合。
                    （２） お客さま個人を識別することができない状態で開示する場合。
                    （３） 業務を円滑に進める等の理由で外部業者に取り扱いを委託する場合。
                    （この場合には、十分な保護水準を備えている委託先を選定し、漏えいや再提供を防止するために契約による義務づけ等の方法により、適切な管理を実施します）
                    （４） 法令等により開示を要求された場合。
                    （５） 人の生命、身体又は財産の保護のために必要であって、お客さまの同意を得ることが困難な場合。
                    （６）
                    国の機関もしくは地方公共団体又はその委託を受けた者が法令の定める事務を遂行することに対して協力する必要がある場合であって、お客さまの同意を得ることにより当該事務の遂行に支障を及ぼすおそれがある場合。
                    　
                    （７） 次項に掲げるグループ企業に対して提供する場合。

                    ７． 個人情報の共同利用
                    弊社は、弊社のグループ会社である下記会社との間でお客さまの個人情報を共同利用致します。
                    株式会社 ミックライフプロデユース　株式会社 ミックサポート　株式会社 リースティ　ミック環境開発 株式会社

                    共同利用する個人情報の項目 お客さまのお名前・生年月日・ご住所・電話番号・ＦＡＸ番号・メールアドレス 共同して利用する者の範囲
                    株式会社 ミックライフプロデユース　株式会社 ミックサポート　株式会社 リースティ　ミック環境開発 株式会社

                    利用する者の利用目的
                    （１） 弊社グループ会社の新企画・新商品等の情報をお客さまにご案内させていただくため
                    （２） お客さまに対するアフターサービスを弊社グループ会社が一体となっ て実践するため

                    個人情報の管理について責任を有する者
                    株式会社　三春情報センター
                    管理本部　担当　根本　良治
                    電話　０４５－８４０－１１６１
                    ＦＡＸ　０４５－８４０－１１６４
                    メールアドレス　protect@miharujoho.co.jp

                    ８． 個人データの開示手続
                    保有個人データの開示手続は、弊社支援部が担当致します。
                    〔支援部〕 住所　〒２３４－００５１ 　横浜市港南区日野８－８－１１ 　　　　
                    株式会社　三春情報センター
                    支援部　担当　根本　良治
                    電話　０４５－８４０－１１６１
                    ＦＡＸ　０４５－８４０－１１６４
                    メールアドレス　protect@miharujoho.co.jp

                    弊社が保有する個人データの開示のご請求を希望される場合には、上記支援部宛にお問い合わせください。
                    弊社所定の書式をＦＡＸ又はＥ－ＭＡＩＬにてご送付させていただきますので、同書式にご記入の上、ご本人を確認できる書面（運転免許証・パスポート・健康保険証等）のコピーを添付し郵便にてご送付いただきますようお願い致します。

                    ９． 個人データの訂正等 弊社が保有する個人データの内容に事実と異なる記載がある場合には、訂正、変更又は削除の手続をとらせていただきます。
                    手続につきましては、第８項個人データの開示手続と同様の方法にてお願い致します。

                    10． 個人情報保護に関する苦情処理 弊社の個人情報の取り扱いについての苦情処理につきましては、下記部門が対応させていただきます。
                    受付時間は弊社営業日（原則毎週火・水曜日は定休日）の午前１０時から午後５時までとなります。
                    〔支援部〕 住所　〒２３４－００５１　横浜市港南区日野８－８－１１
                    株式会社　三春情報センター
                    支援部　担当　根本　良治
                    電話　０４５－８４０－１１６１
                    ＦＡＸ　０４５－８４０－１１６４
                    メールアドレス　protect@miharujoho.co.jp
                </div>
                <button type="submit" class="contact-form__agree">同意のうえ、送信する</button>
            </div>
			<div style="display:none">
			<div id="err_container" >
				<div></div>
			</div>
			</div>
			
            <div class="error section-error" id="error" style="display:none">
			
            <dl>
            <dt>
              <strong><img src={{root('img/contact/warning.png')}}>必須入力項目を確認してください</strong>
            </dt>
            <dd>必須項目に未入力項目があります。必須項目を入力してください。</dd>
           
            </div>
        </section>
    </div>
</form>
<script type="text/javascript">
$(".input-contact-textfield").change(function(){
	
  if ($(this).val() != 0 && $(this).val() != ""){
	  $(this).css("background-color", "#fff");
  }
  else {
	   $(this).css("background-color", "#FABFB7");
  }
});

$(".input-contact-select").change(function(){
	
  if ($(this).val() != 0 && $(this).val() != ""){
	  $(this).parent().css("background-color", "#fff");
  }
  else {
	   $(this).css("background-color", "#FABFB7");
  }
});

var validator = $("#form").validate({
	errorContainer: "err_container",
	errorLabelContainer: "#err_container div",
	wrapper : "div",
  rules: {
	shop: { required: true},
	store: { required: true},
	visit_m: { required: true},
	visit_d: { required: true},
	visit_h: { required: true},
	to_visit_m: { required: true},
	to_visit_d: { required: true},
	to_visit_h: { required: true},
	//'inquiry[]': { required: true}
    zipcode: {
      required: true,
	  minlength: 7
    },
	pref: { required: true},
	address: { required: true},
	orient_balcony: { required: true},
	total_area: { required: true},
	total_area: { required: true},
	construction_area: { required: true},
	age: { required: true},
	num_parking: { required: true},
	street_width: { required: true},
	expected_sale_time: { required: true},
	mail: {
      required: true,
	  email: true
    },
	phone : {
      required: true,
	  minlength: 10,
	  maxlength:12
    },
  },
  messages: {
		
  },
   invalidHandler: function(event, validator) {
		$("#error").show()
  }
});
validator.hideErrors();
</script>
<style >

.section-error {
	width: 80%;
    border: 2px dotted #FF523A;
    border-radius: 5px;
    margin: 0 auto;
}
</style>
@endsection
