/* line 4, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
#exam_content .exam {
  max-width: 800px;
  width: 100%;
  height: auto;
  background: #f5f5f5;
  margin-bottom: 30px;
}

/* line 11, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
#exam_content .head {
  background: #0082cd;
  padding-left: 20px;
  font-size: 1.6rem;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
}

/* line 19, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
#exam_content .body {
  padding: 20px;
}

/* line 21, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
#exam_content .body .exam_text {
  line-height: 1.5em;
  margin-bottom: 15px;
}

/* line 25, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
#exam_content .body .answers {
  text-align: center;
}

/* line 27, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
#exam_content .body .answers a {
  display: inline-block;
  width: 100px;
  height: 38px;
  margin: 0 3px;
  border: solid 2px #0082cd;
  border-radius: 5px;
  background: #fff;
  font-weight: bold;
  line-height: 38px;
  text-decoration: none;
  margin-bottom: 15px;
}

/* line 40, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
#exam_content .body .answers a:hover {
  background: #0082cd;
  color: #fff;
  opacity: 1;
}

/* line 45, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
#exam_content .body .answers .selected {
  background: #0082cd;
  color: #fff;
  opacity: 1;
}

/* line 54, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
.explanation {
  max-width: 800px;
  width: 100%;
  height: auto;
  display: none;
  margin-bottom: 20px;
}

/* line 60, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
.explanation .head {
  font-size: 3.6rem;
  line-height: 1.5em;
  font-weight: bold;
  padding-left: 20px;
}

/* line 66, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
.explanation .body {
  padding: 20px;
}

/* line 71, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
.correct {
  background: #7bcdea;
}

/* line 73, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
.correct .head {
  color: #004d6a;
}

/* line 78, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
.wrong {
  background: #ffced4;
}

/* line 80, app/assets/stylesheets/contents/qualifications/gyoseisyoshi.scss */
.wrong .head {
  color: #df5c6d;
}