/* PC or スマホ
--------------------------- */
/* -- PC -- */
@media screen and (min-width: 768px) {
  #form_area {
    margin: 50px auto;
    width: 800px;
  }
}
/* -- スマホ -- */
@media screen and (max-width: 767px) {
  #form_area {
    margin-top: 20px;
  }
}

.Intro { margin-bottom: 30px; }

/* -- リマインダーキー -- */
dl#reminder_key {
  margin-bottom: 20px;
  border: 5px solid gray;
  padding: 15px 10px;
  width: 400px;
  background-color: #eee;
  overflow: hidden;
}
dl#reminder_key dt {
  float: left;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: bold;
}
dl#reminder_key dd {
  float: left;
  font-size: 34px;
  font-weight: bold;
  color: #ff0000;
}
p#next{
  clear: both;
  margin-bottom: 10px;
  color: #ff0000;
}