.pack-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.pack-pic {
  max-width: 450px;
}
.pack-txt {
  font-size: 16px;
  line-height: 1.7;
  max-width: 450px;
}
.pack-section {
  padding: 80px 24px 60px;
  margin-top: 100px;
  background-color: #f0f1f2;
  position: relative;
}
.pack-section .share-tit {
  margin: 0;
  position: absolute;
  top: -25px;
  left: calc((100% - 470px) / 2);
  width: 470px;
}
@media screen and (max-width: 840px) {
  .pack-section .share-tit {
    width: 300px;
    left: calc((100% - 300px) / 2);
  }
}
.pack-section-txt {
  text-align: center;
  font-size: 16px;
  line-height: 1.7;
}
.pack-section-table {
  margin: 60px auto 0;
}
@media screen and (max-width: 840px) {
  .pack-section-table {
    font-size: 12px;
  }
}
.pack-section-ttit {
  background-color: #84cce7;
  padding: 15px;
}
@media screen and (max-width: 840px) {
  .pack-section-ttit {
    padding: 10px;
  }
}
.pack-section-tdata {
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 840px) {
  .pack-section-tdata {
    padding: 15px;
  }
}/*# sourceMappingURL=pack.css.map */