@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes arrow-link-line {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
.service-develop .m-markTtl {
  margin-top: 99px;
}
@media (max-width: 768px) {
  .service-develop .m-markTtl {
    margin-top: 16vw;
  }
}
.service-develop .list {
  margin-top: 45px;
  border-top: 1px solid #D5D5D5;
}
@media (max-width: 768px) {
  .service-develop .list {
    margin-top: 5.3333333333vw;
  }
}
.service-develop .list > li {
  padding-top: 48px;
  padding-bottom: 76px;
  border-bottom: 1px solid #D5D5D5;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .service-develop .list > li {
    padding-top: 8vw;
    padding-bottom: 8vw;
    flex-direction: column;
    gap: 8vw;
  }
}
.service-develop .list > li .deco {
  width: calc(100% - 785px);
  min-width: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .service-develop .list > li .deco {
    width: 100%;
    min-width: 0;
  }
}
.service-develop .list > li .deco .icn {
  background-color: #EBF7F8;
  border-radius: 50%;
  width: 196px;
  aspect-ratio: 196/196;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media (max-width: 1024px) {
  .service-develop .list > li .deco .icn {
    width: 170px;
  }
}
@media (max-width: 768px) {
  .service-develop .list > li .deco .icn {
    width: 32vw;
  }
}
.service-develop .list > li .deco .icn.automotive {
  background-size: 53.0612244898% auto;
  background-image: url(../../img/service/icn_automotive.svg);
}
.service-develop .list > li .deco .icn.management {
  background-size: 55.1020408163% auto;
  background-image: url(../../img/service/icn_management.svg);
}
.service-develop .list > li .deco .icn.business {
  background-size: 44.8979591837% auto;
  background-image: url(../../img/service/icn_business.svg);
}
.service-develop .list > li .deco .icn.hr {
  background-size: 53.0612244898% auto;
  background-image: url(../../img/service/icn_hr.svg);
}
.service-develop .list > li .deco .icn.iot {
  background-size: 49.4897959184% auto;
  background-image: url(../../img/service/icn_iot.svg);
}
.service-develop .list > li .deco .icn.maintenance {
  background-size: 55.1020408163% auto;
  background-image: url(../../img/service/icn_maintenance.svg);
}
.service-develop .list > li .txtWrap {
  width: 785px;
  max-width: calc(100% - 280px);
}
@media (max-width: 768px) {
  .service-develop .list > li .txtWrap {
    width: 100%;
    max-width: 100%;
  }
}
.service-develop .list > li .txtWrap .developTtl {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .service-develop .list > li .txtWrap .developTtl {
    gap: 2.6666666667vw;
  }
}
.service-develop .list > li .txtWrap .developTtl .num {
  color: #CA2B3E;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.1923076923;
}
@media (max-width: 768px) {
  .service-develop .list > li .txtWrap .developTtl .num {
    font-size: 4.8vw;
  }
}
.service-develop .list > li .txtWrap .developTtl .main {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4285714286;
}
@media (max-width: 768px) {
  .service-develop .list > li .txtWrap .developTtl .main {
    font-size: 4.8vw;
  }
}
.service-develop .list > li .txtWrap .developDesc {
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 2.0625;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .service-develop .list > li .txtWrap .developDesc {
    font-size: 2.9333333333vw;
    margin-top: 4.2666666667vw;
  }
}
.service-develop .list > li .txtWrap .example {
  background-color: #F0F0F0;
  margin-top: 43px;
  padding: 28px 28px 40px;
}
@media (max-width: 768px) {
  .service-develop .list > li .txtWrap .example {
    margin-top: 5.3333333333vw;
    padding: 3.2vw;
  }
}
.service-develop .list > li .txtWrap .example dt {
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 2.0625;
  font-weight: 700;
}
@media (max-width: 768px) {
  .service-develop .list > li .txtWrap .example dt {
    font-size: 3.2vw;
  }
}
.service-develop .list > li .txtWrap .example dd {
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 2.0625;
}
@media (max-width: 768px) {
  .service-develop .list > li .txtWrap .example dd {
    font-size: 3.2vw;
  }
}

.service-language {
  padding-top: 102px;
}
@media (max-width: 768px) {
  .service-language {
    padding-top: 16vw;
  }
}
.service-language .serviceDesc {
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin-top: 27px;
}
@media (max-width: 768px) {
  .service-language .serviceDesc {
    font-size: 2.9333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.service-language .listWrap {
  margin-top: 65px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .service-language .listWrap {
    margin-top: 8vw;
    flex-direction: column;
    gap: 8vw;
  }
}
.service-language .listWrap:after {
  content: "";
  display: block;
  width: 50.1666666667%;
  height: auto;
  aspect-ratio: 602/426;
  background-image: url(../../img/service/img_language.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transform: translateX(85px);
}
@media (max-width: 1200px) {
  .service-language .listWrap:after {
    transform: none;
  }
}
@media (max-width: 768px) {
  .service-language .listWrap:after {
    width: 100%;
  }
}
.service-language .listWrap .list {
  width: 52.4166666667%;
}
@media (max-width: 1200px) {
  .service-language .listWrap .list {
    width: 46.6666666667%;
  }
}
@media (max-width: 768px) {
  .service-language .listWrap .list {
    width: 100%;
  }
}
.service-language .listWrap .list > .group {
  margin-top: 45px;
}
@media (max-width: 768px) {
  .service-language .listWrap .list > .group {
    margin-top: 5.3333333333vw;
  }
}
.service-language .listWrap .list > .group:first-of-type {
  margin-top: 0;
}
.service-language .listWrap .list > .group dt {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4285714286;
}
@media (max-width: 820px) {
  .service-language .listWrap .list > .group dt {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .service-language .listWrap .list > .group dt {
    font-size: 4.8vw;
  }
}
.service-language .listWrap .list > .group dd {
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin-top: 7px;
}
@media (max-width: 768px) {
  .service-language .listWrap .list > .group dd {
    font-size: 2.9333333333vw;
    margin-top: 1.8666666667vw;
  }
}

.service-faq {
  margin-top: 153px;
}
@media (max-width: 768px) {
  .service-faq {
    margin-top: 21.3333333333vw;
  }
}

/*# sourceMappingURL=service.css.map */