@charset "UTF-8";
/*----------------- 枠 -----------------*/
.listbox {
  border-radius: 5px;
  position: relative;
  font-size: 14px; }
  @media screen and (min-width: 751px) {
    .listbox {
      font-size: 15px; } }
  .listbox:before {
    font-weight: bold;
    background-color: #004da0;
    color: #fff;
    content: 'iPad VERITAS リテラシー';
    padding: 5px 20px;
    left: 10px;
    top: -20px; }

/*----------------- 数字 -----------------*/
ol {
  counter-reset: number;
  list-style-type: none !important;
  padding: 0.5em; }
  ol li {
    position: relative;
    padding: 0.5em 0.5em 0.5em 35px; }
    ol li:before {
      position: absolute;
      counter-increment: number;
      content: counter(number);
      display: inline-block;
      background: #e5f5fd;
      color: #004ea2;
      font-weight: bold;
      left: 0;
      width: 25px;
      height: 25px;
      line-height: 25px;
      text-align: center;
      top: 20px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 14px; }
      @media screen and (min-width: 751px) {
        ol li:before {
          font-size: 15px; } }