@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

.--gray-bg {
  background-color: #efefef;
}

/* p-service_section */
.p-service_section {
  position: relative;
}
.p-service_section p {
  margin-bottom: 0;
}

.p-service_lead {
  font-size: 18px;
}

/* p-service_column */
.p-service_column {
  display: flex;
  justify-content: space-between;
  column-gap: 50px;
}
.p-service_column.--columns {
  column-gap: 100px;
}
.p-service_column + .p-service_column {
  margin-top: 100px;
}
.p-service_column.--reverse {
  flex-direction: row-reverse;
}
.p-service_column .p-service_column-text {
  font-size: 18px;
}
.p-service_column .p-service_column-item {
  width: calc(50% - 25px);
}
.p-service_column .p-service_column-item.--image {
  width: calc(600 / 1110 * 100%);
}
.p-service_column .p-service_column-item.--content {
  width: calc(460 / 1110 * 100%);
}
.p-service_column .p-service_column-image {
  position: relative;
  padding: 0 25px 25px 0;
}
.p-service_column.--columns .p-service_column-image {
  padding: 0 20px 20px 0;
}
.p-service_column .p-service_column-image > img {
  z-index: 1;
}
.p-service_column .p-service_column-image-bg {
  position: absolute;
  width: calc(100% - 25px);
  height: auto;
  z-index: 0;
  bottom: 0px;
  right: 0px;
}
.p-service_column.--columns .p-service_column-image-bg {
  width: calc(100% - 20px);
}
.p-service_column .p-service_column-image + .p-service_column-title {
  margin-top: 40px;
}
.p-service_column .p-service_column-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}
.p-service_column .p-service_column-sub {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.p-service_column .p-service_column-btn {
  margin-top: 30px;
}
.p-service_column-btn .btn {
  max-width: 210px;
  width: 100%;
  font-size: 14px;
  padding: 11px 30px;
}
.p-service_column-btn .btn:after {
  width: 7px;
  height: 11px;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 992px) {
  .p-service_column {
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .p-service_column.--columns {
    row-gap: 100px;
  }
  .p-service_column .p-service_column-item,
  .p-service_column .p-service_column-item.--image,
  .p-service_column .p-service_column-item.--content {
    width: 100%;
  }
  .p-service_column .p-service_column-image,
  .p-service_column.--columns .p-service_column-image {
    padding-right: 2%;
    padding-bottom: 2%;
  }
  .p-service_column .p-service_column-image-bg,
  .p-service_column.--columns .p-service_column-image-bg {
    position: absolute;
    width: 98%;
  }
  .p-service_column .p-service_column-title {
    margin-bottom: calc(20 / 690 * 100%);
  }
  .p-service_column .p-service_column-sub {
    margin-bottom: calc(20 / 690 * 100%);
  }
  .p-service_column .p-service_column-btn {
    margin-top: calc(30 / 690 * 100%);
  }
}
@media (max-width: 767px) {
  .p-service_section h2 {
    font-size: 30px;
  }
  .p-service_lead {
    font-size: 15px;
  }
  .p-service_column {
    row-gap: calc(40 / 690 * 100vw);
  }
  .p-service_column.--columns {
    row-gap: calc(80 / 690 * 100vw);
  }
  .p-service_column + .p-service_column {
    margin-top: calc(80 / 690 * 100vw);
  }
  .p-service_column .p-service_column-text {
    font-size: 14px;
  }
  .p-service_column .p-service_column-image,
  .p-service_column.--columns .p-service_column-image {
    padding-right: calc(20 / 690 * 100vw);
    padding-bottom: calc(20 / 690 * 100vw);
  }
  .p-service_column .p-service_column-image-bg,
  .p-service_column.--columns .p-service_column-image-bg {
    width: calc(100% - ((20 / 690) * 100vw));
  }
  .p-service_column .p-service_column-image + .p-service_column-title {
    margin-top: calc(40 / 690 * 100vw);
  }
  .p-service_column .p-service_column-title {
    font-size: 26px;
    margin-bottom: calc(20 / 690 * 100vw);
  }
  .p-service_column .p-service_column-sub {
    font-size: 18px;
    margin-bottom: calc(20 / 690 * 100vw);
  }
  .p-service_column .p-service_column-btn {
    margin-top: calc(30 / 690 * 100vw);
  }
}
