@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

body{
  font-family: "Noto Sans JP", sans-serif; /* フォントを設定 */
  font-optical-sizing: auto;               /* オプティカルサイズ */
  font-weight: 400;                        /* 例：標準の太さ */
  font-style: normal;                      /* 通常のスタイル */
}


h1,h2,h3{
     font-family: "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
}

h2{
     border-bottom: 1px solid var(--border-color-base, #bc0b1a);
}

ul li,ol li{
     padding: 1em;
     list-style-position:inside;
}

ol.answers{
    list-style: upper-alpha;
}

ol.answers li:hover {
     border: 0.1em solid hsla(166, 73%, 43%, 0.284); 
     background-color: aqua;
     padding:0.9em;
     cursor: pointer;
}

div#section-correct-answer{
     display: none;
}


span#correct-answer{
     font-weight: bold;
     color:blue;
}


div#main{
     padding: 1em;
}

div.section{
     margin-top: 2em;
}