@charset "utf-8";

.service-top {
  position: relative;
  padding-bottom: 68px;
}

.service-top-deco1 {
  position: absolute;
  width: clamp(10rem, -7.071rem + 26.67vw, 24.938rem);
  top: 0;
  left: 0;
  z-index: -1;
}

.service-top-deco2 {
  position: absolute;
  width: clamp(13.75rem, -15.25rem + 45.31vw, 39.125rem);
  bottom: 0;
  right: 0;
  z-index: -1;
}

.service-top__inner {
  padding: 0 40px;
}

.service-top__container {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.service-top__text {
  font-size: clamp(1.25rem, 0.964rem + 0.45vw, 1.5rem);
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}

.service-top__text u {
  text-decoration: none;
  padding-bottom: 7px;
  background: linear-gradient(transparent 50%, #F6EBA6 50%);
}

.service-top__text--sp {
  display: none;
}

.servise-top__items {
  width: 100%;
  margin-top: 40px;
  display: flex;
  column-gap: clamp(1rem, -0.071rem + 1.67vw, 1.938rem);
  justify-content: center;
}

.service-top-item__box {
  display: flex;
  column-gap: clamp(1rem, -0.071rem + 1.67vw, 1.938rem);
}

.service-top__item {
  width: clamp(7.5rem, 2.714rem + 7.48vw, 11.688rem);
  text-align: center;
}

.service-top__item--margin {
  margin-top: clamp(2.5rem, 0.083rem + 5.03vw, 6.125rem);
}

.service-top-item__text {
  margin-top: 7px;
  font-size: clamp(0.75rem, 0.417rem + 0.69vw, 1.25rem);
  font-weight: 700;
}

.service {
  margin-bottom: 80px;
  padding-top: 89px;
  padding-bottom: 77px;
  background-color: #FFFCEB;
}

.service__inner {
  padding-left: clamp(1.25rem, -17.893rem + 29.91vw, 18rem);
  padding-right: clamp(1.25rem, -0.75rem + 3.13vw, 3rem);
}

.service__container {
  display: flex;
  column-gap: clamp(1.25rem, -3.107rem + 6.81vw, 5.063rem);
}

.service__left {
  width: 986px;
}

.service__items {
  display: flex;
  flex-direction: column;
  row-gap: clamp(2.5rem, -0.357rem + 4.46vw, 5rem);
}

.service__item {
  display: flex;
  column-gap: 25px;
}

.service-item__left img {
  width: clamp(7.5rem, 2.714rem + 7.48vw, 11.688rem);
}

.service-item__right {
  width: clamp(30rem, 9rem + 32.81vw, 48.375rem);
}

.service-item__title {
  font-size: clamp(1.125rem, 0.982rem + 0.22vw, 1.25rem);
  font-weight: 700;
}

.service-item__title--sp {
  display: none;
}

.service-item__text {
  margin-top: 23px;
  font-size: clamp(0.875rem, 0.732rem + 0.22vw, 1rem);
  font-weight: 700;
}

.service__AI {
  margin-top: 54px;
  background-color: #fff;
  padding: 22px 51px;
  border: 2px solid #05BC91;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
}

.service-AI__title {
  font-size: clamp(1.125rem, 0.982rem + 0.22vw, 1.25rem);
  font-weight: 700;
  color: #05BC91;
}

.service-AI__text {
  font-size: clamp(0.875rem, 0.732rem + 0.22vw, 1rem);
  font-weight: 700;
}

.service-AI__btn {
  padding: 14px;
  font-size: 14px;
  color: #fff;
  background-color: #05BC91;
  border: 2px solid #05BC91;
  border-radius: 35px;
  line-height: 1;
  transition: 0.5s;
}

.service-AI__btn:hover {
  color: #05BC91;
  background-color: #fff;
}

.service__right {
  width: 515px;
  display: flex;
  flex-direction: column;
  row-gap: 108px;
}

.service-right-img__1 {
  width: 375px;
  margin-left: auto;
}

.service-right-img__2 {
  width: 365px;
  margin-right: auto;
}

.slider__wrapper {
  display: none;
}

@media (max-width: 767px) {
  .service {
    margin-bottom: 0;
    padding-top: 32px;
  }

  .service-top__inner {
    padding: 0 20px;
  }

  .service-top__container {
    margin-top: 21px;
  }

  .service-top__text {
    display: none;
  }

  .service-top__text--sp {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.7;
    text-align: center;
  }

  .service-top__text--sp u {
    text-decoration: none;
    padding-bottom: 4px;
    background: linear-gradient(transparent 50%, #F6EBA6 50%);
  }

  .servise-top__items {
    flex-direction: column;
    align-items: center;
    row-gap: 16px;
  }

  .service-top__item {
    width: 105px;
  }

  .service-top__item--margin {
    margin: 0;
  }

  .service__left {
    width: 100%;
  }

  .service__items {
    row-gap: 27px;
  }

  .service__item {
    flex-direction: column;
  }

  .service-item__left {
    display: flex;
    align-items: center;
    column-gap: 12px;
  }

  .service-item__left img {
    width: 62px;
  }

  .service-item__right {
    width: 100%;
  }

  .service-item__title {
    display: none;
  }

  .service-item__title--sp {
    display: block;
    font-size: 20px;
    font-weight: 700;
  }

  .service-item__text {
    margin-top: 14px;
  }

  .service__right {
    display: none;
  }

  .service__AI {
    padding: 20px;
  }

    .slider__wrapper {
    display: flex;
    margin-top: 65px;
    overflow: hidden;
    width: 100%;
    -webkit-column-gap: 16px;
    column-gap: 16px;
  }

  .slider {
    display: flex;
    -webkit-column-gap: 16px;
    column-gap: 16px;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    min-width: max-content;
    will-change: transform;
    -webkit-animation: scroll-left 24s linear infinite;
    animation: scroll-left 24s linear infinite;
  }

  .slide {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: calc((100vw - 16px) / 2);
    width: calc((100svw - 16px) / 2);
  }

  .slide img {
    display: block;
    width: 100%;
    height: auto;
  }

  @-webkit-keyframes scroll-left {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(calc(-100% - 16px), 0, 0);
      transform: translate3d(calc(-100% - 16px), 0, 0);
    }
  }

  @keyframes scroll-left {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(calc(-100% - 16px), 0, 0);
      transform: translate3d(calc(-100% - 16px), 0, 0);
    }
  }
}

span {
  display: inline-block;
}

u {
  text-decoration: none;
  display: inline-block;
}

@media screen and (min-width:1024px) {
.mt-10rem {
	margin-top:14rem;
  }
}