.servicelist {
  width: calc(1200 / var(--pc));
  margin: calc(94 / var(--pc)) auto 0;
}

.servicelist .servicelist-item {
  display: flex;
  align-items: center;
}

.servicelist .servicelist-item img {
  width: 50%;
}

.servicelist .servicelist-item .servicelist-item-txt {
  width: 50%;
}

.servicelist .servicelist-item .servicelist-item-txt h2 {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: calc(109 / var(--pc)) auto 1fr;
  align-items: center;
  font-size: calc(44 / var(--pc));
  font-weight: 500;
}

.servicelist .servicelist-item .servicelist-item-txt h2 span {
  font-size: calc(16 / var(--pc));
  margin-top: calc(20 / var(--pc));
}

.servicelist .servicelist-item .servicelist-item-txt h2 img {
  width: calc(146 / var(--pc));
  padding-right: calc(16 / var(--pc));
}

.servicelist .servicelist-item .servicelist-item-txt p {
  font-size: calc(16 / var(--pc));
  line-height: calc(26 / var(--pc));
  margin-top: calc(18 / var(--pc));
}

.servicelist .servicelist-item + .servicelist-item {
  margin-top: calc(105 / var(--pc));
}

.servicelist .servicelist-item:nth-of-type(1) .servicelist-item-txt, .servicelist .servicelist-item:nth-of-type(3) .servicelist-item-txt, .servicelist .servicelist-item:nth-of-type(5) .servicelist-item-txt {
  padding-left: calc(85 / var(--pc));
}

.servicelist .servicelist-item:nth-of-type(2) .servicelist-item-txt, .servicelist .servicelist-item:nth-of-type(4) .servicelist-item-txt, .servicelist .servicelist-item:nth-of-type(6) .servicelist-item-txt {
  padding-right: calc(85 / var(--pc));
}

@media (max-width: 768px) {
  .servicelist {
    width: calc(327 / var(--sp));
    margin-top: calc(58 / var(--sp));
  }
  .servicelist .servicelist-item {
    flex-direction: column;
    gap: calc(25 / var(--sp)) 0;
  }
  .servicelist .servicelist-item img {
    width: 100%;
    order: 1;
  }
  .servicelist .servicelist-item .servicelist-item-txt {
    width: 100%;
    order: 2;
  }
  .servicelist .servicelist-item .servicelist-item-txt h2 {
    display: grid;
    align-items: normal;
    gap: 0;
    grid-template-rows: calc(36 / var(--sp)) calc(12 / var(--sp));
    grid-template-columns: calc(83 / var(--sp)) 1fr;
    font-size: calc(28 / var(--sp));
  }
  .servicelist .servicelist-item .servicelist-item-txt h2 img {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    width: calc(106 / var(--sp));
    padding-right: calc(22 / var(--sp));
  }
  .servicelist .servicelist-item .servicelist-item-txt h2 span {
    font-size: calc(8 / var(--sp));
    margin-top: 0;
    width: 100%;
  }
  .servicelist .servicelist-item .servicelist-item-txt p {
    font-size: calc(14 / var(--sp));
    line-height: calc(26 / var(--sp));
    margin-top: calc(25 / var(--sp));
  }
  .servicelist .servicelist-item + .servicelist-item {
    margin-top: calc(57 / var(--sp));
  }
  .servicelist .servicelist-item:nth-of-type(1) .servicelist-item-txt, .servicelist .servicelist-item:nth-of-type(3) .servicelist-item-txt, .servicelist .servicelist-item:nth-of-type(5) .servicelist-item-txt {
    padding-left: 0;
  }
  .servicelist .servicelist-item:nth-of-type(2) .servicelist-item-txt, .servicelist .servicelist-item:nth-of-type(4) .servicelist-item-txt, .servicelist .servicelist-item:nth-of-type(6) .servicelist-item-txt {
    padding-right: 0;
  }
}