.index-page-common {
  width: 100%;
  background: white;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.index-title {
  color:  #201714;
  z-index: 0;
  font-size: 64px; /* px */
  line-height: 125%;
  position: relative;
}
.en .index-title {
  font-size: 48px; /* px */
}

.index-title.index-title-top {
  /* color: white; */
  font-size: 72px; /* px */
  line-height: 1.2;
  /* margin-top: 43vh; */
}
.en .index-title.index-title-top {
  font-size: 56px; /* px */
}

.index-sub-title {
  color: #444;
  font-weight: 300;
  font-size: 24px; /* px */
  line-height: 167%; /* px */ 
  text-align: justify;
  margin-top: 24px; /* px */
}
.en .index-sub-title {
  text-align: left;
  max-width: 580px; /* px */
}
.en .index-title {
  font-family: 'IBM Plex Serif' !important;
  font-weight: 500;
}


.emphasis, .emphasis2, .yellow {
  position: relative;
}
.zh .emphasis::before, .zh .emphasis2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1em; /* px */
  border-bottom: solid 0.5em #FFDA57;
  z-index: -1;
}
.yellow {
  display: inline-block;
  z-index: 0;
}
.yellow::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: solid 0.5em #FFDA57;
  z-index: -1;
}
.zh .emphasis2::before {
  width: 2em; /* px */
}

@media screen and (max-width: 780px) {
  .index-title {
    font-size: 32px; /* px */
  }
  .index-title-svg {
    height: 40px; /* px */
  }
  .index-title-svg.index-title-two-line {
    height: 80px; /* px */
  }
  .en .index-title {
    font-size: 24px; /* px */
  }
}