@media only screen and (min-width: 1440px) {
    .c-nav,
    footer {
      font-size: 14px;
    }
  }
  /* 9px body font size below 767px screens  */
  @media only screen and (max-width: 767px) {
    .c-nav,
    footer {
      font-size: 9px;
    }
  }

  p {
    line-height: inherit;
  }
  html {
    font-size: calc(100vw / 1440 * 16);
  }
  @media screen and (min-width: 1440px) {
    html {
      font-size: 16px !important;
    }
  }
  @media screen and (max-width: 767px) {
    html {
      font-size: 2.548vw;
    }
  }
  @media screen and (max-width: 479px) {
    html {
      font-size: calc(100vw / 390 * 16);
    }
  }

  @keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(calc(-100%));
    }
  }

  .scroll {
    animation: scroll 30s linear infinite;
  }

  .reverse {
    animation-direction: reverse;
  }

  .partner-logo {
    -webkit-transform: translateZ(0);
  }

  .highlight {
    position: relative;
    /*display: inline-block;*/
    white-space: nowrap;
    z-index: 1;
  }

  .highlight::after {
    content: '';
    position: absolute;
    left: -0.2em;
    right: -0.2em;
    top: 0.08em;
    bottom: 0.08em;
    background-color: var(--yellow-500);
    transform: skewX(-10deg);
    z-index: -1;
  }

  @media screen and (min-width: 991px) {
    .sec-btn.is-green-logo .sec-ico {
      color: #EEFF25;
      transition: color .3s ease-in-out;
    }
    .sec-btn.is-green-logo:hover .sec-ico {
      color: inherit;
    }
  }