<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/aaa.css">
    <title>Document</title>
</head>

<body>
    <a href="/logout">ログアウトする</a>

    <h1>{{ title }}</h1>
    <p>{{name}}さんの成績について入力してください</p>
    <p>{{ message }}</p>
    希望業種と各科目の評価（GPA）を選択してください
    <table>
        <form action="/touroku" method="POST" enctype="multipart/form-data">
            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">教養ゼミIの成績</label><br />
                            <input type="range" id="edu1" name="edu1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">教養ゼミⅡの成績</label><br />
                            <input type="range" id="edu2" name="edu2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">経済学Ⅰの成績</label><br />
                            <input type="range" id="eco1" name="eco1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">社会学Ⅰの成績</label><br />
                            <input type="range" id="soc1" name="soc1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">法学Ⅰの成績</label><br />
                            <input type="range" id="law1" name="law1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">科学技術史の成績</label><br />
                            <input type="range" id="sci_tech" name="sci_tech" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">環境論Ⅰの成績</label><br />
                            <input type="range" id="env1" name="env1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">日本語表現法の成績</label><br />
                            <input type="range" id="japanese" name="japanese" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">比較文化学Ⅰの成績</label><br />
                            <input type="range" id="compare1" name="compare1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">健康科学演習の成績</label><br />
                            <input type="range" id="health_sci_exe" name="health_sci_exe" list="tickmarks" min="0"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">心理学Ⅰの成績</label><br />
                            <input type="range" id="psycho1" name="psycho1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">健康科学Ⅰの成績</label><br />
                            <input type="range" id="health_sci1" name="health_sci1" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">数学Ⅰの成績</label><br />
                            <input type="range" id="math1" name="math1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">数学Ⅱの成績</label><br />
                            <input type="range" id="math2" name="math2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">物理学Ⅰの成績</label><br />
                            <input type="range" id="psy1" name="psy1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">物理学Ⅱの成績</label><br />
                            <input type="range" id="psy2" name="psy2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">化学Ⅰの成績</label><br />
                            <input type="range" id="chemi1" name="chemi1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">化学Ⅱの成績</label><br />
                            <input type="range" id="chemi2" name="chemi2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">生物学の成績</label><br />
                            <input type="range" id="biology" name="biology" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">物理学Ⅰ演習の成績</label><br />
                            <input type="range" id="phy1_exe" name="phy1_exe" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">数学演習の成績</label><br />
                            <input type="range" id="math_exe" name="math_exe" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">化学実験の成績</label><br />
                            <input type="range" id="chemi_exp" name="chemi_exp" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">物理実験の成績</label><br />
                            <input type="range" id="phy_exp" name="phy_exp" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">英語基礎Ⅰの成績</label><br />
                            <input type="range" id="ba_eng1" name="ba_eng1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">基礎英語Ⅱの成績</label><br />
                            <input type="range" id="ba_eng2" name="ba_eng2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">基礎英語Ⅲの成績</label><br />
                            <input type="range" id="ba_eng3" name="ba_eng3" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">英語基礎Ⅳの成績</label><br />
                            <input type="range" id="ba_eng4" name="ba_eng4" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">ドイツ語Ⅰの成績</label><br />
                            <input type="range" id="german1" name="german1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">ドイツ語Ⅱの成績</label><br />
                            <input type="range" id="german2" name="german2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">中国語Ⅰの成績</label><br />
                            <input type="range" id="china1" name="china1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">中国語Ⅱの成績</label><br />
                            <input type="range" id="china2" name="china2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">キャリア形成論の成績</label><br />
                            <input type="range" id="career" name="career" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">線形代数Ⅰの成績</label><br />
                            <input type="range" id="algebra1" name="algebra1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">線形代数Ⅱの成績</label><br />
                            <input type="range" id="algebra2" name="algebra2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">情報数学1の成績</label><br />
                            <input type="range" id="info_math1" name="info_math1" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">情報数学Ⅱの成績</label><br />
                            <input type="range" id="info_math2" name="info_math2" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">確率・統計学の成績</label><br />
                            <input type="range" id="pro_stat" name="pro_stat" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">複素解析学の成績</label><br />
                            <input type="range" id="complex_ana" name="complex_ana" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">情報システム工学概論の成績</label><br />
                            <input type="range" id="intro_info_sys" name="intro_info_sys" list="tickmarks" min="0"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">コンピュータ基礎の成績</label><br />
                            <input type="range" id="com_base" name="com_base" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">プログラミングⅠの成績</label><br />
                            <input type="range" id="programming1" name="programming1" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">プログラミング演習Ⅰの成績</label><br />
                            <input type="range" id="programming1_exe" name="programming1_exe" list="tickmarks" min="0"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">アルゴリズムとデータ構造の成績</label><br />
                            <input type="range" id="algo_data" name="algo_data" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">電気回路の成績</label><br />
                            <input type="range" id="electric_circuit" name="electric_circuit" list="tickmarks" min="0"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">経済学Ⅱの成績</label><br />
                            <input type="range" id="eco2" name="eco2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">社会学Ⅱの成績</label><br />
                            <input type="range" id="soc2" name="soc2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">法学Ⅱの成績</label><br />
                            <input type="range" id="law2" name="law2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">環境論Ⅱの成績</label><br />
                            <input type="range" id="env2" name="env2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">コミュニケーション論の成績</label><br />
                            <input type="range" id="comm_logic" name="comm_logic" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">文学Ⅰの成績</label><br />
                            <input type="range" id="litera1" name="litera1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">比較文化学Ⅱの成績</label><br />
                            <input type="range" id="compare2" name="compare2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">心理学Ⅱの成績</label><br />
                            <input type="range" id="psycho2" name="psycho2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">倫理学の成績</label><br />
                            <input type="range" id="ethics" name="ethics" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">哲学の成績</label><br />
                            <input type="range" id="philo" name="philo" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">総合英語Ⅰの成績</label><br />
                            <input type="range" id="compre_eng1" name="compre_eng1" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">総合英語Ⅱの成績</label><br />
                            <input type="range" id="compre_eng2" name="compre_eng2" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">総合英語Ⅲの成績</label><br />
                            <input type="range" id="compre_eng3" name="compre_eng3" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">総合英語Ⅳの成績</label><br />
                            <input type="range" id="compre_eng4" name="compre_eng4" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">トピックゼミⅠの成績</label><br />
                            <input type="range" id="topic_semi1" name="topic_semi1" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">トピックゼミⅡの成績</label><br />
                            <input type="range" id="topic_semi2" name="topic_semi2" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">微分方程式論の成績</label><br />
                            <input type="range" id="diff_equ" name="diff_equ" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">フーリエ解析学の成績</label><br />
                            <input type="range" id="fourier" name="fourier" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">情報理論の成績</label><br />
                            <input type="range" id="info_theory" name="info_theory" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">ディジタル信号処理の成績</label><br />
                            <input type="range" id="DSP" name="DSP" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">電子回路の成績</label><br />
                            <input type="range" id="elec_circuit" name="elec_circuit" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">論理回路基礎の成績</label><br />
                            <input type="range" id="logic_circuit_base" name="logic_circuit_base" list="tickmarks"
                                min="-1" max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">情報システム工学実験Ⅰの成績</label><br />
                            <input type="range" id="info_sys_exp1" name="info_sys_exp1" list="tickmarks" min="-1"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">プログラミングⅡの成績</label><br />
                            <input type="range" id="programming2" name="programming2" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">プログラミング演習Ⅱの成績</label><br />
                            <input type="range" id="programming2_exe" name="programming2_exe" list="tickmarks" min="0"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">プログラミングⅢの成績</label><br />
                            <input type="range" id="programming3" name="programming3" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">プログラミング演習Ⅲの成績</label><br />
                            <input type="range" id="programming3_exe" name="programming3_exe" list="tickmarks" min="0"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">コンピュータアーキテクチャの成績</label><br />
                            <input type="range" id="com_archi" name="com_archi" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">コンパイラの成績</label><br />
                            <input type="range" id="compiler" name="compiler" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">コンピュータネットワークの成績</label><br />
                            <input type="range" id="com_net" name="com_net" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">IoTシステムデザインの成績</label><br />
                            <input type="range" id="iot_sys" name="iot_sys" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">通信方式の成績</label><br />
                            <input type="range" id="commu_method" name="commu_method" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">データベースとデータ処理の成績</label><br />
                            <input type="range" id="data_data" name="data_data" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">画像処理基礎の成績</label><br />
                            <input type="range" id="image_processing" name="image_processing" list="tickmarks" min="0"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">日本国憲法の成績</label><br />
                            <input type="range" id="const_japan" name="const_japan" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">科学技術と社会の成績</label><br />
                            <input type="range" id="tech_soc" name="tech_soc" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">富山と日本海の成績</label><br />
                            <input type="range" id="toyama_japan" name="toyama_japan" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">文学Ⅱの成績</label><br />
                            <input type="range" id="litera2" name="litera2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">近現代史の成績</label><br />
                            <input type="range" id="modern_his" name="modern_his" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">国際関係論の成績</label><br />
                            <input type="range" id="inter_rela" name="inter_rela" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">コミュニケーションの社会学の成績</label><br />
                            <input type="range" id="comm_soc" name="comm_soc" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">健康科学Ⅱの成績</label><br />
                            <input type="range" id="health_sci2" name="health_sci2" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">英語特別演習Ⅰの成績</label><br />
                            <input type="range" id="spe_eng1" name="spe_eng1" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">英語特別演習Ⅱの成績</label><br />
                            <input type="range" id="spe_eng2" name="spe_eng2" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">英語特別演習Ⅲの成績</label><br />
                            <input type="range" id="spe_eng3" name="spe_eng3" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">英語特別演習Ⅳの成績</label><br />
                            <input type="range" id="spe_eng4" name="spe_eng4" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">プレゼンテーション演習の成績</label><br />
                            <input type="range" id="presen" name="presen" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">技術者倫理の成績</label><br />
                            <input type="range" id="engi_ethic" name="engi_ethic" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">企業経営概論の成績</label><br />
                            <input type="range" id="business_manage" name="business_manage" list="tickmarks" min="0"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">インターンシップAの成績</label><br />
                            <input type="range" id="interA" name="interA" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">インターンシップBの成績</label><br />
                            <input type="range" id="interB" name="interB" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">技術英語の成績</label><br />
                            <input type="range" id="tech_eng" name="tech_eng" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">情報システム工学特別講義の成績</label><br />
                            <input type="range" id="spe_info_sys" name="spe_info_sys" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">情報システム工学実験Ⅱの成績</label><br />
                            <input type="range" id="info_sys_exp2" name="info_sys_exp2" list="tickmarks" min="-1"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">卒業研究1の成績</label><br />
                            <input type="range" id="grad_research1" name="grad_research1" list="tickmarks" min="0"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">IoTプログラミングの成績</label><br />
                            <input type="range" id="iot_prog" name="iot_prog" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">論理回路応用の成績</label><br />
                            <input type="range" id="logic_circuit_app" name="logic_circuit_app" list="tickmarks" min="0"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">組み込みシステム工学の成績</label><br />
                            <input type="range" id="embedded" name="embedded" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">プログラミング言語の成績</label><br />
                            <input type="range" id="prog_lan" name="prog_lan" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">待ち行列と性能解析の成績</label><br />
                            <input type="range" id="queueing" name="queueing" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">ソフトウェア工学の成績</label><br />
                            <input type="range" id="soft_engi" name="soft_engi" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">オペレーティングシステムの成績</label><br />
                            <input type="range" id="opera_sys" name="opera_sys" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">ヒューマンインタフェイスの成績</label><br />
                            <input type="range" id="hum_inter" name="hum_inter" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">生体情報工学の成績</label><br />
                            <input type="range" id="bioinfo" name="bioinfo" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>
                </tr>
            </div>


            <div class="box">
                <tr>
                    <td>
                        <div class="box__card">
                            <label for="temp">機械学習の成績</label><br />
                            <input type="range" id="machine_learning" name="machine_learning" list="tickmarks" min="0"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">数値解析の成績</label><br />
                            <input type="range" id="nume_ana" name="nume_ana" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">オペレーションズ・システムの成績</label><br />
                            <input type="range" id="ope_sys" name="ope_sys" list="tickmarks" min="-1" max="4" step="1"
                                value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">情報システムと地球環境の成績</label><br />
                            <input type="range" id="info_global" name="info_global" list="tickmarks" min="-1" max="4"
                                step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">卒業研究2の成績</label><br />
                            <input type="range" id="grad_research2" name="grad_research2" list="tickmarks" min="0"
                                max="4" step="1" value="-1">
                            <datalist id="tickmarks">
                                <option value="-1" label="履修なし"></option>
                                <option value="0" label="落単"></option>
                                <option value="1" label="Ｃ"></option>
                                <option value="2" label="Ｂ"></option>
                                <option value="3" label="Ａ"></option>
                                <option value="4" label="Ｓ"></option>
                            </datalist>
                        </div>
                    </td>

                    <td>
                        <div class="box__card">
                            <label for="temp">業種希望</label><br />
                            <select name="industry_hope" size="1">
                                <option value="0" label="希望なし" selected>希望なし</option>
                                <option value="1" label="製造業">製造業</option>
                                <option value="2" label="情報通信業">情報通信業</option>
                                <option value="3" label="サービス業">サービス業</option>
                                <option value="4" label="建築業">建築業</option>
                                <option value="5" label="学術研究，専門・技術サービス業">学術研究，専門・技術サービス業</option>
                                <option value="6" label="電気・ガス・熱供給・水道業">電気・ガス・熱供給・水道業</option>
                                <option value="7" label="運輸業・郵便業">運輸業・郵便業</option>
                                <option value="8" label="金融業・保険業">金融業・保険業</option>
                            </select>
                        </div>
                    </td>
                </tr>
            </div>

            <div class="box">
                <tr>
                    <td class="text-center">
                        <input type="submit" value="登録">
                    </td>
                </tr>
            </div>

        </form>
    </table>

</body>

</html>