export default function SaleRoofDetailForm02(){
  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={'既存の建築物'} disabled/>
            </div>
            <div className="data-input flex">
              <input type="text" className="input-frame" defaultValue={'10'} disabled/>
              <span>年</span>
            </div>
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">屋根材<span>※最大2個まで選択可能</span></div>
            <div className="data-check-wrap">
              <div className="check-form-box">
                <input type="checkbox" id="ch01" disabled defaultChecked/>
                <label htmlFor="ch01">スレート</label>
              </div>
              <div className="check-form-box">
                <input type="checkbox" id="ch02" disabled/>
                <label htmlFor="ch02">アスファルトシングル</label>
              </div>
              <div className="check-form-box">
                <input type="checkbox" id="ch03" disabled/>
                <label htmlFor="ch03">瓦</label>
              </div>
              <div className="check-form-box">
                <input type="checkbox" id="ch04" disabled defaultChecked/>
                <label htmlFor="ch04">金属屋根</label>
              </div>
              <div className="check-form-box">
                <input type="checkbox" id="ch05" disabled/>
                <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">建築研修</div>
            <div className="data-input mb5">
              <input type="text" className="input-frame" defaultValue={'太陽光発電'} disabled/>
            </div>
            <div className="data-input">
              <input type="text" className="input-frame" defaultValue={''} disabled/>
            </div>
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">屋根の斜面</div>
            <div className="data-input flex">
              <input type="text" className="input-frame" defaultValue={'4'} disabled/>
              <span>寸</span>
            </div>
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">住宅構造</div>
            <div className="radio-form-box mb10">
              <input type="radio" name="radio01" id="ra01" defaultChecked disabled/>
              <label htmlFor="ra01">木製</label>
            </div>
            <div className="radio-form-box mb10">
              <input type="radio" name="radio01" id="ra02" disabled/>
              <label htmlFor="ra02">その他 (直接入力)</label>
            </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">垂木材質</div>
            <div className="data-check-wrap">
              <div className="radio-form-box">
                <input type="radio" name="radio02" id="ra03" defaultChecked disabled/>
                <label htmlFor="ra03">木製</label>
              </div>
              <div className="radio-form-box">
                <input type="radio" name="radio02" id="ra04" disabled/>
                <label htmlFor="ra04">強制</label>
              </div>
              <div className="radio-form-box">
                <input type="radio" name="radio02" id="ra05" disabled/>
                <label htmlFor="ra05">その他 (直接入力)</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">垂木サイズ</div>
            <div className="data-input mb5">
              <input type="text" className="input-frame" defaultValue={'幅35mm以上×高さ48mm以上'} disabled/>
            </div>
            <div className="data-input">
              <input type="text" className="input-frame" defaultValue={''} disabled/>
            </div>
          </div>
          <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={'455mm以下'} disabled/>
            </div>
            <div className="data-input">
              <input type="text" className="input-frame" defaultValue={''} disabled/>
            </div>
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">垂木の方向</div>
            <div className="data-check-wrap mb0">
              <div className="radio-form-box">
                <input type="radio" name="radio03" id="ra06" defaultChecked disabled/>
                <label htmlFor="ra06">垂直垂木</label>
              </div>
              <div className="radio-form-box">
                <input type="radio" name="radio03" id="ra07" disabled/>
                <label htmlFor="ra07">水平垂木</label>
              </div>
            </div>
          </div>
          <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={'構造用合板'} disabled/>
            </div>
            <div className="data-input">
              <input type="text" className="input-frame" defaultValue={''} disabled/>
            </div>
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">路地板厚<span>※小幅板を選択した場合, 厚さ. 小幅板間の間隔寸法を記載</span></div>
            <div className="data-input flex">
              <input type="text" className="input-frame" defaultValue={'150'} disabled/>
              <span>mm</span>
            </div>
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit ">垂木の方向</div>
            <div className="data-check-wrap mb0">
              <div className="radio-form-box">
                <input type="radio" name="radio04" id="ra08" defaultChecked disabled/>
                <label htmlFor="ra08">あり</label>
              </div>
              <div className="radio-form-box">
                <input type="radio" name="radio04" id="ra09" disabled/>
                <label htmlFor="ra09">なし</label>
              </div>
            </div>
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">住宅構造</div>
            <div className="radio-form-box mb10">
              <input type="radio" name="radio05" id="ra10" defaultChecked disabled/>
              <label htmlFor="ra10">アスファルト屋根940（22kg以上）</label>
            </div>
            <div className="radio-form-box mb10">
              <input type="radio" name="radio05" id="ra11" disabled/>
              <label htmlFor="ra11">その他 (直接入力)</label>
            </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">断熱材の有無</div>
            <div className="radio-form-box mb10">
              <input type="radio" name="radio06" id="ra12" defaultChecked disabled/>
              <label htmlFor="ra12">あり</label>
            </div>
            <div className="data-input mb10">
              <input type="text" className="input-frame" defaultValue={'断熱材4mm'} disabled/>
            </div>
            <div className="radio-form-box">
              <input type="radio" name="radio06" id="ra13" disabled/>
              <label htmlFor="ra13">なし</label>
            </div>
          </div>
          <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={'材/防水材/屋根基礎/垂木'} disabled/>
            </div>
            <div className="data-input">
              <input type="text" className="input-frame" defaultValue={''} disabled/>
            </div>
          </div>
          <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={'確認済み'} disabled/>
            </div>
            <div className="data-input">
              <input type="text" className="input-frame" defaultValue={'高島'} disabled/>
            </div>
          </div>
          <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={'確認済み'} disabled/>
            </div>
            <div className="data-input">
              <textarea className="textarea-form" name="" id="" defaultValue={'漏れの兆候があるため、正確な点検が必要です.'} disabled></textarea>
            </div>
          </div>
        </div>
    </div>
  )
}