@charset "UTF-8";

.mb20pc {
    margin-bottom: 20px
}


.info,
.history {
    margin: 1em auto 2em;
    padding: 0 1.5em;
    text-align: left;
    font-size: 1em;
    line-height: 1.3;
    color: #444;
    max-width: 1000px;
    height: auto;
    background-color: #fff;
}

.info dl {
    position: relative;
    padding: 1.5em 0 0.5em;
    border-bottom: 1px solid #ccc;
    background-image: url(../img/arrow_gr.png);
    background-repeat: no-repeat;
    background-position: right 5px bottom 5px;
    background-size: 10px;
}

.info dl.nolink {
    background: none
}

.history dl {
    padding: 1.5em 0 0.5em;
    border-bottom: 1px solid #ccc;
    background-repeat: no-repeat;
    background-position: right 5px bottom 5px;
    background-size: 10px;
}

.info dl dd.new,
.info dl dd.check {
  position: absolute;
  bottom: 0vw;
  right: 0vw;
  padding-right: 25px;
}

.new i:before,
.check i:before {
  content: '';
  display: inline-block;
  width: 5em;
  height: 1.15em;
  background: url(../../img/information/icon_new.png) no-repeat 50% 50%;
  background-size: contain;
}

.check i:before {
  background: url(../../img/information/icon_check.png) no-repeat 50% 50%;
  background-size: contain;
}

.pagination {
    overflow: hidden;
    width: 100%;
    margin: 100px auto 45px;
    text-align: center;
}

.pagination .page-numbers {
    background-color: #edf9f9;
    text-align: center;
    font-weight: bold;
    color: #000;
    padding: 5px 15px;
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 1em;
}

.pagination .page-numbers.current {
    background-color: #009c93;
    color: #fff;
}

.pagination .page-numbers.next {
    background-color: #fff;
    color: #009c93;
}

.info dd a,
.history dd a {
    display: block
}

@media screen and (min-width: 769px) {

    .info span.txt02 {
        padding-left: 9.5em;
    }

    .info dt,
    .history dt {
        clear: left;
        float: left;
        width: 10em;
    }

    .info dd,
    .history dd {
        margin-left: 0.5em;
        padding-right: 30px;
        position: relative;
    }

    a {
        background-color: transparent;
        text-decoration: none;
        color: inherit;
    }
}

@media screen and (max-width: 768px) {

    .mb20pc {
        margin-bottom: 0
    }

    .info dd,
    .history dd {
        margin-top: 1vw;
        padding-right: 7vw;
    }

    .info dl dd {
        padding-right: 5em;
      }
    /* 
      .info dl.icon dd .txt::after {
        content: "";
        display: inline-block;
        width: 5em;
      } */
    
      .info dl dd.new,
      .info dl dd.check {
        padding-right: 15px;
      }
    
      /* .new i:before,
      .check i:before {
        content: '';
        width: 5em;
        height: 1em;
      } */

    .pagination .page-numbers {
        padding: 1vw 3vw;
        margin: 0 2vw 0 0;
    }

    .pagination .page-numbers.next {
        padding: 0 2vw;
        margin: 0;
    }

}