.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
#real_agents_test_certification {
  background: #fff2ce;
  background-image: url(/img/oritest/tube/bg.png);
  background-position: -100px -300px;
  background-repeat: no-repeat;
  /* 行の先頭は margin-left を 0 に */
}
#real_agents_test_certification h2 {
  line-height: 1.5em;
  margin: 0px;
  font-size: 22px;
}
#real_agents_test_certification h3 {
  line-height: 1.5em;
  margin: 0px;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 15px;
}
#real_agents_test_certification .btn {
  margin: 15px auto;
}
#real_agents_test_certification .alert {
  margin-top: 30px;
  color: black;
}
@media (min-width: 767px) and (max-width: 979px) {
  #real_agents_test_certification .responsive-span {
    width: 320px;
    /* span6 */
    margin-left: 20px;
    /* ガターを維持 */
  }
}
@media (min-width: 979px) and (max-width: 1200px) {
  #real_agents_test_certification .responsive-span {
    width: 420px;
    /* span6 */
    margin-left: 20px;
    /* ガターを維持 */
  }
}
@media (min-width: 767px) and (max-width: 979px) {
  #real_agents_test_certification .row-fluid .responsive-span:nth-child(2n+1),
  #real_agents_test_certification .row .responsive-span:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media (min-width: 979px) and (max-width: 1200px) {
  #real_agents_test_certification .row-fluid .responsive-span:nth-child(2n+1),
  #real_agents_test_certification .row .responsive-span:nth-child(2n+1) {
    margin-left: 0;
  }
}
#real_agents_test_certification .or-card {
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 16px 18px;
  margin-bottom: 20px;
  /* テキストの行間を少し詰める */
  /* ボタン周り */
}
@media (min-width: 1200px) {
  #real_agents_test_certification .or-card {
    min-height: 550px;
  }
}
@media (min-width: 979px) and (max-width: 1200px) {
  #real_agents_test_certification .or-card {
    min-height: 400px;
  }
}
@media (min-width: 767px) and (max-width: 979px) {
  #real_agents_test_certification .or-card {
    min-height: 450px;
  }
}
#real_agents_test_certification .or-card h2 {
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 20px;
}
#real_agents_test_certification .or-card h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: normal;
  color: #666;
}
#real_agents_test_certification .or-card p {
  font-size: 13px;
  line-height: 1.6;
}
#real_agents_test_certification .or-card btn {
  margin-bottom: 8px;
}