
<!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">
    <style>
        datalist {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            writing-mode: vertical-lr;
            width: 200px;
        }

        option {
            padding: 0;
        }

        input[type="range"] {
            width: 200px;
            margin: 0;
        }

        output {
            background: #f9f9f9;
            border: solid 1px #ccc;
            display: inline-block;
            padding: 0.2em 1em;
            margin: 0 0 0 10px;
        }

        .box {
            display: flex;
            flex-wrap: wrap; /* 追加：改行設定 */
            max-height: 300px;
            max-width: 1800px; /* 追加：最大高さ */
            overflow-y: auto; /* 追加：縦スクロール */
            margin-bottom: 20px; /* 追加：下部のマージン */
        }

        .box__card {
            margin-right: 30px;
            margin-bottom: 20px; /* 追加：下部のマージン */
            border: 1px solid #333; /* 追加：ボーダー */
            width: 220px;
            height:150px;
            padding: 10px; /* 追加：パディング */
            overflow-y: auto; /* 追加：縦スクロール */
        }

        .box__card:last-child {
            margin-right: 0;
        }

        table {
            border-collapse: collapse;
            text-align: left;
            width: 100%;
        }

        th,
        td {
            padding: 5px;
            border: 1px solid #333;
        }

        .text-center {
            text-align: center;
        }
    </style>
    <title>Document</title>
</head>

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

    <h1>ユーザー名 さんの成績について入力してください</h1>

    <table>
        <form action="/submit" method="POST" enctype="multipart/form-data">
            
            <h2>高校国語</h2>
            <div class="box">
                
                <div class="box__card">
                    <label for="冒頭教材">冒頭教材の成績</label><br />
                    <input type="range" id="高校国語_冒頭教材" name="高校国語_冒頭教材" 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>
                    <input type="checkbox" name="高校国語_冒頭教材_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論一">評論一の成績</label><br />
                    <input type="range" id="高校国語_評論一" name="高校国語_評論一" 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>
                    <input type="checkbox" name="高校国語_評論一_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="小説一">小説一の成績</label><br />
                    <input type="range" id="高校国語_小説一" name="高校国語_小説一" 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>
                    <input type="checkbox" name="高校国語_小説一_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論二">評論二の成績</label><br />
                    <input type="range" id="高校国語_評論二" name="高校国語_評論二" 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>
                    <input type="checkbox" name="高校国語_評論二_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="随想一">随想一の成績</label><br />
                    <input type="range" id="高校国語_随想一" name="高校国語_随想一" 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>
                    <input type="checkbox" name="高校国語_随想一_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論三">評論三の成績</label><br />
                    <input type="range" id="高校国語_評論三" name="高校国語_評論三" 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>
                    <input type="checkbox" name="高校国語_評論三_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="小説二">小説二の成績</label><br />
                    <input type="range" id="高校国語_小説二" name="高校国語_小説二" 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>
                    <input type="checkbox" name="高校国語_小説二_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論四">評論四の成績</label><br />
                    <input type="range" id="高校国語_評論四" name="高校国語_評論四" 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>
                    <input type="checkbox" name="高校国語_評論四_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="随想二">随想二の成績</label><br />
                    <input type="range" id="高校国語_随想二" name="高校国語_随想二" 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>
                    <input type="checkbox" name="高校国語_随想二_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="詩歌">詩歌の成績</label><br />
                    <input type="range" id="高校国語_詩歌" name="高校国語_詩歌" 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>
                    <input type="checkbox" name="高校国語_詩歌_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論五">評論五の成績</label><br />
                    <input type="range" id="高校国語_評論五" name="高校国語_評論五" 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>
                    <input type="checkbox" name="高校国語_評論五_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="小説三">小説三の成績</label><br />
                    <input type="range" id="高校国語_小説三" name="高校国語_小説三" 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>
                    <input type="checkbox" name="高校国語_小説三_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="表現　表現のスイッチ1">表現　表現のスイッチ1の成績</label><br />
                    <input type="range" id="高校国語_表現　表現のスイッチ1" name="高校国語_表現　表現のスイッチ1" 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>
                    <input type="checkbox" name="高校国語_表現　表現のスイッチ1_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="表現　表現のスイッチ2">表現　表現のスイッチ2の成績</label><br />
                    <input type="range" id="高校国語_表現　表現のスイッチ2" name="高校国語_表現　表現のスイッチ2" 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>
                    <input type="checkbox" name="高校国語_表現　表現のスイッチ2_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="表現　表現のスイッチ3">表現　表現のスイッチ3の成績</label><br />
                    <input type="range" id="高校国語_表現　表現のスイッチ3" name="高校国語_表現　表現のスイッチ3" 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>
                    <input type="checkbox" name="高校国語_表現　表現のスイッチ3_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="表現　表現のスイッチ4">表現　表現のスイッチ4の成績</label><br />
                    <input type="range" id="高校国語_表現　表現のスイッチ4" name="高校国語_表現　表現のスイッチ4" 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>
                    <input type="checkbox" name="高校国語_表現　表現のスイッチ4_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="表現　表現のスイッチ5">表現　表現のスイッチ5の成績</label><br />
                    <input type="range" id="高校国語_表現　表現のスイッチ5" name="高校国語_表現　表現のスイッチ5" 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>
                    <input type="checkbox" name="高校国語_表現　表現のスイッチ5_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="表現　表現のスイッチ6">表現　表現のスイッチ6の成績</label><br />
                    <input type="range" id="高校国語_表現　表現のスイッチ6" name="高校国語_表現　表現のスイッチ6" 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>
                    <input type="checkbox" name="高校国語_表現　表現のスイッチ6_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="表現　表現のスイッチ7">表現　表現のスイッチ7の成績</label><br />
                    <input type="range" id="高校国語_表現　表現のスイッチ7" name="高校国語_表現　表現のスイッチ7" 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>
                    <input type="checkbox" name="高校国語_表現　表現のスイッチ7_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="説話">説話の成績</label><br />
                    <input type="range" id="高校国語_説話" name="高校国語_説話" 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>
                    <input type="checkbox" name="高校国語_説話_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="随筆">随筆の成績</label><br />
                    <input type="range" id="高校国語_随筆" name="高校国語_随筆" 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>
                    <input type="checkbox" name="高校国語_随筆_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="日記">日記の成績</label><br />
                    <input type="range" id="高校国語_日記" name="高校国語_日記" 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>
                    <input type="checkbox" name="高校国語_日記_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="物語">物語の成績</label><br />
                    <input type="range" id="高校国語_物語" name="高校国語_物語" 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>
                    <input type="checkbox" name="高校国語_物語_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="和歌">和歌の成績</label><br />
                    <input type="range" id="高校国語_和歌" name="高校国語_和歌" 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>
                    <input type="checkbox" name="高校国語_和歌_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="軍記物語">軍記物語の成績</label><br />
                    <input type="range" id="高校国語_軍記物語" name="高校国語_軍記物語" 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>
                    <input type="checkbox" name="高校国語_軍記物語_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="俳諧">俳諧の成績</label><br />
                    <input type="range" id="高校国語_俳諧" name="高校国語_俳諧" 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>
                    <input type="checkbox" name="高校国語_俳諧_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="漢文入門">漢文入門の成績</label><br />
                    <input type="range" id="高校国語_漢文入門" name="高校国語_漢文入門" 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>
                    <input type="checkbox" name="高校国語_漢文入門_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="故事">故事の成績</label><br />
                    <input type="range" id="高校国語_故事" name="高校国語_故事" 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>
                    <input type="checkbox" name="高校国語_故事_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="史伝">史伝の成績</label><br />
                    <input type="range" id="高校国語_史伝" name="高校国語_史伝" 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>
                    <input type="checkbox" name="高校国語_史伝_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="唐詩">唐詩の成績</label><br />
                    <input type="range" id="高校国語_唐詩" name="高校国語_唐詩" 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>
                    <input type="checkbox" name="高校国語_唐詩_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="名文">名文の成績</label><br />
                    <input type="range" id="高校国語_名文" name="高校国語_名文" 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>
                    <input type="checkbox" name="高校国語_名文_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="思想">思想の成績</label><br />
                    <input type="range" id="高校国語_思想" name="高校国語_思想" 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>
                    <input type="checkbox" name="高校国語_思想_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="コミュニケーションのために">コミュニケーションのためにの成績</label><br />
                    <input type="range" id="高校国語_コミュニケーションのために" name="高校国語_コミュニケーションのために" 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>
                    <input type="checkbox" name="高校国語_コミュニケーションのために_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="文章表現の基礎">文章表現の基礎の成績</label><br />
                    <input type="range" id="高校国語_文章表現の基礎" name="高校国語_文章表現の基礎" 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>
                    <input type="checkbox" name="高校国語_文章表現の基礎_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="小論文Ⅰ">小論文Ⅰの成績</label><br />
                    <input type="range" id="高校国語_小論文ⅰ" name="高校国語_小論文ⅰ" 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>
                    <input type="checkbox" name="高校国語_小論文ⅰ_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="声の表現">声の表現の成績</label><br />
                    <input type="range" id="高校国語_声の表現" name="高校国語_声の表現" 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>
                    <input type="checkbox" name="高校国語_声の表現_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="人とつながる言葉">人とつながる言葉の成績</label><br />
                    <input type="range" id="高校国語_人とつながる言葉" name="高校国語_人とつながる言葉" 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>
                    <input type="checkbox" name="高校国語_人とつながる言葉_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="面接　社会との接点">面接　社会との接点の成績</label><br />
                    <input type="range" id="高校国語_面接　社会との接点" name="高校国語_面接　社会との接点" 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>
                    <input type="checkbox" name="高校国語_面接　社会との接点_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="言葉遊びと創作">言葉遊びと創作の成績</label><br />
                    <input type="range" id="高校国語_言葉遊びと創作" name="高校国語_言葉遊びと創作" 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>
                    <input type="checkbox" name="高校国語_言葉遊びと創作_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="言葉を届ける">言葉を届けるの成績</label><br />
                    <input type="range" id="高校国語_言葉を届ける" name="高校国語_言葉を届ける" 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>
                    <input type="checkbox" name="高校国語_言葉を届ける_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="プレゼンテーションの方法">プレゼンテーションの方法の成績</label><br />
                    <input type="range" id="高校国語_プレゼンテーションの方法" name="高校国語_プレゼンテーションの方法" 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>
                    <input type="checkbox" name="高校国語_プレゼンテーションの方法_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="小論文Ⅱ">小論文Ⅱの成績</label><br />
                    <input type="range" id="高校国語_小論文ⅱ" name="高校国語_小論文ⅱ" 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>
                    <input type="checkbox" name="高校国語_小論文ⅱ_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="話し合いの方法">話し合いの方法の成績</label><br />
                    <input type="range" id="高校国語_話し合いの方法" name="高校国語_話し合いの方法" 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>
                    <input type="checkbox" name="高校国語_話し合いの方法_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="エッセイを書く">エッセイを書くの成績</label><br />
                    <input type="range" id="高校国語_エッセイを書く" name="高校国語_エッセイを書く" 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>
                    <input type="checkbox" name="高校国語_エッセイを書く_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="物語を作る">物語を作るの成績</label><br />
                    <input type="range" id="高校国語_物語を作る" name="高校国語_物語を作る" 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>
                    <input type="checkbox" name="高校国語_物語を作る_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="メディア・リテラシー">メディア・リテラシーの成績</label><br />
                    <input type="range" id="高校国語_メディア・リテラシー" name="高校国語_メディア・リテラシー" 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>
                    <input type="checkbox" name="高校国語_メディア・リテラシー_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="社会にはたらきかける表現">社会にはたらきかける表現の成績</label><br />
                    <input type="range" id="高校国語_社会にはたらきかける表現" name="高校国語_社会にはたらきかける表現" 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>
                    <input type="checkbox" name="高校国語_社会にはたらきかける表現_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="ツールボックス">ツールボックスの成績</label><br />
                    <input type="range" id="高校国語_ツールボックス" name="高校国語_ツールボックス" 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>
                    <input type="checkbox" name="高校国語_ツールボックス_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論一">評論一の成績</label><br />
                    <input type="range" id="高校国語_評論一" name="高校国語_評論一" 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>
                    <input type="checkbox" name="高校国語_評論一_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="小説一">小説一の成績</label><br />
                    <input type="range" id="高校国語_小説一" name="高校国語_小説一" 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>
                    <input type="checkbox" name="高校国語_小説一_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論二">評論二の成績</label><br />
                    <input type="range" id="高校国語_評論二" name="高校国語_評論二" 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>
                    <input type="checkbox" name="高校国語_評論二_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="小説二">小説二の成績</label><br />
                    <input type="range" id="高校国語_小説二" name="高校国語_小説二" 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>
                    <input type="checkbox" name="高校国語_小説二_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論三">評論三の成績</label><br />
                    <input type="range" id="高校国語_評論三" name="高校国語_評論三" 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>
                    <input type="checkbox" name="高校国語_評論三_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="随想">随想の成績</label><br />
                    <input type="range" id="高校国語_随想" name="高校国語_随想" 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>
                    <input type="checkbox" name="高校国語_随想_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論四">評論四の成績</label><br />
                    <input type="range" id="高校国語_評論四" name="高校国語_評論四" 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>
                    <input type="checkbox" name="高校国語_評論四_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="詩歌">詩歌の成績</label><br />
                    <input type="range" id="高校国語_詩歌" name="高校国語_詩歌" 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>
                    <input type="checkbox" name="高校国語_詩歌_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="表現のスイッチ1">表現のスイッチ1の成績</label><br />
                    <input type="range" id="高校国語_表現のスイッチ1" name="高校国語_表現のスイッチ1" 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>
                    <input type="checkbox" name="高校国語_表現のスイッチ1_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="小説三">小説三の成績</label><br />
                    <input type="range" id="高校国語_小説三" name="高校国語_小説三" 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>
                    <input type="checkbox" name="高校国語_小説三_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論五">評論五の成績</label><br />
                    <input type="range" id="高校国語_評論五" name="高校国語_評論五" 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>
                    <input type="checkbox" name="高校国語_評論五_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="実用文">実用文の成績</label><br />
                    <input type="range" id="高校国語_実用文" name="高校国語_実用文" 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>
                    <input type="checkbox" name="高校国語_実用文_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論一">評論一の成績</label><br />
                    <input type="range" id="高校国語_評論一" name="高校国語_評論一" 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>
                    <input type="checkbox" name="高校国語_評論一_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="小説一">小説一の成績</label><br />
                    <input type="range" id="高校国語_小説一" name="高校国語_小説一" 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>
                    <input type="checkbox" name="高校国語_小説一_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論二">評論二の成績</label><br />
                    <input type="range" id="高校国語_評論二" name="高校国語_評論二" 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>
                    <input type="checkbox" name="高校国語_評論二_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="小説二">小説二の成績</label><br />
                    <input type="range" id="高校国語_小説二" name="高校国語_小説二" 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>
                    <input type="checkbox" name="高校国語_小説二_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論三">評論三の成績</label><br />
                    <input type="range" id="高校国語_評論三" name="高校国語_評論三" 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>
                    <input type="checkbox" name="高校国語_評論三_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="随想">随想の成績</label><br />
                    <input type="range" id="高校国語_随想" name="高校国語_随想" 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>
                    <input type="checkbox" name="高校国語_随想_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論四">評論四の成績</label><br />
                    <input type="range" id="高校国語_評論四" name="高校国語_評論四" 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>
                    <input type="checkbox" name="高校国語_評論四_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="小説三">小説三の成績</label><br />
                    <input type="range" id="高校国語_小説三" name="高校国語_小説三" 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>
                    <input type="checkbox" name="高校国語_小説三_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論五">評論五の成績</label><br />
                    <input type="range" id="高校国語_評論五" name="高校国語_評論五" 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>
                    <input type="checkbox" name="高校国語_評論五_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="表現のスイッチ2">表現のスイッチ2の成績</label><br />
                    <input type="range" id="高校国語_表現のスイッチ2" name="高校国語_表現のスイッチ2" 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>
                    <input type="checkbox" name="高校国語_表現のスイッチ2_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="不思議な話　説話">不思議な話　説話の成績</label><br />
                    <input type="range" id="高校国語_不思議な話　説話" name="高校国語_不思議な話　説話" 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>
                    <input type="checkbox" name="高校国語_不思議な話　説話_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="感性のはばたき　随筆">感性のはばたき　随筆の成績</label><br />
                    <input type="range" id="高校国語_感性のはばたき　随筆" name="高校国語_感性のはばたき　随筆" 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>
                    <input type="checkbox" name="高校国語_感性のはばたき　随筆_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="人を思う時　物語">人を思う時　物語の成績</label><br />
                    <input type="range" id="高校国語_人を思う時　物語" name="高校国語_人を思う時　物語" 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>
                    <input type="checkbox" name="高校国語_人を思う時　物語_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="日々の記憶　日記">日々の記憶　日記の成績</label><br />
                    <input type="range" id="高校国語_日々の記憶　日記" name="高校国語_日々の記憶　日記" 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>
                    <input type="checkbox" name="高校国語_日々の記憶　日記_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="言葉の力　和歌と俳諧">言葉の力　和歌と俳諧の成績</label><br />
                    <input type="range" id="高校国語_言葉の力　和歌と俳諧" name="高校国語_言葉の力　和歌と俳諧" 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>
                    <input type="checkbox" name="高校国語_言葉の力　和歌と俳諧_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="戦いをめぐる人間像">戦いをめぐる人間像の成績</label><br />
                    <input type="range" id="高校国語_戦いをめぐる人間像" name="高校国語_戦いをめぐる人間像" 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>
                    <input type="checkbox" name="高校国語_戦いをめぐる人間像_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="町人の世界　近世小説">町人の世界　近世小説の成績</label><br />
                    <input type="range" id="高校国語_町人の世界　近世小説" name="高校国語_町人の世界　近世小説" 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>
                    <input type="checkbox" name="高校国語_町人の世界　近世小説_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="随筆と日記">随筆と日記の成績</label><br />
                    <input type="range" id="高校国語_随筆と日記" name="高校国語_随筆と日記" 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>
                    <input type="checkbox" name="高校国語_随筆と日記_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="物語（一）">物語（一）の成績</label><br />
                    <input type="range" id="高校国語_物語（一）" name="高校国語_物語（一）" 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>
                    <input type="checkbox" name="高校国語_物語（一）_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="和歌と俳諧">和歌と俳諧の成績</label><br />
                    <input type="range" id="高校国語_和歌と俳諧" name="高校国語_和歌と俳諧" 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>
                    <input type="checkbox" name="高校国語_和歌と俳諧_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="物語（二）">物語（二）の成績</label><br />
                    <input type="range" id="高校国語_物語（二）" name="高校国語_物語（二）" 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>
                    <input type="checkbox" name="高校国語_物語（二）_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="評論">評論の成績</label><br />
                    <input type="range" id="高校国語_評論" name="高校国語_評論" 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>
                    <input type="checkbox" name="高校国語_評論_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="機知と笑い">機知と笑いの成績</label><br />
                    <input type="range" id="高校国語_機知と笑い" name="高校国語_機知と笑い" 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>
                    <input type="checkbox" name="高校国語_機知と笑い_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="項羽と劉邦">項羽と劉邦の成績</label><br />
                    <input type="range" id="高校国語_項羽と劉邦" name="高校国語_項羽と劉邦" 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>
                    <input type="checkbox" name="高校国語_項羽と劉邦_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="詩を味わう">詩を味わうの成績</label><br />
                    <input type="range" id="高校国語_詩を味わう" name="高校国語_詩を味わう" 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>
                    <input type="checkbox" name="高校国語_詩を味わう_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="文を味わう　">文を味わう　の成績</label><br />
                    <input type="range" id="高校国語_文を味わう　" name="高校国語_文を味わう　" 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>
                    <input type="checkbox" name="高校国語_文を味わう　_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="さまざまな思想">さまざまな思想の成績</label><br />
                    <input type="range" id="高校国語_さまざまな思想" name="高校国語_さまざまな思想" 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>
                    <input type="checkbox" name="高校国語_さまざまな思想_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="三国志の英雄たち">三国志の英雄たちの成績</label><br />
                    <input type="range" id="高校国語_三国志の英雄たち" name="高校国語_三国志の英雄たち" 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>
                    <input type="checkbox" name="高校国語_三国志の英雄たち_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="詩文を味わう">詩文を味わうの成績</label><br />
                    <input type="range" id="高校国語_詩文を味わう" name="高校国語_詩文を味わう" 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>
                    <input type="checkbox" name="高校国語_詩文を味わう_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="刺客荊軻">刺客荊軻の成績</label><br />
                    <input type="range" id="高校国語_刺客荊軻" name="高校国語_刺客荊軻" 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>
                    <input type="checkbox" name="高校国語_刺客荊軻_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="さまざまな思想">さまざまな思想の成績</label><br />
                    <input type="range" id="高校国語_さまざまな思想" name="高校国語_さまざまな思想" 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>
                    <input type="checkbox" name="高校国語_さまざまな思想_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="不思議な話">不思議な話の成績</label><br />
                    <input type="range" id="高校国語_不思議な話" name="高校国語_不思議な話" 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>
                    <input type="checkbox" name="高校国語_不思議な話_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="日本の漢詩文">日本の漢詩文の成績</label><br />
                    <input type="range" id="高校国語_日本の漢詩文" name="高校国語_日本の漢詩文" 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>
                    <input type="checkbox" name="高校国語_日本の漢詩文_checkbox">
                </div>
                
            </div>
            <div class="box">
                <button type="button" onclick="setCategoryValues('高校国語', -1)">すべてできない</button>
                <button type="button" onclick="setCategoryValues('高校国語', 4)">全てできる</button>
            </div>
            
            <h2>高校数学</h2>
            <div class="box">
                
                <div class="box__card">
                    <label for="数と式">数と式の成績</label><br />
                    <input type="range" id="高校数学_数と式" name="高校数学_数と式" 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>
                    <input type="checkbox" name="高校数学_数と式_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="図形と計量">図形と計量の成績</label><br />
                    <input type="range" id="高校数学_図形と計量" name="高校数学_図形と計量" 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>
                    <input type="checkbox" name="高校数学_図形と計量_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="二次関数">二次関数の成績</label><br />
                    <input type="range" id="高校数学_二次関数" name="高校数学_二次関数" 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>
                    <input type="checkbox" name="高校数学_二次関数_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="データの分析">データの分析の成績</label><br />
                    <input type="range" id="高校数学_データの分析" name="高校数学_データの分析" 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>
                    <input type="checkbox" name="高校数学_データの分析_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="場合の数と確率">場合の数と確率の成績</label><br />
                    <input type="range" id="高校数学_場合の数と確率" name="高校数学_場合の数と確率" 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>
                    <input type="checkbox" name="高校数学_場合の数と確率_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="整数の性質">整数の性質の成績</label><br />
                    <input type="range" id="高校数学_整数の性質" name="高校数学_整数の性質" 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>
                    <input type="checkbox" name="高校数学_整数の性質_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="図形の性質">図形の性質の成績</label><br />
                    <input type="range" id="高校数学_図形の性質" name="高校数学_図形の性質" 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>
                    <input type="checkbox" name="高校数学_図形の性質_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="いろいろな式">いろいろな式の成績</label><br />
                    <input type="range" id="高校数学_いろいろな式" name="高校数学_いろいろな式" 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>
                    <input type="checkbox" name="高校数学_いろいろな式_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="図形と方程式">図形と方程式の成績</label><br />
                    <input type="range" id="高校数学_図形と方程式" name="高校数学_図形と方程式" 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>
                    <input type="checkbox" name="高校数学_図形と方程式_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="指数関数・対数関数">指数関数・対数関数の成績</label><br />
                    <input type="range" id="高校数学_指数関数・対数関数" name="高校数学_指数関数・対数関数" 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>
                    <input type="checkbox" name="高校数学_指数関数・対数関数_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="三角関数">三角関数の成績</label><br />
                    <input type="range" id="高校数学_三角関数" name="高校数学_三角関数" 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>
                    <input type="checkbox" name="高校数学_三角関数_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="微分積分の考え">微分積分の考えの成績</label><br />
                    <input type="range" id="高校数学_微分積分の考え" name="高校数学_微分積分の考え" 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>
                    <input type="checkbox" name="高校数学_微分積分の考え_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="確率分布と統計的な推測">確率分布と統計的な推測の成績</label><br />
                    <input type="range" id="高校数学_確率分布と統計的な推測" name="高校数学_確率分布と統計的な推測" 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>
                    <input type="checkbox" name="高校数学_確率分布と統計的な推測_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="数列">数列の成績</label><br />
                    <input type="range" id="高校数学_数列" name="高校数学_数列" 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>
                    <input type="checkbox" name="高校数学_数列_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="ベクトル">ベクトルの成績</label><br />
                    <input type="range" id="高校数学_ベクトル" name="高校数学_ベクトル" 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>
                    <input type="checkbox" name="高校数学_ベクトル_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="平面上の曲線と複素数平面">平面上の曲線と複素数平面の成績</label><br />
                    <input type="range" id="高校数学_平面上の曲線と複素数平面" name="高校数学_平面上の曲線と複素数平面" 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>
                    <input type="checkbox" name="高校数学_平面上の曲線と複素数平面_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="極限">極限の成績</label><br />
                    <input type="range" id="高校数学_極限" name="高校数学_極限" 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>
                    <input type="checkbox" name="高校数学_極限_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="微分法">微分法の成績</label><br />
                    <input type="range" id="高校数学_微分法" name="高校数学_微分法" 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>
                    <input type="checkbox" name="高校数学_微分法_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="積分法">積分法の成績</label><br />
                    <input type="range" id="高校数学_積分法" name="高校数学_積分法" 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>
                    <input type="checkbox" name="高校数学_積分法_checkbox">
                </div>
                
            </div>
            <div class="box">
                <button type="button" onclick="setCategoryValues('高校数学', -1)">すべてできない</button>
                <button type="button" onclick="setCategoryValues('高校数学', 4)">全てできる</button>
            </div>
            
            <h2>高校英語</h2>
            <div class="box">
                
                <div class="box__card">
                    <label for="This Is My House">This Is My Houseの成績</label><br />
                    <input type="range" id="高校英語_this is my house" name="高校英語_this is my house" 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>
                    <input type="checkbox" name="高校英語_this is my house_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="My Favorite Hero">My Favorite Heroの成績</label><br />
                    <input type="range" id="高校英語_my favorite hero" name="高校英語_my favorite hero" 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>
                    <input type="checkbox" name="高校英語_my favorite hero_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Cool Culture from Japan">Cool Culture from Japanの成績</label><br />
                    <input type="range" id="高校英語_cool culture from japan" name="高校英語_cool culture from 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>
                    <input type="checkbox" name="高校英語_cool culture from japan_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="A Miracle Mirror">A Miracle Mirrorの成績</label><br />
                    <input type="range" id="高校英語_a miracle mirror" name="高校英語_a miracle mirror" 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>
                    <input type="checkbox" name="高校英語_a miracle mirror_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Finding My Future">Finding My Futureの成績</label><br />
                    <input type="range" id="高校英語_finding my future" name="高校英語_finding my future" 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>
                    <input type="checkbox" name="高校英語_finding my future_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="A Funny Picture from the Edo Period">A Funny Picture from the Edo Periodの成績</label><br />
                    <input type="range" id="高校英語_a funny picture from the edo period" name="高校英語_a funny picture from the edo period" 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>
                    <input type="checkbox" name="高校英語_a funny picture from the edo period_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Living on Ice">Living on Iceの成績</label><br />
                    <input type="range" id="高校英語_living on ice" name="高校英語_living on ice" 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>
                    <input type="checkbox" name="高校英語_living on ice_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Building Trust in Space">Building Trust in Spaceの成績</label><br />
                    <input type="range" id="高校英語_building trust in space" name="高校英語_building trust in space" 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>
                    <input type="checkbox" name="高校英語_building trust in space_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Pigs from across the Sea">Pigs from across the Seaの成績</label><br />
                    <input type="range" id="高校英語_pigs from across the sea" name="高校英語_pigs from across the sea" 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>
                    <input type="checkbox" name="高校英語_pigs from across the sea_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="I Am Malala">I Am Malalaの成績</label><br />
                    <input type="range" id="高校英語_i am malala" name="高校英語_i am malala" 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>
                    <input type="checkbox" name="高校英語_i am malala_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Fantastic Festivals">Fantastic Festivalsの成績</label><br />
                    <input type="range" id="高校英語_fantastic festivals" name="高校英語_fantastic festivals" 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>
                    <input type="checkbox" name="高校英語_fantastic festivals_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Dancing with Freedom">Dancing with Freedomの成績</label><br />
                    <input type="range" id="高校英語_dancing with freedom" name="高校英語_dancing with freedom" 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>
                    <input type="checkbox" name="高校英語_dancing with freedom_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="The Spirit of the Forest">The Spirit of the Forestの成績</label><br />
                    <input type="range" id="高校英語_the spirit of the forest" name="高校英語_the spirit of the forest" 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>
                    <input type="checkbox" name="高校英語_the spirit of the forest_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Living with Robots">Living with Robotsの成績</label><br />
                    <input type="range" id="高校英語_living with robots" name="高校英語_living with robots" 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>
                    <input type="checkbox" name="高校英語_living with robots_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Special Makeup in Kabuki">Special Makeup in Kabukiの成績</label><br />
                    <input type="range" id="高校英語_special makeup in kabuki" name="高校英語_special makeup in kabuki" 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>
                    <input type="checkbox" name="高校英語_special makeup in kabuki_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="A Microcosm in the Sea">A Microcosm in the Seaの成績</label><br />
                    <input type="range" id="高校英語_a microcosm in the sea" name="高校英語_a microcosm in the sea" 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>
                    <input type="checkbox" name="高校英語_a microcosm in the sea_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Happiness through Hula">Happiness through Hulaの成績</label><br />
                    <input type="range" id="高校英語_happiness through hula" name="高校英語_happiness through hula" 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>
                    <input type="checkbox" name="高校英語_happiness through hula_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="The Magic of the Cotswolds">The Magic of the Cotswoldsの成績</label><br />
                    <input type="range" id="高校英語_the magic of the cotswolds" name="高校英語_the magic of the cotswolds" 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>
                    <input type="checkbox" name="高校英語_the magic of the cotswolds_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="The Bitter Truth about Chocolate">The Bitter Truth about Chocolateの成績</label><br />
                    <input type="range" id="高校英語_the bitter truth about chocolate" name="高校英語_the bitter truth about chocolate" 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>
                    <input type="checkbox" name="高校英語_the bitter truth about chocolate_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Designing for Peace">Designing for Peaceの成績</label><br />
                    <input type="range" id="高校英語_designing for peace" name="高校英語_designing for peace" 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>
                    <input type="checkbox" name="高校英語_designing for peace_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Mystery Circles under the Sea">Mystery Circles under the Seaの成績</label><br />
                    <input type="range" id="高校英語_mystery circles under the sea" name="高校英語_mystery circles under the sea" 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>
                    <input type="checkbox" name="高校英語_mystery circles under the sea_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Gifts to Barcelona">Gifts to Barcelonaの成績</label><br />
                    <input type="range" id="高校英語_gifts to barcelona" name="高校英語_gifts to barcelona" 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>
                    <input type="checkbox" name="高校英語_gifts to barcelona_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Images on Coins">Images on Coinsの成績</label><br />
                    <input type="range" id="高校英語_images on coins" name="高校英語_images on coins" 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>
                    <input type="checkbox" name="高校英語_images on coins_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Witnesses of War">Witnesses of Warの成績</label><br />
                    <input type="range" id="高校英語_witnesses of war" name="高校英語_witnesses of war" 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>
                    <input type="checkbox" name="高校英語_witnesses of war_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Love Letters">Love Lettersの成績</label><br />
                    <input type="range" id="高校英語_love letters" name="高校英語_love letters" 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>
                    <input type="checkbox" name="高校英語_love letters_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="The Natural Treasures of Ogasawara">The Natural Treasures of Ogasawaraの成績</label><br />
                    <input type="range" id="高校英語_the natural treasures of ogasawara" name="高校英語_the natural treasures of ogasawara" 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>
                    <input type="checkbox" name="高校英語_the natural treasures of ogasawara_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="The Terracotta Warriors">The Terracotta Warriorsの成績</label><br />
                    <input type="range" id="高校英語_the terracotta warriors" name="高校英語_the terracotta warriors" 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>
                    <input type="checkbox" name="高校英語_the terracotta warriors_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="The Journey of Our Clothes">The Journey of Our Clothesの成績</label><br />
                    <input type="range" id="高校英語_the journey of our clothes" name="高校英語_the journey of our clothes" 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>
                    <input type="checkbox" name="高校英語_the journey of our clothes_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Challenges for the Future">Challenges for the Futureの成績</label><br />
                    <input type="range" id="高校英語_challenges for the future" name="高校英語_challenges for the future" 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>
                    <input type="checkbox" name="高校英語_challenges for the future_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="The Story of Ruby Bridges">The Story of Ruby Bridgesの成績</label><br />
                    <input type="range" id="高校英語_the story of ruby bridges" name="高校英語_the story of ruby bridges" 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>
                    <input type="checkbox" name="高校英語_the story of ruby bridges_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Hello, Japan!">Hello, Japan!の成績</label><br />
                    <input type="range" id="高校英語_hello, japan!" name="高校英語_hello, 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>
                    <input type="checkbox" name="高校英語_hello, japan!_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="A Present for Sophie">A Present for Sophieの成績</label><br />
                    <input type="range" id="高校英語_a present for sophie" name="高校英語_a present for sophie" 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>
                    <input type="checkbox" name="高校英語_a present for sophie_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Your Turn">Your Turnの成績</label><br />
                    <input type="range" id="高校英語_your turn" name="高校英語_your turn" 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>
                    <input type="checkbox" name="高校英語_your turn_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="What Did You Do?">What Did You Do?の成績</label><br />
                    <input type="range" id="高校英語_what did you do?" name="高校英語_what did you do?" 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>
                    <input type="checkbox" name="高校英語_what did you do?_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Let’s Go on a Trip">Let’s Go on a Tripの成績</label><br />
                    <input type="range" id="高校英語_let’s go on a trip" name="高校英語_let’s go on a trip" 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>
                    <input type="checkbox" name="高校英語_let’s go on a trip_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Your Turn">Your Turnの成績</label><br />
                    <input type="range" id="高校英語_your turn" name="高校英語_your turn" 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>
                    <input type="checkbox" name="高校英語_your turn_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Music Lovers">Music Loversの成績</label><br />
                    <input type="range" id="高校英語_music lovers" name="高校英語_music lovers" 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>
                    <input type="checkbox" name="高校英語_music lovers_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="What a Day!">What a Day!の成績</label><br />
                    <input type="range" id="高校英語_what a day!" name="高校英語_what a day!" 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>
                    <input type="checkbox" name="高校英語_what a day!_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Your Turn">Your Turnの成績</label><br />
                    <input type="range" id="高校英語_your turn" name="高校英語_your turn" 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>
                    <input type="checkbox" name="高校英語_your turn_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Different Schools, Different Rules">Different Schools, Different Rulesの成績</label><br />
                    <input type="range" id="高校英語_different schools, different rules" name="高校英語_different schools, different rules" 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>
                    <input type="checkbox" name="高校英語_different schools, different rules_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Snail Mail">Snail Mailの成績</label><br />
                    <input type="range" id="高校英語_snail mail" name="高校英語_snail mail" 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>
                    <input type="checkbox" name="高校英語_snail mail_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Your Turn">Your Turnの成績</label><br />
                    <input type="range" id="高校英語_your turn" name="高校英語_your turn" 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>
                    <input type="checkbox" name="高校英語_your turn_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Plastic Food Samples">Plastic Food Samplesの成績</label><br />
                    <input type="range" id="高校英語_plastic food samples" name="高校英語_plastic food samples" 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>
                    <input type="checkbox" name="高校英語_plastic food samples_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="What Is That Gesture?">What Is That Gesture?の成績</label><br />
                    <input type="range" id="高校英語_what is that gesture?" name="高校英語_what is that gesture?" 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>
                    <input type="checkbox" name="高校英語_what is that gesture?_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Your Turn">Your Turnの成績</label><br />
                    <input type="range" id="高校英語_your turn" name="高校英語_your turn" 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>
                    <input type="checkbox" name="高校英語_your turn_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Laughter Brings Happiness">Laughter Brings Happinessの成績</label><br />
                    <input type="range" id="高校英語_laughter brings happiness" name="高校英語_laughter brings happiness" 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>
                    <input type="checkbox" name="高校英語_laughter brings happiness_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="A Movie Review">A Movie Reviewの成績</label><br />
                    <input type="range" id="高校英語_a movie review" name="高校英語_a movie review" 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>
                    <input type="checkbox" name="高校英語_a movie review_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Your Turn">Your Turnの成績</label><br />
                    <input type="range" id="高校英語_your turn" name="高校英語_your turn" 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>
                    <input type="checkbox" name="高校英語_your turn_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="My Brother Eats … Homework.">My Brother Eats … Homework.の成績</label><br />
                    <input type="range" id="高校英語_my brother eats … homework." name="高校英語_my brother eats … homework." 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>
                    <input type="checkbox" name="高校英語_my brother eats … homework._checkbox">
                </div>
                
                <div class="box__card">
                    <label for="The Future of Robots">The Future of Robotsの成績</label><br />
                    <input type="range" id="高校英語_the future of robots" name="高校英語_the future of robots" 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>
                    <input type="checkbox" name="高校英語_the future of robots_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Your Turn">Your Turnの成績</label><br />
                    <input type="range" id="高校英語_your turn" name="高校英語_your turn" 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>
                    <input type="checkbox" name="高校英語_your turn_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Visit Kuala Lumpur!">Visit Kuala Lumpur!の成績</label><br />
                    <input type="range" id="高校英語_visit kuala lumpur!" name="高校英語_visit kuala lumpur!" 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>
                    <input type="checkbox" name="高校英語_visit kuala lumpur!_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Our School’s Global Footprint">Our School’s Global Footprintの成績</label><br />
                    <input type="range" id="高校英語_our school’s global footprint" name="高校英語_our school’s global footprint" 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>
                    <input type="checkbox" name="高校英語_our school’s global footprint_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Your Turn">Your Turnの成績</label><br />
                    <input type="range" id="高校英語_your turn" name="高校英語_your turn" 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>
                    <input type="checkbox" name="高校英語_your turn_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Tokyo Skytree">Tokyo Skytreeの成績</label><br />
                    <input type="range" id="高校英語_tokyo skytree" name="高校英語_tokyo skytree" 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>
                    <input type="checkbox" name="高校英語_tokyo skytree_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="New Zealand">New Zealandの成績</label><br />
                    <input type="range" id="高校英語_new zealand" name="高校英語_new zealand" 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>
                    <input type="checkbox" name="高校英語_new zealand_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Your Turn">Your Turnの成績</label><br />
                    <input type="range" id="高校英語_your turn" name="高校英語_your turn" 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>
                    <input type="checkbox" name="高校英語_your turn_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="If I Were Principal …">If I Were Principal …の成績</label><br />
                    <input type="range" id="高校英語_if i were principal …" name="高校英語_if i were principal …" 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>
                    <input type="checkbox" name="高校英語_if i were principal …_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Thank You, Everyone!">Thank You, Everyone!の成績</label><br />
                    <input type="range" id="高校英語_thank you, everyone!" name="高校英語_thank you, everyone!" 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>
                    <input type="checkbox" name="高校英語_thank you, everyone!_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Your Turn">Your Turnの成績</label><br />
                    <input type="range" id="高校英語_your turn" name="高校英語_your turn" 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>
                    <input type="checkbox" name="高校英語_your turn_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Bridge Lesson">Bridge Lessonの成績</label><br />
                    <input type="range" id="高校英語_bridge lesson" name="高校英語_bridge lesson" 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>
                    <input type="checkbox" name="高校英語_bridge lesson_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="School Uniforms">School Uniformsの成績</label><br />
                    <input type="range" id="高校英語_school uniforms" name="高校英語_school uniforms" 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>
                    <input type="checkbox" name="高校英語_school uniforms_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Online Addiction">Online Addictionの成績</label><br />
                    <input type="range" id="高校英語_online addiction" name="高校英語_online addiction" 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>
                    <input type="checkbox" name="高校英語_online addiction_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Using the Internet">Using the Internetの成績</label><br />
                    <input type="range" id="高校英語_using the internet" name="高校英語_using the internet" 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>
                    <input type="checkbox" name="高校英語_using the internet_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Specialization in Sports">Specialization in Sportsの成績</label><br />
                    <input type="range" id="高校英語_specialization in sports" name="高校英語_specialization in sports" 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>
                    <input type="checkbox" name="高校英語_specialization in sports_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Expression Workshop 1">Expression Workshop 1の成績</label><br />
                    <input type="range" id="高校英語_expression workshop 1" name="高校英語_expression workshop 1" 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>
                    <input type="checkbox" name="高校英語_expression workshop 1_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Writing a Diary in English">Writing a Diary in Englishの成績</label><br />
                    <input type="range" id="高校英語_writing a diary in english" name="高校英語_writing a diary in english" 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>
                    <input type="checkbox" name="高校英語_writing a diary in english_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="My Future Career">My Future Careerの成績</label><br />
                    <input type="range" id="高校英語_my future career" name="高校英語_my future 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>
                    <input type="checkbox" name="高校英語_my future career_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Pets">Petsの成績</label><br />
                    <input type="range" id="高校英語_pets" name="高校英語_pets" 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>
                    <input type="checkbox" name="高校英語_pets_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="A Little Escape">A Little Escapeの成績</label><br />
                    <input type="range" id="高校英語_a little escape" name="高校英語_a little escape" 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>
                    <input type="checkbox" name="高校英語_a little escape_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Expression Workshop 2">Expression Workshop 2の成績</label><br />
                    <input type="range" id="高校英語_expression workshop 2" name="高校英語_expression workshop 2" 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>
                    <input type="checkbox" name="高校英語_expression workshop 2_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Good Fortune">Good Fortuneの成績</label><br />
                    <input type="range" id="高校英語_good fortune" name="高校英語_good fortune" 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>
                    <input type="checkbox" name="高校英語_good fortune_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Barrier-Free Society">Barrier-Free Societyの成績</label><br />
                    <input type="range" id="高校英語_barrier-free society" name="高校英語_barrier-free society" 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>
                    <input type="checkbox" name="高校英語_barrier-free society_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Food Self-Sufficiency">Food Self-Sufficiencyの成績</label><br />
                    <input type="range" id="高校英語_food self-sufficiency" name="高校英語_food self-sufficiency" 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>
                    <input type="checkbox" name="高校英語_food self-sufficiency_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Japanese Longevity">Japanese Longevityの成績</label><br />
                    <input type="range" id="高校英語_japanese longevity" name="高校英語_japanese longevity" 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>
                    <input type="checkbox" name="高校英語_japanese longevity_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Expression Workshop 3">Expression Workshop 3の成績</label><br />
                    <input type="range" id="高校英語_expression workshop 3" name="高校英語_expression workshop 3" 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>
                    <input type="checkbox" name="高校英語_expression workshop 3_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Why Don’t You Visit Japan?">Why Don’t You Visit Japan?の成績</label><br />
                    <input type="range" id="高校英語_why don’t you visit japan?" name="高校英語_why don’t you visit 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>
                    <input type="checkbox" name="高校英語_why don’t you visit japan?_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="A Lucky Day">A Lucky Dayの成績</label><br />
                    <input type="range" id="高校英語_a lucky day" name="高校英語_a lucky day" 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>
                    <input type="checkbox" name="高校英語_a lucky day_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Visiting Australia">Visiting Australiaの成績</label><br />
                    <input type="range" id="高校英語_visiting australia" name="高校英語_visiting australia" 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>
                    <input type="checkbox" name="高校英語_visiting australia_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Pros and Cons of Traveling Abroad">Pros and Cons of Traveling Abroadの成績</label><br />
                    <input type="range" id="高校英語_pros and cons of traveling abroad" name="高校英語_pros and cons of traveling abroad" 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>
                    <input type="checkbox" name="高校英語_pros and cons of traveling abroad_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Proposing a New School Uniform">Proposing a New School Uniformの成績</label><br />
                    <input type="range" id="高校英語_proposing a new school uniform" name="高校英語_proposing a new school uniform" 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>
                    <input type="checkbox" name="高校英語_proposing a new school uniform_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Let’s Cook Our Meals">Let’s Cook Our Mealsの成績</label><br />
                    <input type="range" id="高校英語_let’s cook our meals" name="高校英語_let’s cook our meals" 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>
                    <input type="checkbox" name="高校英語_let’s cook our meals_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Expression Workshop 4">Expression Workshop 4の成績</label><br />
                    <input type="range" id="高校英語_expression workshop 4" name="高校英語_expression workshop 4" 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>
                    <input type="checkbox" name="高校英語_expression workshop 4_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Welcome to Osaka">Welcome to Osakaの成績</label><br />
                    <input type="range" id="高校英語_welcome to osaka" name="高校英語_welcome to osaka" 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>
                    <input type="checkbox" name="高校英語_welcome to osaka_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Let’s Fly to the UK">Let’s Fly to the UKの成績</label><br />
                    <input type="range" id="高校英語_let’s fly to the uk" name="高校英語_let’s fly to the uk" 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>
                    <input type="checkbox" name="高校英語_let’s fly to the uk_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Expression Workshop 5">Expression Workshop 5の成績</label><br />
                    <input type="range" id="高校英語_expression workshop 5" name="高校英語_expression workshop 5" 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>
                    <input type="checkbox" name="高校英語_expression workshop 5_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Debate Lesson1">Debate Lesson1の成績</label><br />
                    <input type="range" id="高校英語_debate lesson1" name="高校英語_debate lesson1" 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>
                    <input type="checkbox" name="高校英語_debate lesson1_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Debate Lesson2">Debate Lesson2の成績</label><br />
                    <input type="range" id="高校英語_debate lesson2" name="高校英語_debate lesson2" 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>
                    <input type="checkbox" name="高校英語_debate lesson2_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Debate Lesson3">Debate Lesson3の成績</label><br />
                    <input type="range" id="高校英語_debate lesson3" name="高校英語_debate lesson3" 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>
                    <input type="checkbox" name="高校英語_debate lesson3_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Debate Lesson4">Debate Lesson4の成績</label><br />
                    <input type="range" id="高校英語_debate lesson4" name="高校英語_debate lesson4" 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>
                    <input type="checkbox" name="高校英語_debate lesson4_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Nice to Meet You">Nice to Meet Youの成績</label><br />
                    <input type="range" id="高校英語_nice to meet you" name="高校英語_nice to meet you" 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>
                    <input type="checkbox" name="高校英語_nice to meet you_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Hello, Friends!">Hello, Friends!の成績</label><br />
                    <input type="range" id="高校英語_hello, friends!" name="高校英語_hello, friends!" 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>
                    <input type="checkbox" name="高校英語_hello, friends!_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Sakura’s Adventure Episode 1 At Immigration">Sakura’s Adventure Episode 1 At Immigrationの成績</label><br />
                    <input type="range" id="高校英語_sakura’s adventure episode 1 at immigration" name="高校英語_sakura’s adventure episode 1 at immigration" 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>
                    <input type="checkbox" name="高校英語_sakura’s adventure episode 1 at immigration_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="My Favorite Music">My Favorite Musicの成績</label><br />
                    <input type="range" id="高校英語_my favorite music" name="高校英語_my favorite music" 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>
                    <input type="checkbox" name="高校英語_my favorite music_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="What Are You Crazy about?">What Are You Crazy about?の成績</label><br />
                    <input type="range" id="高校英語_what are you crazy about?" name="高校英語_what are you crazy about?" 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>
                    <input type="checkbox" name="高校英語_what are you crazy about?_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Sakura’s Adventure Episode 2 How about Going Shopping?">Sakura’s Adventure Episode 2 How about Going Shopping?の成績</label><br />
                    <input type="range" id="高校英語_sakura’s adventure episode 2 how about going shopping?" name="高校英語_sakura’s adventure episode 2 how about going shopping?" 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>
                    <input type="checkbox" name="高校英語_sakura’s adventure episode 2 how about going shopping?_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="A Friendly Potluck Dinner">A Friendly Potluck Dinnerの成績</label><br />
                    <input type="range" id="高校英語_a friendly potluck dinner" name="高校英語_a friendly potluck dinner" 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>
                    <input type="checkbox" name="高校英語_a friendly potluck dinner_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Are You All Right?">Are You All Right?の成績</label><br />
                    <input type="range" id="高校英語_are you all right?" name="高校英語_are you all right?" 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>
                    <input type="checkbox" name="高校英語_are you all right?_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Sakura’s Adventure Episode 3 At a Restaurant">Sakura’s Adventure Episode 3 At a Restaurantの成績</label><br />
                    <input type="range" id="高校英語_sakura’s adventure episode 3 at a restaurant" name="高校英語_sakura’s adventure episode 3 at a restaurant" 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>
                    <input type="checkbox" name="高校英語_sakura’s adventure episode 3 at a restaurant_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Talking about Our Town">Talking about Our Townの成績</label><br />
                    <input type="range" id="高校英語_talking about our town" name="高校英語_talking about our town" 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>
                    <input type="checkbox" name="高校英語_talking about our town_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Traditional Culture">Traditional Cultureの成績</label><br />
                    <input type="range" id="高校英語_traditional culture" name="高校英語_traditional culture" 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>
                    <input type="checkbox" name="高校英語_traditional culture_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Sakura’s Adventure Episode 4 Getting Lost">Sakura’s Adventure Episode 4 Getting Lostの成績</label><br />
                    <input type="range" id="高校英語_sakura’s adventure episode 4 getting lost" name="高校英語_sakura’s adventure episode 4 getting lost" 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>
                    <input type="checkbox" name="高校英語_sakura’s adventure episode 4 getting lost_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Equal Roles">Equal Rolesの成績</label><br />
                    <input type="range" id="高校英語_equal roles" name="高校英語_equal roles" 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>
                    <input type="checkbox" name="高校英語_equal roles_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="Helping Each Other">Helping Each Otherの成績</label><br />
                    <input type="range" id="高校英語_helping each other" name="高校英語_helping each other" 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>
                    <input type="checkbox" name="高校英語_helping each other_checkbox">
                </div>
                
            </div>
            <div class="box">
                <button type="button" onclick="setCategoryValues('高校英語', -1)">すべてできない</button>
                <button type="button" onclick="setCategoryValues('高校英語', 4)">全てできる</button>
            </div>
            
            <h2>高校物理</h2>
            <div class="box">
                
                <div class="box__card">
                    <label for="序章">序章の成績</label><br />
                    <input type="range" id="高校物理_序章" name="高校物理_序章" 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>
                    <input type="checkbox" name="高校物理_序章_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="物体の運動">物体の運動の成績</label><br />
                    <input type="range" id="高校物理_物体の運動" name="高校物理_物体の運動" 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>
                    <input type="checkbox" name="高校物理_物体の運動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="力と運動">力と運動の成績</label><br />
                    <input type="range" id="高校物理_力と運動" name="高校物理_力と運動" 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>
                    <input type="checkbox" name="高校物理_力と運動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="仕事とエネルギー">仕事とエネルギーの成績</label><br />
                    <input type="range" id="高校物理_仕事とエネルギー" name="高校物理_仕事とエネルギー" 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>
                    <input type="checkbox" name="高校物理_仕事とエネルギー_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校物理_探究活動" name="高校物理_探究活動" 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>
                    <input type="checkbox" name="高校物理_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="熱とエネルギー">熱とエネルギーの成績</label><br />
                    <input type="range" id="高校物理_熱とエネルギー" name="高校物理_熱とエネルギー" 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>
                    <input type="checkbox" name="高校物理_熱とエネルギー_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="波とエネルギー">波とエネルギーの成績</label><br />
                    <input type="range" id="高校物理_波とエネルギー" name="高校物理_波とエネルギー" 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>
                    <input type="checkbox" name="高校物理_波とエネルギー_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="電気とエネルギー">電気とエネルギーの成績</label><br />
                    <input type="range" id="高校物理_電気とエネルギー" name="高校物理_電気とエネルギー" 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>
                    <input type="checkbox" name="高校物理_電気とエネルギー_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="エネルギーとその利用">エネルギーとその利用の成績</label><br />
                    <input type="range" id="高校物理_エネルギーとその利用" name="高校物理_エネルギーとその利用" 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>
                    <input type="checkbox" name="高校物理_エネルギーとその利用_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校物理_探究活動" name="高校物理_探究活動" 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>
                    <input type="checkbox" name="高校物理_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="物理学が拓く世界">物理学が拓く世界の成績</label><br />
                    <input type="range" id="高校物理_物理学が拓く世界" name="高校物理_物理学が拓く世界" 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>
                    <input type="checkbox" name="高校物理_物理学が拓く世界_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="物体の運動とつり合い">物体の運動とつり合いの成績</label><br />
                    <input type="range" id="高校物理_物体の運動とつり合い" name="高校物理_物体の運動とつり合い" 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>
                    <input type="checkbox" name="高校物理_物体の運動とつり合い_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="運動量と力積">運動量と力積の成績</label><br />
                    <input type="range" id="高校物理_運動量と力積" name="高校物理_運動量と力積" 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>
                    <input type="checkbox" name="高校物理_運動量と力積_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="円運動と単振動">円運動と単振動の成績</label><br />
                    <input type="range" id="高校物理_円運動と単振動" name="高校物理_円運動と単振動" 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>
                    <input type="checkbox" name="高校物理_円運動と単振動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="万有引力">万有引力の成績</label><br />
                    <input type="range" id="高校物理_万有引力" name="高校物理_万有引力" 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>
                    <input type="checkbox" name="高校物理_万有引力_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="気体分子の運動">気体分子の運動の成績</label><br />
                    <input type="range" id="高校物理_気体分子の運動" name="高校物理_気体分子の運動" 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>
                    <input type="checkbox" name="高校物理_気体分子の運動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校物理_探究活動" name="高校物理_探究活動" 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>
                    <input type="checkbox" name="高校物理_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="波の性質">波の性質の成績</label><br />
                    <input type="range" id="高校物理_波の性質" name="高校物理_波の性質" 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>
                    <input type="checkbox" name="高校物理_波の性質_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="音の性質">音の性質の成績</label><br />
                    <input type="range" id="高校物理_音の性質" name="高校物理_音の性質" 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>
                    <input type="checkbox" name="高校物理_音の性質_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="光の性質">光の性質の成績</label><br />
                    <input type="range" id="高校物理_光の性質" name="高校物理_光の性質" 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>
                    <input type="checkbox" name="高校物理_光の性質_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校物理_探究活動" name="高校物理_探究活動" 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>
                    <input type="checkbox" name="高校物理_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="電界と電位">電界と電位の成績</label><br />
                    <input type="range" id="高校物理_電界と電位" name="高校物理_電界と電位" 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>
                    <input type="checkbox" name="高校物理_電界と電位_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="電流">電流の成績</label><br />
                    <input type="range" id="高校物理_電流" name="高校物理_電流" 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>
                    <input type="checkbox" name="高校物理_電流_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="電流と磁界">電流と磁界の成績</label><br />
                    <input type="range" id="高校物理_電流と磁界" name="高校物理_電流と磁界" 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>
                    <input type="checkbox" name="高校物理_電流と磁界_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="電磁誘導と電磁波">電磁誘導と電磁波の成績</label><br />
                    <input type="range" id="高校物理_電磁誘導と電磁波" name="高校物理_電磁誘導と電磁波" 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>
                    <input type="checkbox" name="高校物理_電磁誘導と電磁波_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校物理_探究活動" name="高校物理_探究活動" 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>
                    <input type="checkbox" name="高校物理_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="電子と光">電子と光の成績</label><br />
                    <input type="range" id="高校物理_電子と光" name="高校物理_電子と光" 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>
                    <input type="checkbox" name="高校物理_電子と光_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="原子・原子核・素粒子">原子・原子核・素粒子の成績</label><br />
                    <input type="range" id="高校物理_原子・原子核・素粒子" name="高校物理_原子・原子核・素粒子" 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>
                    <input type="checkbox" name="高校物理_原子・原子核・素粒子_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校物理_探究活動" name="高校物理_探究活動" 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>
                    <input type="checkbox" name="高校物理_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="物理学が築く未来">物理学が築く未来の成績</label><br />
                    <input type="range" id="高校物理_物理学が築く未来" name="高校物理_物理学が築く未来" 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>
                    <input type="checkbox" name="高校物理_物理学が築く未来_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探求活動">探求活動の成績</label><br />
                    <input type="range" id="高校物理_探求活動" name="高校物理_探求活動" 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>
                    <input type="checkbox" name="高校物理_探求活動_checkbox">
                </div>
                
            </div>
            <div class="box">
                <button type="button" onclick="setCategoryValues('高校物理', -1)">すべてできない</button>
                <button type="button" onclick="setCategoryValues('高校物理', 4)">全てできる</button>
            </div>
            
            <h2>高校科学</h2>
            <div class="box">
                
                <div class="box__card">
                    <label for="化学と私達の生活">化学と私達の生活の成績</label><br />
                    <input type="range" id="高校科学_化学と私達の生活" name="高校科学_化学と私達の生活" 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>
                    <input type="checkbox" name="高校科学_化学と私達の生活_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="物質の状態">物質の状態の成績</label><br />
                    <input type="range" id="高校科学_物質の状態" name="高校科学_物質の状態" 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>
                    <input type="checkbox" name="高校科学_物質の状態_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校科学_探究活動" name="高校科学_探究活動" 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>
                    <input type="checkbox" name="高校科学_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="物質の構成粒子">物質の構成粒子の成績</label><br />
                    <input type="range" id="高校科学_物質の構成粒子" name="高校科学_物質の構成粒子" 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>
                    <input type="checkbox" name="高校科学_物質の構成粒子_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="化学結合">化学結合の成績</label><br />
                    <input type="range" id="高校科学_化学結合" name="高校科学_化学結合" 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>
                    <input type="checkbox" name="高校科学_化学結合_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校科学_探究活動" name="高校科学_探究活動" 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>
                    <input type="checkbox" name="高校科学_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="物質量と化学反応式">物質量と化学反応式の成績</label><br />
                    <input type="range" id="高校科学_物質量と化学反応式" name="高校科学_物質量と化学反応式" 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>
                    <input type="checkbox" name="高校科学_物質量と化学反応式_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="酸と塩基">酸と塩基の成績</label><br />
                    <input type="range" id="高校科学_酸と塩基" name="高校科学_酸と塩基" 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>
                    <input type="checkbox" name="高校科学_酸と塩基_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="酸化還元反応">酸化還元反応の成績</label><br />
                    <input type="range" id="高校科学_酸化還元反応" name="高校科学_酸化還元反応" 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>
                    <input type="checkbox" name="高校科学_酸化還元反応_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校科学_探究活動" name="高校科学_探究活動" 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>
                    <input type="checkbox" name="高校科学_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="物質の状態変化">物質の状態変化の成績</label><br />
                    <input type="range" id="高校科学_物質の状態変化" name="高校科学_物質の状態変化" 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>
                    <input type="checkbox" name="高校科学_物質の状態変化_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="気体の性質">気体の性質の成績</label><br />
                    <input type="range" id="高校科学_気体の性質" name="高校科学_気体の性質" 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>
                    <input type="checkbox" name="高校科学_気体の性質_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="個体の構造">個体の構造の成績</label><br />
                    <input type="range" id="高校科学_個体の構造" name="高校科学_個体の構造" 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>
                    <input type="checkbox" name="高校科学_個体の構造_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="溶解の性質">溶解の性質の成績</label><br />
                    <input type="range" id="高校科学_溶解の性質" name="高校科学_溶解の性質" 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>
                    <input type="checkbox" name="高校科学_溶解の性質_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校科学_探究活動" name="高校科学_探究活動" 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>
                    <input type="checkbox" name="高校科学_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="化学反応と熱・光エネルギー">化学反応と熱・光エネルギーの成績</label><br />
                    <input type="range" id="高校科学_化学反応と熱・光エネルギー" name="高校科学_化学反応と熱・光エネルギー" 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>
                    <input type="checkbox" name="高校科学_化学反応と熱・光エネルギー_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="化学反応と電気エネルギー">化学反応と電気エネルギーの成績</label><br />
                    <input type="range" id="高校科学_化学反応と電気エネルギー" name="高校科学_化学反応と電気エネルギー" 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>
                    <input type="checkbox" name="高校科学_化学反応と電気エネルギー_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="反応速度">反応速度の成績</label><br />
                    <input type="range" id="高校科学_反応速度" name="高校科学_反応速度" 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>
                    <input type="checkbox" name="高校科学_反応速度_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="化学平衡">化学平衡の成績</label><br />
                    <input type="range" id="高校科学_化学平衡" name="高校科学_化学平衡" 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>
                    <input type="checkbox" name="高校科学_化学平衡_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校科学_探究活動" name="高校科学_探究活動" 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>
                    <input type="checkbox" name="高校科学_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="非金属元素と周期表">非金属元素と周期表の成績</label><br />
                    <input type="range" id="高校科学_非金属元素と周期表" name="高校科学_非金属元素と周期表" 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>
                    <input type="checkbox" name="高校科学_非金属元素と周期表_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="典型金属元素">典型金属元素の成績</label><br />
                    <input type="range" id="高校科学_典型金属元素" name="高校科学_典型金属元素" 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>
                    <input type="checkbox" name="高校科学_典型金属元素_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="遷移元素">遷移元素の成績</label><br />
                    <input type="range" id="高校科学_遷移元素" name="高校科学_遷移元素" 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>
                    <input type="checkbox" name="高校科学_遷移元素_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="生活と無機物質">生活と無機物質の成績</label><br />
                    <input type="range" id="高校科学_生活と無機物質" name="高校科学_生活と無機物質" 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>
                    <input type="checkbox" name="高校科学_生活と無機物質_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校科学_探究活動" name="高校科学_探究活動" 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>
                    <input type="checkbox" name="高校科学_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="有機化合物の特徴と構造">有機化合物の特徴と構造の成績</label><br />
                    <input type="range" id="高校科学_有機化合物の特徴と構造" name="高校科学_有機化合物の特徴と構造" 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>
                    <input type="checkbox" name="高校科学_有機化合物の特徴と構造_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="脂肪族炭化水素">脂肪族炭化水素の成績</label><br />
                    <input type="range" id="高校科学_脂肪族炭化水素" name="高校科学_脂肪族炭化水素" 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>
                    <input type="checkbox" name="高校科学_脂肪族炭化水素_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="酸素を含む脂肪族化合物">酸素を含む脂肪族化合物の成績</label><br />
                    <input type="range" id="高校科学_酸素を含む脂肪族化合物" name="高校科学_酸素を含む脂肪族化合物" 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>
                    <input type="checkbox" name="高校科学_酸素を含む脂肪族化合物_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="芳香族化合物">芳香族化合物の成績</label><br />
                    <input type="range" id="高校科学_芳香族化合物" name="高校科学_芳香族化合物" 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>
                    <input type="checkbox" name="高校科学_芳香族化合物_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="生活と有機化合物">生活と有機化合物の成績</label><br />
                    <input type="range" id="高校科学_生活と有機化合物" name="高校科学_生活と有機化合物" 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>
                    <input type="checkbox" name="高校科学_生活と有機化合物_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校科学_探究活動" name="高校科学_探究活動" 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>
                    <input type="checkbox" name="高校科学_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="高分子化合物の分類と特徴">高分子化合物の分類と特徴の成績</label><br />
                    <input type="range" id="高校科学_高分子化合物の分類と特徴" name="高校科学_高分子化合物の分類と特徴" 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>
                    <input type="checkbox" name="高校科学_高分子化合物の分類と特徴_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="合成高分子化合物">合成高分子化合物の成績</label><br />
                    <input type="range" id="高校科学_合成高分子化合物" name="高校科学_合成高分子化合物" 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>
                    <input type="checkbox" name="高校科学_合成高分子化合物_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="天然高分子化合物">天然高分子化合物の成績</label><br />
                    <input type="range" id="高校科学_天然高分子化合物" name="高校科学_天然高分子化合物" 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>
                    <input type="checkbox" name="高校科学_天然高分子化合物_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="生活と高分子化合物">生活と高分子化合物の成績</label><br />
                    <input type="range" id="高校科学_生活と高分子化合物" name="高校科学_生活と高分子化合物" 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>
                    <input type="checkbox" name="高校科学_生活と高分子化合物_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校科学_探究活動" name="高校科学_探究活動" 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>
                    <input type="checkbox" name="高校科学_探究活動_checkbox">
                </div>
                
            </div>
            <div class="box">
                <button type="button" onclick="setCategoryValues('高校科学', -1)">すべてできない</button>
                <button type="button" onclick="setCategoryValues('高校科学', 4)">全てできる</button>
            </div>
            
            <h2>高校生物</h2>
            <div class="box">
                
                <div class="box__card">
                    <label for="生物の共通性と多様性">生物の共通性と多様性の成績</label><br />
                    <input type="range" id="高校生物_生物の共通性と多様性" name="高校生物_生物の共通性と多様性" 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>
                    <input type="checkbox" name="高校生物_生物の共通性と多様性_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="細胞とエネルギー">細胞とエネルギーの成績</label><br />
                    <input type="range" id="高校生物_細胞とエネルギー" name="高校生物_細胞とエネルギー" 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>
                    <input type="checkbox" name="高校生物_細胞とエネルギー_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校生物_探究活動" name="高校生物_探究活動" 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>
                    <input type="checkbox" name="高校生物_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="遺伝情報とDNA">遺伝情報とDNAの成績</label><br />
                    <input type="range" id="高校生物_遺伝情報とdna" name="高校生物_遺伝情報とdna" 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>
                    <input type="checkbox" name="高校生物_遺伝情報とdna_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="遺伝情報の分配">遺伝情報の分配の成績</label><br />
                    <input type="range" id="高校生物_遺伝情報の分配" name="高校生物_遺伝情報の分配" 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>
                    <input type="checkbox" name="高校生物_遺伝情報の分配_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="遺伝情報とタンパク質の合成">遺伝情報とタンパク質の合成の成績</label><br />
                    <input type="range" id="高校生物_遺伝情報とタンパク質の合成" name="高校生物_遺伝情報とタンパク質の合成" 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>
                    <input type="checkbox" name="高校生物_遺伝情報とタンパク質の合成_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校生物_探究活動" name="高校生物_探究活動" 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>
                    <input type="checkbox" name="高校生物_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="体内環境と恒常性">体内環境と恒常性の成績</label><br />
                    <input type="range" id="高校生物_体内環境と恒常性" name="高校生物_体内環境と恒常性" 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>
                    <input type="checkbox" name="高校生物_体内環境と恒常性_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="体内環境の維持の仕組み">体内環境の維持の仕組みの成績</label><br />
                    <input type="range" id="高校生物_体内環境の維持の仕組み" name="高校生物_体内環境の維持の仕組み" 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>
                    <input type="checkbox" name="高校生物_体内環境の維持の仕組み_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="免疫">免疫の成績</label><br />
                    <input type="range" id="高校生物_免疫" name="高校生物_免疫" 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>
                    <input type="checkbox" name="高校生物_免疫_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校生物_探究活動" name="高校生物_探究活動" 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>
                    <input type="checkbox" name="高校生物_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="植生の多様性と分布">植生の多様性と分布の成績</label><br />
                    <input type="range" id="高校生物_植生の多様性と分布" name="高校生物_植生の多様性と分布" 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>
                    <input type="checkbox" name="高校生物_植生の多様性と分布_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="生態系とその保全">生態系とその保全の成績</label><br />
                    <input type="range" id="高校生物_生態系とその保全" name="高校生物_生態系とその保全" 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>
                    <input type="checkbox" name="高校生物_生態系とその保全_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校生物_探究活動" name="高校生物_探究活動" 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>
                    <input type="checkbox" name="高校生物_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="生命と物質">生命と物質の成績</label><br />
                    <input type="range" id="高校生物_生命と物質" name="高校生物_生命と物質" 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>
                    <input type="checkbox" name="高校生物_生命と物質_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="代謝">代謝の成績</label><br />
                    <input type="range" id="高校生物_代謝" name="高校生物_代謝" 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>
                    <input type="checkbox" name="高校生物_代謝_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="遺伝現象と物質">遺伝現象と物質の成績</label><br />
                    <input type="range" id="高校生物_遺伝現象と物質" name="高校生物_遺伝現象と物質" 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>
                    <input type="checkbox" name="高校生物_遺伝現象と物質_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校生物_探究活動" name="高校生物_探究活動" 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>
                    <input type="checkbox" name="高校生物_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="有性生殖">有性生殖の成績</label><br />
                    <input type="range" id="高校生物_有性生殖" name="高校生物_有性生殖" 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>
                    <input type="checkbox" name="高校生物_有性生殖_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="動物の生殖と発生">動物の生殖と発生の成績</label><br />
                    <input type="range" id="高校生物_動物の生殖と発生" name="高校生物_動物の生殖と発生" 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>
                    <input type="checkbox" name="高校生物_動物の生殖と発生_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="植物の生殖と発生">植物の生殖と発生の成績</label><br />
                    <input type="range" id="高校生物_植物の生殖と発生" name="高校生物_植物の生殖と発生" 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>
                    <input type="checkbox" name="高校生物_植物の生殖と発生_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校生物_探究活動" name="高校生物_探究活動" 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>
                    <input type="checkbox" name="高校生物_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="動物の反応と行動">動物の反応と行動の成績</label><br />
                    <input type="range" id="高校生物_動物の反応と行動" name="高校生物_動物の反応と行動" 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>
                    <input type="checkbox" name="高校生物_動物の反応と行動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="植物の環境応答">植物の環境応答の成績</label><br />
                    <input type="range" id="高校生物_植物の環境応答" name="高校生物_植物の環境応答" 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>
                    <input type="checkbox" name="高校生物_植物の環境応答_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校生物_探究活動" name="高校生物_探究活動" 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>
                    <input type="checkbox" name="高校生物_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="生物の進化">生物の進化の成績</label><br />
                    <input type="range" id="高校生物_生物の進化" name="高校生物_生物の進化" 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>
                    <input type="checkbox" name="高校生物_生物の進化_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="進化とその仕組み">進化とその仕組みの成績</label><br />
                    <input type="range" id="高校生物_進化とその仕組み" name="高校生物_進化とその仕組み" 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>
                    <input type="checkbox" name="高校生物_進化とその仕組み_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="生物の系統">生物の系統の成績</label><br />
                    <input type="range" id="高校生物_生物の系統" name="高校生物_生物の系統" 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>
                    <input type="checkbox" name="高校生物_生物の系統_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校生物_探究活動" name="高校生物_探究活動" 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>
                    <input type="checkbox" name="高校生物_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="生物の生活と環境">生物の生活と環境の成績</label><br />
                    <input type="range" id="高校生物_生物の生活と環境" name="高校生物_生物の生活と環境" 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>
                    <input type="checkbox" name="高校生物_生物の生活と環境_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="個体群と生物群集">個体群と生物群集の成績</label><br />
                    <input type="range" id="高校生物_個体群と生物群集" name="高校生物_個体群と生物群集" 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>
                    <input type="checkbox" name="高校生物_個体群と生物群集_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="生態系">生態系の成績</label><br />
                    <input type="range" id="高校生物_生態系" name="高校生物_生態系" 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>
                    <input type="checkbox" name="高校生物_生態系_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校生物_探究活動" name="高校生物_探究活動" 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>
                    <input type="checkbox" name="高校生物_探究活動_checkbox">
                </div>
                
            </div>
            <div class="box">
                <button type="button" onclick="setCategoryValues('高校生物', -1)">すべてできない</button>
                <button type="button" onclick="setCategoryValues('高校生物', 4)">全てできる</button>
            </div>
            
            <h2>高校地学</h2>
            <div class="box">
                
                <div class="box__card">
                    <label for="地球">地球の成績</label><br />
                    <input type="range" id="高校地学_地球" name="高校地学_地球" 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>
                    <input type="checkbox" name="高校地学_地球_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="活動する地球">活動する地球の成績</label><br />
                    <input type="range" id="高校地学_活動する地球" name="高校地学_活動する地球" 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>
                    <input type="checkbox" name="高校地学_活動する地球_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校地学_探究活動" name="高校地学_探究活動" 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>
                    <input type="checkbox" name="高校地学_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="地球史の読み方">地球史の読み方の成績</label><br />
                    <input type="range" id="高校地学_地球史の読み方" name="高校地学_地球史の読み方" 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>
                    <input type="checkbox" name="高校地学_地球史の読み方_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="地球生命の進化">地球生命の進化の成績</label><br />
                    <input type="range" id="高校地学_地球生命の進化" name="高校地学_地球生命の進化" 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>
                    <input type="checkbox" name="高校地学_地球生命の進化_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校地学_探究活動" name="高校地学_探究活動" 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>
                    <input type="checkbox" name="高校地学_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="大気の構造">大気の構造の成績</label><br />
                    <input type="range" id="高校地学_大気の構造" name="高校地学_大気の構造" 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>
                    <input type="checkbox" name="高校地学_大気の構造_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="太陽放射と大気・海水の運動">太陽放射と大気・海水の運動の成績</label><br />
                    <input type="range" id="高校地学_太陽放射と大気・海水の運動" name="高校地学_太陽放射と大気・海水の運動" 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>
                    <input type="checkbox" name="高校地学_太陽放射と大気・海水の運動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="日本で見られる季節の気象">日本で見られる季節の気象の成績</label><br />
                    <input type="range" id="高校地学_日本で見られる季節の気象" name="高校地学_日本で見られる季節の気象" 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>
                    <input type="checkbox" name="高校地学_日本で見られる季節の気象_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校地学_探究活動" name="高校地学_探究活動" 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>
                    <input type="checkbox" name="高校地学_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="太陽系と太陽">太陽系と太陽の成績</label><br />
                    <input type="range" id="高校地学_太陽系と太陽" name="高校地学_太陽系と太陽" 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>
                    <input type="checkbox" name="高校地学_太陽系と太陽_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="恒星としての太陽の進化">恒星としての太陽の進化の成績</label><br />
                    <input type="range" id="高校地学_恒星としての太陽の進化" name="高校地学_恒星としての太陽の進化" 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>
                    <input type="checkbox" name="高校地学_恒星としての太陽の進化_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="銀河系と宇宙">銀河系と宇宙の成績</label><br />
                    <input type="range" id="高校地学_銀河系と宇宙" name="高校地学_銀河系と宇宙" 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>
                    <input type="checkbox" name="高校地学_銀河系と宇宙_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校地学_探究活動" name="高校地学_探究活動" 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>
                    <input type="checkbox" name="高校地学_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="自然との共生">自然との共生の成績</label><br />
                    <input type="range" id="高校地学_自然との共生" name="高校地学_自然との共生" 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>
                    <input type="checkbox" name="高校地学_自然との共生_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="地球の概観">地球の概観の成績</label><br />
                    <input type="range" id="高校地学_地球の概観" name="高校地学_地球の概観" 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>
                    <input type="checkbox" name="高校地学_地球の概観_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="プレートテクトニクス">プレートテクトニクスの成績</label><br />
                    <input type="range" id="高校地学_プレートテクトニクス" name="高校地学_プレートテクトニクス" 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>
                    <input type="checkbox" name="高校地学_プレートテクトニクス_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="地球の活動">地球の活動の成績</label><br />
                    <input type="range" id="高校地学_地球の活動" name="高校地学_地球の活動" 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>
                    <input type="checkbox" name="高校地学_地球の活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探求活動">探求活動の成績</label><br />
                    <input type="range" id="高校地学_探求活動" name="高校地学_探求活動" 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>
                    <input type="checkbox" name="高校地学_探求活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="地表の変化と地層">地表の変化と地層の成績</label><br />
                    <input type="range" id="高校地学_地表の変化と地層" name="高校地学_地表の変化と地層" 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>
                    <input type="checkbox" name="高校地学_地表の変化と地層_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="地球・生命・環境の歴史">地球・生命・環境の歴史の成績</label><br />
                    <input type="range" id="高校地学_地球・生命・環境の歴史" name="高校地学_地球・生命・環境の歴史" 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>
                    <input type="checkbox" name="高校地学_地球・生命・環境の歴史_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="私たちの日本列島">私たちの日本列島の成績</label><br />
                    <input type="range" id="高校地学_私たちの日本列島" name="高校地学_私たちの日本列島" 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>
                    <input type="checkbox" name="高校地学_私たちの日本列島_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校地学_探究活動" name="高校地学_探究活動" 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>
                    <input type="checkbox" name="高校地学_探究活動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="大気の構造">大気の構造の成績</label><br />
                    <input type="range" id="高校地学_大気の構造" name="高校地学_大気の構造" 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>
                    <input type="checkbox" name="高校地学_大気の構造_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="大気の運動">大気の運動の成績</label><br />
                    <input type="range" id="高校地学_大気の運動" name="高校地学_大気の運動" 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>
                    <input type="checkbox" name="高校地学_大気の運動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="海洋と海水の運動">海洋と海水の運動の成績</label><br />
                    <input type="range" id="高校地学_海洋と海水の運動" name="高校地学_海洋と海水の運動" 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>
                    <input type="checkbox" name="高校地学_海洋と海水の運動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="気候変動と地球環境">気候変動と地球環境の成績</label><br />
                    <input type="range" id="高校地学_気候変動と地球環境" name="高校地学_気候変動と地球環境" 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>
                    <input type="checkbox" name="高校地学_気候変動と地球環境_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動 ">探究活動 の成績</label><br />
                    <input type="range" id="高校地学_探究活動 " name="高校地学_探究活動 " 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>
                    <input type="checkbox" name="高校地学_探究活動 _checkbox">
                </div>
                
                <div class="box__card">
                    <label for="太陽系の天体">太陽系の天体の成績</label><br />
                    <input type="range" id="高校地学_太陽系の天体" name="高校地学_太陽系の天体" 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>
                    <input type="checkbox" name="高校地学_太陽系の天体_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="恒星の性質と進化">恒星の性質と進化の成績</label><br />
                    <input type="range" id="高校地学_恒星の性質と進化" name="高校地学_恒星の性質と進化" 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>
                    <input type="checkbox" name="高校地学_恒星の性質と進化_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="銀河系と宇宙">銀河系と宇宙の成績</label><br />
                    <input type="range" id="高校地学_銀河系と宇宙" name="高校地学_銀河系と宇宙" 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>
                    <input type="checkbox" name="高校地学_銀河系と宇宙_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="探究活動">探究活動の成績</label><br />
                    <input type="range" id="高校地学_探究活動" name="高校地学_探究活動" 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>
                    <input type="checkbox" name="高校地学_探究活動_checkbox">
                </div>
                
            </div>
            <div class="box">
                <button type="button" onclick="setCategoryValues('高校地学', -1)">すべてできない</button>
                <button type="button" onclick="setCategoryValues('高校地学', 4)">全てできる</button>
            </div>
            
            <h2>高校地理</h2>
            <div class="box">
                
                <div class="box__card">
                    <label for="地球儀や地図からとらえる現代世界">地球儀や地図からとらえる現代世界の成績</label><br />
                    <input type="range" id="高校地理_地球儀や地図からとらえる現代世界" name="高校地理_地球儀や地図からとらえる現代世界" 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>
                    <input type="checkbox" name="高校地理_地球儀や地図からとらえる現代世界_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="人間生活を取り巻く環境">人間生活を取り巻く環境の成績</label><br />
                    <input type="range" id="高校地理_人間生活を取り巻く環境" name="高校地理_人間生活を取り巻く環境" 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>
                    <input type="checkbox" name="高校地理_人間生活を取り巻く環境_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="世界の諸地域の生活・文化">世界の諸地域の生活・文化の成績</label><br />
                    <input type="range" id="高校地理_世界の諸地域の生活・文化" name="高校地理_世界の諸地域の生活・文化" 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>
                    <input type="checkbox" name="高校地理_世界の諸地域の生活・文化_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="地球的課題と私たち">地球的課題と私たちの成績</label><br />
                    <input type="range" id="高校地理_地球的課題と私たち" name="高校地理_地球的課題と私たち" 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>
                    <input type="checkbox" name="高校地理_地球的課題と私たち_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="身近にあるさまざまな地図　">身近にあるさまざまな地図　の成績</label><br />
                    <input type="range" id="高校地理_身近にあるさまざまな地図　" name="高校地理_身近にあるさまざまな地図　" 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>
                    <input type="checkbox" name="高校地理_身近にあるさまざまな地図　_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="日本の自然環境と防災">日本の自然環境と防災の成績</label><br />
                    <input type="range" id="高校地理_日本の自然環境と防災" name="高校地理_日本の自然環境と防災" 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>
                    <input type="checkbox" name="高校地理_日本の自然環境と防災_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="身近な地域の課題と地域調査">身近な地域の課題と地域調査の成績</label><br />
                    <input type="range" id="高校地理_身近な地域の課題と地域調査" name="高校地理_身近な地域の課題と地域調査" 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>
                    <input type="checkbox" name="高校地理_身近な地域の課題と地域調査_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="地理情報と地図">地理情報と地図の成績</label><br />
                    <input type="range" id="高校地理_地理情報と地図" name="高校地理_地理情報と地図" 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>
                    <input type="checkbox" name="高校地理_地理情報と地図_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="図の活用と地域調地査">図の活用と地域調地査の成績</label><br />
                    <input type="range" id="高校地理_図の活用と地域調地査" name="高校地理_図の活用と地域調地査" 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>
                    <input type="checkbox" name="高校地理_図の活用と地域調地査_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="自然環境">自然環境の成績</label><br />
                    <input type="range" id="高校地理_自然環境" name="高校地理_自然環境" 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>
                    <input type="checkbox" name="高校地理_自然環境_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="資源と産業">資源と産業の成績</label><br />
                    <input type="range" id="高校地理_資源と産業" name="高校地理_資源と産業" 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>
                    <input type="checkbox" name="高校地理_資源と産業_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="人口，村落・都市">人口，村落・都市の成績</label><br />
                    <input type="range" id="高校地理_人口，村落・都市" name="高校地理_人口，村落・都市" 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>
                    <input type="checkbox" name="高校地理_人口，村落・都市_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="生活文化，民族・宗教">生活文化，民族・宗教の成績</label><br />
                    <input type="range" id="高校地理_生活文化，民族・宗教" name="高校地理_生活文化，民族・宗教" 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>
                    <input type="checkbox" name="高校地理_生活文化，民族・宗教_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代世界の地域区分">現代世界の地域区分の成績</label><br />
                    <input type="range" id="高校地理_現代世界の地域区分" name="高校地理_現代世界の地域区分" 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>
                    <input type="checkbox" name="高校地理_現代世界の地域区分_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代世界の諸地域">現代世界の諸地域の成績</label><br />
                    <input type="range" id="高校地理_現代世界の諸地域" name="高校地理_現代世界の諸地域" 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>
                    <input type="checkbox" name="高校地理_現代世界の諸地域_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代世界と日本">現代世界と日本の成績</label><br />
                    <input type="range" id="高校地理_現代世界と日本" name="高校地理_現代世界と日本" 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>
                    <input type="checkbox" name="高校地理_現代世界と日本_checkbox">
                </div>
                
            </div>
            <div class="box">
                <button type="button" onclick="setCategoryValues('高校地理', -1)">すべてできない</button>
                <button type="button" onclick="setCategoryValues('高校地理', 4)">全てできる</button>
            </div>
            
            <h2>高校歴史</h2>
            <div class="box">
                
                <div class="box__card">
                    <label for="近世社会の動揺と近代への胎動">近世社会の動揺と近代への胎動の成績</label><br />
                    <input type="range" id="高校歴史_近世社会の動揺と近代への胎動" name="高校歴史_近世社会の動揺と近代への胎動" 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>
                    <input type="checkbox" name="高校歴史_近世社会の動揺と近代への胎動_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="開国と明治維新">開国と明治維新の成績</label><br />
                    <input type="range" id="高校歴史_開国と明治維新" name="高校歴史_開国と明治維新" 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>
                    <input type="checkbox" name="高校歴史_開国と明治維新_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="立憲国家の成立">立憲国家の成立の成績</label><br />
                    <input type="range" id="高校歴史_立憲国家の成立" name="高校歴史_立憲国家の成立" 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>
                    <input type="checkbox" name="高校歴史_立憲国家の成立_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="第一次世界大戦">第一次世界大戦の成績</label><br />
                    <input type="range" id="高校歴史_第一次世界大戦" name="高校歴史_第一次世界大戦" 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>
                    <input type="checkbox" name="高校歴史_第一次世界大戦_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="昭和の恐慌と満州事変">昭和の恐慌と満州事変の成績</label><br />
                    <input type="range" id="高校歴史_昭和の恐慌と満州事変" name="高校歴史_昭和の恐慌と満州事変" 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>
                    <input type="checkbox" name="高校歴史_昭和の恐慌と満州事変_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="第二次世界大戦">第二次世界大戦の成績</label><br />
                    <input type="range" id="高校歴史_第二次世界大戦" name="高校歴史_第二次世界大戦" 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>
                    <input type="checkbox" name="高校歴史_第二次世界大戦_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="占領下の日本">占領下の日本の成績</label><br />
                    <input type="range" id="高校歴史_占領下の日本" name="高校歴史_占領下の日本" 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>
                    <input type="checkbox" name="高校歴史_占領下の日本_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="経済繁栄と保守長期政権">経済繁栄と保守長期政権の成績</label><br />
                    <input type="range" id="高校歴史_経済繁栄と保守長期政権" name="高校歴史_経済繁栄と保守長期政権" 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>
                    <input type="checkbox" name="高校歴史_経済繁栄と保守長期政権_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代の世界と日本">現代の世界と日本の成績</label><br />
                    <input type="range" id="高校歴史_現代の世界と日本" name="高校歴史_現代の世界と日本" 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>
                    <input type="checkbox" name="高校歴史_現代の世界と日本_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="歴史と資料　資料を読み解く">歴史と資料　資料を読み解くの成績</label><br />
                    <input type="range" id="高校歴史_歴史と資料　資料を読み解く" name="高校歴史_歴史と資料　資料を読み解く" 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>
                    <input type="checkbox" name="高校歴史_歴史と資料　資料を読み解く_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="日本文化のあけぼの">日本文化のあけぼのの成績</label><br />
                    <input type="range" id="高校歴史_日本文化のあけぼの" name="高校歴史_日本文化のあけぼの" 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>
                    <input type="checkbox" name="高校歴史_日本文化のあけぼの_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="水稲農業の開始と社会生活の進展">水稲農業の開始と社会生活の進展の成績</label><br />
                    <input type="range" id="高校歴史_水稲農業の開始と社会生活の進展" name="高校歴史_水稲農業の開始と社会生活の進展" 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>
                    <input type="checkbox" name="高校歴史_水稲農業の開始と社会生活の進展_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="東アジア文化の影響と律令制度の成立">東アジア文化の影響と律令制度の成立の成績</label><br />
                    <input type="range" id="高校歴史_東アジア文化の影響と律令制度の成立" name="高校歴史_東アジア文化の影響と律令制度の成立" 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>
                    <input type="checkbox" name="高校歴史_東アジア文化の影響と律令制度の成立_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="摂関政治と国風文化">摂関政治と国風文化の成績</label><br />
                    <input type="range" id="高校歴史_摂関政治と国風文化" name="高校歴史_摂関政治と国風文化" 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>
                    <input type="checkbox" name="高校歴史_摂関政治と国風文化_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="中世社会の成立と文化の新機運">中世社会の成立と文化の新機運の成績</label><br />
                    <input type="range" id="高校歴史_中世社会の成立と文化の新機運" name="高校歴史_中世社会の成立と文化の新機運" 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>
                    <input type="checkbox" name="高校歴史_中世社会の成立と文化の新機運_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="武家社会の展開と室町文化">武家社会の展開と室町文化の成績</label><br />
                    <input type="range" id="高校歴史_武家社会の展開と室町文化" name="高校歴史_武家社会の展開と室町文化" 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>
                    <input type="checkbox" name="高校歴史_武家社会の展開と室町文化_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="幕藩体制の展開と近世の文化">幕藩体制の展開と近世の文化の成績</label><br />
                    <input type="range" id="高校歴史_幕藩体制の展開と近世の文化" name="高校歴史_幕藩体制の展開と近世の文化" 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>
                    <input type="checkbox" name="高校歴史_幕藩体制の展開と近世の文化_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="幕藩体制の動揺と文化の成熟">幕藩体制の動揺と文化の成熟の成績</label><br />
                    <input type="range" id="高校歴史_幕藩体制の動揺と文化の成熟" name="高校歴史_幕藩体制の動揺と文化の成熟" 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>
                    <input type="checkbox" name="高校歴史_幕藩体制の動揺と文化の成熟_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="近代への転換">近代への転換の成績</label><br />
                    <input type="range" id="高校歴史_近代への転換" name="高校歴史_近代への転換" 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>
                    <input type="checkbox" name="高校歴史_近代への転換_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="近代国家の形成">近代国家の形成の成績</label><br />
                    <input type="range" id="高校歴史_近代国家の形成" name="高校歴史_近代国家の形成" 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>
                    <input type="checkbox" name="高校歴史_近代国家の形成_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="両大戦間の日本と市民文化">両大戦間の日本と市民文化の成績</label><br />
                    <input type="range" id="高校歴史_両大戦間の日本と市民文化" name="高校歴史_両大戦間の日本と市民文化" 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>
                    <input type="checkbox" name="高校歴史_両大戦間の日本と市民文化_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="十五年戦争">十五年戦争の成績</label><br />
                    <input type="range" id="高校歴史_十五年戦争" name="高校歴史_十五年戦争" 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>
                    <input type="checkbox" name="高校歴史_十五年戦争_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代の日本と新しい文化">現代の日本と新しい文化の成績</label><br />
                    <input type="range" id="高校歴史_現代の日本と新しい文化" name="高校歴史_現代の日本と新しい文化" 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>
                    <input type="checkbox" name="高校歴史_現代の日本と新しい文化_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="世界史へのいざない">世界史へのいざないの成績</label><br />
                    <input type="range" id="高校歴史_世界史へのいざない" name="高校歴史_世界史へのいざない" 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>
                    <input type="checkbox" name="高校歴史_世界史へのいざない_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="文明のはじまり">文明のはじまりの成績</label><br />
                    <input type="range" id="高校歴史_文明のはじまり" name="高校歴史_文明のはじまり" 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>
                    <input type="checkbox" name="高校歴史_文明のはじまり_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="ユーラシア諸文明の特質">ユーラシア諸文明の特質の成績</label><br />
                    <input type="range" id="高校歴史_ユーラシア諸文明の特質" name="高校歴史_ユーラシア諸文明の特質" 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>
                    <input type="checkbox" name="高校歴史_ユーラシア諸文明の特質_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="ユーラシアの交流">ユーラシアの交流の成績</label><br />
                    <input type="range" id="高校歴史_ユーラシアの交流" name="高校歴史_ユーラシアの交流" 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>
                    <input type="checkbox" name="高校歴史_ユーラシアの交流_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="一体化に向かう世界">一体化に向かう世界の成績</label><br />
                    <input type="range" id="高校歴史_一体化に向かう世界" name="高校歴史_一体化に向かう世界" 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>
                    <input type="checkbox" name="高校歴史_一体化に向かう世界_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="アジアの繁栄と世界">アジアの繁栄と世界の成績</label><br />
                    <input type="range" id="高校歴史_アジアの繁栄と世界" name="高校歴史_アジアの繁栄と世界" 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>
                    <input type="checkbox" name="高校歴史_アジアの繁栄と世界_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="19世紀の世界の一体化と日本">19世紀の世界の一体化と日本の成績</label><br />
                    <input type="range" id="高校歴史_19世紀の世界の一体化と日本" name="高校歴史_19世紀の世界の一体化と日本" 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>
                    <input type="checkbox" name="高校歴史_19世紀の世界の一体化と日本_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="二つの世界大戦">二つの世界大戦の成績</label><br />
                    <input type="range" id="高校歴史_二つの世界大戦" name="高校歴史_二つの世界大戦" 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>
                    <input type="checkbox" name="高校歴史_二つの世界大戦_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="第二次世界大戦後の世界と日本">第二次世界大戦後の世界と日本の成績</label><br />
                    <input type="range" id="高校歴史_第二次世界大戦後の世界と日本" name="高校歴史_第二次世界大戦後の世界と日本" 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>
                    <input type="checkbox" name="高校歴史_第二次世界大戦後の世界と日本_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代の世界">現代の世界の成績</label><br />
                    <input type="range" id="高校歴史_現代の世界" name="高校歴史_現代の世界" 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>
                    <input type="checkbox" name="高校歴史_現代の世界_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="持続可能な世界をめざして">持続可能な世界をめざしての成績</label><br />
                    <input type="range" id="高校歴史_持続可能な世界をめざして" name="高校歴史_持続可能な世界をめざして" 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>
                    <input type="checkbox" name="高校歴史_持続可能な世界をめざして_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="世界史への扉">世界史への扉の成績</label><br />
                    <input type="range" id="高校歴史_世界史への扉" name="高校歴史_世界史への扉" 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>
                    <input type="checkbox" name="高校歴史_世界史への扉_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="ビッグバンから人類の出現へ">ビッグバンから人類の出現への成績</label><br />
                    <input type="range" id="高校歴史_ビッグバンから人類の出現へ" name="高校歴史_ビッグバンから人類の出現へ" 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>
                    <input type="checkbox" name="高校歴史_ビッグバンから人類の出現へ_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="西アジア世界と地中海世界">西アジア世界と地中海世界の成績</label><br />
                    <input type="range" id="高校歴史_西アジア世界と地中海世界" name="高校歴史_西アジア世界と地中海世界" 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>
                    <input type="checkbox" name="高校歴史_西アジア世界と地中海世界_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="南アジア世界と東南アジア世界">南アジア世界と東南アジア世界の成績</label><br />
                    <input type="range" id="高校歴史_南アジア世界と東南アジア世界" name="高校歴史_南アジア世界と東南アジア世界" 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>
                    <input type="checkbox" name="高校歴史_南アジア世界と東南アジア世界_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="東アジア世界">東アジア世界の成績</label><br />
                    <input type="range" id="高校歴史_東アジア世界" name="高校歴史_東アジア世界" 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>
                    <input type="checkbox" name="高校歴史_東アジア世界_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="中央ユーラシア世界と東アジア世界の展開">中央ユーラシア世界と東アジア世界の展開の成績</label><br />
                    <input type="range" id="高校歴史_中央ユーラシア世界と東アジア世界の展開" name="高校歴史_中央ユーラシア世界と東アジア世界の展開" 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>
                    <input type="checkbox" name="高校歴史_中央ユーラシア世界と東アジア世界の展開_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="アフリカ世界と南北アメリカ世界">アフリカ世界と南北アメリカ世界の成績</label><br />
                    <input type="range" id="高校歴史_アフリカ世界と南北アメリカ世界" name="高校歴史_アフリカ世界と南北アメリカ世界" 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>
                    <input type="checkbox" name="高校歴史_アフリカ世界と南北アメリカ世界_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="イスラームの広がりと西アジア世界の展開">イスラームの広がりと西アジア世界の展開の成績</label><br />
                    <input type="range" id="高校歴史_イスラームの広がりと西アジア世界の展開" name="高校歴史_イスラームの広がりと西アジア世界の展開" 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>
                    <input type="checkbox" name="高校歴史_イスラームの広がりと西アジア世界の展開_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="ヨーロッパ世界の形成と展開">ヨーロッパ世界の形成と展開の成績</label><br />
                    <input type="range" id="高校歴史_ヨーロッパ世界の形成と展開" name="高校歴史_ヨーロッパ世界の形成と展開" 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>
                    <input type="checkbox" name="高校歴史_ヨーロッパ世界の形成と展開_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="中央ユーラシア世界と諸地域の交流・再編">中央ユーラシア世界と諸地域の交流・再編の成績</label><br />
                    <input type="range" id="高校歴史_中央ユーラシア世界と諸地域の交流・再編" name="高校歴史_中央ユーラシア世界と諸地域の交流・再編" 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>
                    <input type="checkbox" name="高校歴史_中央ユーラシア世界と諸地域の交流・再編_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="近世ヨーロッパと大航海時代">近世ヨーロッパと大航海時代の成績</label><br />
                    <input type="range" id="高校歴史_近世ヨーロッパと大航海時代" name="高校歴史_近世ヨーロッパと大航海時代" 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>
                    <input type="checkbox" name="高校歴史_近世ヨーロッパと大航海時代_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="アジア諸地域の帝国と第２次大交易時代">アジア諸地域の帝国と第２次大交易時代の成績</label><br />
                    <input type="range" id="高校歴史_アジア諸地域の帝国と第２次大交易時代" name="高校歴史_アジア諸地域の帝国と第２次大交易時代" 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>
                    <input type="checkbox" name="高校歴史_アジア諸地域の帝国と第２次大交易時代_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="環大西洋革命とパクス=ブリタニカ">環大西洋革命とパクス=ブリタニカの成績</label><br />
                    <input type="range" id="高校歴史_環大西洋革命とパクス=ブリタニカ" name="高校歴史_環大西洋革命とパクス=ブリタニカ" 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>
                    <input type="checkbox" name="高校歴史_環大西洋革命とパクス=ブリタニカ_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="近代ヨーロッパ・アメリカの国民国家">近代ヨーロッパ・アメリカの国民国家の成績</label><br />
                    <input type="range" id="高校歴史_近代ヨーロッパ・アメリカの国民国家" name="高校歴史_近代ヨーロッパ・アメリカの国民国家" 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>
                    <input type="checkbox" name="高校歴史_近代ヨーロッパ・アメリカの国民国家_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="地球をおおう帝国主義と世界諸地域の抵抗">地球をおおう帝国主義と世界諸地域の抵抗の成績</label><br />
                    <input type="range" id="高校歴史_地球をおおう帝国主義と世界諸地域の抵抗" name="高校歴史_地球をおおう帝国主義と世界諸地域の抵抗" 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>
                    <input type="checkbox" name="高校歴史_地球をおおう帝国主義と世界諸地域の抵抗_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="二つの世界大戦">二つの世界大戦の成績</label><br />
                    <input type="range" id="高校歴史_二つの世界大戦" name="高校歴史_二つの世界大戦" 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>
                    <input type="checkbox" name="高校歴史_二つの世界大戦_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="冷戦から多極的国際社会へ">冷戦から多極的国際社会への成績</label><br />
                    <input type="range" id="高校歴史_冷戦から多極的国際社会へ" name="高校歴史_冷戦から多極的国際社会へ" 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>
                    <input type="checkbox" name="高校歴史_冷戦から多極的国際社会へ_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="グローバリゼーションと地球環境の危機">グローバリゼーションと地球環境の危機の成績</label><br />
                    <input type="range" id="高校歴史_グローバリゼーションと地球環境の危機" name="高校歴史_グローバリゼーションと地球環境の危機" 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>
                    <input type="checkbox" name="高校歴史_グローバリゼーションと地球環境の危機_checkbox">
                </div>
                
            </div>
            <div class="box">
                <button type="button" onclick="setCategoryValues('高校歴史', -1)">すべてできない</button>
                <button type="button" onclick="setCategoryValues('高校歴史', 4)">全てできる</button>
            </div>
            
            <h2>高校公共</h2>
            <div class="box">
                
                <div class="box__card">
                    <label for="地球環境を考える">地球環境を考えるの成績</label><br />
                    <input type="range" id="高校公共_地球環境を考える" name="高校公共_地球環境を考える" 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>
                    <input type="checkbox" name="高校公共_地球環境を考える_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="科学技術の発達と生命">科学技術の発達と生命の成績</label><br />
                    <input type="range" id="高校公共_科学技術の発達と生命" name="高校公共_科学技術の発達と生命" 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>
                    <input type="checkbox" name="高校公共_科学技術の発達と生命_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="青年期と自己形成">青年期と自己形成の成績</label><br />
                    <input type="range" id="高校公共_青年期と自己形成" name="高校公共_青年期と自己形成" 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>
                    <input type="checkbox" name="高校公共_青年期と自己形成_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="他者と共に生きる倫理">他者と共に生きる倫理の成績</label><br />
                    <input type="range" id="高校公共_他者と共に生きる倫理" name="高校公共_他者と共に生きる倫理" 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>
                    <input type="checkbox" name="高校公共_他者と共に生きる倫理_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代の国家と民主政治">現代の国家と民主政治の成績</label><br />
                    <input type="range" id="高校公共_現代の国家と民主政治" name="高校公共_現代の国家と民主政治" 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>
                    <input type="checkbox" name="高校公共_現代の国家と民主政治_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="日本国憲法と国民生活">日本国憲法と国民生活の成績</label><br />
                    <input type="range" id="高校公共_日本国憲法と国民生活" name="高校公共_日本国憲法と国民生活" 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>
                    <input type="checkbox" name="高校公共_日本国憲法と国民生活_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="国際政治の動向">国際政治の動向の成績</label><br />
                    <input type="range" id="高校公共_国際政治の動向" name="高校公共_国際政治の動向" 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>
                    <input type="checkbox" name="高校公共_国際政治の動向_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代の経済社会と政府の役割">現代の経済社会と政府の役割の成績</label><br />
                    <input type="range" id="高校公共_現代の経済社会と政府の役割" name="高校公共_現代の経済社会と政府の役割" 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>
                    <input type="checkbox" name="高校公共_現代の経済社会と政府の役割_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="経済活動のあり方と国民福祉">経済活動のあり方と国民福祉の成績</label><br />
                    <input type="range" id="高校公共_経済活動のあり方と国民福祉" name="高校公共_経済活動のあり方と国民福祉" 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>
                    <input type="checkbox" name="高校公共_経済活動のあり方と国民福祉_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="国際経済の動向">国際経済の動向の成績</label><br />
                    <input type="range" id="高校公共_国際経済の動向" name="高校公共_国際経済の動向" 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>
                    <input type="checkbox" name="高校公共_国際経済の動向_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="共に生きる社会をめざして">共に生きる社会をめざしての成績</label><br />
                    <input type="range" id="高校公共_共に生きる社会をめざして" name="高校公共_共に生きる社会をめざして" 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>
                    <input type="checkbox" name="高校公共_共に生きる社会をめざして_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="民主政治の基本原理">民主政治の基本原理の成績</label><br />
                    <input type="range" id="高校公共_民主政治の基本原理" name="高校公共_民主政治の基本原理" 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>
                    <input type="checkbox" name="高校公共_民主政治の基本原理_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="日本国憲法の基本的性格">日本国憲法の基本的性格の成績</label><br />
                    <input type="range" id="高校公共_日本国憲法の基本的性格" name="高校公共_日本国憲法の基本的性格" 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>
                    <input type="checkbox" name="高校公共_日本国憲法の基本的性格_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="日本の政治機構">日本の政治機構の成績</label><br />
                    <input type="range" id="高校公共_日本の政治機構" name="高校公共_日本の政治機構" 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>
                    <input type="checkbox" name="高校公共_日本の政治機構_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代日本の政治">現代日本の政治の成績</label><br />
                    <input type="range" id="高校公共_現代日本の政治" name="高校公共_現代日本の政治" 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>
                    <input type="checkbox" name="高校公共_現代日本の政治_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代の国際政治">現代の国際政治の成績</label><br />
                    <input type="range" id="高校公共_現代の国際政治" name="高校公共_現代の国際政治" 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>
                    <input type="checkbox" name="高校公共_現代の国際政治_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="経済社会の変容">経済社会の変容の成績</label><br />
                    <input type="range" id="高校公共_経済社会の変容" name="高校公共_経済社会の変容" 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>
                    <input type="checkbox" name="高校公共_経済社会の変容_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代経済のしくみ">現代経済のしくみの成績</label><br />
                    <input type="range" id="高校公共_現代経済のしくみ" name="高校公共_現代経済のしくみ" 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>
                    <input type="checkbox" name="高校公共_現代経済のしくみ_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代社会と福祉の向上">現代社会と福祉の向上の成績</label><br />
                    <input type="range" id="高校公共_現代社会と福祉の向上" name="高校公共_現代社会と福祉の向上" 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>
                    <input type="checkbox" name="高校公共_現代社会と福祉の向上_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="世界経済と日本">世界経済と日本の成績</label><br />
                    <input type="range" id="高校公共_世界経済と日本" name="高校公共_世界経済と日本" 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>
                    <input type="checkbox" name="高校公共_世界経済と日本_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代社会の諸課題">現代社会の諸課題の成績</label><br />
                    <input type="range" id="高校公共_現代社会の諸課題" name="高校公共_現代社会の諸課題" 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>
                    <input type="checkbox" name="高校公共_現代社会の諸課題_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="青年期の課題と自己形成">青年期の課題と自己形成の成績</label><br />
                    <input type="range" id="高校公共_青年期の課題と自己形成" name="高校公共_青年期の課題と自己形成" 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>
                    <input type="checkbox" name="高校公共_青年期の課題と自己形成_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="人間としての自覚">人間としての自覚の成績</label><br />
                    <input type="range" id="高校公共_人間としての自覚" name="高校公共_人間としての自覚" 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>
                    <input type="checkbox" name="高校公共_人間としての自覚_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="日本人としての自覚">日本人としての自覚の成績</label><br />
                    <input type="range" id="高校公共_日本人としての自覚" name="高校公共_日本人としての自覚" 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>
                    <input type="checkbox" name="高校公共_日本人としての自覚_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代に生きる人間の倫理">現代に生きる人間の倫理の成績</label><br />
                    <input type="range" id="高校公共_現代に生きる人間の倫理" name="高校公共_現代に生きる人間の倫理" 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>
                    <input type="checkbox" name="高校公共_現代に生きる人間の倫理_checkbox">
                </div>
                
                <div class="box__card">
                    <label for="現代の諸課題と倫理">現代の諸課題と倫理の成績</label><br />
                    <input type="range" id="高校公共_現代の諸課題と倫理" name="高校公共_現代の諸課題と倫理" 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>
                    <input type="checkbox" name="高校公共_現代の諸課題と倫理_checkbox">
                </div>
                
            </div>
            <div class="box">
                <button type="button" onclick="setCategoryValues('高校公共', -1)">すべてできない</button>
                <button type="button" onclick="setCategoryValues('高校公共', 4)">全てできる</button>
            </div>
            
            <button type="submit">更新します</button>
        </form>
    </table>

    <script>
        function setCategoryValues(category, value) {
            // 指定したカテゴリのすべての科目の値を一括で設定
            var subjects = document.querySelectorAll('input[type="range"]');
            subjects.forEach(function (subject) {
                var subjectCategory = subject.id.split('_')[0]; // カテゴリを取得
                if (subjectCategory === category && subject.name.includes(category)) {
                    subject.value = value;
                }
            });
        }
    </script>

</body>

</html>