.btn-box {
  margin-bottom: clamp(40px, 5vw, 100cqw);
  margin-top: clamp(26px, 3vw, 100cqw);
  gap: clamp(26px, 2.222vw, 100cqw);
}
.btn-box .btn__filled {
  background: #85B9E0;
  color: #fff;
  font-size: clamp(18px, 1.25vw, 100cqw);
  font-weight: 600;
}
.btn-box .btn__ghost {
  text-decoration: none;
  border: 1px solid #000;
  color: #000;
  font-size: clamp(18px, 1.25vw, 100cqw);
  font-weight: 600;
}

.image-key {
  width: clamp(55px, 5vw, 100cqw);
  height: auto;
}
.image-key img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.service-section {
  margin-bottom: clamp(46px, 6vw, 100cqw);
}
.service-section:last-of-type {
  margin-bottom: 0;
}
.service-section:last-of-type .image-key {
  display: none;
}
.service-section .ff__t1 {
  font-size: clamp(26px, 3vw, 100cqw);
  margin-bottom: clamp(26px, 3vw, 100cqw);
}
.service-section .repeat-4 {
  grid-template-columns: repeat(auto-fill, minmax(clamp(280px, 22vw, 100cqw), 1fr));
  gap: clamp(12px, 0.83333vw, 100cqw);
}
.service-section .item {
  background: #2E3656;
  color: #fff;
  padding: clamp(18px, 1.5277777vw, 100cqw);
}
.service-section .item .image {
  border-radius: clamp(20px, 1.388888vw, 100cqw);
  width: 100%;
  aspect-ratio: 1.4;
  overflow: hidden;
}
.service-section .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-section .item .service-name {
  font-size: clamp(18px, 1.5277777vw, 100cqw);
  font-weight: 700;
}
.service-section .item p {
  font-size: clamp(18px, 1.25vw, 100cqw);
}
.service-section .image-key {
  margin-top: clamp(46px, 6vw, 100cqw);
}

@media screen and (max-width: 600px) {
  .btn-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .btn-box .btn {
    width: 100%;
  }
}
/*# sourceMappingURL=services.css.map */