@charset "UTF-8";
/* ===============================
  事業内容
=============================== */
.service__section {
  margin-top: calc(clamp(0px, 300 * var(--rate-vw), 300px * var(--cap)) * -1);
}
@media (max-width: 767px) {
  .service__section {
    margin-top: calc(clamp(0px, 82 * var(--rate-vw), 82px * var(--cap)) * -1);
  }
}
.service__section:first-child {
  position: relative;
  padding: clamp(0px, 370 * var(--rate-vw), 370px * var(--cap)) 0 clamp(0px, 350 * var(--rate-vw), 350px * var(--cap));
}
.service__section:first-child .service__body {
  color: #0a141f;
}
@media (max-width: 767px) {
  .service__section:first-child {
    padding-top: clamp(0px, 170 * var(--rate-vw), 170px * var(--cap));
    padding-bottom: clamp(0px, 110 * var(--rate-vw), 110px * var(--cap));
  }
}
@media (min-width: 768px) {
  .service__section:nth-child(2n) .service__content {
    flex-direction: row-reverse;
  }
}
.service__section:nth-child(2) {
  padding-top: clamp(0px, 340 * var(--rate-vw), 340px * var(--cap));
  padding-bottom: clamp(0px, 320 * var(--rate-vw), 320px * var(--cap));
}
@media (max-width: 767px) {
  .service__section:nth-child(2) {
    padding-top: clamp(0px, 120 * var(--rate-vw), 120px * var(--cap));
    padding-bottom: clamp(0px, 110 * var(--rate-vw), 110px * var(--cap));
  }
}
.service__section:nth-child(3) {
  position: relative;
  padding: clamp(0px, 350 * var(--rate-vw), 350px * var(--cap)) 0 clamp(0px, 260 * var(--rate-vw), 260px * var(--cap));
}
.service__section:nth-child(3) .service__body {
  color: #0a141f;
}
@media (max-width: 767px) {
  .service__section:nth-child(3) {
    -webkit-clip-path: polygon(0 0, 100% clamp(0px, 82 * var(--rate-vw), 82px * var(--cap)), 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% clamp(0px, 82 * var(--rate-vw), 82px * var(--cap)), 100% 100%, 0 100%);
    padding-top: clamp(0px, 110 * var(--rate-vw), 110px * var(--cap));
    padding-bottom: clamp(0px, 120 * var(--rate-vw), 120px * var(--cap));
  }
}

.service__content {
  position: relative;
  width: calc(1040 / 1070 * 100%);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .service__content {
    width: 100%;
    flex-direction: column-reverse;
    gap: clamp(0px, 80 * var(--rate-vw), 80px * var(--cap)) 0;
  }
}

.service__body {
  width: 47%;
  color: #e4ecef;
}
@media (max-width: 767px) {
  .service__body {
    width: 100%;
  }
}

.service__heading {
  font-size: clamp(0px, 48 * var(--rate-fz), 48px * var(--cap));
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .service__heading {
    font-size: clamp(0px, 32 * var(--rate-fz), 32px * var(--cap));
    line-height: 1.5;
  }
}

.service__description {
  margin-top: clamp(0px, 20 * var(--rate-vw), 20px * var(--cap));
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 500;
  line-height: 1.35;
}
@media (max-width: 767px) {
  .service__description {
    width: calc(100% + 0.5em);
  }
}

.service__list {
  margin-top: clamp(0px, 40 * var(--rate-vw), 40px * var(--cap));
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 12 * var(--rate-vw), 12px * var(--cap)) 0;
}
.service__list li {
  font-size: clamp(0px, 16 * var(--rate-vw), 16px * var(--cap));
  font-weight: 600;
  line-height: 1.2;
}

.service__image {
  width: 46.15%;
}
@media (max-width: 767px) {
  .service__image {
    width: 100%;
  }
}

.cta--service {
  margin-top: calc(clamp(0px, 300 * var(--rate-vw), 300px * var(--cap)) * -1);
}
@media (max-width: 767px) {
  .cta--service {
    margin-top: calc(clamp(0px, 82 * var(--rate-vw), 82px * var(--cap)) * -1);
    padding-top: clamp(0px, 160 * var(--rate-vw), 160px * var(--cap));
    padding-bottom: clamp(0px, 100 * var(--rate-vw), 100px * var(--cap));
  }
  .cta--service::before {
    transform: translate(0%, -28%);
    width: 57.3%;
  }
}
/*# sourceMappingURL=service.css.map */