export default function SaleRoofForm(){
  return(
    <div className="sale-frame">
      <div className="sale-roof-title">電気関係</div>
      <div className="data-form-wrap">
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">電気契約容量</div>
            <div className="data-input mb5">
              <input type="text" className="input-frame" defaultValue={'10'}/>
            </div>
            <div className="data-input">
              <select className="select-form" name="" id="">
                <option value="">kVA</option>
                <option value="">kVA</option>
                <option value="">kVA</option>
                <option value="">kVA</option>
                <option value="">kVA</option>
              </select>
            </div>
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">電気小売会社</div>
            <input type="text" className="input-frame" defaultValue={'HWJ Electric'}/>
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">電気袋設備<span>※複数選択可能</span></div>
            <div className="data-check-wrap">
              <div className="check-form-box">
                <input type="checkbox" id="ch01"/>
                <label htmlFor="ch01">エコキュート</label>
              </div>
              <div className="check-form-box">
                <input type="checkbox" id="ch02"/>
                <label htmlFor="ch02">エネパーム</label>
              </div>
              <div className="check-form-box">
                <input type="checkbox" id="ch03"/>
                <label htmlFor="ch03">蓄電池システム</label>
              </div>
              <div className="check-form-box">
                <input type="checkbox" id="ch04"/>
                <label htmlFor="ch04">太陽光発電</label>
              </div>
              <div className="check-form-box">
                <input type="checkbox" id="ch05"/>
                <label htmlFor="ch05">その他 (直接入力)</label>
              </div>
            </div>
            <div className="data-input">
              <input type="text" className="input-frame" disabled  defaultValue={''}/>
            </div>
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit red-f">設置希望システム</div>
            <div className="data-input mb5">
              <select className="select-form" name="" id="">
                <option value="">太陽光発電</option>
                <option value="">太陽光発電</option>
                <option value="">太陽光発電</option>
                <option value="">太陽光発電</option>
                <option value="">太陽光発電</option>
              </select>
            </div>
            <div className="data-input">
              <input type="text" className="input-frame" defaultValue={''} disabled/>
            </div>
          </div>
        </div>
    </div>
  )
}