

    <div class="container">
        <div class="buttons">
            <button class="grade-button"onclick="showSubjects('grade1')">小学校1年生</button>
            <button class="grade-button"onclick="showSubjects('grade2')">小学校2年生</button>
            <button class="grade-button"onclick="showSubjects('grade3')">小学校3年生</button>
            <button class="grade-button"onclick="showSubjects('grade4')">小学校4年生</button>
            <button class="grade-button"onclick="showSubjects('grade5')">小学校5年生</button>
            <button class="grade-button"onclick="showSubjects('grade6')">小学校6年生</button>
            <button class="grade-button"onclick="showSubjects('grade7')">中学校1年生</button>
            <button class="grade-button"onclick="showSubjects('grade8')">中学校2年生</button>
            <button class="grade-button"onclick="showSubjects('grade9')">中学校3年生</button>
            <button class="grade-button"onclick="showSubjects('grade10')">高校1年生</button>
            <button class="grade-button"onclick="showSubjects('grade11')">高校2年生</button>
            <button class="grade-button"onclick="showSubjects('grade12')">高校3年生</button>
        </div>
        
        <div id="subjects-container">
            <!-- 科目リストがここに表示されます -->
        </div>
    </div>