/*--------------------------------------------------------------------------
main
--------------------------------------------------------------------------*/
main {
  ackground-color: #f2f6f7;
}
main .quesArea {
  max-width: 1000px;
  margin: 0 auto;
  padding: 1px 30px 30px;
}
main .quesArea p label:first-child {
  background: #20aee5;
  padding: 15px;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  border-radius: 10px;
  margin: 40px 0 20px;
}
main .quesArea label:not(:first-child),
main .quesArea div#gender label:first-child,
main .quesArea #birthArea {
  color: #333 !important;
  font-size: 1.3em !important;
}
main .quesArea #birthArea select {
  margin: 0 5px;
}
main .quesArea input[type="text"] {
  background-color: #f5f5f5;
  color: #333 !important;
  font-size: 1.3em !important;
}
main .quesArea input[type="radio"] {
  margin-right: 10px;
}
main .quesArea select {
  background-color: #f5f5f5;
  padding: 10px;
  border: 0 !important;
}
main .quesArea .submitArea {
  margin: 30px 0 0;
}
main .quesArea .submitArea #subError {
  color: #f00;
  font-size: 1.2em;
  font-weight: bold;
  border: 2px solid #f00;
  padding: 20px;
}
main .quesArea .submitArea button#sub {
  background: #e37f67;
  color: #fff;
  padding: 15px 70px;
  font-size: 1.3em;
  letter-spacing: 5px;
  font-weight: bold;
  border-radius: 10px;
}

footer {
  margin: 0;
}

/*========================================================================*/
/*========================================================================*/
@media screen and (max-width: 768px) {
  /*--------------------------------------------------------------------------
  main
  --------------------------------------------------------------------------*/
}
/*========================================================================*/