@media (min-width: 835px) {
  main {
    padding-top: 80px;
  }
  main .info {
    width: 95%;
    max-width: 1100px;
    background: #fff;
    margin: 0 auto 0;
    padding: 30px 60px 50px;
    border-radius: 10px;
    overflow: hidden;
  }
  main .info .infolist {
    counter-reset: number;
  }
  main .info .infolist dt {
    padding-top: 40px;
    font-weight: bold;
    font-size: 1.6rem;
    color: #1E346F;
  }
  main .info .infolist dt::before {
    counter-increment: number;
    content: counter(number) ".";
    margin-right: 0.5em;
  }
  main .info .infolist dt:not(:first-of-type) {
    border-top: 1px solid #ccc;
  }
  main .info .infolist dd {
    padding: 30px 0;
  }
}
@media (max-width: 834px) {
  #pageheader h1 em {
    font-size: 3.5rem;
  }

  main {
    padding-top: 60px;
  }
  main .info {
    width: 90%;
    background: #fff;
    margin: 0 auto 0;
    padding: 10px 5% 20px;
    border-radius: 10px;
    overflow: hidden;
  }
  main .info .infolist {
    counter-reset: number;
  }
  main .info .infolist dt {
    padding-top: 25px;
    font-weight: bold;
    font-size: 1.6rem;
    color: #1E346F;
  }
  main .info .infolist dt:not(:first-of-type) {
    border-top: 1px solid #ccc;
  }
  main .info .infolist dt::before {
    counter-increment: number;
    content: counter(number) ".";
    margin-right: 0.5em;
  }
  main .info .infolist dd {
    padding: 20px 0 30px;
  }
}