/* pad */
@media (max-width: 1023px) {
  html {
    font-size: 19.98046875px;
  }
}

@media (max-width: 768.99px) {
  html {
    font-size: 15px;
  }
}

/* phone */
@media (max-width: 750px) {
  @media (max-width: 750px) {
    html {
      font-size: 28.125px;
    }
  }
  @media (max-width: 740px) {
    html {
      font-size: 27.750px;
    }
  }
  @media (max-width: 730px) {
    html {
      font-size: 27.375px;
    }
  }
  @media (max-width: 720px) {
    html {
      font-size: 27.000px;
    }
  }
  @media (max-width: 710px) {
    html {
      font-size: 26.625px;
    }
  }
  @media (max-width: 700px) {
    html {
      font-size: 26.250px;
    }
  }
  @media (max-width: 690px) {
    html {
      font-size: 25.875px;
    }
  }
  @media (max-width: 680px) {
    html {
      font-size: 25.500px;
    }
  }
  @media (max-width: 670px) {
    html {
      font-size: 25.125px;
    }
  }
  @media (max-width: 660px) {
    html {
      font-size: 24.750px;
    }
  }
  @media (max-width: 650px) {
    html {
      font-size: 24.375px;
    }
  }
  @media (max-width: 640px) {
    html {
      font-size: 24.000px;
    }
  }
  @media (max-width: 630px) {
    html {
      font-size: 23.625px;
    }
  }
  @media (max-width: 620px) {
    html {
      font-size: 23.250px;
    }
  }
  @media (max-width: 610px) {
    html {
      font-size: 22.875px;
    }
  }
  @media (max-width: 600px) {
    html {
      font-size: 22.500px;
    }
  }
  @media (max-width: 590px) {
    html {
      font-size: 22.125px;
    }
  }
  @media (max-width: 580px) {
    html {
      font-size: 21.750px;
    }
  }
  @media (max-width: 570px) {
    html {
      font-size: 21.375px;
    }
  }
  @media (max-width: 560px) {
    html {
      font-size: 21.000px;
    }
  }
  @media (max-width: 550px) {
    html {
      font-size: 20.625px;
    }
  }
  @media (max-width: 540px) {
    html {
      font-size: 20.250px;
    }
  }
  @media (max-width: 530px) {
    html {
      font-size: 19.875px;
    }
  }
  @media (max-width: 520px) {
    html {
      font-size: 19.500px;
    }
  }
  @media (max-width: 510px) {
    html {
      font-size: 19.125px;
    }
  }
  @media (max-width: 500px) {
    html {
      font-size: 18.750px;
    }
  }
  @media (max-width: 490px) {
    html {
      font-size: 18.375px;
    }
  }
  @media (max-width: 480px) {
    html {
      font-size: 18.000px;
    }
  }
  @media (max-width: 470px) {
    html {
      font-size: 17.625px;
    }
  }
  @media (max-width: 460px) {
    html {
      font-size: 17.250px;
    }
  }
  @media (max-width: 450px) {
    html {
      font-size: 16.875px;
    }
  }
  @media (max-width: 440px) {
    html {
      font-size: 16.500px;
    }
  }
  @media (max-width: 430px) {
    html {
      font-size: 16.125px;
    }
  }
  @media (max-width: 420px) {
    html {
      font-size: 15.750px;
    }
  }
  @media (max-width: 414px) {
    html {
      font-size: 15.525px;
    }
  }
  @media (max-width: 411px) {
    html {
      font-size: 15.4125px;
    }
  }
  @media (max-width: 410px) {
    html {
      font-size: 15.375px;
    }
  }
  @media (max-width: 400px) {
    html {
      font-size: 15.000px;
    }
  }
  @media (max-width: 390px) {
    html {
      font-size: 14.625px;
    }
  }
  @media (max-width: 380px) {
    html {
      font-size: 14.250px;
    }
  }
  @media (max-width: 375px) {
    html {
      font-size: 14.0625px;
    }
  }
  @media (max-width: 370px) {
    html {
      font-size: 13.875px;
    }
  }
  @media (max-width: 360px) {
    html {
      font-size: 13.500px;
    }
  }
  @media (max-width: 350px) {
    html {
      font-size: 13.125px;
    }
  }
  @media (max-width: 340px) {
    html {
      font-size: 12.750px;
    }
  }
  @media (max-width: 330px) {
    html {
      font-size: 12.375px;
    }
  }
  @media (max-width: 320px) {
    html {
      font-size: 12px;
    }
  }
}