.has-cyan-bluish-gray-color {
          color: #abb8c3 !important;
      }
      .has-white-color {
          color: #ffffff !important;
      }
      .has-pale-pink-color {
          color: #f78da7 !important;
      }
      .has-vivid-red-color {
          color: #cf2e2e !important;
      }
      .has-luminous-vivid-orange-color {
          color: #ff6900 !important;
      }
      .has-luminous-vivid-amber-color {
          color: #fcb900 !important;
      }
      .has-light-green-cyan-color {
          color: #7bdcb5 !important;
      }
      .has-vivid-green-cyan-color {
          color: #00d084 !important;
      }
      .has-pale-cyan-blue-color {
          color: #8ed1fc !important;
      }
      .has-vivid-cyan-blue-color {
          color: #0693e3 !important;
      }
      .has-vivid-purple-color {
          color: #9b51e0 !important;
      }

      .has-cyan-bluish-gray-background-color {
          background-color: #abb8c3 !important;
      }
      .has-white-background-color {
          background-color: #ffffff !important;
      }
      .has-pale-pink-background-color {
          background-color: #f78da7 !important;
      }
      .has-vivid-red-background-color {
          background-color: #cf2e2e !important;
      }
      .has-luminous-vivid-orange-background-color {
          background-color: #ff6900 !important;
      }
      .has-luminous-vivid-amber-background-color {
          background-color: #fcb900 !important;
      }
      .has-light-green-cyan-background-color {
          background-color: #7bdcb5 !important;
      }
      .has-vivid-green-cyan-background-color {
          background-color: #00d084 !important;
      }
      .has-pale-cyan-blue-background-color {
          background-color: #8ed1fc !important;
      }
      .has-vivid-cyan-blue-background-color {
          background-color: #0693e3 !important;
      }
      .has-vivid-purple-background-color {
          background-color: #9b51e0 !important;
      }

    .detail__content .table table tfoot td {
        background-color: var(--primary-color);
        color: #fff
    }

@media (min-width: 1280px),print {
    .detail__content h1
    {
        font-size: 3.7rem;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: .1em;
    }
    .detail__content h1:first-child {
        margin-top: 0
    }

    .detail__content h1:last-child {
        margin-bottom: 0
    }
}
@media (min-width: 768px) and (max-width:1279px) {
    .detail__content h1
    {
        font-size: 2.48vw;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: .1em;
    }
    .detail__content h1:first-child {
        margin-top: 0
    }

    .detail__content h1:last-child {
        margin-bottom: 0
    }
}

  @media only screen and (max-width: 767px) {
    .detail__content h1
    {
        font-size: 6.2vw;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: .1em;
    }
    .detail__content h1:first-child {
        margin-top: 0
    }

    .detail__content h1:last-child {
        margin-bottom: 0
    }
  }

    /*.detail__content h1:first-child {
        margin-top: 0
    }

    .detail__content h1:last-child {
        margin-bottom: 0
    }*/