.field {
  position: relative;
}
.field h2.field--label {
  position: relative;
  overflow: hidden;
  margin-top: 40px;
}
@media (min-width: 769px) {
  .field h2.field--label {
    margin-top: 56px;
  }
}
.field h2.field--label .label-container {
  position: relative;
  background: #fff;
}
.field h2.field--label:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 64.375%;
  height: 1px;
  background-image: linear-gradient(to right, #fff 33%, rgba(0, 0, 0, 0) 0%);
  background-position: bottom;
  background-size: 5px 5px;
  background-repeat: repeat-x;
  transform: translateX(-50%);
  background-image: linear-gradient(to right, #969696 33%, rgba(0, 0, 0, 0) 0%);
  top: auto;
  bottom: 9px;
  max-width: 100%;
}
.field.field--label-above:not(.field-text-with-label-h2) .label-container {
  position: relative;
}
.field.field--label-above:not(.field-text-with-label-h2) .label-container:after {
  content: " :";
  display: inline-block;
  margin-left: 3px;
}

body.see-and-do .field h2.field--label:before {
  background-image: linear-gradient(to right, #B3C431 33%, rgba(0, 0, 0, 0) 0%);
}

body.service .field h2.field--label:before {
  background-image: linear-gradient(to right, #56BCC7 33%, rgba(0, 0, 0, 0) 0%);
}

body.understand .field h2.field--label:before {
  background-image: linear-gradient(to right, #F8AA5C 33%, rgba(0, 0, 0, 0) 0%);
}

body.jo-2024 .field h2.field--label:before {
  background-image: linear-gradient(to right, #D7C378 33%, rgba(0, 0, 0, 0) 0%);
}

body.anniversary-40 .field h2.field--label:before {
  background-image: linear-gradient(to right, #A569BD 33%, rgba(0, 0, 0, 0) 0%);
}