.title {
  color: #201714;
  font-size: 32px; /* px */
  line-height: 180%;
  font-weight: 500;
}
.en .title {
  font-family: 'IBM Plex Serif' !important;
  line-height: 150%;
}
.sub-title {
  color: #444;
  font-size: 20px; /* px */
  line-height: 180%;
  margin-top: 32px; /* px */
  margin-bottom: 40px; /* px */
  text-align: justify;
}
.en .sub-title {
  text-align: left;
  font-size: 18px; /* px */
  line-height: 150%;
}

@media screen and (max-width: 1088px) {
  /* width for top image root in gray */
  .title {
    font-size: 24px; /* px */
  }
  .title-svg {
    height: 24px; /* px */
  }
  .title-svg.title-two-line {
    height: 54px; /* px */
  }
  .sub-title, .en .sub-title {
    font-size: 16px; /* px */
  }
}

@media screen and (max-width: 380px) {
  .title-svg {
    height: 20px; /* px */
  }
}

