@charset "UTF-8";

@media all {
  .breadcrumbs,
  .breadcrumbs a {
    color: var(--txt-gray);
  }
  .breadcrumbs-item:not(:last-child)::after {
    border-color: var(--txt-gray);
  }

  .tokusyo_title {
    font-weight: 600;
    color: var(--main-blue);
    text-align: center;
  }
  .table {
    width: 100%;
  }
  .table th {
    background-color: var(--bg-lightblue);
    font-weight: 600;
    color: var(--main-blue);
    text-align: left;
  }
  .table :where(th, td) {
    border: max(1px, 1rem) solid var(--table-lightblue);
  }
  .notice {
    font-size: 12rem;
    color: var(--main-blue);
    line-height: 18rem;
  }
  .notice a {
    color: var(--main-red);
    text-decoration: underline;
  }

  .table h4 {
    font-weight: 600;
    color: var(--main-blue);
  }
  .table p + h4 {
    margin-top: 1em;
  }

  a.app {
    text-decoration: underline;
  }
  .normal-txt {
    font-weight: normal;
    color: var(--txt);
  }
  .pay p.notice {
    margin-top: 1em;
  }
  .notice-list {
    margin-top: 20rem;
  }

  /* sp */
  @media only screen and (max-width: 767px) {
    body {
      background: linear-gradient(
        to bottom,
        var(--bg-lightblue) 0%,
        #fff 370rem
      );
    }
    .page-main {
      padding-top: 100rem;
    }
    .breadcrumbs {
      padding: 0 25rem;
    }
    .breadcrumbs + .main-section {
      margin-top: 40rem;
    }

    .main-section {
      padding-bottom: 120rem;
    }
    .tokusyo_title {
      margin-top: 40rem;
    }

    .table {
      margin-top: 30rem;
      line-height: 26rem;
    }
    .table tr {
      display: flex;
      flex-direction: column;
    }
    .table :where(th, td) {
      padding: 10rem 14rem;
    }
    .table th {
      border-bottom: none;
    }
    .table td {
      border-top: none;
    }
    .table tr:not(:last-child) td {
      border-bottom: none;
    }

    .credit {
      margin-top: 8rem;
      width: 280rem;
    }
  }

  /* pc & tab */
  @media print, (min-width: 768px) {
    body {
      background: linear-gradient(
        to bottom,
        var(--bg-lightblue) 0%,
        #fff 1280rem
      );
    }
    .page-main {
      padding-top: 140rem;
    }
    .breadcrumbs,
    .main-section {
      margin: 0 auto;
      width: 1000rem;
    }
    .breadcrumbs + .main-section {
      margin-top: 12rem;
    }

    .main-section {
      padding: 80rem 100rem 160rem;
      background-color: #fff;
    }

    .tokusyo_title {
      margin-top: 40rem;
    }

    .table {
      margin-top: 30rem;
      line-height: 1.875;
    }
    .table :where(th, td) {
      padding: 1em 1.25em;
    }
    .table th {
      width: 200rem;
      border-right: none;
    }
    .table td {
      width: calc(100% - 200rem);
      border-left: none;
    }

    .credit {
      width: 336rem;
    }
  }
}