h1 {
  font-size: clamp(32px, 2.5vw, 64px) !important;
  position: relative;
  z-index: 2;
}

.kv-wrapper {
  display: table;
  width: 100%;
}
@media (max-width: 360px) {
  .kv-wrapper {
    display: block;
  }
}

.kv-pair {
  display: table-row;
}
.kv-pair .key {
  padding-right: 0.75rem;
  font-size: 14px;
  line-height: 1.4em;
  color: #777;
  width: 25%;
  box-sizing: border-box;
}
@media (max-width: 850px) {
  .kv-pair .key {
    width: 35%;
  }
}
@media (max-width: 360px) {
  .kv-pair .key {
    width: 100%;
    line-height: 1.4em !important;
    padding-bottom: 0 !important;
  }
}
.kv-pair .value {
  font-size: clamp(18px, 3vw, 22px);
}
@media (max-width: 360px) {
  .kv-pair .value {
    padding-top: 0 !important;
  }
}
.kv-pair .value a[href=""] {
  color: #333;
  cursor: text;
}
.kv-pair .key, .kv-pair .value {
  display: table-cell;
  border-top: 1px solid #ccc;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.kv-pair:last-of-type .key, .kv-pair:last-of-type .value {
  border-bottom: 1px solid #ccc;
}

@media (max-width: 360px) {
  .kv-wrapper {
    display: block;
  }
  .kv-wrapper .kv-pair {
    display: block;
  }
  .kv-wrapper .kv-pair .key, .kv-wrapper .kv-pair .value {
    display: block;
    border: none;
  }
}
.pin {
  position: sticky;
  top: 80px;
}

html {
  scroll-behavior: smooth;
}

section[id] {
  margin-top: -100px;
  padding-top: 100px;
}

.button-wrapper {
  margin-top: 2rem;
}

.num-point {
  display: flex;
  margin-bottom: 0.5em;
}
.num-point .num {
  width: 4.6rem;
  flex-shrink: 0;
}

main ul {
  padding-left: unset !important;
  list-style-type: unset !important;
  margin-left: 1rem !important;
}
main ul li {
  list-style-type: unset !important;
  padding-left: 1rem !important;
  list-style: unset !important;
}