@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.page-nav .page-nav-list {
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}

@media screen and (max-width: 959px) {
  .page-nav .page-nav-list {
    gap: 12px;
  }
}

@media screen and (max-width: 767px) {
  .page-nav .page-nav-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
}

@media screen and (max-width: 519px) {
  .page-nav .page-nav-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.page-nav .page-nav-list__item a .view-fixed {
  display: none;
}

.page-nav .page-nav-list__item a::before {
  content: '';
  right: 12px;
}

.fee {
  margin-bottom: calc(8px * 13);
}

@media screen and (max-width: 959px) {
  .fee {
    margin-bottom: calc((8px * 13) * 0.75);
  }
}

@media screen and (max-width: 519px) {
  .fee {
    margin-bottom: calc((8px * 13) * 0.5);
  }
}

.fee .fee-tbl {
  margin-bottom: calc(8px * 2);
}

@media screen and (max-width: 959px) {
  .fee .fee-tbl {
    margin-bottom: calc((8px * 2) * 0.75);
  }
}

@media screen and (max-width: 519px) {
  .fee .fee-tbl {
    margin-bottom: calc((8px * 2) * 0.5);
  }
}

.fee .fee-tbl__item {
  display: grid;
  grid-template-columns: 200px 1fr;
}

@media screen and (max-width: 519px) {
  .fee .fee-tbl__item {
    grid-template-columns: 140px 1fr;
  }
}

.fee .fee-tbl__item:first-of-type dt {
  border-top: 1px solid rgba(49, 55, 65, 0.8);
}

.fee .fee-tbl__item:first-of-type dd {
  border-top: 1px solid rgba(49, 55, 65, 0.5);
}

.fee .fee-tbl__item dt,
.fee .fee-tbl__item dd {
  padding-top: calc(8px * 2);
  padding-bottom: calc(8px * 2);
  padding-left: 8px;
}

@media screen and (max-width: 959px) {
  .fee .fee-tbl__item dt,
  .fee .fee-tbl__item dd {
    padding-top: calc((8px * 2) * 0.75);
  }
}

@media screen and (max-width: 519px) {
  .fee .fee-tbl__item dt,
  .fee .fee-tbl__item dd {
    padding-top: calc((8px * 2) * 0.5);
  }
}

@media screen and (max-width: 959px) {
  .fee .fee-tbl__item dt,
  .fee .fee-tbl__item dd {
    padding-bottom: calc((8px * 2) * 0.75);
  }
}

@media screen and (max-width: 519px) {
  .fee .fee-tbl__item dt,
  .fee .fee-tbl__item dd {
    padding-bottom: calc((8px * 2) * 0.5);
  }
}

.fee .fee-tbl__item dt {
  border-bottom: 1px solid rgba(49, 55, 65, 0.8);
  font-family: "Shippori Mincho B1", serif;
}

.fee .fee-tbl__item dd {
  border-bottom: 1px solid rgba(49, 55, 65, 0.5);
}

.deduction {
  /*.deduction-tbl {
    table {
      width: 100%;
      border-top: solid 1px $blk;
      thead {
        tr {
          th {
            padding: 12px;
            border-bottom: solid 1px $blk;
            @include break(s) {
              padding: 8px;
            }
          }
        }
        @include break(s) {
          display: none;
        }
      }//thead
      tbody {
        @include break(s) {
          display: block;
        }
        tr {
          @include break(s) {
            display: block;
          }
          th,
          td {
            padding: 12px;
            border-bottom: solid 1px $blk;
            vertical-align: middle;
            @include break(s) {
              display: grid;
              padding: 8px;
              grid-template-columns: 56px 1fr;
            }
            &::before {
              @include break(s) {
                content: attr(tbl-data);
                color: $blu;
                font-weight: bold;
              }
            }
          }
          th {
            text-align: left;
            color: $blu;
            font-weight: bold;
            @include break(s) {
              background: $wht;
              color: $blk;
            }
          }
        }
      }//tbody
    }
  }
  */
}

.deduction .ttl-m {
  margin-bottom: calc(8px * 3);
  font-size: 2.8rem;
}

@media screen and (max-width: 959px) {
  .deduction .ttl-m {
    margin-bottom: calc((8px * 3) * 0.75);
  }
}

@media screen and (max-width: 519px) {
  .deduction .ttl-m {
    margin-bottom: calc((8px * 3) * 0.5);
  }
}

@media screen and (max-width: 959px) {
  .deduction .ttl-m {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .deduction .ttl-m {
    font-size: 2rem;
  }
}

@media screen and (max-width: 519px) {
  .deduction .ttl-m {
    font-size: 1.8rem;
  }
}

/*# sourceMappingURL=../../maps/pages/fee.css.map */