export default function Gable() {
  return (
    <>
      <div className="outline-form mb10">
        <span className="mr10" style={{ width: '63px' }}>
          傾斜
        </span>
        <div className="input-grid mr5">
          <input type="text" className="input-origin block" defaultValue={100} />
        </div>
        <span className="thin">寸法</span>
      </div>
      <div className="outline-form mb10">
        <span className="mr10" style={{ width: '63px' }}>
          軒の
        </span>
        <div className="input-grid mr5">
          <input type="text" className="input-origin block" defaultValue={100} />
        </div>
        <span className="thin">mm</span>
      </div>
      <div className="outline-form mb10">
        <span className="mr10" style={{ width: '63px' }}>
          ケラバ 出幅
        </span>
        <div className="input-grid mr5">
          <input type="text" className="input-origin block" defaultValue={100} />
        </div>
        <span className="thin">mm</span>
      </div>
      <div className="outline-form mb10">
        <span className="mr10" style={{ width: '63px' }}>
          片流幅
        </span>
        <div className="input-grid mr5">
          <input type="text" className="input-origin block" defaultValue={100} />
        </div>
        <span className="thin">mm</span>
      </div>
    </>
  )
}