/*quiz*/
div.quiz {
border-radius: 20px;
padding: 0 1em 1em;
}
div.quiz span.quiz {
  font-size: 120%;
  line-height: 1.4;
}
.quiznum {
  padding: 10px 0.5em;
  border-radius: 0 0 100% 100%;
  display: inline-block;
  color: #fff;
  background-color: #569c4d;
  width: auto;
  text-align: center;
}
@media all and (min-width: 768px) {
  div.quiz {
  background-color: #fbf7ec;
  border: solid 1px #e6ceab;
  text-align: center;
  padding: 0 1em 2em;
  }
  div.quiz span.quiz {
    background: linear-gradient(transparent 40%, rgb(255, 255, 255) 40%);
  }
}
@media all and (max-width: 767px) {
  div.quiz {
  background-color: #ffffff;
  padding: 0 1em 1em;
  text-align: center;
  }
  p.add {
    font-size: 3vw;
  }
}



/*	present_pic
============================== */
@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
}
@media all and (min-width: 768px) {
   div.qbn {
      padding: 0 30px;
      font-size: 17px;
   }
}
@media all and (max-width: 767px) {
   div.qbn {
      padding: 0 15px;
   }
}
div.qbn dl dt {
	float:left;
	line-height:1.5;
}
div.qbn dl dd {
	margin-left:2.5em;
	margin-bottom:8px;
	line-height:1.5;
}