.title {
  background: #57d1e4; }
  .title h2 {
    color: #fff; }

.box01 {
  background: url(../images/result/box01_bg_pc.jpg) no-repeat center center;
  background-size: cover;
  height: 0;
  padding: 35.31746031746032% 0 0;
  position: relative; }
  .box01 .outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .box01 .outer h3 {
      position: absolute;
      top: 10%;
      right: 10%; }

@media (max-width: 767px) {
  .box01 {
    background: url(../images/result/box01_bg_sp.jpg) no-repeat center center;
    background-size: cover;
    padding: 88% 0 0; }
    .box01 .outer h3 {
      position: absolute;
      width: 76.26666666666667%;
      top: 10%;
      right: 0;
      left: 0;
      margin: 0 auto; } }

.box02 {
  padding: 50px 0; }
  .box02 .inner dl {
    width: 88.54167%;
    margin: 0 auto; }
  .box02 .inner dt {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 1em; }
  .box02 .inner dd {
    font-size: 2.4rem;
    color: #ff6666; }
  .box02 .inner p {
    width: 88.54167%;
    margin: 1.5em auto 0;
    font-size: 1.2rem; }

@media (max-width: 767px) {
  .box02 {
    padding: 6% 3.125%; }
    .box02 .inner dl {
      width: auto; }
    .box02 .inner p {
      width: auto; } }

.box03 {
  padding: 0 0 20px; }
  .box03 h3 {
    margin: 0 0 30px; }
  .box03 .inner ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 40px; }
  .box03 .inner li {
    width: 47.91667%;
    padding: 0 0 3%; }
  .box03 .inner dl {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .box03 .inner dt {
    width: 36.95652%;
    font-size: 2.4rem;
    font-weight: bold; }
  .box03 .inner dd {
    width: 58.69565%;
    font-size: 2.4rem;
    line-height: 1; }
  .box03 .inner dd b {
    font-size: 4.8rem;
    color: #ff6666;
    display: inline-block;
    width: 2em;
    text-align: right; }
  .box03 .inner dd small {
    font-size: 1.6rem; }
  .box03 .inner p {
    font-size: 1.2rem;
    margin: 0 0 40px;
    padding: 0 5.20833%; }

@media (max-width: 767px) {
  .box03 {
    padding: 0 3.125% 3%; }
    .box03 h3 {
      margin: 0 0 4%; }
    .box03 .inner ul {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0 0 4%; }
    .box03 .inner li {
      width: 100%;
      padding: 0 0 5%; }
    .box03 .inner dl {
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .box03 .inner dt {
      width: auto; }
    .box03 .inner dd {
      width: auto;
      white-space: nowrap; }
    .box03 .inner dd b {
      width: 1.7em; }
    .box03 .inner p {
      margin: 0 0 4%;
      padding: 0; } }