.image {
  padding: 80px 0 120px;
  background: #EFE2D9;
}
.image .title01 {
  margin: 0 0 72px;
}
@media screen and (min-width: 768px) {
  .image {
    padding: 96px 0;
  }
  .image .title01 {
    margin: 0 0 56px;
  }
}

.lineup {
  padding: 120px 0 144px;
}
.lineup .title01 {
  margin: 0 0 56px;
}
.lineup .list {
  margin: 0 0 80px;
}
.lineup .list .item + .item {
  margin: 80px 0 0;
}
.lineup .list .item .area-text {
  position: relative;
  padding: 32px 40px 40px;
  background: #EFE2D9;
  box-shadow: 0px 5px 2px 0px rgba(67, 44, 45, 0.1019607843);
}
.lineup .list .item .area-text .title02 {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 700;
}
.lineup .list .item .area-text .btn {
  position: absolute;
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .lineup {
    padding: 96px 0;
  }
  .lineup .title01 {
    margin: 0 0 72px;
  }
  .lineup .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 96px 32px;
    margin: 0 0 120px;
  }
  .lineup .list .item {
    display: flex;
    flex-direction: column;
  }
  .lineup .list .item + .item {
    margin: 0;
  }
  .lineup .list .item .area-text {
    flex: 1;
    padding: 32px 40px 64px;
  }
  .lineup .list .item .area-text .text {
    font-size: 14px;
  }
  .lineup .list .item .area-text .btn {
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
  }
}/*# sourceMappingURL=service.css.map */