<style>
body{
    font-family: sans-serif;
    margin: 30px auto;
    max-width: 900px;
    line-height: 1.7;
    padding: 0 20px;
}

/* 見出し */
h2{
    margin-top: 25px;
}

/* 問題・選択・解答ボックス */
#text_q,
#text_s,
#text_a{
    background:#f5f5f5;
    padding:15px;
    border-radius:8px;
    margin-bottom:20px;
}

/* 選択肢 */
button{
    display:block;
    width:100%;
    padding:12px;
    margin:8px 0;
    font-size:16px;
}

/* スマホ */
@media (max-width:768px){

body{
    margin:10px;
    font-size:16px;
}

h2{
    font-size:18px;
}

}
</style>