@charset "UTF-8";
.p-service-top__lead {
  color: #131313;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 835px) {
  .p-service-top__lead__wrapper {
    padding-bottom: min(20.864vw, 313.5px);
  }
}
@media screen and (max-width: 834px) and (min-width: 541px) {
  .p-service-top__lead__wrapper {
    padding-bottom: 26.3473053892vw;
  }
}
@media screen and (max-width: 540px) {
  .p-service-top__lead__wrapper {
    padding-bottom: min(44vw, 181.5px);
  }
}
.p-service-top__lead__wrapper::before {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: 0;
  translate: -50% 0;
  z-index: 0;
}
@media screen and (min-width: 541px) {
  .p-service-top__lead__wrapper::before {
    background-image: url("../img/service/lead_img_pc.webp");
  }
}
@media screen and (min-width: 835px) {
  .p-service-top__lead__wrapper::before {
    width: min(101.245vw, 1521.3px);
    height: min(34.114vw, 512.6px);
    margin-left: min(1.464vw, 22px);
  }
}
@media screen and (max-width: 834px) and (min-width: 541px) {
  .p-service-top__lead__wrapper::before {
    width: 113.7724550898vw;
    height: 38.3233532934vw;
    margin-left: 2.3952095808vw;
  }
}
@media screen and (max-width: 540px) {
  .p-service-top__lead__wrapper::before {
    width: min(118.133vw, 487.3px);
    height: min(72vw, 297px);
    background-image: url("../img/service/lead_img_sp.webp");
  }
}
@media screen and (min-width: 835px) {
  .p-service-top__lead {
    font-size: clamp(40.8px, 3.514vw, 52.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-top__lead {
    font-size: clamp(25.5px, 8vw, 33px);
  }
}
.p-service-top__lead > span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-service-top__lead > span {
    font-size: clamp(22.95px, 1.977vw, 29.7px);
    margin-bottom: clamp(6.8px, 0.586vw, 8.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-top__lead > span {
    font-size: clamp(18.7px, 5.867vw, 24.2px);
    margin-bottom: clamp(13.6px, 4.267vw, 17.6px);
  }
  .p-service-top__lead > span:nth-of-type(2) {
    margin-left: clamp(20.4px, 6.4vw, 26.4px);
  }
}
.p-service-top__lead > span::before, .p-service-top__lead > span::after {
  content: "";
  aspect-ratio: 1;
  background-image: url("../img/service/lead_accent.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
@media screen and (min-width: 835px) {
  .p-service-top__lead > span::before, .p-service-top__lead > span::after {
    margin-top: clamp(3.4px, 1.067vw, 4.4px);
  }
}
.p-service-top__lead > span::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (min-width: 835px) {
  .p-service-top__lead > span::before {
    width: clamp(37.4px, 3.221vw, 48.4px);
    left: calc(clamp(40.8px, 3.514vw, 52.8px) * -1);
  }
}
@media screen and (max-width: 834px) {
  .p-service-top__lead > span::before {
    width: clamp(29.75px, 9.333vw, 38.5px);
    left: calc(clamp(25.5px, 8vw, 33px) * -1);
  }
}
@media screen and (min-width: 835px) {
  .p-service-top__lead > span::after {
    width: clamp(37.4px, 3.221vw, 48.4px);
    right: calc(clamp(34px, 2.928vw, 44px) * -1);
  }
}
@media screen and (max-width: 834px) {
  .p-service-top__lead > span::after {
    width: clamp(29.75px, 9.333vw, 38.5px);
    right: calc(clamp(27.2px, 8.533vw, 35.2px) * -1);
  }
}
.p-service-top__lead > b {
  color: #1593d6;
}
@media screen and (max-width: 540px) {
  .p-service-top__lead > b {
    margin-left: clamp(20.4px, 6.4vw, 26.4px);
  }
}
.p-service-anchor {
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-service-anchor {
    padding-top: min(4.1vw, 61.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-anchor {
    padding-top: min(10.667vw, 44px);
  }
}
.p-service-anchor__list {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 835px) {
  .p-service-anchor__list {
    -ms-grid-columns: 1fr min(1.318vw, 19.8px) 1fr min(1.318vw, 19.8px) 1fr min(1.318vw, 19.8px) 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: min(1.318vw, 19.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-anchor__list {
    -ms-grid-columns: 1fr min(2.133vw, 8.8px) 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: min(2.133vw, 8.8px);
       -moz-column-gap: min(2.133vw, 8.8px);
            column-gap: min(2.133vw, 8.8px);
    row-gap: min(5.333vw, 22px);
  }
}
.p-service-anchor__link {
  font-weight: 700;
  background-color: #ffffff;
  text-align: center;
  line-height: 2;
  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
  display: block;
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-service-anchor__link {
    font-size: clamp(11.9px, 1.025vw, 15.4px);
    border-radius: min(0.732vw, 11px);
    padding-block: clamp(20.4px, 1.757vw, 26.4px);
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }
}
@media screen and (max-width: 834px) {
  .p-service-anchor__link {
    font-size: clamp(8.5px, 2.667vw, 11px);
    border-radius: min(2.667vw, 11px);
    padding-top: clamp(10.2px, 3.2vw, 13.2px);
    padding-bottom: clamp(20.4px, 6.4vw, 26.4px);
  }
}
.p-service-anchor__link::before {
  aspect-ratio: 1;
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  color: #ffffff;
  background-color: #131313;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 50%;
  translate: -50% 0;
}
@media screen and (min-width: 835px) {
  .p-service-anchor__link::before {
    width: clamp(27.2px, 2.343vw, 35.2px);
    font-size: clamp(13.6px, 1.171vw, 17.6px);
    bottom: calc(clamp(13.6px, 1.171vw, 17.6px) * -1);
  }
}
@media screen and (max-width: 834px) {
  .p-service-anchor__link::before {
    width: clamp(23.8px, 7.467vw, 30.8px);
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    bottom: calc(clamp(8.5px, 2.667vw, 11px) * -1);
  }
}
@media (hover: hover) {
  .p-service-anchor__link:hover {
    opacity: 0.75;
  }
}
.p-service-anchor__link > span {
  display: block;
  color: #1593d6;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 835px) {
  .p-service-anchor__link > span {
    font-size: clamp(23.8px, 2.05vw, 30.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-anchor__link > span {
    font-size: clamp(17px, 5.333vw, 22px);
  }
}
.p-service-merit__title {
  color: #131313;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 835px) {
  .p-service-merit__title {
    font-size: clamp(23.8px, 2.05vw, 30.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-merit__title {
    font-size: clamp(17px, 5.333vw, 22px);
  }
}
.p-service-merit__title > span {
  color: #1593d6;
}
.p-service-merit__text {
  color: #131313;
}
@media screen and (min-width: 835px) {
  .p-service-merit__text {
    text-align: center;
    margin-top: min(2.928vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-merit__text {
    margin-top: min(6.4vw, 26.4px);
  }
}
.p-service-merit__list {
  width: 100%;
}
@media screen and (min-width: 835px) {
  .p-service-merit__list {
    max-width: min(67.35vw, 1012px);
    margin-inline: auto;
    -webkit-column-gap: min(7.321vw, 110px);
       -moz-column-gap: min(7.321vw, 110px);
            column-gap: min(7.321vw, 110px);
    margin-top: min(4.392vw, 66px);
  }
}
@media screen and (min-width: 541px) {
  .p-service-merit__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 834px) {
  .p-service-merit__list {
    -webkit-column-gap: min(2.133vw, 8.8px);
       -moz-column-gap: min(2.133vw, 8.8px);
            column-gap: min(2.133vw, 8.8px);
    row-gap: min(3.2vw, 13.2px);
    margin-top: min(10.667vw, 44px);
  }
}
@media screen and (max-width: 540px) {
  .p-service-merit__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 540px) {
  .p-service-merit__item {
    width: calc((100% - min(2.133vw, 8.8px)) / 2);
  }
}
.p-service-merit__heading {
  width: 100%;
  background-color: #003ac1;
  color: #ffffff;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-inline: auto;
  border-radius: 999px;
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-service-merit__heading {
    max-width: clamp(163.2px, 14.056vw, 211.2px);
    height: clamp(34px, 2.928vw, 44px);
    font-size: clamp(13.6px, 1.171vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-merit__heading {
    max-width: clamp(105.4px, 33.067vw, 136.4px);
    height: clamp(27.2px, 8.533vw, 35.2px);
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}
.p-service-merit__heading::after {
  content: "";
  clip-path: polygon(50% 100%, 100% 0, 0 0);
  background-color: #003ac1;
  aspect-ratio: 2/1;
  position: absolute;
  left: 50%;
  translate: -50% 0;
}
@media screen and (min-width: 835px) {
  .p-service-merit__heading::after {
    width: clamp(13.6px, 1.171vw, 17.6px);
    bottom: calc(clamp(5.95px, 0.512vw, 7.7px) * -1);
  }
}
@media screen and (max-width: 834px) {
  .p-service-merit__heading::after {
    width: clamp(13.6px, 4.267vw, 17.6px);
    bottom: calc(clamp(5.95px, 1.867vw, 7.7px) * -1);
  }
}
@media screen and (min-width: 835px) {
  .p-service-merit__icon {
    margin-top: min(1.171vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-merit__icon {
    margin-top: min(3.2vw, 13.2px);
  }
}
.p-service-merit__icon img {
  width: 100%;
}
@media screen and (min-width: 835px) {
  .p-service-point__article + .p-service-point__article {
    margin-top: min(4.392vw, 66px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-point__article + .p-service-point__article {
    margin-top: min(16vw, 66px);
  }
}
.p-service-point__title {
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-service-point__title__num {
  aspect-ratio: 1;
  background-color: #003ac1;
  color: #ffffff;
  font-family: "Inter", "Noto Sans JP", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  text-indent: 0;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 835px) {
  .p-service-point__title__num {
    width: clamp(68px, 5.857vw, 88px);
    font-size: clamp(27.2px, 2.343vw, 35.2px);
    margin-right: clamp(17px, 1.464vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-point__title__num {
    width: clamp(37.4px, 11.733vw, 48.4px);
    font-size: clamp(15.3px, 4.8vw, 19.8px);
    margin-right: clamp(13.6px, 4.267vw, 17.6px);
  }
}
.p-service-point__title > span:nth-of-type(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #131313;
  line-height: 1.5;
}
@media screen and (min-width: 835px) {
  .p-service-point__title > span:nth-of-type(2) {
    font-size: clamp(23.8px, 2.05vw, 30.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-point__title > span:nth-of-type(2) {
    font-size: clamp(17px, 5.333vw, 22px);
  }
}
.p-service-point__title > span:nth-of-type(2) > span {
  line-height: 2;
  display: block;
}
@media screen and (min-width: 835px) {
  .p-service-point__title > span:nth-of-type(2) > span {
    font-size: clamp(13.6px, 1.171vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-point__title > span:nth-of-type(2) > span {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}
.p-service-point__column {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 541px) {
  .p-service-point__column {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 835px) {
  .p-service-point__column {
    -webkit-column-gap: min(4.392vw, 66px);
       -moz-column-gap: min(4.392vw, 66px);
            column-gap: min(4.392vw, 66px);
    margin-top: min(2.343vw, 35.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-point__column {
    margin-top: min(7.467vw, 30.8px);
    gap: min(7.467vw, 30.8px);
  }
}
@media screen and (max-width: 540px) {
  .p-service-point__column {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.p-service-point__image {
  overflow: hidden;
}
@media screen and (min-width: 835px) {
  .p-service-point__image {
    border-radius: min(2.05vw, 30.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-point__image {
    border-radius: min(5.333vw, 22px);
  }
}
.p-service-point__image img {
  width: 100%;
}
.p-service-point__image.--wide {
  border-radius: 0;
}
@media screen and (min-width: 835px) {
  .p-service-point__image.--wide {
    margin-top: min(4.392vw, 66px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-point__image.--wide {
    margin-top: min(5.333vw, 22px);
  }
}
@media screen and (min-width: 541px) {
  .p-service-point__image__button {
    display: none;
  }
}
@media screen and (max-width: 540px) {
  .p-service-point__image__button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #003ac1;
    font-size: clamp(11.05px, 3.467vw, 14.3px);
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: min(2.133vw, 8.8px);
    margin-left: auto;
  }
  .p-service-point__image__button::before {
    content: "\f00e";
    font-family: "Font Awesome 6 Pro";
    font-size: clamp(13.6px, 4.267vw, 17.6px);
    display: inline-block;
    margin-right: clamp(3.4px, 1.067vw, 4.4px);
  }
}
.p-service-point__heading {
  color: #131313;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 835px) {
  .p-service-point__heading {
    font-size: clamp(17px, 1.464vw, 22px);
    margin-top: min(1.464vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-point__heading {
    font-size: clamp(15.3px, 4.8vw, 19.8px);
    margin-top: min(4.267vw, 17.6px);
  }
}
.p-service-point__text {
  color: #464646;
}
@media screen and (min-width: 835px) {
  .p-service-point__text {
    margin-top: min(1.171vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-point__text {
    margin-top: min(3.2vw, 13.2px);
  }
}
@media screen and (min-width: 835px) {
  .p-service-flow__lead__inner {
    margin-right: calc((100dvw - 100%) / 2 * -1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-service-flow__lead__block > *:first-child {
  margin-top: 0;
}
.p-service-flow__lead__block > *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 835px) {
  .p-service-flow__lead__block {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.p-service-flow__lead__title {
  color: #131313;
  font-weight: 700;
  line-height: 2;
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-service-flow__lead__title {
    font-size: min(2.343vw, 35.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__lead__title {
    font-size: clamp(18.7px, 5.867vw, 24.2px);
  }
}
.p-service-flow__lead__title > span {
  color: #1593d6;
}
.p-service-flow__lead__title::after {
  content: "";
  background-image: url("../img/service/flow/lead_icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
}
@media screen and (min-width: 835px) {
  .p-service-flow__lead__title::after {
    width: min(12.445vw, 187px);
    height: min(11.274vw, 169.4px);
    position: absolute;
    top: calc(min(2.928vw, 44px) * -1);
    right: min(1.464vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__lead__title::after {
    width: clamp(144.5px, 45.333vw, 187px);
    height: clamp(130.9px, 41.067vw, 169.4px);
    margin-inline: auto;
    margin-top: min(10.667vw, 44px);
  }
}
.p-service-flow__lead__text {
  color: #131313;
  font-weight: 500;
}
@media screen and (min-width: 835px) {
  .p-service-flow__lead__text {
    margin-top: min(3.514vw, 52.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__lead__text {
    margin-top: min(10.667vw, 44px);
  }
}
.p-service-flow__lead__image {
  overflow: hidden;
}
@media screen and (min-width: 835px) {
  .p-service-flow__lead__image {
    width: 39.2386530015vw;
    margin-left: min(5.857vw, 88px);
    border-top-left-radius: min(2.928vw, 44px);
    border-bottom-left-radius: min(2.928vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__lead__image {
    max-width: min(100vw, 412.5px);
    margin-inline: auto;
    margin-top: min(10.667vw, 44px);
  }
}
@media screen and (max-width: 834px) and (min-width: 541px) {
  .p-service-flow__lead__image {
    width: 100%;
    border-radius: min(10.667vw, 44px);
  }
}
@media screen and (max-width: 540px) {
  .p-service-flow__lead__image {
    width: calc(100% + min(8vw, 33px));
    border-top-left-radius: min(10.667vw, 44px);
    border-bottom-left-radius: min(10.667vw, 44px);
  }
}
.p-service-flow__list__item {
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__item {
    margin-right: calc((100dvw - 100%) / 2 * -1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__item:not(:last-child) {
    padding-bottom: min(8.785vw, 132px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__item:not(:last-child) {
    padding-bottom: min(16vw, 66px);
  }
}
.p-service-flow__list__item:not(:last-child)::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #e6e6e6;
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__item:not(:last-child)::before {
    left: min(2.928vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__item:not(:last-child)::before {
    left: min(5.333vw, 22px);
  }
}
.p-service-flow__list__block {
  position: relative;
  z-index: 1;
}
.p-service-flow__list__block > *:first-child {
  margin-top: 0;
}
.p-service-flow__list__block > *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__block {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__block__inner {
    padding-left: min(6.589vw, 99px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__block__inner {
    padding-left: min(10.667vw, 44px);
  }
}
.p-service-flow__list__block__inner > *:first-child {
  margin-top: 0;
}
.p-service-flow__list__block__inner > *:last-child {
  margin-bottom: 0;
}
.p-service-flow__list__title {
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__title {
    margin-bottom: min(5.271vw, 79.2px);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__title {
    padding-bottom: min(42.667vw, 176px);
  }
}
.p-service-flow__list__title__num {
  aspect-ratio: 1;
  background-color: #003ac1;
  color: #ffffff;
  font-family: "Inter", "Noto Sans JP", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  text-indent: 0;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__title__num {
    width: clamp(68px, 5.857vw, 88px);
    height: clamp(68px, 5.857vw, 88px);
    font-size: clamp(27.2px, 2.343vw, 35.2px);
    margin-right: clamp(17px, 1.464vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__title__num {
    width: clamp(37.4px, 11.733vw, 48.4px);
    height: clamp(37.4px, 11.733vw, 48.4px);
    font-size: clamp(15.3px, 4.8vw, 19.8px);
    margin-top: calc(clamp(5.1px, 1.6vw, 6.6px) * -1);
    margin-right: clamp(13.6px, 4.267vw, 17.6px);
  }
}
.p-service-flow__list__title > span:nth-of-type(2) {
  color: #131313;
  line-height: 1.5;
  display: inline-block;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__title > span:nth-of-type(2) {
    font-size: clamp(23.8px, 2.05vw, 30.8px);
    position: relative;
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__title > span:nth-of-type(2) {
    font-size: clamp(17px, 5.333vw, 22px);
    position: static;
  }
}
.p-service-flow__list__title > span:nth-of-type(2)::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__title > span:nth-of-type(2)::after {
    width: clamp(110.5px, 9.517vw, 143px);
    height: clamp(107.95px, 9.297vw, 139.7px);
    position: absolute;
    top: calc(clamp(30.6px, 2.635vw, 39.6px) * -1);
    right: calc(clamp(136px, 11.713vw, 176px) * -1);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__title > span:nth-of-type(2)::after {
    width: clamp(110.5px, 34.667vw, 143px);
    height: clamp(107.95px, 33.867vw, 139.7px);
    position: absolute;
    top: min(11.733vw, 48.4px);
    left: 50%;
    translate: -50% 0;
  }
}
.--flow-01 .p-service-flow__list__title > span:nth-of-type(2)::after {
  background-image: url("../img/service/flow/flow_01_icon.svg");
}
.--flow-02 .p-service-flow__list__title > span:nth-of-type(2)::after {
  background-image: url("../img/service/flow/flow_02_icon.svg");
}
.--flow-03 .p-service-flow__list__title > span:nth-of-type(2)::after {
  background-image: url("../img/service/flow/flow_03_icon.svg");
}
.--flow-04 .p-service-flow__list__title > span:nth-of-type(2)::after {
  background-image: url("../img/service/flow/flow_04_icon.svg");
}
.--flow-05 .p-service-flow__list__title > span:nth-of-type(2)::after {
  background-image: url("../img/service/flow/flow_05_icon.svg");
}
@media screen and (min-width: 835px) {
  .--flow-05 .p-service-flow__list__title > span:nth-of-type(2)::after {
    right: calc(clamp(102px, 8.785vw, 132px) * -1);
  }
}
.p-service-flow__list__heading {
  color: #131313;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__heading {
    font-size: clamp(17px, 1.464vw, 22px);
    margin-top: min(2.928vw, 44px);
    margin-bottom: min(1.464vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__heading {
    font-size: clamp(15.3px, 4.8vw, 19.8px);
    margin-top: min(7.467vw, 30.8px);
    margin-bottom: min(2.133vw, 8.8px);
  }
}
.p-service-flow__list__heading::before {
  content: "";
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border-radius: 50%;
  border: #003ac1 solid;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__heading::before {
    width: min(1.464vw, 22px);
    border-width: 4px;
    left: calc(min(4.246vw, 63.8px) * -1);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__heading::before {
    width: min(3.733vw, 15.4px);
    border-width: 2px;
    left: calc(min(6.667vw, 27.5px) * -1);
    margin-top: 2px;
  }
}
.p-service-flow__list__text {
  color: #464646;
  line-height: 2;
}
.p-service-flow__list__point {
  background-color: #ffffff;
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__point {
    border-radius: min(10.667vw, 44px);
    padding: min(3.514vw, 52.8px) min(10.667vw, 44px) min(10.667vw, 44px);
    margin-top: min(4.1vw, 61.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__point {
    width: calc(100% + clamp(34px, 10.667vw, 44px));
    border-radius: min(5.333vw, 22px);
    padding: min(8.533vw, 35.2px) min(6.4vw, 26.4px) min(6.4vw, 26.4px);
    margin-top: min(11.733vw, 48.4px);
    translate: calc(clamp(34px, 10.667vw, 44px) * -1) 0;
  }
}
.p-service-flow__list__point__heading {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #1593d6;
  color: #ffffff;
  font-weight: 700;
  border-radius: 999px;
  position: absolute;
  left: 50%;
  translate: -50% 0;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__point__heading {
    top: calc(min(1.171vw, 17.6px) * -1);
    padding: min(0.878vw, 13.2px) min(3.514vw, 52.8px) min(0.878vw, 13.2px) min(1.757vw, 26.4px);
    font-size: clamp(13.6px, 1.171vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__point__heading {
    top: calc(min(5.333vw, 22px) * -1);
    padding: min(3.733vw, 15.4px) min(13.867vw, 57.2px) min(3.2vw, 13.2px) min(5.333vw, 22px);
    font-size: clamp(11.05px, 3.467vw, 14.3px);
  }
}
.p-service-flow__list__point__heading::after {
  content: "";
  background-image: url("../img/service/flow/point_icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__point__heading::after {
    width: clamp(27.2px, 2.343vw, 35.2px);
    right: clamp(13.6px, 1.171vw, 17.6px);
    margin-top: calc(clamp(1.7px, 0.146vw, 2.2px) * -1);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__point__heading::after {
    width: clamp(27.2px, 8.533vw, 35.2px);
    right: clamp(13.6px, 4.267vw, 17.6px);
    margin-top: calc(clamp(1.7px, 0.533vw, 2.2px) * -1);
  }
}
.p-service-flow__list__point__text {
  font-weight: 500;
  line-height: 2;
}
.p-service-flow__list__point__text > span {
  color: #1593d6;
}
.p-service-flow__list__image {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 835px) {
  .p-service-flow__list__image {
    width: min(39.239vw, 589.6px);
    margin-left: min(5.857vw, 88px);
    border-top-left-radius: min(2.928vw, 44px);
    border-bottom-left-radius: min(2.928vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-flow__list__image {
    width: 100%;
    max-width: min(100vw, 412.5px);
    margin-inline: auto;
    border-radius: min(8vw, 33px);
    margin-top: min(10.667vw, 44px);
  }
}
.p-service-equipment__lead__wrapper {
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-service-equipment__lead__wrapper {
    padding-right: min(24.158vw, 363px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-equipment__lead__wrapper {
    padding-bottom: min(54.133vw, 223.3px);
  }
}
.p-service-equipment__lead__wrapper::after {
  content: "";
  background-image: url("../img/service/equipment/lead_illust.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
}
@media screen and (min-width: 835px) {
  .p-service-equipment__lead__wrapper::after {
    width: min(19.766vw, 297px);
    height: min(18.521vw, 278.3px);
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 834px) {
  .p-service-equipment__lead__wrapper::after {
    width: min(46.4vw, 191.4px);
    height: min(43.467vw, 179.3px);
    bottom: 0;
    left: 50%;
    translate: -50% 0;
  }
}
@media screen and (min-width: 541px) {
  .p-service-equipment__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 835px) {
  .p-service-equipment__column {
    -webkit-column-gap: min(2.928vw, 44px);
       -moz-column-gap: min(2.928vw, 44px);
            column-gap: min(2.928vw, 44px);
  }
}
@media screen and (max-width: 834px) and (min-width: 541px) {
  .p-service-equipment__column {
    -webkit-column-gap: min(7.467vw, 30.8px);
       -moz-column-gap: min(7.467vw, 30.8px);
            column-gap: min(7.467vw, 30.8px);
  }
}
@media screen and (max-width: 540px) {
  .p-service-equipment__column {
    row-gap: min(7.467vw, 30.8px);
  }
}
.p-service-equipment__column__image {
  overflow: hidden;
}
@media screen and (min-width: 835px) {
  .p-service-equipment__column__image {
    width: min(40.483vw, 608.3px);
    border-radius: min(2.05vw, 30.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-equipment__column__image {
    border-radius: min(7.467vw, 30.8px);
  }
}
@media screen and (max-width: 834px) and (min-width: 541px) {
  .p-service-equipment__column__image {
    width: 45%;
  }
}
@media screen and (max-width: 540px) {
  .p-service-equipment__column__image {
    width: 100%;
  }
}
@media screen and (min-width: 541px) {
  .p-service-equipment__column__summary {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 540px) {
  .p-service-equipment__column__summary {
    margin-top: min(6.4vw, 26.4px);
  }
}
.p-service-equipment__column__summary__heading {
  color: #131313;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 835px) {
  .p-service-equipment__column__summary__heading {
    font-size: clamp(20.4px, 1.757vw, 26.4px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-equipment__column__summary__heading {
    font-size: clamp(15.3px, 4.8vw, 19.8px);
  }
}
@media screen and (min-width: 835px) {
  .p-service-equipment__column__summary__button {
    margin-top: min(2.635vw, 39.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-equipment__column__summary__button {
    margin-top: min(5.333vw, 22px);
  }
}
.p-service-equipment__column__summary__button svg {
  translate: 0 1px !important;
}
@media screen and (min-width: 835px) {
  .p-service-equipment__column__summary__button svg {
    width: clamp(13.6px, 1.171vw, 17.6px) !important;
  }
}
@media screen and (max-width: 834px) {
  .p-service-equipment__column__summary__button svg {
    width: clamp(13.6px, 4.267vw, 17.6px) !important;
  }
}
.p-service-equipment__list {
  width: 100%;
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 835px) {
  .p-service-equipment__list {
    -ms-grid-columns: 1fr min(1.464vw, 22px) 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: min(1.464vw, 22px);
    margin-top: min(2.928vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-equipment__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: min(4.8vw, 19.8px);
    margin-top: min(6.4vw, 26.4px);
  }
}
.p-service-equipment__list__item {
  background-color: #ffffff;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 835px) {
  .p-service-equipment__list__item {
    font-size: clamp(11.9px, 1.025vw, 15.4px);
    border-radius: min(0.732vw, 11px);
    padding: min(2.05vw, 30.8px) 1em;
  }
}
@media screen and (max-width: 834px) {
  .p-service-equipment__list__item {
    font-size: clamp(11.05px, 3.467vw, 14.3px);
    border-radius: min(2.667vw, 11px);
    padding: min(5.333vw, 22px) 1em;
  }
}

.--service.--flow {
  background-color: #f5f7fa;
}
.--service.--flow .p-content-header::before {
  content: "";
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  z-index: 0;
}
@media screen and (min-width: 835px) {
  .--service.--flow .p-content-header::before {
    width: calc(100% + min(8.785vw, 132px));
    left: calc(min(8.785vw, 132px) * -1);
  }
}
@media screen and (max-width: 834px) and (min-width: 541px) {
  .--service.--flow .p-content-header::before {
    width: calc(100% + min(16vw, 66px));
    left: calc(min(16vw, 66px) * -1);
  }
}
@media screen and (max-width: 540px) {
  .--service.--flow .p-content-header::before {
    width: calc(100% + min(8vw, 33px));
    left: calc(min(8vw, 33px) * -1);
  }
}