[data-masonry] {
  --masonry-columns: 2;
  --masonry-gap: min(3.333vw, 40px);
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  [data-masonry] {
    --masonry-columns: 1;
    --masonry-gap: 10.256vw;
  }
}

[data-masonry]::before {
  content: "";
  width: var(--masonry-gap);
}

[data-masonry-item] {
  position: absolute;
}

.service-contractresult_lead {
  color: var(--black);
  margin-bottom: min(5.333vw, 64px);
}
@media only screen and (max-width: 767px) {
  .service-contractresult_lead {
    margin-bottom: 16.41vw;
  }
}
.service-contractresult_lead__outer {
  display: grid;
  justify-items: center;
}
.service-contractresult_lead__inner {
  width: min(91.667vw, 1100px);
}
@media only screen and (max-width: 767px) {
  .service-contractresult_lead__inner {
    width: 87.179vw;
  }
}
.service-contractresult_lead__heading {
  display: grid;
  justify-items: center;
  gap: min(2vw, 24px);
}
@media only screen and (max-width: 767px) {
  .service-contractresult_lead__heading {
    gap: 6.667vw;
  }
}
.service-contractresult_lead__heading h2 {
  font-size: min(2.5vw, 30px);
  font-weight: var(--weight-bold);
  line-height: 1.7;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 767px) {
  .service-contractresult_lead__heading h2 {
    font-size: 5.641vw;
    text-align: center;
  }
}
.service-contractresult_lead__heading p {
  font-size: min(1.833vw, 22px);
  font-weight: var(--weight-bold);
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .service-contractresult_lead__heading p {
    font-size: 4.103vw;
    text-align: center;
  }
}

.service-contractresult {
  margin-bottom: min(8.667vw, 104px);
}
@media only screen and (max-width: 767px) {
  .service-contractresult {
    margin-bottom: 26.667vw;
  }
}

.service-result {
  color: var(--black);
}
.service-result__outer {
  display: grid;
  justify-items: center;
}
.service-result__inner {
  width: min(91.667vw, 1100px);
}
@media only screen and (max-width: 767px) {
  .service-result__inner {
    width: 87.692vw;
  }
}
.service-result__works-item {
  overflow: hidden;
  border-radius: min(0.667vw, 8px);
  border: solid 1px var(--dark_green_primary);
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item {
    border-radius: 2.051vw;
  }
}
.service-result__works-item[data-contractresult-id="1"] h3, .service-result__works-item[data-result-id="1"] h3 {
  padding-left: min(2.5vw, 30px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="1"] h3, .service-result__works-item[data-result-id="1"] h3 {
    padding-left: 7.692vw;
  }
}
.service-result__works-item[data-contractresult-id="1"] h3::before, .service-result__works-item[data-result-id="1"] h3::before {
  width: min(3.333vw, 40px);
  height: min(3.333vw, 40px);
  background-image: url("/assets/img/service/contractresult/heading-icon_1.png");
  background-size: min(3.333vw, 40px) min(3.333vw, 40px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="1"] h3::before, .service-result__works-item[data-result-id="1"] h3::before {
    width: 7.692vw;
    height: 7.692vw;
    background-size: 7.692vw 7.692vw;
  }
}
.service-result__works-item[data-contractresult-id="2"] h3, .service-result__works-item[data-result-id="2"] h3 {
  padding-left: min(5.333vw, 64px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="2"] h3, .service-result__works-item[data-result-id="2"] h3 {
    padding-left: 12.359vw;
  }
}
.service-result__works-item[data-contractresult-id="2"] h3::before, .service-result__works-item[data-result-id="2"] h3::before {
  width: min(5.333vw, 64px);
  height: min(2vw, 24px);
  background-image: url("/assets/img/service/contractresult/heading-icon_2.png");
  background-size: min(5.333vw, 64px) min(2vw, 24px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="2"] h3::before, .service-result__works-item[data-result-id="2"] h3::before {
    width: 12.359vw;
    height: 4.538vw;
    background-size: 12.359vw 4.538vw;
  }
}
.service-result__works-item[data-contractresult-id="3"] h3, .service-result__works-item[data-result-id="3"] h3 {
  padding-left: min(2.667vw, 32px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="3"] h3, .service-result__works-item[data-result-id="3"] h3 {
    padding-left: 6.256vw;
  }
}
.service-result__works-item[data-contractresult-id="3"] h3::before, .service-result__works-item[data-result-id="3"] h3::before {
  width: min(2.667vw, 32px);
  height: min(2.667vw, 32px);
  background-image: url("/assets/img/service/contractresult/heading-icon_3.png");
  background-size: min(2.667vw, 32px) min(2.667vw, 32px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="3"] h3::before, .service-result__works-item[data-result-id="3"] h3::before {
    width: 6.256vw;
    height: 6.462vw;
    background-size: 6.256vw 6.462vw;
  }
}
.service-result__works-item[data-contractresult-id="4"] h3, .service-result__works-item[data-result-id="4"] h3 {
  padding-left: min(2.833vw, 34px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="4"] h3, .service-result__works-item[data-result-id="4"] h3 {
    padding-left: 6.538vw;
  }
}
.service-result__works-item[data-contractresult-id="4"] h3::before, .service-result__works-item[data-result-id="4"] h3::before {
  width: min(2.833vw, 34px);
  height: min(3.167vw, 38px);
  background-image: url("/assets/img/service/contractresult/heading-icon_4.png");
  background-size: min(2.833vw, 34px) min(3.167vw, 38px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="4"] h3::before, .service-result__works-item[data-result-id="4"] h3::before {
    width: 6.538vw;
    height: 7.359vw;
    background-size: 6.538vw 7.359vw;
  }
}
.service-result__works-item[data-contractresult-id="5"] h3, .service-result__works-item[data-result-id="5"] h3 {
  padding-left: min(2.25vw, 27px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="5"] h3, .service-result__works-item[data-result-id="5"] h3 {
    padding-left: 5.205vw;
  }
}
.service-result__works-item[data-contractresult-id="5"] h3::before, .service-result__works-item[data-result-id="5"] h3::before {
  width: min(2.25vw, 27px);
  height: min(3vw, 36px);
  background-image: url("/assets/img/service/contractresult/heading-icon_5.png");
  background-size: min(2.25vw, 27px) min(3vw, 36px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="5"] h3::before, .service-result__works-item[data-result-id="5"] h3::before {
    width: 5.205vw;
    height: 6.923vw;
    background-size: 5.205vw 6.923vw;
  }
}
.service-result__works-item[data-contractresult-id="6"] h3, .service-result__works-item[data-result-id="6"] h3 {
  padding-left: min(3.917vw, 47px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="6"] h3, .service-result__works-item[data-result-id="6"] h3 {
    padding-left: 9.103vw;
  }
}
.service-result__works-item[data-contractresult-id="6"] h3::before, .service-result__works-item[data-result-id="6"] h3::before {
  width: min(3.958vw, 47.5px);
  height: min(2.667vw, 32px);
  background-image: url("/assets/img/service/contractresult/heading-icon_6.png");
  background-size: min(3.958vw, 47.5px) min(2.667vw, 32px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="6"] h3::before, .service-result__works-item[data-result-id="6"] h3::before {
    width: 9.103vw;
    height: 6.154vw;
    background-size: 9.103vw 6.154vw;
  }
}
.service-result__works-item[data-contractresult-id="7"] h3, .service-result__works-item[data-result-id="7"] h3 {
  padding-left: min(2.892vw, 34.7px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="7"] h3, .service-result__works-item[data-result-id="7"] h3 {
    padding-left: 6.667vw;
  }
}
.service-result__works-item[data-contractresult-id="7"] h3::before, .service-result__works-item[data-result-id="7"] h3::before {
  width: min(2.892vw, 34.7px);
  height: min(2.233vw, 26.8px);
  background-image: url("/assets/img/service/contractresult/heading-icon_7.png");
  background-size: min(2.892vw, 34.7px) min(2.233vw, 26.8px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="7"] h3::before, .service-result__works-item[data-result-id="7"] h3::before {
    width: 6.667vw;
    height: 5.128vw;
    background-size: 6.667vw 5.128vw;
  }
}
.service-result__works-item[data-contractresult-id="8"] h3, .service-result__works-item[data-result-id="8"] h3 {
  padding-left: min(2.625vw, 31.5px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="8"] h3, .service-result__works-item[data-result-id="8"] h3 {
    padding-left: 6.051vw;
  }
}
.service-result__works-item[data-contractresult-id="8"] h3::before, .service-result__works-item[data-result-id="8"] h3::before {
  width: min(2.625vw, 31.5px);
  height: min(2.625vw, 31.5px);
  background-image: url("/assets/img/service/contractresult/heading-icon_8.png");
  background-size: min(2.625vw, 31.5px) min(2.625vw, 31.5px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="8"] h3::before, .service-result__works-item[data-result-id="8"] h3::before {
    width: 6.051vw;
    height: 6.051vw;
    background-size: 6.051vw 6.051vw;
  }
}
.service-result__works-item[data-contractresult-id="9"] h3, .service-result__works-item[data-result-id="9"] h3 {
  padding-left: min(2.583vw, 31px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="9"] h3, .service-result__works-item[data-result-id="9"] h3 {
    padding-left: 5.949vw;
  }
}
.service-result__works-item[data-contractresult-id="9"] h3::before, .service-result__works-item[data-result-id="9"] h3::before {
  width: min(2.583vw, 31px);
  height: min(2.583vw, 31px);
  background-image: url("/assets/img/service/contractresult/heading-icon_9.png");
  background-size: min(2.583vw, 31px) min(2.583vw, 31px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="9"] h3::before, .service-result__works-item[data-result-id="9"] h3::before {
    width: 5.949vw;
    height: 5.949vw;
    background-size: 5.949vw 5.949vw;
  }
}
.service-result__works-item[data-contractresult-id="10"] h3, .service-result__works-item[data-result-id="10"] h3 {
  padding-left: min(3.083vw, 37px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="10"] h3, .service-result__works-item[data-result-id="10"] h3 {
    padding-left: 7.103vw;
  }
}
.service-result__works-item[data-contractresult-id="10"] h3::before, .service-result__works-item[data-result-id="10"] h3::before {
  width: min(3.083vw, 37px);
  height: min(2.433vw, 29.2px);
  background-image: url("/assets/img/service/contractresult/heading-icon_10.png");
  background-size: min(3.083vw, 37px) min(2.433vw, 29.2px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="10"] h3::before, .service-result__works-item[data-result-id="10"] h3::before {
    width: 7.103vw;
    height: 5.59vw;
    background-size: 7.103vw 5.59vw;
  }
}
.service-result__works-item[data-contractresult-id="11"] h3, .service-result__works-item[data-result-id="11"] h3 {
  padding-left: min(2.942vw, 35.3px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="11"] h3, .service-result__works-item[data-result-id="11"] h3 {
    padding-left: 6.795vw;
  }
}
.service-result__works-item[data-contractresult-id="11"] h3::before, .service-result__works-item[data-result-id="11"] h3::before {
  width: min(2.942vw, 35.3px);
  height: min(2.833vw, 34px);
  background-image: url("/assets/img/service/contractresult/heading-icon_11.png");
  background-size: min(2.942vw, 35.3px) min(2.833vw, 34px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="11"] h3::before, .service-result__works-item[data-result-id="11"] h3::before {
    width: 6.795vw;
    height: 6.538vw;
    background-size: 6.795vw 6.538vw;
  }
}
.service-result__works-item[data-contractresult-id="12"] h3, .service-result__works-item[data-result-id="12"] h3 {
  padding-left: min(4.5vw, 54px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="12"] h3, .service-result__works-item[data-result-id="12"] h3 {
    padding-left: 10.385vw;
  }
}
.service-result__works-item[data-contractresult-id="12"] h3::before, .service-result__works-item[data-result-id="12"] h3::before {
  width: min(4.5vw, 54px);
  height: min(2.583vw, 31px);
  background-image: url("/assets/img/service/contractresult/heading-icon_12.png");
  background-size: min(4.5vw, 54px) min(2.583vw, 31px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="12"] h3::before, .service-result__works-item[data-result-id="12"] h3::before {
    width: 10.385vw;
    height: 6.026vw;
    background-size: 10.385vw 6.026vw;
  }
}
.service-result__works-item[data-contractresult-id="13"] h3, .service-result__works-item[data-result-id="13"] h3 {
  padding-left: min(1.742vw, 20.9px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="13"] h3, .service-result__works-item[data-result-id="13"] h3 {
    padding-left: 4vw;
  }
}
.service-result__works-item[data-contractresult-id="13"] h3::before, .service-result__works-item[data-result-id="13"] h3::before {
  width: min(1.742vw, 20.9px);
  height: min(3.167vw, 38px);
  background-image: url("/assets/img/service/contractresult/heading-icon_13.png");
  background-size: min(1.742vw, 20.9px) min(3.167vw, 38px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="13"] h3::before, .service-result__works-item[data-result-id="13"] h3::before {
    width: 4vw;
    height: 7.308vw;
    background-size: 4vw 7.308vw;
  }
}
.service-result__works-item[data-contractresult-id="14"] h3, .service-result__works-item[data-result-id="14"] h3 {
  padding-left: min(4.633vw, 55.6px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="14"] h3, .service-result__works-item[data-result-id="14"] h3 {
    padding-left: 10.667vw;
  }
}
.service-result__works-item[data-contractresult-id="14"] h3::before, .service-result__works-item[data-result-id="14"] h3::before {
  width: min(4.633vw, 55.6px);
  height: min(3.3vw, 39.6px);
  background-image: url("/assets/img/service/contractresult/heading-icon_14.png");
  background-size: min(4.633vw, 55.6px) min(3.3vw, 39.6px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="14"] h3::before, .service-result__works-item[data-result-id="14"] h3::before {
    width: 10.667vw;
    height: 7.59vw;
    background-size: 10.667vw 7.59vw;
  }
}
.service-result__works-item[data-contractresult-id="15"] h3, .service-result__works-item[data-result-id="15"] h3 {
  padding-left: min(3.975vw, 47.7px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="15"] h3, .service-result__works-item[data-result-id="15"] h3 {
    padding-left: 9.154vw;
  }
}
.service-result__works-item[data-contractresult-id="15"] h3::before, .service-result__works-item[data-result-id="15"] h3::before {
  width: min(3.975vw, 47.7px);
  height: min(2.808vw, 33.7px);
  background-image: url("/assets/img/service/contractresult/heading-icon_15.png");
  background-size: min(3.975vw, 47.7px) min(2.808vw, 33.7px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="15"] h3::before, .service-result__works-item[data-result-id="15"] h3::before {
    width: 9.154vw;
    height: 6.462vw;
    background-size: 9.154vw 6.462vw;
  }
}
.service-result__works-item[data-contractresult-id="16"] h3, .service-result__works-item[data-result-id="16"] h3 {
  padding-left: min(5vw, 60px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="16"] h3, .service-result__works-item[data-result-id="16"] h3 {
    padding-left: 11.538vw;
  }
}
.service-result__works-item[data-contractresult-id="16"] h3::before, .service-result__works-item[data-result-id="16"] h3::before {
  width: min(5vw, 60px);
  height: min(1.833vw, 22px);
  background-image: url("/assets/img/service/contractresult/heading-icon_16.png");
  background-size: min(5vw, 60px) min(1.833vw, 22px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="16"] h3::before, .service-result__works-item[data-result-id="16"] h3::before {
    width: 11.538vw;
    height: 4.231vw;
    background-size: 11.538vw 4.231vw;
  }
}
.service-result__works-item[data-contractresult-id="17"] h3, .service-result__works-item[data-result-id="17"] h3 {
  padding-left: min(4.25vw, 51px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="17"] h3, .service-result__works-item[data-result-id="17"] h3 {
    padding-left: 9.795vw;
  }
}
.service-result__works-item[data-contractresult-id="17"] h3::before, .service-result__works-item[data-result-id="17"] h3::before {
  width: min(4.25vw, 51px);
  height: min(2.667vw, 32px);
  background-image: url("/assets/img/service/contractresult/heading-icon_17.png");
  background-size: min(4.25vw, 51px) min(2.667vw, 32px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="17"] h3::before, .service-result__works-item[data-result-id="17"] h3::before {
    width: 9.795vw;
    height: 6.154vw;
    background-size: 9.795vw 6.154vw;
  }
}
.service-result__works-item[data-contractresult-id="18"] h3, .service-result__works-item[data-result-id="18"] h3 {
  padding-left: min(4.917vw, 59px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="18"] h3, .service-result__works-item[data-result-id="18"] h3 {
    padding-left: 11.346vw;
  }
}
.service-result__works-item[data-contractresult-id="18"] h3::before, .service-result__works-item[data-result-id="18"] h3::before {
  width: min(4.917vw, 59px);
  height: min(2vw, 24px);
  background-image: url("/assets/img/service/contractresult/heading-icon_18.png");
  background-size: min(4.917vw, 59px) min(2vw, 24px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="18"] h3::before, .service-result__works-item[data-result-id="18"] h3::before {
    width: 11.346vw;
    height: 4.538vw;
    background-size: 11.346vw 4.538vw;
  }
}
.service-result__works-item[data-contractresult-id="19"] h3, .service-result__works-item[data-result-id="19"] h3 {
  padding-left: min(2.5vw, 30px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="19"] h3, .service-result__works-item[data-result-id="19"] h3 {
    padding-left: 5.769vw;
  }
}
.service-result__works-item[data-contractresult-id="19"] h3::before, .service-result__works-item[data-result-id="19"] h3::before {
  width: min(2.5vw, 30px);
  height: min(2.333vw, 28px);
  background-image: url("/assets/img/service/contractresult/heading-icon_19.png");
  background-size: min(2.5vw, 30px) min(2.333vw, 28px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="19"] h3::before, .service-result__works-item[data-result-id="19"] h3::before {
    width: 5.769vw;
    height: 5.385vw;
    background-size: 5.769vw 5.385vw;
  }
}
.service-result__works-item[data-contractresult-id="20"] h3, .service-result__works-item[data-result-id="20"] h3 {
  padding-left: min(3.75vw, 45px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="20"] h3, .service-result__works-item[data-result-id="20"] h3 {
    padding-left: 8.654vw;
  }
}
.service-result__works-item[data-contractresult-id="20"] h3::before, .service-result__works-item[data-result-id="20"] h3::before {
  width: min(3.75vw, 45px);
  height: min(3.025vw, 36.3px);
  background-image: url("/assets/img/service/contractresult/heading-icon_20.png");
  background-size: min(3.75vw, 45px) min(3.025vw, 36.3px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="20"] h3::before, .service-result__works-item[data-result-id="20"] h3::before {
    width: 8.654vw;
    height: 6.974vw;
    background-size: 8.654vw 6.974vw;
  }
}
.service-result__works-item[data-contractresult-id="21"] h3, .service-result__works-item[data-result-id="21"] h3 {
  padding-left: min(3.75vw, 45px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="21"] h3, .service-result__works-item[data-result-id="21"] h3 {
    padding-left: 8.641vw;
  }
}
.service-result__works-item[data-contractresult-id="21"] h3::before, .service-result__works-item[data-result-id="21"] h3::before {
  width: min(3.75vw, 45px);
  height: min(2.5vw, 30px);
  background-image: url("/assets/img/service/contractresult/heading-icon_21.png");
  background-size: min(3.75vw, 45px) min(2.5vw, 30px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="21"] h3::before, .service-result__works-item[data-result-id="21"] h3::before {
    width: 8.641vw;
    height: 5.821vw;
    background-size: 8.641vw 5.821vw;
  }
}
.service-result__works-item[data-contractresult-id="22"] h3, .service-result__works-item[data-result-id="22"] h3 {
  padding-left: min(2.5vw, 30px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="22"] h3, .service-result__works-item[data-result-id="22"] h3 {
    padding-left: 5.769vw;
  }
}
.service-result__works-item[data-contractresult-id="22"] h3::before, .service-result__works-item[data-result-id="22"] h3::before {
  width: min(2.5vw, 30px);
  height: min(2.5vw, 30px);
  background-image: url("/assets/img/service/contractresult/heading-icon_22.png");
  background-size: min(2.5vw, 30px) min(2.5vw, 30px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="22"] h3::before, .service-result__works-item[data-result-id="22"] h3::before {
    width: 5.769vw;
    height: 5.769vw;
    background-size: 5.769vw 5.769vw;
  }
}
.service-result__works-item[data-contractresult-id="23"] h3, .service-result__works-item[data-result-id="23"] h3 {
  padding-left: min(2.583vw, 31px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="23"] h3, .service-result__works-item[data-result-id="23"] h3 {
    padding-left: 6.026vw;
  }
}
.service-result__works-item[data-contractresult-id="23"] h3::before, .service-result__works-item[data-result-id="23"] h3::before {
  width: min(2.583vw, 31px);
  height: min(2.583vw, 31px);
  background-image: url("/assets/img/service/contractresult/heading-icon_23.png");
  background-size: min(2.583vw, 31px) min(2.583vw, 31px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="23"] h3::before, .service-result__works-item[data-result-id="23"] h3::before {
    width: 6.026vw;
    height: 6.026vw;
    background-size: 6.026vw 6.026vw;
  }
}
.service-result__works-item[data-contractresult-id="24"] h3, .service-result__works-item[data-result-id="24"] h3 {
  padding-left: min(3.5vw, 42px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="24"] h3, .service-result__works-item[data-result-id="24"] h3 {
    padding-left: 8.077vw;
  }
}
.service-result__works-item[data-contractresult-id="24"] h3::before, .service-result__works-item[data-result-id="24"] h3::before {
  width: min(3.5vw, 42px);
  height: min(3.292vw, 39.5px);
  background-image: url("/assets/img/service/contractresult/heading-icon_24.png");
  background-size: min(3.5vw, 42px) min(3.292vw, 39.5px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="24"] h3::before, .service-result__works-item[data-result-id="24"] h3::before {
    width: 8.077vw;
    height: 7.59vw;
    background-size: 8.077vw 7.59vw;
  }
}
.service-result__works-item[data-contractresult-id="25"] h3, .service-result__works-item[data-result-id="25"] h3 {
  padding-left: min(3.583vw, 43px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="25"] h3, .service-result__works-item[data-result-id="25"] h3 {
    padding-left: 8.205vw;
  }
}
.service-result__works-item[data-contractresult-id="25"] h3::before, .service-result__works-item[data-result-id="25"] h3::before {
  width: min(3.583vw, 43px);
  height: min(2.5vw, 30px);
  background-image: url("/assets/img/service/contractresult/heading-icon_25.png");
  background-size: min(3.583vw, 43px) min(2.5vw, 30px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="25"] h3::before, .service-result__works-item[data-result-id="25"] h3::before {
    width: 8.205vw;
    height: 5.795vw;
    background-size: 8.205vw 5.795vw;
  }
}
.service-result__works-item[data-contractresult-id="26"] h3, .service-result__works-item[data-result-id="26"] h3 {
  padding-left: min(2.333vw, 28px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="26"] h3, .service-result__works-item[data-result-id="26"] h3 {
    padding-left: 5.385vw;
  }
}
.service-result__works-item[data-contractresult-id="26"] h3::before, .service-result__works-item[data-result-id="26"] h3::before {
  width: min(2.333vw, 28px);
  height: min(3.333vw, 40px);
  background-image: url("/assets/img/service/contractresult/heading-icon_26.png");
  background-size: min(2.333vw, 28px) min(3.333vw, 40px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="26"] h3::before, .service-result__works-item[data-result-id="26"] h3::before {
    width: 5.385vw;
    height: 7.692vw;
    background-size: 5.385vw 7.692vw;
  }
}
.service-result__works-item[data-contractresult-id="27"] h3, .service-result__works-item[data-result-id="27"] h3 {
  padding-left: min(3.583vw, 43px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="27"] h3, .service-result__works-item[data-result-id="27"] h3 {
    padding-left: 8.256vw;
  }
}
.service-result__works-item[data-contractresult-id="27"] h3::before, .service-result__works-item[data-result-id="27"] h3::before {
  width: min(3.583vw, 43px);
  height: min(2.833vw, 34px);
  background-image: url("/assets/img/service/contractresult/heading-icon_27.png");
  background-size: min(3.583vw, 43px) min(2.833vw, 34px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="27"] h3::before, .service-result__works-item[data-result-id="27"] h3::before {
    width: 8.256vw;
    height: 6.538vw;
    background-size: 8.256vw 6.538vw;
  }
}
.service-result__works-item[data-contractresult-id="28"] h3, .service-result__works-item[data-result-id="28"] h3 {
  padding-left: min(3.333vw, 40px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="28"] h3, .service-result__works-item[data-result-id="28"] h3 {
    padding-left: 7.692vw;
  }
}
.service-result__works-item[data-contractresult-id="28"] h3::before, .service-result__works-item[data-result-id="28"] h3::before {
  width: min(3.333vw, 40px);
  height: min(2.167vw, 26px);
  background-image: url("/assets/img/service/contractresult/heading-icon_28.png");
  background-size: min(3.333vw, 40px) min(2.167vw, 26px);
}
@media only screen and (max-width: 767px) {
  .service-result__works-item[data-contractresult-id="28"] h3::before, .service-result__works-item[data-result-id="28"] h3::before {
    width: 7.692vw;
    height: 5vw;
    background-size: 7.692vw 5vw;
  }
}
.service-result__heading {
  position: relative;
  display: inline-block;
  padding-left: min(3.333vw, 40px);
  padding-right: min(3.333vw, 40px);
  height: min(5vw, 60px);
  border-radius: 0 0 min(0.667vw, 8px) 0;
  background-color: var(--dark_green_primary);
}
@media only screen and (max-width: 767px) {
  .service-result__heading {
    padding-left: 6.154vw;
    padding-right: 6.154vw;
    height: 12.821vw;
    border-radius: 0 0 2.051vw 0;
  }
}
.service-result__heading h3 {
  color: var(--white);
  font-size: min(1.667vw, 20px);
  font-weight: var(--weight-bold);
  line-height: min(5vw, 60px);
}
@media only screen and (max-width: 767px) {
  .service-result__heading h3 {
    font-size: 4.103vw;
    line-height: 12.821vw;
  }
}
.service-result__heading h3::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: min(3.333vw, 40px);
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(0, -50%);
}
@media only screen and (max-width: 767px) {
  .service-result__heading h3::before {
    left: 6.154vw;
  }
}
.service-result__heading span {
  display: inline-block;
  margin-left: min(2vw, 24px);
}
@media only screen and (max-width: 767px) {
  .service-result__heading span {
    margin-left: 4.103vw;
  }
}
.service-result__list {
  display: grid;
  grid-auto-flow: row;
  gap: min(0.667vw, 8px);
  list-style-type: none;
  padding: min(2.5vw, 30px) min(3.333vw, 40px);
}
@media only screen and (max-width: 767px) {
  .service-result__list {
    gap: 2.051vw;
    padding: 6.154vw;
  }
}
.service-result__list li {
  position: relative;
  padding-left: min(1.75vw, 21px);
}
@media only screen and (max-width: 767px) {
  .service-result__list li {
    padding-left: 5.385vw;
  }
}
.service-result__list li::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: min(0.833vw, 10px);
  left: 0;
  width: min(0.417vw, 5px);
  height: 1px;
  background-color: var(--black);
}
@media only screen and (max-width: 767px) {
  .service-result__list li::before {
    top: 2.564vw;
    width: 1.282vw;
  }
}
.service-result__list li p {
  font-size: min(1.167vw, 14px);
  font-weight: var(--weight-regular);
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 767px) {
  .service-result__list li p {
    font-size: 3.59vw;
  }
}

.service-result_lead {
  color: var(--black);
  margin-bottom: min(3.333vw, 40px);
}
@media only screen and (max-width: 767px) {
  .service-result_lead {
    margin-bottom: 10.256vw;
  }
}
.service-result_lead__outer {
  display: grid;
  justify-items: center;
}
.service-result_lead__inner {
  width: min(91.667vw, 1100px);
}
@media only screen and (max-width: 767px) {
  .service-result_lead__inner {
    width: 87.692vw;
  }
}
.service-result_lead__heading {
  display: grid;
  justify-items: center;
  gap: min(5.333vw, 64px);
}
@media only screen and (max-width: 767px) {
  .service-result_lead__heading {
    gap: 10.256vw;
  }
}
.service-result_lead__heading h2 {
  font-size: min(2.5vw, 30px);
  font-weight: var(--weight-bold);
  line-height: 1.7;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 767px) {
  .service-result_lead__heading h2 {
    font-size: 5.641vw;
    text-align: center;
  }
}
.service-result_lead__heading p {
  font-size: min(1.833vw, 22px);
  font-weight: var(--weight-bold);
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .service-result_lead__heading p {
    font-size: 4.103vw;
    font-weight: var(--weight-medium);
    text-align: center;
  }
}
.service-result_lead__content {
  display: grid;
  align-items: center;
  grid-template-columns: min(64vw, 768px) 1fr;
  gap: min(6.167vw, 74px);
}
@media only screen and (max-width: 767px) {
  .service-result_lead__content {
    grid-template-columns: 1fr;
    gap: 6.154vw;
  }
}
.service-result_lead__button-wrapper {
  justify-self: end;
}
@media only screen and (max-width: 767px) {
  .service-result_lead__button-wrapper {
    justify-self: center;
  }
}

.service-result_tab {
  margin-bottom: min(5.333vw, 64px);
}
@media only screen and (max-width: 767px) {
  .service-result_tab {
    margin-bottom: 10.256vw;
  }
}
.service-result_tab__outer {
  display: grid;
  justify-items: center;
}
.service-result_tab__inner {
  width: min(91.667vw, 1100px);
}
@media only screen and (max-width: 767px) {
  .service-result_tab__inner {
    width: 87.692vw;
  }
}
.service-result_tab__list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style-type: none;
}
.service-result_tab__list::after {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: var(--gray_2);
  z-index: -1;
}
.service-result_tab__list-item {
  position: relative;
  display: grid;
  justify-items: center;
  width: 100%;
}
.service-result_tab__list-item:not(:last-child)::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  right: 0;
  width: 1px;
  height: min(2.333vw, 28px);
  background-color: var(--gray_2);
  transform: translate(0, -50%);
}
@media only screen and (max-width: 767px) {
  .service-result_tab__list-item:not(:last-child)::after {
    height: 10.256vw;
  }
}
.service-result_tab__button {
  position: relative;
  display: grid;
  justify-items: center;
  padding: min(1.333vw, 16px) min(2vw, 24px);
  transition: var(--ease-in-out);
}
@media only screen and (max-width: 767px) {
  .service-result_tab__button {
    padding: 4.103vw 2.051vw;
  }
}
.service-result_tab__button::after {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
}
.service-result_tab__button span {
  position: relative;
  display: inline-block;
  padding-left: min(3.167vw, 38px);
  color: var(--gray_3);
  font-size: min(1.667vw, 20px);
  font-weight: var(--weight-bold);
}
@media only screen and (max-width: 767px) {
  .service-result_tab__button span {
    margin-top: 9.744vw;
    height: 11.282vw;
    padding-left: 0;
    font-size: 4.103vw;
    line-height: 1.4;
  }
}
.service-result_tab__button span::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 0;
  width: min(2.5vw, 30px);
  height: min(2.5vw, 30px);
  background-position: center;
  background-size: min(2.5vw, 30px) min(2.5vw, 30px);
  background-repeat: no-repeat;
  transform: translate(0, -50%);
}
@media only screen and (max-width: 767px) {
  .service-result_tab__button span::before {
    top: -9.744vw;
    left: 50%;
    width: 7.692vw;
    height: 7.692vw;
    background-size: 7.692vw 7.692vw;
    transform: translate(-50%, 0);
  }
}
.service-result_tab__button:hover {
  opacity: 0.7;
}
.service-result_tab__button[data-tab-button-id="1"] span::before {
  background-image: url("/assets/img/common/icon/icon-machine-line_gray_3.png");
}
.service-result_tab__button[data-tab-button-id="2"] span::before {
  background-image: url("/assets/img/common/icon/icon-electron-line_gray_3.png");
}
.service-result_tab__button[data-tab-button-id="3"] span::before {
  background-image: url("/assets/img/common/icon/icon-software-line_gray_3.png");
}
.service-result_tab__button[aria-selected=true]::after {
  background-color: var(--dark_green_primary);
}
.service-result_tab__button[aria-selected=true] span {
  color: var(--dark_green_primary);
}
.service-result_tab__button[aria-selected=true]:hover {
  opacity: 1;
}
.service-result_tab__button[aria-selected=true][data-tab-button-id="1"] span::before {
  background-image: url("/assets/img/common/icon/icon-machine-line_dark_green_primary.png");
}
.service-result_tab__button[aria-selected=true][data-tab-button-id="2"] span::before {
  background-image: url("/assets/img/common/icon/icon-electron-line_dark_green_primary.png");
}
.service-result_tab__button[aria-selected=true][data-tab-button-id="3"] span::before {
  background-image: url("/assets/img/common/icon/icon-software-line_dark_green_primary.png");
}

.service-result_client {
  color: var(--gray_text);
  margin-top: min(8.667vw, 104px);
  margin-bottom: min(13.667vw, 164px);
}
@media only screen and (max-width: 767px) {
  .service-result_client {
    margin-top: 16.41vw;
    margin-bottom: 16.41vw;
  }
}
.service-result_client__outer {
  display: grid;
  justify-items: center;
}
.service-result_client__inner {
  width: min(91.667vw, 1100px);
}
@media only screen and (max-width: 767px) {
  .service-result_client__inner {
    width: 87.692vw;
  }
}
.service-result_client__heading {
  margin-bottom: min(5.333vw, 64px);
}
@media only screen and (max-width: 767px) {
  .service-result_client__heading {
    margin-bottom: 16.41vw;
  }
}
.service-result_client__content {
  display: grid;
  grid-auto-flow: row;
  gap: min(5.333vw, 64px);
}
@media only screen and (max-width: 767px) {
  .service-result_client__content {
    gap: 10.256vw;
  }
}
.service-result_client__category {
  display: grid;
  grid-auto-flow: row;
  gap: min(3.333vw, 40px);
}
@media only screen and (max-width: 767px) {
  .service-result_client__category {
    gap: 10.256vw;
  }
}
.service-result_client__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: min(3.333vw, 40px);
       column-gap: min(3.333vw, 40px);
  row-gap: min(1.333vw, 16px);
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  .service-result_client__list {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 4.103vw;
  }
}
.service-result_client__list-item {
  position: relative;
  padding-bottom: min(1.333vw, 16px);
  font-size: min(1.333vw, 16px);
  font-weight: var(--weight-regular);
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .service-result_client__list-item {
    padding-bottom: 4.103vw;
    font-size: 3.59vw;
  }
}
.service-result_client__list-item::after {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--gray_1);
}
.service-result_client__list-item:last-child {
  padding-bottom: 0;
}
.service-result_client__list-item:last-child::after {
  background-color: transparent;
}
.service-result_client__list-item:nth-child(odd):nth-last-child(2) {
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .service-result_client__list-item:nth-child(odd):nth-last-child(2) {
    padding-bottom: 4.103vw;
  }
}
.service-result_client__list-item:nth-child(odd):nth-last-child(2)::after {
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .service-result_client__list-item:nth-child(odd):nth-last-child(2)::after {
    background-color: var(--gray_1);
  }
}
.service-result_client__note {
  display: grid;
  justify-items: end;
  margin-top: min(3.333vw, 40px);
}
@media only screen and (max-width: 767px) {
  .service-result_client__note {
    margin-top: 10.256vw;
  }
}
.service-result_client__note span {
  display: inline-block;
  font-size: min(1.333vw, 16px);
  font-weight: var(--weight-regular);
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .service-result_client__note span {
    font-size: 4.103vw;
  }
}

.service-result_scroll-top {
  display: none;
}
@media only screen and (max-width: 767px) {
  .service-result_scroll-top {
    display: grid;
    justify-items: end;
    margin-top: 10.256vw;
  }
}/*# sourceMappingURL=service_result.css.map */