@charset "UTF-8";
/* INTRODUCTION */
.service-introduction {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.service-intro__text {
  line-height: 1.6;
}

@media screen and (min-width: 992px) {
  .service-introduction {
    padding-top: 8.4375rem;
    padding-bottom: 11.25rem;
  }
  .service-intro__text {
    line-height: 2.4375;
  }
}
/* //INTRODUCTION */
/* SERVICE */
.service-example {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media screen and (min-width: 992px) {
  .service-example {
    padding-top: 7.5rem;
    padding-bottom: 11.25rem;
  }
}
/* //SERVICE */
/* 各サービスの箱 */
.service-example-box {
  padding: 1.75rem 1.25rem;
  position: relative;
  border-radius: 1.875rem;
  background-color: #fff;
  box-shadow: 0 3px 1.875rem rgba(0, 69, 114, 0.25);
  overflow: hidden;
}

.service-example-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  background: rgba(0, 114, 188, 0.1);
  width: 12.5rem;
  height: 5rem;
}

.service-example-box:nth-child(odd)::after {
  left: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.service-example-box:nth-child(even)::after {
  right: 0;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.service-example-box:not(:last-child) {
  margin-bottom: 2.8125rem;
}

.service-example-box__ttl-wrap {
  position: relative;
  z-index: 10;
}

.service-example-box__sub-ttl {
  font-size: 1.125rem;
  font-weight: 700;
  white-space: nowrap;
}

.service-example-box__sub-ttl-small {
  font-size: 0.77777em;
}

.service-example-box__ttl {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
}

.service-example-box__list {
  margin-bottom: 1.8rem;
}

.service-example-box__list-item {
  font-weight: 700;
  padding-left: 2rem;
  line-height: 1.45;
}

.service-example-box__list-item:not(:last-child) {
  margin-bottom: 0.9em;
}

.service-example-box__list-item-first {
  position: relative;
  display: inline-block;
}

.service-example-box__list-item-first::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: -2rem;
  width: 1.375rem;
  height: 1.375rem;
  background-color: #001973;
  border-radius: 50%;
}

.service-example-box__list-item-first::after {
  content: "";
  position: absolute;
  top: 0.64rem;
  left: -1.6rem;
  width: 0.625rem;
  height: 0.5625rem;
  background-color: #fff;
  mask: url(../images/icon/icon_check.svg) no-repeat center center/contain;
}

.service-example-box__list-strong {
  font-size: 1.15em;
  display: inline-block;
}

.service-example-box__img-wrap {
  position: relative;
}

.service-example-box__original-round {
  position: absolute;
  top: -0.5rem;
  left: 0.5rem;
  width: 6.25rem;
  height: 6.25rem;
  color: #fff;
  background-color: #0068B7;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.05;
}

@media screen and (min-width: 576px) {
  .service-example-box {
    padding: 1.875rem;
  }
}
@media screen and (min-width: 992px) {
  .service-example-box:not(:last-child) {
    margin-bottom: 5rem;
  }
  .service-example-box {
    padding: 4.0625rem 5.3125rem;
  }
  .service-example-box__sub-ttl {
    font-size: 1.25rem;
  }
  .service-example-box__ttl {
    font-size: 2.5rem;
  }
  .service-example-box::after {
    width: 23.75rem;
    height: 9.375rem;
  }
  .service-example-box__list-item {
    font-size: 1.125rem;
  }
  .service-example-box__list-strong {
    font-size: 1.222em;
  }
  .service-example-box__original-round {
    top: 0;
    left: 0;
    transform: translateX(-20%) translateY(-20%);
    width: 8.1875rem;
    height: 8.1875rem;
    font-size: 1.531875rem;
  }
}
/* //各サービスの箱 */
/*  */
/* // *//*# sourceMappingURL=style-service.css.map */