.service {
  position: relative;
  margin-bottom: 80px;
  overflow: hidden;
}

.service .section-title .en {
  font-size: clamp(28px, 5vw, 42px);
  margin-bottom: 32px;
}

.service > .inner > ul {
  display: grid;
  gap: 32px;
}

.service > .inner > ul > li h3 {
  margin-bottom: 12px;
  font-size: clamp(16px, 2vw, 20px);
}

.service > .inner > ul > li h3 .fnt-hlvtc {
  display: block;
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 700;
  margin-bottom: 4px;
}

.service .txt-area .jp-txt {
  font-size: clamp(13px, 1.1vw, 15px);
  margin-bottom: 8px;
}

.service .txt-area .en-txt {
  font-size: clamp(12px, 1vw, 14px);
}

.service .morph-shape.morph-04 {
  width: 70%;
  bottom: -20%;
  right: -15%;
  z-index: 0;
}

.service .morph-shape.morph-04 path {
  fill: rgba(33, 33, 33, 0.05);
}

@media screen and (min-width: 768px) {
  .service > .inner > ul {
    grid-template-columns: 1fr 1fr;
    gap: 48px 32px;
  }

  .service .morph-shape.morph-04 {
    width: 50%;
    bottom: -10%;
    right: -5%;
  }
}