@charset "UTF-8";
/* ----------------------------------------------
　PC設定
------------------------------------------------*/
.p-service__topText {
  font-size: var(--fs14_20);
  margin-bottom: var(--m50);
  text-align: center;
  font-weight: 500;
  color: var(--maincol);
}
.p-service__box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-bottom: var(--m30);
}
.p-service__box:nth-of-type(odd) .p-service__textArea {
  padding-right: 5%;
}
.p-service__box:nth-of-type(odd) .p-service__textArea::before {
  background-color: var(--maincol_opa03);
  right: -5vw;
  border-top-right-radius: var(--m20);
  border-bottom-right-radius: var(--m20);
}
.p-service__box:nth-of-type(even) {
  flex-direction: row-reverse;
}
.p-service__box:nth-of-type(even) .p-service__textArea {
  padding-left: 5%;
}
.p-service__box:nth-of-type(even) .p-service__textArea::before {
  background-color: var(--pink02);
  left: -5vw;
  border-top-left-radius: var(--m20);
  border-bottom-left-radius: var(--m20);
}
.p-service__box .c-heading--h2 {
  border-left: unset;
  padding-left: 0;
  padding-bottom: 0;
  display: flex;
  grid-gap: 10px;
  align-items: flex-end;
}
.p-service__box .c-heading--h2__text {
  padding-bottom: 5px;
}
.p-service__box .c-heading--h2::before {
  content: "";
  display: inline-block;
  width: var(--fs36_50);
  aspect-ratio: 1/1;
  border-top-left-radius: var(--m20);
}
.p-service__box#service01 .c-heading--h2::before {
  background: url(/images/top/service01.svg) center/78% no-repeat, linear-gradient(to bottom, var(--maincol), var(--maincol));
}
.p-service__box#service02 .c-heading--h2::before {
  background: url(/images/top/service02.svg) center/78% no-repeat, linear-gradient(to bottom, var(--maincol), var(--maincol));
}
.p-service__box#service03 .c-heading--h2::before {
  background: url(/images/top/service03.svg) center/52% no-repeat, linear-gradient(to bottom, var(--maincol), var(--maincol));
}
.p-service__box#service04 .c-heading--h2::before {
  background: url(/images/top/service04.svg) center right 30%/72% no-repeat, linear-gradient(to bottom, var(--maincol), var(--maincol));
}
.p-service__box#service05 .c-heading--h2::before {
  background: url(/images/top/service05.svg) center/70.66% no-repeat, linear-gradient(to bottom, var(--maincol), var(--maincol));
}
.p-service__box#service06 .c-heading--h2::before {
  background: url(/images/top/service06.svg) center/68% no-repeat, linear-gradient(to bottom, var(--maincol), var(--maincol));
}
.p-service__textArea {
  width: 50%;
  position: relative;
  z-index: 1;
}
.p-service__textArea::before {
  content: "";
  display: inline-block;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: var(--m30);
  z-index: -1;
}
.p-service__text {
  font-size: var(--fs14_18);
  line-height: 1.75;
}
.p-service__list {
  margin-top: var(--m40);
  padding: var(--m8_20) var(--m8_32);
  background-color: var(--pink03);
  border-radius: var(--m20);
}
.p-service__dt {
  font-size: var(--fs16_20);
  color: var(--maincol);
  margin-bottom: 0.25em;
}
.p-service__dd.inline .p-service__dd-line {
  display: inline-block;
}
.p-service__dd.block .p-service__dd-line {
  display: block;
}
.p-service__dd-line {
  font-size: var(--fs14_16);
}
.p-service__image {
  width: 50%;
  aspect-ratio: 3/2;
  border-radius: var(--m20);
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.p-service__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-service .c-button {
  max-width: 300px;
  margin: var(--m40) auto 0;
}
.p-service .c-button__image {
  width: var(--fs26_30);
  background: url(/images/common/icon_pdf.svg) center/60% no-repeat, linear-gradient(to bottom, #fff, #fff);
}
.p-service .c-button__jp {
  font-size: var(--fs16_18);
  line-height: 1.75;
  width: calc(100% - var(--fs26_30) - var(--m16));
}

/* ----------------------------------------------
　PAD以下設定
------------------------------------------------*/
@media all and (max-width: 768px) {
  .p-service__box {
    flex-direction: column !important;
  }
  .p-service__box:nth-of-type(odd) .p-service__textArea::before {
    right: -3%;
  }
  .p-service__box:nth-of-type(even) .p-service__textArea::before {
    left: -3%;
  }
  .p-service__textArea {
    width: 100%;
    margin-bottom: var(--m50);
  }
  .p-service__textArea::before {
    top: 0;
    height: calc(100% + 30vw);
  }
  .p-service__image {
    width: 100%;
  }
}
/* ----------------------------------------------
　SP調整
------------------------------------------------*//*# sourceMappingURL=service.css.map */