import Footer from "../layout/Footer";

export default function CanvasSimulator() {
    return(
        <div className="sub-content estimate">
            <div className="sub-content-inner">
                <div className="sub-content-box">
                    <div className="sub-table-box">
                        <div className="estimate-list-wrap">
                            <div className="estimate-box">
                                <div className="estimate-tit">品番</div>
                                <div className="estimate-name">RX524231020006 (Plan No: 1)</div>
                            </div>
                            <div className="estimate-box">
                                <div className="estimate-tit">作成日</div>
                                <div className="estimate-name">2024.09.28</div>
                            </div>
                            <div className="estimate-box">
                                <div className="estimate-tit">システム容量</div>
                                <div className="estimate-name">8.3 kW</div>
                            </div>
                            <div className="estimate-box">
                                <div className="estimate-tit">年間予測発電量</div>
                                <div className="estimate-name">9,740</div>
                            </div>
                        </div>
                        <div className="estimate-list-wrap">
                            <div className="estimate-box">
                                <div className="estimate-tit">都道府県</div>
                                <div className="estimate-name">東京</div>
                            </div>
                            <div className="estimate-box">
                                <div className="estimate-tit">日射量観測地点</div>
                                <div className="estimate-name">東京</div>
                            </div>
                            <div className="estimate-box">
                                <div className="estimate-tit">積雪条件</div>
                                <div className="estimate-name">30 cm</div>
                            </div>
                            <div className="estimate-box">
                                <div className="estimate-tit">風速条件</div>
                                <div className="estimate-name">34 m/s以下</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="sub-content-box">
                    <div className="chart-wrap">
                        <div className="chart-inner">
                            <div className="sub-table-box">
                                <div className="chart-box">
                                    chart
                                </div>
                                <div className="table-box-title-wrap">
                                    <div className="title-wrap">
                                        <h3>予測発電量 (kWh) </h3>
                                    </div>
                                </div>
                                <div className="chart-month-table">
                                    <table>
                                        <thead>
                                            <tr>
                                                <th>1月</th>
                                                <th>2月</th>
                                                <th>3月</th>
                                                <th>4月</th>
                                                <th>5月</th>
                                                <th>6月</th>
                                                <th>7月</th>
                                                <th>8月</th>
                                                <th>9月</th>
                                                <th>10月</th>
                                                <th>11月</th>
                                                <th>12月</th>
                                                <th>合計</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>586</td>
                                                <td>668</td>
                                                <td>918</td>
                                                <td>1,200</td>
                                                <td>1,080</td>
                                                <td>916</td>
                                                <td>954</td>
                                                <td>1,024</td>
                                                <td>763</td>
                                                <td>715</td>
                                                <td>557</td>
                                                <td>455</td>
                                                <td>9,744</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div className="chart-table-wrap">
                            <div className="sub-table-box">
                                <div className="module-table ">
                                    <table className="small">
                                        <thead>
                                            <tr>
                                                <th>屋根面</th>
                                                <th>傾斜角</th>
                                                <th>方位角（度)</th>
                                                <th>太陽電池モジュール</th>
                                                <th>枚数</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>西南西1</td>
                                                <td>0.3寸</td>
                                                <td>81</td>
                                                <td>
                                                    <div className="overflow-lab">
                                                        Re.RISE-G2 415
                                                    </div>
                                                </td>
                                                <td>20</td>
                                            </tr>
                                            <tr>
                                                <td>西南西1</td>
                                                <td>0.3寸</td>
                                                <td>81</td>
                                                <td>
                                                    <div className="overflow-lab">
                                                        Re.RISE-G2 415
                                                    </div>
                                                </td>
                                                <td>20</td>
                                            </tr>
                                            <tr>
                                                <td>西南西1</td>
                                                <td>0.3寸</td>
                                                <td>81</td>
                                                <td>
                                                    <div className="overflow-lab">
                                                        Re.RISE-G2 415
                                                    </div>
                                                </td>
                                                <td>20</td>
                                            </tr>
                                            <tr>
                                                <td>西南西1</td>
                                                <td>0.3寸</td>
                                                <td>81</td>
                                                <td>
                                                    <div className="overflow-lab">
                                                        Re.RISE-G2 415
                                                    </div>
                                                </td>
                                                <td>20</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div className="module-total">
                                        <div className="total-title">合計</div>
                                        <div className="total-num">60</div>
                                    </div>
                                </div>
                            </div>
                            <div className="sub-table-box">
                            <div className="module-table ">
                                    <table className="big">
                                        <thead>
                                            <tr>
                                                <th>パワーコンディショナー</th>
                                                <th>ティーン</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td className="al-l">
                                                    <div className="overflow-lab">
                                                        HQJP-MA55-3
                                                    </div>
                                                </td>
                                                <td>2</td>
                                            </tr>
                                            <tr>
                                                <td className="al-l">
                                                    <div className="overflow-lab">
                                                        HQJP-MA55-3
                                                    </div>
                                                </td>
                                                <td>2</td>
                                            </tr>
                                            <tr>
                                                <td className="al-l">
                                                    <div className="overflow-lab">
                                                        HQJP-MA55-3
                                                    </div>
                                                </td>
                                                <td>2</td>
                                            </tr>
                                            <tr>
                                                <td className="al-l">
                                                    <div className="overflow-lab">
                                                        HQJP-MA55-3
                                                    </div>
                                                </td>
                                                <td>2</td>
                                            </tr>
                                            <tr>
                                                <td className="al-l">
                                                    <div className="overflow-lab">
                                                        HQJP-MA55-3
                                                    </div>
                                                </td>
                                                <td>2</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="sub-content-box">
                    <div className="sub-table-box">
                        <div className="simulation-guide-wrap">
                            <div className="simulation-tit-wrap">
                                <span
                                >Hanwha Japan 年間発電量
                                <br/>
                                シミュレーションガイドライン
                                </span>
                            </div>
                            <div className="simulation-guide-box">
                                <dl>
                                    <dt>計算式</dt>
                                    <dd>月間発電量（kWh）＝太陽電池モジュール容量（kW×月平均傾斜日射量×パワーコンディショナー変換効率×太陽電池モジュール温度損失×その月日数×その他係数*1</dd>
                                    <dd>※その他係数*1につきましては下記の注意事項注4をご参照ください。</dd>
                                </dl>
                                <dl>
                                    <dt>注意事項</dt>
                                    <dd>注1 複数の条件（気象、立地、設置条件）によって実際の発電量は大きく変動することがあります。</dd>
                                    <dd>注2 実際の建物に設置した場合、正方形、方位角、緯度、システム回路構成および構成機器の種類によって発電が異なる場合があります。</dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}