/*----------------------
SIZES
----------------------*/
.letter-spacing {
  letter-spacing: 0.075em;
}
.t10,
.t10 p,
.t10 li,
.t10 h1,
.t10 h2,
.t10 h3,
.t10 h4,
.t10 h5,
.t10 h6 {
  font-size: 10px;
  line-height: 1.2em;
  @media (max-width: 680px) {
    font-size: 9px;
  }
}

.t11,
.t11 p,
.t11 li,
.t11 h1,
.t11 h2,
.t11 h3,
.t11 h4,
.t11 h5,
.t11 h6 {
  font-size: 11px;
  line-height: 1.2em;
  @media (max-width: 1440px) {
    font-size: calc(9px + (11 - 9) * ((100vw - 390px) / (1440 - 390)));
  }
}

.t12,
.t12 p,
.t12 li,
.t12 h1,
.t12 h2,
.t12 h3,
.t12 h4,
.t12 h5,
.t12 h6 {
  font-size: 12px;
  line-height: 1.2em;
}

.t12-9,
.t12-9 p,
.t12-9 li,
.t12-9 h1,
.t12-9 h2,
.t12-9 h3,
.t12-9 h4,
.t12-9 h5,
.t12-9 h6 {
  font-size: calc(9px + (12 - 9) * ((100vw - 390px) / (1920 - 390)));
  line-height: 1.2em;
  @media (min-width: 1920px) {
    font-size: 12px;
  }
}

.t14,
.t14-11,
.t14-11 p,
.t14-11 li,
.t14-11 h1,
.t14-11 h2,
.t14-11 h3,
.t14-11 h4,
.t14-11 h5,
.t14-11 h6,
.customer-wrapper input {
  line-height: 1.4em;
  @media (min-width: 1920px) {
    font-size: 13px;
  }
  @media (max-width: 1920px) {
    font-size: calc(12px + (13 - 12) * ((100vw - 1440px) / (1920 - 1440)));
  }
  @media (max-width: 1440px) {
    font-size: calc(12px + (12 - 12) * ((100vw - 390px) / (1440 - 390)));
  }
}


.t15-9,
.t15-9 p,
.t15-9 li,
.t15-9 h1,
.t15-9 h2,
.t15-9 h3,
.t15-9 h4,
.t15-9 h5,
.t15-9 h6 {
  line-height: 1.2em;
  @media (min-width: 1920px) {
    font-size: 12px;
  }
  @media (max-width: 1920px) {
    font-size: calc(10px + (12 - 10) * ((100vw - 1440px) / (1920 - 1440)));
  }
  @media (max-width: 1440px) {
    font-size: calc(8px + (10 - 8) * ((100vw - 390px) / (1440 - 390)));
  }
}


.t15,
.t15 p,
.t15 li,
.t15 h1,
.t15 h2,
.t15 h3,
.t15 h4,
.t15 h5,
.t15 h6 {
  font-size: calc(10px + (15 - 10) * ((100vw - 390px) / (1920 - 390)));
  line-height: 1.2em;
  @media (min-width: 1920px) {
    font-size: 15px;
  }
}

.t16,
.t16 p,
.t16 li,
.t16 h1,
.t16 h2,
.t16 h3,
.t16 h4,
.t16 h5,
.t16 h6 {
  line-height: 1.2em;
  @media (min-width: 1920px) {
    font-size: 12px;
  }
  @media (max-width: 1920px) {
    font-size: calc(10px + (12 - 10) * ((100vw - 1440px) / (1920 - 1440)));
  }
  @media (max-width: 1440px) {
    font-size: calc(8px + (10 - 8) * ((100vw - 390px) / (1440 - 390)));
  }
}

.t16-12,
.t16-12 p,
.t16-12 li,
.t16-12 h1,
.t16-12 h2,
.t16-12 h3,
.t16-12 h4,
.t16-12 h5,
.t16-12 h6 {
  line-height: 1.2em;
  @media (min-width: 1920px) {
    font-size: 12px;
  }
  @media (max-width: 1920px) {
    font-size: calc(10px + (12 - 10) * ((100vw - 1440px) / (1920 - 1440)));
  }
  @media (max-width: 1440px) {
    font-size: calc(8px + (10 - 8) * ((100vw - 390px) / (1440 - 390)));
  }
}


.t18-10,
.t18-10 p,
.t18-10 li,
.t18-10 h1,
.t18-10 h2,
.t18-10 h3,
.t18-10 h4,
.t18-10 h5,
.t18-10 h6,
.text-format-block h5,
.text-format-block h6,
.text-format-block p {
  line-height: 1.5em;
  @media (min-width: 1920px) {
    font-size: 14px;
  }
  @media (max-width: 1920px) {
    font-size: calc(12px + (14 - 12) * ((100vw - 1440px) / (1920 - 1440)));
  }
  @media (max-width: 1440px) {
    font-size: calc(12px + (12 - 12) * ((100vw - 390px) / (1440 - 390)));
  }
}

.t18-14,
.t18-14 p,
.t18-14 li,
.t18-14 h1,
.t18-14 h2,
.t18-14 h3,
.t18-14 h4,
.t18-14 h5,
.t18-14 h6 {
  line-height: 1.2em;
  @media (min-width: 1920px) {
    font-size: 16px;
  }
  @media (max-width: 1920px) {
    font-size: calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440)));
  }
  @media (max-width: 1440px) {
    font-size: 14px;
  }
}

.t20,
.t20 p,
.t20 li,
.t20 h1,
.t20 h2,
.t20 h3,
.t20 h4,
.t20 h5,
.t20 h6 {
  line-height: 1.2em;
  @media (min-width: 1920px) {
    font-size: 12px;
  }
  @media (max-width: 1920px) {
    font-size: calc(10px + (12 - 10) * ((100vw - 1440px) / (1920 - 1440)));
  }
  @media (max-width: 1440px) {
    font-size: calc(8px + (10 - 8) * ((100vw - 390px) / (1440 - 390)));
  }
}


.t21-12,
.t21-12 p,
.t21-12 li,
.t21-12 h1,
.t21-12 h2,
.t21-12 h3,
.t21-12 h4,
.t21-12 h5,
.t21-12 h6 {
  font-size: calc(12px + (21 - 12) * ((100vw - 390px) / (1920 - 390)));
  line-height: 1.2em;
  @media (min-width: 1920px) {
    font-size: 21px;
  }
  @media (max-width: 1920px) {
    font-size: calc(12px + (21 - 12) * ((100vw - 1440px) / (1920 - 1440)));
  }
  @media (max-width: 1440px) {
    font-size: 12px;
  }
}

.t35-16,
.t35-16 p,
.t35-16 li,
.t35-16 h1,
.t35-16 h2,
.t35-16 h3,
.t35-16 h4,
.t35-16 h5,
.t35-16 h6,
.text-format-block h1,
.text-format-block h2,
.text-format-block h3,
.text-format-block h4 {
  line-height: 1.2em;
  @media (min-width: 1920px) {
    font-size: 21px;
  }
  @media (max-width: 1920px) {
    font-size: calc(15px + (21 - 15) * ((100vw - 1440px) / (1920 - 1440)));
  }
  @media (max-width: 1440px) {
    font-size: calc(12px + (15 - 12) * ((100vw - 390px) / (1440 - 390)));
  }
}

.t40-20,
.t40-20 p,
.t40-20 li,
.t40-20 h1,
.t40-20 h2,
.t40-20 h3,
.t40-20 h4,
.t40-20 h5,
.t40-20 h6 {
  font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1920 - 390)));
  line-height: 1.2em;
  @media (min-width: 1920px) {
    font-size: 16px;
  }
  @media (max-width: 1920px) {
    font-size: calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440)));
  }
  @media (max-width: 1440px) {
    font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1440 - 390)));
  }
}