.wrapper{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  font-family: sans-serif;
}

.ctn{
  position: relative;
  width: 800px;
  font-size: 24px;
  text-align: left;
}

.ans{
  position: absolute; 
  cursor: pointer; 
  color: red; 
  font-weight: bold; 
  display: flex; 
  align-items: center; 
  justify-content:left;  /* 解答欄に対する位置 */
  font-size: 18px;       /* 普通の答えのサイズ */
}

.ans.large{
  font-size: 26px;       /* 大きい答えのサイズ */
}

.ans.small{
  font-size: 15px;       /* 小さい答えのサイズ */
}

.ans.smaller{
  font-size: 16px;       /* 少し小さい答えのサイズ */
}

a{
    color:dimgray;
    text-decoration:none;
}

a:hover{
    color:yellow;
    background-color:#000099;
    text-decoration: none;
  }