em {
  font-style:normal;
  font-weight:bold;
}
main > nav {
  margin:30px auto auto 0 ;
}

main > nav::before {
  content:'≪';
  position:relative;
  top:7px;
  left:-3px;
}


main article a:link, main article a:visited, main article a:hover, main article a:active {
  text-decoration:underline;
}

main article h3 {margin:1em 0 0;font-size:1.1rem;}
main article h4, main article h5, main article h6  {margin:0 0 0;font-size:1rem;}
main article > ol ol, main article > ol ul {
  margin:0 0 1em;
}
main article > ol ul {
  list-style-type:disc;
}
main article > ol p {
  margin:1em 0 0;
}

main article .sttn_answer {color:#00f;display:block;}

@media print , screen and (min-width: 501px) {
    
  main nav dt {
    width:9em;
  }
  
  main nav dd {
    margin-top:-2em;
    margin-bottom:.5em;
    margin-left:9em;
    line-height:2em;
  }
  
  h2 span {
    position:absolute;
    right:5px;
    top:5px;
  }
  main article .sttn_answer {
    margin-left:2.5em;
  }
}

@media screen and (max-width: 500px) {
  main nav dd {
    margin-top:0em;
    margin-bottom:2em;
  }
  main article ol, main article ul {
    padding-left:1.5em;
  }
  main article dl.iken > dd, main article dl.hokoku > dd {margin-left:1.5em}
  main article dl.iken > dd.sttn_answer, main article dl.hokoku > dd.sttn_answer {margin-left:2em}
  main article span.sttn_answer {margin: 0 0 0 .5em;}

}