.design-modal__title {
  font-size: var(--tdfs-heading-2);
  font-family: "FZLanTingHeiS Bold";
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .design-modal__title {
    line-height: 1.5833333333;
  }
}
.model-banner__swiper-slide {
  position: relative;
}
.model-banner__swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 50.03%, rgba(51, 49, 50, 0.45) 75.02%, rgba(35, 31, 32, 0.9) 100%);
}
.model-banner__image-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  background-color: #020305;
  aspect-ratio: 16/9;
}
.model-banner__image-container iframe {
  width: 300%;
  height: 100%;
  margin-left: -100%;
}
@media (max-width: 1024px) {
  .model-banner__image-container {
    aspect-ratio: 16/10;
  }
  .model-banner__image-container iframe {
    width: 300%;
    height: 92%;
    margin-left: -100%;
    margin-top: 2%;
  }
}
.model-banner__image {
  object-fit: cover;
}
.model-banner__image-note {
  position: absolute;
  bottom: 4.7945205479vw;
  left: 1.0273972603vw;
  z-index: 2;
  width: 100%;
  color: #ffffff;
  font-size: 1.7808219178vw;
  line-height: 2.4657534247vw;
}
@media screen and (max-width: 1024px) {
  .model-banner__image-note {
    bottom: 6.8359375vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__image-note {
    bottom: 9.1264667536vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__image-note {
    bottom: 10.9375vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__image-note {
    bottom: 14.5833333333vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__image-note {
    bottom: 17.9487179487vw;
  }
}
@media screen and (max-width: 1024px) {
  .model-banner__image-note {
    left: 1.46484375vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__image-note {
    left: 1.9556714472vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__image-note {
    left: 2.34375vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__image-note {
    left: 3.125vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__image-note {
    left: 3.8461538462vw;
  }
}
@media screen and (max-width: 1024px) {
  .model-banner__image-note {
    font-size: 1.7578125vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__image-note {
    font-size: 2.3468057366vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__image-note {
    font-size: 2.8125vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__image-note {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__image-note {
    font-size: 4.6153846154vw;
  }
}
@media screen and (max-width: 1024px) {
  .model-banner__image-note {
    line-height: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__image-note {
    line-height: 3.6505867014vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__image-note {
    line-height: 4.375vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__image-note {
    line-height: 5.8333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__image-note {
    line-height: 7.1794871795vw;
  }
}
.model-banner__image-note span {
  display: inline-block;
}
.model-banner__next, .model-banner__prev {
  display: inline-block;
  z-index: 2;
  width: 43px;
  height: 43px;
  transition: 0.5s ease;
}
.model-banner__next::after, .model-banner__prev::after {
  display: none;
}
.model-banner__next:hover, .model-banner__prev:hover {
  opacity: 0.6;
}
@media (max-width: 575px) {
  .model-banner__next, .model-banner__prev {
    width: 34px;
    height: 34px;
  }
}
.model-banner__next {
  right: 4.3835616438vw;
}
@media screen and (max-width: 1024px) {
  .model-banner__next {
    right: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__next {
    right: 3.1290743155vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__next {
    right: 3.75vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__next {
    right: 5vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__next {
    right: 6.1538461538vw;
  }
}
.model-banner__prev {
  left: 4.3835616438vw;
}
@media screen and (max-width: 1024px) {
  .model-banner__prev {
    left: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__prev {
    left: 3.1290743155vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__prev {
    left: 3.75vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__prev {
    left: 5vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__prev {
    left: 6.1538461538vw;
  }
}
.model-banner__next-icon, .model-banner__prev-icon {
  width: 100%;
  height: auto;
}
.model-banner__pagination {
  bottom: 24px !important;
}
.model-banner__pagination .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  border: 1px solid #ffffff;
  opacity: 1;
  background: #ffffff;
  margin: 0px 13px !important;
}
.model-banner__pagination .swiper-pagination-bullet-active {
  background: transparent;
}
@media (max-width: 575px) {
  .model-banner__pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    margin: 0px 6px !important;
  }
}
.model-banner__video-description-wrapper {
  position: absolute;
  top: 50%;
  left: 10vw;
  right: 5.2054794521vw;
  transform: translateY(-50%);
  z-index: 2;
  color: white;
}
@media screen and (max-width: 1024px) {
  .model-banner__video-description-wrapper {
    left: 7.421875vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__video-description-wrapper {
    left: 9.9087353325vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__video-description-wrapper {
    left: 11.875vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__video-description-wrapper {
    left: 15.8333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__video-description-wrapper {
    left: 19.4871794872vw;
  }
}
@media screen and (max-width: 1024px) {
  .model-banner__video-description-wrapper {
    right: 7.421875vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__video-description-wrapper {
    right: 9.9087353325vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__video-description-wrapper {
    right: 11.875vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__video-description-wrapper {
    right: 15.8333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__video-description-wrapper {
    right: 19.4871794872vw;
  }
}
.model-banner__video-description-wrapper > span {
  display: block;
}
.model-banner__video-description-logo {
  width: auto;
  height: 5.8904109589vw;
}
@media screen and (max-width: 1024px) {
  .model-banner__video-description-logo {
    height: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__video-description-logo {
    height: 5.2151238592vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__video-description-logo {
    height: 6.25vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__video-description-logo {
    height: 8.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__video-description-logo {
    height: 10.2564102564vw;
  }
}
.model-banner__video-description-title {
  font-family: "FZLanTingHeiS Bold";
  margin-top: 1.095890411vw;
  font-size: 1.7808219178vw;
  line-height: 3.5616438356vw;
}
@media screen and (max-width: 1024px) {
  .model-banner__video-description-title {
    margin-top: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__video-description-title {
    margin-top: 1.0430247718vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__video-description-title {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__video-description-title {
    margin-top: 1.6666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__video-description-title {
    margin-top: 2.0512820513vw;
  }
}
@media screen and (max-width: 1024px) {
  .model-banner__video-description-title {
    font-size: 1.7578125vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__video-description-title {
    font-size: 2.3468057366vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__video-description-title {
    font-size: 2.8125vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__video-description-title {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__video-description-title {
    font-size: 4.6153846154vw;
  }
}
@media screen and (max-width: 1024px) {
  .model-banner__video-description-title {
    line-height: 4.1015625vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__video-description-title {
    line-height: 5.4758800522vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__video-description-title {
    line-height: 6.5625vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__video-description-title {
    line-height: 8.75vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__video-description-title {
    line-height: 10.7692307692vw;
  }
}
.model-banner__video-description-description {
  font-size: 1.3698630137vw;
  line-height: 2.0547945205vw;
}
@media screen and (max-width: 1024px) {
  .model-banner__video-description-description {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__video-description-description {
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__video-description-description {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__video-description-description {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__video-description-description {
    font-size: 4.1025641026vw;
  }
}
@media screen and (max-width: 1024px) {
  .model-banner__video-description-description {
    line-height: 2.5390625vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner__video-description-description {
    line-height: 3.3898305085vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner__video-description-description {
    line-height: 4.0625vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner__video-description-description {
    line-height: 5.4166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner__video-description-description {
    line-height: 6.6666666667vw;
  }
}

.model-banner-description {
  position: relative;
  z-index: 2;
  margin-top: -3.4246575342vw;
}
@media screen and (max-width: 1024px) {
  .model-banner-description {
    margin-top: -4.8828125vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner-description {
    margin-top: -6.518904824vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner-description {
    margin-top: -7.8125vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner-description {
    margin-top: -10.4166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner-description {
    margin-top: -12.8205128205vw;
  }
}
.model-banner-description__wrapper, .model-banner-description__wrapper--text {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 2.8767123288vw 0vw;
  background-color: white;
}
@media screen and (max-width: 1024px) {
  .model-banner-description__wrapper, .model-banner-description__wrapper--text {
    padding: 4.1015625vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner-description__wrapper, .model-banner-description__wrapper--text {
    padding: 5.4758800522vw 0vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner-description__wrapper, .model-banner-description__wrapper--text {
    padding: 6.5625vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner-description__wrapper, .model-banner-description__wrapper--text {
    padding: 8.75vw 0vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner-description__wrapper, .model-banner-description__wrapper--text {
    padding: 10.7692307692vw 0vw;
  }
}
.model-banner-description__wrapper--text {
  padding: 3.4246575342vw 4.7945205479vw;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .model-banner-description__wrapper--text {
    padding: 2.9296875vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner-description__wrapper--text {
    padding: 3.9113428944vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner-description__wrapper--text {
    padding: 4.6875vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner-description__wrapper--text {
    padding: 6.25vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner-description__wrapper--text {
    padding: 7.6923076923vw;
  }
}
.model-banner-description__wrapper--text::before {
  display: none;
}
.model-banner-description__wrapper--text > p {
  font-size: 1.6438356164vw;
  line-height: 3.2876712329vw;
}
@media screen and (max-width: 1024px) {
  .model-banner-description__wrapper--text > p {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner-description__wrapper--text > p {
    font-size: 2.6075619296vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner-description__wrapper--text > p {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner-description__wrapper--text > p {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner-description__wrapper--text > p {
    font-size: 5.1282051282vw;
  }
}
@media screen and (max-width: 1024px) {
  .model-banner-description__wrapper--text > p {
    line-height: 4.1015625vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner-description__wrapper--text > p {
    line-height: 5.4758800522vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner-description__wrapper--text > p {
    line-height: 6.5625vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner-description__wrapper--text > p {
    line-height: 8.75vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner-description__wrapper--text > p {
    line-height: 10.7692307692vw;
  }
}
.model-banner-description__wrapper--text > p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .model-banner-description__wrapper::before, .model-banner-description__wrapper--text::before {
    content: "";
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 60%;
    background-color: #000000;
  }
}
@media (max-width: 575px) {
  .model-banner-description__wrapper, .model-banner-description__wrapper--text {
    padding: 0;
    justify-content: center;
  }
  .model-banner-description__wrapper::before, .model-banner-description__wrapper--text::before {
    display: none;
  }
}
@media screen and (max-width: 575px) and (max-width: 1024px) {
  .model-banner-description__wrapper--text {
    padding: 2.9296875vw;
  }
}
@media screen and (max-width: 575px) and (max-width: 767px) {
  .model-banner-description__wrapper--text {
    padding: 3.9113428944vw;
  }
}
@media screen and (max-width: 575px) and (max-width: 640px) {
  .model-banner-description__wrapper--text {
    padding: 4.6875vw;
  }
}
@media screen and (max-width: 575px) and (max-width: 480px) {
  .model-banner-description__wrapper--text {
    padding: 6.25vw;
  }
}
@media screen and (max-width: 575px) and (max-width: 390px) {
  .model-banner-description__wrapper--text {
    padding: 7.6923076923vw;
  }
}
.model-banner-description__item {
  position: relative;
  flex: 0 0 25%;
  display: flex;
  flex-direction: column;
  padding: 0vw 2.0547945205vw;
  border-right: 1px solid #000000;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .model-banner-description__item {
    padding: 0vw 2.9296875vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner-description__item {
    padding: 0vw 3.9113428944vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner-description__item {
    padding: 0vw 4.6875vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner-description__item {
    padding: 0vw 6.25vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner-description__item {
    padding: 0vw 7.6923076923vw;
  }
}
.model-banner-description__item:last-child {
  border-right: 0;
}
@media (max-width: 1024px) {
  .model-banner-description__item {
    flex: 0 0 50%;
    border-right: 0;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .model-banner-description__item {
    margin-bottom: 1.953125vw;
  }
}
@media screen and (max-width: 1024px) and (max-width: 767px) {
  .model-banner-description__item {
    margin-bottom: 2.6075619296vw;
  }
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
  .model-banner-description__item {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 1024px) and (max-width: 480px) {
  .model-banner-description__item {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 1024px) and (max-width: 390px) {
  .model-banner-description__item {
    margin-bottom: 5.1282051282vw;
  }
}
@media (max-width: 575px) {
  .model-banner-description__item {
    flex: 0 0 100%;
    padding: 2.0547945205vw 2.0547945205vw;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 575px) and (max-width: 1024px) {
  .model-banner-description__item {
    padding: 2.9296875vw 2.9296875vw;
  }
}
@media screen and (max-width: 575px) and (max-width: 767px) {
  .model-banner-description__item {
    padding: 3.9113428944vw 3.9113428944vw;
  }
}
@media screen and (max-width: 575px) and (max-width: 640px) {
  .model-banner-description__item {
    padding: 4.6875vw 4.6875vw;
  }
}
@media screen and (max-width: 575px) and (max-width: 480px) {
  .model-banner-description__item {
    padding: 6.25vw 6.25vw;
  }
}
@media screen and (max-width: 575px) and (max-width: 390px) {
  .model-banner-description__item {
    padding: 7.6923076923vw 7.6923076923vw;
  }
}
@media (max-width: 575px) {
  .model-banner-description__item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 65%;
    height: 1px;
    background-color: #000000;
  }
  .model-banner-description__item:last-child::after {
    display: none;
  }
}
.model-banner-description__label {
  font-size: 1.095890411vw;
}
@media screen and (max-width: 1024px) {
  .model-banner-description__label {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner-description__label {
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner-description__label {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner-description__label {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner-description__label {
    font-size: 4.1025641026vw;
  }
}
.model-banner-description__value {
  font-family: "FZLanTingHeiS Bold";
  font-size: 2.8767123288vw;
}
@media screen and (max-width: 1024px) {
  .model-banner-description__value {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner-description__value {
    font-size: 4.1720990874vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner-description__value {
    font-size: 5vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner-description__value {
    font-size: 6.6666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner-description__value {
    font-size: 8.2051282051vw;
  }
}
.model-banner-description__note {
  font-size: 0.9589041096vw;
}
@media screen and (max-width: 1024px) {
  .model-banner-description__note {
    font-size: 1.3671875vw;
  }
}
@media screen and (max-width: 767px) {
  .model-banner-description__note {
    font-size: 1.8252933507vw;
  }
}
@media screen and (max-width: 640px) {
  .model-banner-description__note {
    font-size: 2.1875vw;
  }
}
@media screen and (max-width: 480px) {
  .model-banner-description__note {
    font-size: 2.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .model-banner-description__note {
    font-size: 3.5897435897vw;
  }
}

.info-variation {
  padding: 5.1369863014vw 0vw 1.7123287671vw;
}
@media screen and (max-width: 1024px) {
  .info-variation {
    padding: 4.8828125vw 0vw 2.44140625vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation {
    padding: 6.518904824vw 0vw 3.259452412vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation {
    padding: 7.8125vw 0vw 3.90625vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation {
    padding: 10.4166666667vw 0vw 5.2083333333vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation {
    padding: 12.8205128205vw 0vw 6.4102564103vw;
  }
}
.info-variation__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4.2465753425vw;
}
@media screen and (max-width: 1024px) {
  .info-variation__header {
    margin-bottom: 6.0546875vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__header {
    margin-bottom: 8.0834419817vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__header {
    margin-bottom: 9.6875vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__header {
    margin-bottom: 12.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__header {
    margin-bottom: 15.8974358974vw;
  }
}
@media (max-width: 767px) {
  .info-variation__header {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.info-variation__price {
  font-size: 2.8767123288vw;
  font-family: "FZLanTingHeiS Bold";
}
@media screen and (max-width: 1024px) {
  .info-variation__price {
    font-size: 2.9296875vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__price {
    font-size: 3.9113428944vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__price {
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__price {
    font-size: 6.25vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__price {
    font-size: 7.6923076923vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1024px) {
  .info-variation__price {
    margin-bottom: 2.34375vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .info-variation__price {
    margin-bottom: 3.1290743155vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 640px) {
  .info-variation__price {
    margin-bottom: 3.75vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 480px) {
  .info-variation__price {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 390px) {
  .info-variation__price {
    margin-bottom: 6.1538461538vw;
  }
}
.info-variation__button-wrapper {
  display: inline-flex;
  gap: 1.7123287671vw;
}
@media screen and (max-width: 1024px) {
  .info-variation__button-wrapper {
    gap: 2.44140625vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__button-wrapper {
    gap: 3.259452412vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__button-wrapper {
    gap: 3.90625vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__button-wrapper {
    gap: 5.2083333333vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__button-wrapper {
    gap: 6.4102564103vw;
  }
}
@media (max-width: 767px) {
  .info-variation__button-wrapper {
    flex-direction: column;
    width: 100%;
  }
}
.info-variation__button {
  padding-right: 2.8767123288vw;
  padding-left: 2.8767123288vw;
}
@media screen and (max-width: 1024px) {
  .info-variation__button {
    padding-right: 4.1015625vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__button {
    padding-right: 5.4758800522vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__button {
    padding-right: 6.5625vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__button {
    padding-right: 8.75vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__button {
    padding-right: 10.7692307692vw;
  }
}
@media screen and (max-width: 1024px) {
  .info-variation__button {
    padding-left: 4.1015625vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__button {
    padding-left: 5.4758800522vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__button {
    padding-left: 6.5625vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__button {
    padding-left: 8.75vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__button {
    padding-left: 10.7692307692vw;
  }
}
.info-variation__image-container > img {
  width: 100%;
  height: 100%;
  max-height: 37.6712328767vw;
  object-fit: cover;
  object-position: center;
}
@media screen and (max-width: 1024px) {
  .info-variation__image-container > img {
    max-height: 53.7109375vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__image-container > img {
    max-height: 71.7079530639vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__image-container > img {
    max-height: 85.9375vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__image-container > img {
    max-height: 114.5833333333vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__image-container > img {
    max-height: 141.0256410256vw;
  }
}
.info-variation__image-container.circlr {
  cursor: w-resize;
}
.info-variation__color-swiper, .info-variation__color-swiper--mifa-7, .info-variation__color-swiper--mifa-9 {
  margin-top: 3.1506849315vw;
}
@media screen and (max-width: 1024px) {
  .info-variation__color-swiper, .info-variation__color-swiper--mifa-7, .info-variation__color-swiper--mifa-9 {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__color-swiper, .info-variation__color-swiper--mifa-7, .info-variation__color-swiper--mifa-9 {
    margin-top: 4.1720990874vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__color-swiper, .info-variation__color-swiper--mifa-7, .info-variation__color-swiper--mifa-9 {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__color-swiper, .info-variation__color-swiper--mifa-7, .info-variation__color-swiper--mifa-9 {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__color-swiper, .info-variation__color-swiper--mifa-7, .info-variation__color-swiper--mifa-9 {
    margin-top: 8.2051282051vw;
  }
}
.info-variation__color-swiper-wrapper {
  justify-content: center;
}
.info-variation__color-swiper-slide {
  width: auto !important;
}
.info-variation__color-swiper-slide:last-child {
  margin-right: 0 !important;
}
.info-variation__color, .info-variation__color--image {
  display: inline-block;
  width: 3.0821917808vw;
  height: 3.0821917808vw;
  border-radius: 100%;
  cursor: pointer;
  transition: 0.5s;
  margin: 3px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5019607843);
}
@media screen and (max-width: 1024px) {
  .info-variation__color, .info-variation__color--image {
    width: 3.41796875vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__color, .info-variation__color--image {
    width: 4.5632333768vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__color, .info-variation__color--image {
    width: 5.46875vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__color, .info-variation__color--image {
    width: 7.2916666667vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__color, .info-variation__color--image {
    width: 8.9743589744vw;
  }
}
@media screen and (max-width: 1024px) {
  .info-variation__color, .info-variation__color--image {
    height: 3.41796875vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__color, .info-variation__color--image {
    height: 4.5632333768vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__color, .info-variation__color--image {
    height: 5.46875vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__color, .info-variation__color--image {
    height: 7.2916666667vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__color, .info-variation__color--image {
    height: 8.9743589744vw;
  }
}
.info-variation__color:hover, .info-variation__color--image:hover {
  opacity: 0.6;
}
.info-variation__color-info {
  text-align: center;
}
.info-variation__color-name {
  display: block;
  margin-top: 1.2328767123vw;
  font-size: 2.1917808219vw;
  font-family: "FZLanTingHeiS Light";
}
@media screen and (max-width: 1024px) {
  .info-variation__color-name {
    margin-top: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__color-name {
    margin-top: 2.0860495437vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__color-name {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__color-name {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__color-name {
    margin-top: 4.1025641026vw;
  }
}
@media screen and (max-width: 1024px) {
  .info-variation__color-name {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__color-name {
    font-size: 3.1290743155vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__color-name {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__color-name {
    font-size: 5vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__color-name {
    font-size: 6.1538461538vw;
  }
}
.info-variation__color-description {
  display: block;
  font-size: 0.9589041096vw;
  margin-top: 0.4109589041vw;
}
@media screen and (max-width: 1024px) {
  .info-variation__color-description {
    font-size: 1.3671875vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__color-description {
    font-size: 1.8252933507vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__color-description {
    font-size: 2.1875vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__color-description {
    font-size: 2.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__color-description {
    font-size: 3.5897435897vw;
  }
}
@media screen and (max-width: 1024px) {
  .info-variation__color-description {
    margin-top: 0.5859375vw;
  }
}
@media screen and (max-width: 767px) {
  .info-variation__color-description {
    margin-top: 0.7822685789vw;
  }
}
@media screen and (max-width: 640px) {
  .info-variation__color-description {
    margin-top: 0.9375vw;
  }
}
@media screen and (max-width: 480px) {
  .info-variation__color-description {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 390px) {
  .info-variation__color-description {
    margin-top: 1.5384615385vw;
  }
}

.design {
  padding: 1.7123287671vw 0vw;
}
@media screen and (max-width: 1024px) {
  .design {
    padding: 2.44140625vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .design {
    padding: 3.259452412vw 0vw;
  }
}
@media screen and (max-width: 640px) {
  .design {
    padding: 3.90625vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .design {
    padding: 5.2083333333vw 0vw;
  }
}
@media screen and (max-width: 390px) {
  .design {
    padding: 6.4102564103vw 0vw;
  }
}
.design__image-container {
  position: relative;
  width: 100%;
  display: block;
}
.design__image-container:before {
  content: "";
  display: block;
  padding-top: 39.5705521472%;
}
.design__image-container .ratio-item {
  object-fit: cover;
}
.design__image-container {
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
}
.design__image-container:hover .design__image {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  .design__image-container {
    margin-bottom: 1.3698630137vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1024px) {
  .design__image-container {
    margin-bottom: 1.953125vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .design__image-container {
    margin-bottom: 2.6075619296vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 640px) {
  .design__image-container {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 480px) {
  .design__image-container {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 390px) {
  .design__image-container {
    margin-bottom: 5.1282051282vw;
  }
}
.design__image {
  transition: 0.5s;
}
.design__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "FZLanTingHeiS Bold";
  font-size: 2.602739726vw;
  color: #ffffff;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .design__title {
    font-size: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .design__title {
    font-size: 3.6505867014vw;
  }
}
@media screen and (max-width: 640px) {
  .design__title {
    font-size: 4.375vw;
  }
}
@media screen and (max-width: 480px) {
  .design__title {
    font-size: 5.8333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .design__title {
    font-size: 7.1794871795vw;
  }
}

.design-modal__modal-dialog {
  max-width: unset;
  margin-right: 4.1095890411vw;
  margin-left: 4.1095890411vw;
}
@media screen and (max-width: 1024px) {
  .design-modal__modal-dialog {
    margin-right: 1.7578125vw;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__modal-dialog {
    margin-right: 2.3468057366vw;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__modal-dialog {
    margin-right: 2.8125vw;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__modal-dialog {
    margin-right: 3.75vw;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__modal-dialog {
    margin-right: 4.6153846154vw;
  }
}
@media screen and (max-width: 1024px) {
  .design-modal__modal-dialog {
    margin-left: 1.7578125vw;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__modal-dialog {
    margin-left: 2.3468057366vw;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__modal-dialog {
    margin-left: 2.8125vw;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__modal-dialog {
    margin-left: 3.75vw;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__modal-dialog {
    margin-left: 4.6153846154vw;
  }
}
.design-modal__wrapper {
  overflow: hidden;
  border-radius: 8px;
}
.design-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.3698630137vw;
}
@media screen and (max-width: 1024px) {
  .design-modal__close {
    padding: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__close {
    padding: 2.6075619296vw;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__close {
    padding: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__close {
    padding: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__close {
    padding: 5.1282051282vw;
  }
}
.design-modal__close:focus, .design-modal__close:focus-visible {
  outline: none;
  box-shadow: none;
}
.design-modal__description-col {
  background-color: #D9D9D9;
}
.design-modal__description-wrapper {
  overflow: auto;
  max-height: 45.8904109589vw;
  padding: 3.4246575342vw 5.7534246575vw 5.7534246575vw 3.4246575342vw;
}
@media screen and (max-width: 1024px) {
  .design-modal__description-wrapper {
    max-height: 65.4296875vw;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__description-wrapper {
    max-height: 87.3533246415vw;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__description-wrapper {
    max-height: 104.6875vw;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__description-wrapper {
    max-height: 139.5833333333vw;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__description-wrapper {
    max-height: 171.7948717949vw;
  }
}
@media screen and (max-width: 1024px) {
  .design-modal__description-wrapper {
    padding: 5.46875vw 2.34375vw 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__description-wrapper {
    padding: 7.3011734029vw 3.1290743155vw 3.1290743155vw;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__description-wrapper {
    padding: 8.75vw 3.75vw 3.75vw;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__description-wrapper {
    padding: 11.6666666667vw 5vw 5vw;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__description-wrapper {
    padding: 14.358974359vw 6.1538461538vw 6.1538461538vw;
  }
}
.design-modal__description p {
  font-size: 1.3698630137vw;
  line-height: 2.8767123288vw;
}
@media screen and (max-width: 1024px) {
  .design-modal__description p {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__description p {
    font-size: 2.6075619296vw;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__description p {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__description p {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__description p {
    font-size: 5.1282051282vw;
  }
}
@media screen and (max-width: 1024px) {
  .design-modal__description p {
    line-height: 4.1015625vw;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__description p {
    line-height: 5.4758800522vw;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__description p {
    line-height: 6.5625vw;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__description p {
    line-height: 8.75vw;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__description p {
    line-height: 10.7692307692vw;
  }
}
.design-modal__title {
  margin-bottom: 1.3698630137vw;
}
@media screen and (max-width: 1024px) {
  .design-modal__title {
    margin-bottom: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__title {
    margin-bottom: 2.6075619296vw;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__title {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__title {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__title {
    margin-bottom: 5.1282051282vw;
  }
}
.design-modal__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}
.design-modal__pagination {
  bottom: 3.2876712329vw !important;
  left: 3.2876712329vw !important;
  width: auto !important;
}
@media screen and (max-width: 1024px) {
  .design-modal__pagination {
    bottom: 4.6875vw !important;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__pagination {
    bottom: 6.258148631vw !important;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__pagination {
    bottom: 7.5vw !important;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__pagination {
    bottom: 10vw !important;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__pagination {
    bottom: 12.3076923077vw !important;
  }
}
@media screen and (max-width: 1024px) {
  .design-modal__pagination {
    left: 2.34375vw !important;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__pagination {
    left: 3.1290743155vw !important;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__pagination {
    left: 3.75vw !important;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__pagination {
    left: 5vw !important;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__pagination {
    left: 6.1538461538vw !important;
  }
}
@media (max-width: 991px) {
  .design-modal__pagination {
    position: relative;
    bottom: 0vw !important;
    left: 0vw !important;
    padding-bottom: 1.3698630137vw;
    padding-left: 1.6438356164vw;
    text-align: left;
  }
}
@media screen and (max-width: 991px) and (max-width: 1024px) {
  .design-modal__pagination {
    bottom: 0vw !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
  .design-modal__pagination {
    bottom: 0vw !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 640px) {
  .design-modal__pagination {
    bottom: 0vw !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 480px) {
  .design-modal__pagination {
    bottom: 0vw !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 390px) {
  .design-modal__pagination {
    bottom: 0vw !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 1024px) {
  .design-modal__pagination {
    left: 0vw !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
  .design-modal__pagination {
    left: 0vw !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 640px) {
  .design-modal__pagination {
    left: 0vw !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 480px) {
  .design-modal__pagination {
    left: 0vw !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 390px) {
  .design-modal__pagination {
    left: 0vw !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 1024px) {
  .design-modal__pagination {
    padding-bottom: 1.953125vw;
  }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
  .design-modal__pagination {
    padding-bottom: 2.6075619296vw;
  }
}
@media screen and (max-width: 991px) and (max-width: 640px) {
  .design-modal__pagination {
    padding-bottom: 3.125vw;
  }
}
@media screen and (max-width: 991px) and (max-width: 480px) {
  .design-modal__pagination {
    padding-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 991px) and (max-width: 390px) {
  .design-modal__pagination {
    padding-bottom: 5.1282051282vw;
  }
}
@media screen and (max-width: 991px) and (max-width: 1024px) {
  .design-modal__pagination {
    padding-left: 2.34375vw;
  }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
  .design-modal__pagination {
    padding-left: 3.1290743155vw;
  }
}
@media screen and (max-width: 991px) and (max-width: 640px) {
  .design-modal__pagination {
    padding-left: 3.75vw;
  }
}
@media screen and (max-width: 991px) and (max-width: 480px) {
  .design-modal__pagination {
    padding-left: 5vw;
  }
}
@media screen and (max-width: 991px) and (max-width: 390px) {
  .design-modal__pagination {
    padding-left: 6.1538461538vw;
  }
}
.design-modal__pagination .swiper-pagination-bullet {
  width: 1.4383561644vw;
  height: 1.4383561644vw;
  margin: 0vw 0.7534246575vw !important;
  border: 1px solid #000000;
  background: transparent;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .design-modal__pagination .swiper-pagination-bullet {
    width: 1.7578125vw;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__pagination .swiper-pagination-bullet {
    width: 2.3468057366vw;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__pagination .swiper-pagination-bullet {
    width: 2.8125vw;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__pagination .swiper-pagination-bullet {
    width: 3.75vw;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__pagination .swiper-pagination-bullet {
    width: 4.6153846154vw;
  }
}
@media screen and (max-width: 1024px) {
  .design-modal__pagination .swiper-pagination-bullet {
    height: 1.7578125vw;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__pagination .swiper-pagination-bullet {
    height: 2.3468057366vw;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__pagination .swiper-pagination-bullet {
    height: 2.8125vw;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__pagination .swiper-pagination-bullet {
    height: 3.75vw;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__pagination .swiper-pagination-bullet {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 1024px) {
  .design-modal__pagination .swiper-pagination-bullet {
    margin: 0vw 0.5859375vw !important;
  }
}
@media screen and (max-width: 767px) {
  .design-modal__pagination .swiper-pagination-bullet {
    margin: 0vw 0.7822685789vw !important;
  }
}
@media screen and (max-width: 640px) {
  .design-modal__pagination .swiper-pagination-bullet {
    margin: 0vw 0.9375vw !important;
  }
}
@media screen and (max-width: 480px) {
  .design-modal__pagination .swiper-pagination-bullet {
    margin: 0vw 1.25vw !important;
  }
}
@media screen and (max-width: 390px) {
  .design-modal__pagination .swiper-pagination-bullet {
    margin: 0vw 1.5384615385vw !important;
  }
}
.design-modal__pagination .swiper-pagination-bullet-active {
  background: #000000;
}

.specification {
  padding: 1.7123287671vw 0vw;
}
@media screen and (max-width: 1024px) {
  .specification {
    padding: 2.44140625vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .specification {
    padding: 3.259452412vw 0vw;
  }
}
@media screen and (max-width: 640px) {
  .specification {
    padding: 3.90625vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .specification {
    padding: 5.2083333333vw 0vw;
  }
}
@media screen and (max-width: 390px) {
  .specification {
    padding: 6.4102564103vw 0vw;
  }
}
.specification__title {
  margin-bottom: 1.3698630137vw;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .specification__title {
    margin-bottom: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .specification__title {
    margin-bottom: 2.6075619296vw;
  }
}
@media screen and (max-width: 640px) {
  .specification__title {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .specification__title {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .specification__title {
    margin-bottom: 5.1282051282vw;
  }
}
.specification__accordion-item {
  border-color: #000000;
}
.specification__accordion-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.specification__accordion-button {
  font-family: "FZLanTingHeiS Bold";
  color: #000000;
  font-size: 1.9178082192vw;
  padding: 1.3698630137vw 2.7397260274vw;
}
@media screen and (max-width: 1024px) {
  .specification__accordion-button {
    font-size: 1.7578125vw;
  }
}
@media screen and (max-width: 767px) {
  .specification__accordion-button {
    font-size: 2.3468057366vw;
  }
}
@media screen and (max-width: 640px) {
  .specification__accordion-button {
    font-size: 2.8125vw;
  }
}
@media screen and (max-width: 480px) {
  .specification__accordion-button {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 390px) {
  .specification__accordion-button {
    font-size: 4.6153846154vw;
  }
}
@media screen and (max-width: 1024px) {
  .specification__accordion-button {
    padding: 1.953125vw 2.5390625vw;
  }
}
@media screen and (max-width: 767px) {
  .specification__accordion-button {
    padding: 2.6075619296vw 3.3898305085vw;
  }
}
@media screen and (max-width: 640px) {
  .specification__accordion-button {
    padding: 3.125vw 4.0625vw;
  }
}
@media screen and (max-width: 480px) {
  .specification__accordion-button {
    padding: 4.1666666667vw 5.4166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .specification__accordion-button {
    padding: 5.1282051282vw 6.6666666667vw;
  }
}
.specification__accordion-button::after {
  content: "+";
  display: inline-flex;
  align-items: center;
  background-image: unset;
  transform: unset;
  font-size: 1.9178082192vw;
}
@media screen and (max-width: 1024px) {
  .specification__accordion-button::after {
    font-size: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .specification__accordion-button::after {
    font-size: 3.6505867014vw;
  }
}
@media screen and (max-width: 640px) {
  .specification__accordion-button::after {
    font-size: 4.375vw;
  }
}
@media screen and (max-width: 480px) {
  .specification__accordion-button::after {
    font-size: 5.8333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .specification__accordion-button::after {
    font-size: 7.1794871795vw;
  }
}
.specification__accordion-button:focus, .specification__accordion-button:focus-visible {
  outline: none;
  box-shadow: none;
}
.specification__accordion-button:not(.collapsed) {
  background-color: unset;
  color: #000000;
  box-shadow: none;
}
.specification__accordion-button:not(.collapsed)::after {
  content: "-";
  background-image: unset;
  transform: unset;
}
.specification__accordion-body {
  padding: 0;
}
.specification__table {
  margin-bottom: 0;
}
.specification__table td {
  padding-top: 1.3698630137vw;
  padding-bottom: 1.3698630137vw;
  font-size: 1.6438356164vw;
}
@media screen and (max-width: 1024px) {
  .specification__table td {
    padding-top: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .specification__table td {
    padding-top: 2.0860495437vw;
  }
}
@media screen and (max-width: 640px) {
  .specification__table td {
    padding-top: 2.5vw;
  }
}
@media screen and (max-width: 480px) {
  .specification__table td {
    padding-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .specification__table td {
    padding-top: 4.1025641026vw;
  }
}
@media screen and (max-width: 1024px) {
  .specification__table td {
    padding-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .specification__table td {
    padding-bottom: 2.0860495437vw;
  }
}
@media screen and (max-width: 640px) {
  .specification__table td {
    padding-bottom: 2.5vw;
  }
}
@media screen and (max-width: 480px) {
  .specification__table td {
    padding-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .specification__table td {
    padding-bottom: 4.1025641026vw;
  }
}
@media screen and (max-width: 1024px) {
  .specification__table td {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .specification__table td {
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 640px) {
  .specification__table td {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 480px) {
  .specification__table td {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .specification__table td {
    font-size: 4.1025641026vw;
  }
}
.specification__table td:first-child {
  padding-left: 2.7397260274vw;
}
@media screen and (max-width: 1024px) {
  .specification__table td:first-child {
    padding-left: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .specification__table td:first-child {
    padding-left: 3.1290743155vw;
  }
}
@media screen and (max-width: 640px) {
  .specification__table td:first-child {
    padding-left: 3.75vw;
  }
}
@media screen and (max-width: 480px) {
  .specification__table td:first-child {
    padding-left: 5vw;
  }
}
@media screen and (max-width: 390px) {
  .specification__table td:first-child {
    padding-left: 6.1538461538vw;
  }
}
.specification__table td:last-child {
  padding-right: 2.7397260274vw;
}
@media screen and (max-width: 1024px) {
  .specification__table td:last-child {
    padding-right: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .specification__table td:last-child {
    padding-right: 3.1290743155vw;
  }
}
@media screen and (max-width: 640px) {
  .specification__table td:last-child {
    padding-right: 3.75vw;
  }
}
@media screen and (max-width: 480px) {
  .specification__table td:last-child {
    padding-right: 5vw;
  }
}
@media screen and (max-width: 390px) {
  .specification__table td:last-child {
    padding-right: 6.1538461538vw;
  }
}
@media (max-width: 575px) {
  .specification__table td {
    font-size: 14px;
  }
}
.specification__note {
  display: block;
  padding-top: 1.3698630137vw;
  padding-bottom: 1.3698630137vw;
  text-align: center;
  font-size: 1.6438356164vw;
}
@media screen and (max-width: 1024px) {
  .specification__note {
    padding-top: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .specification__note {
    padding-top: 2.0860495437vw;
  }
}
@media screen and (max-width: 640px) {
  .specification__note {
    padding-top: 2.5vw;
  }
}
@media screen and (max-width: 480px) {
  .specification__note {
    padding-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .specification__note {
    padding-top: 4.1025641026vw;
  }
}
@media screen and (max-width: 1024px) {
  .specification__note {
    padding-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .specification__note {
    padding-bottom: 2.0860495437vw;
  }
}
@media screen and (max-width: 640px) {
  .specification__note {
    padding-bottom: 2.5vw;
  }
}
@media screen and (max-width: 480px) {
  .specification__note {
    padding-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .specification__note {
    padding-bottom: 4.1025641026vw;
  }
}
@media screen and (max-width: 1024px) {
  .specification__note {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .specification__note {
    font-size: 2.0860495437vw;
  }
}
@media screen and (max-width: 640px) {
  .specification__note {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 480px) {
  .specification__note {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .specification__note {
    font-size: 4.1025641026vw;
  }
}

.gallery {
  --swiper-navigation-sides-offset: 100px;
  padding: 1.7123287671vw 0vw;
}
.gallery__image-container {
  position: relative;
  width: 100%;
  display: block;
}
.gallery__image-container:before {
  content: "";
  display: block;
  padding-top: 59.4405594406%;
}
.gallery__image-container .ratio-item {
  object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .gallery {
    padding: 2.44140625vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .gallery {
    padding: 3.259452412vw 0vw;
  }
}
@media screen and (max-width: 640px) {
  .gallery {
    padding: 3.90625vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .gallery {
    padding: 5.2083333333vw 0vw;
  }
}
@media screen and (max-width: 390px) {
  .gallery {
    padding: 6.4102564103vw 0vw;
  }
}
.gallery .swiper .swiper-slide .gallery__image-container {
  transform: scale(0.8);
}
.gallery .swiper .swiper-slide.swiper-slide-active .gallery__image-container {
  transform: scale(1);
}
.gallery .swiper .swiper-button-prev, .gallery .swiper .swiper-button-next {
  background-color: #000000;
  border-radius: 50%;
  width: 3.4246575342vw;
  height: 3.4246575342vw;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 1024px) {
  .gallery .swiper .swiper-button-prev, .gallery .swiper .swiper-button-next {
    width: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .gallery .swiper .swiper-button-prev, .gallery .swiper .swiper-button-next {
    width: 5.2151238592vw;
  }
}
@media screen and (max-width: 640px) {
  .gallery .swiper .swiper-button-prev, .gallery .swiper .swiper-button-next {
    width: 6.25vw;
  }
}
@media screen and (max-width: 480px) {
  .gallery .swiper .swiper-button-prev, .gallery .swiper .swiper-button-next {
    width: 8.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .gallery .swiper .swiper-button-prev, .gallery .swiper .swiper-button-next {
    width: 10.2564102564vw;
  }
}
@media screen and (max-width: 1024px) {
  .gallery .swiper .swiper-button-prev, .gallery .swiper .swiper-button-next {
    height: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .gallery .swiper .swiper-button-prev, .gallery .swiper .swiper-button-next {
    height: 5.2151238592vw;
  }
}
@media screen and (max-width: 640px) {
  .gallery .swiper .swiper-button-prev, .gallery .swiper .swiper-button-next {
    height: 6.25vw;
  }
}
@media screen and (max-width: 480px) {
  .gallery .swiper .swiper-button-prev, .gallery .swiper .swiper-button-next {
    height: 8.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .gallery .swiper .swiper-button-prev, .gallery .swiper .swiper-button-next {
    height: 10.2564102564vw;
  }
}
.gallery .swiper .swiper-button-prev::after, .gallery .swiper .swiper-button-next::after {
  content: unset;
}
.gallery .swiper .swiper-button-prev svg, .gallery .swiper .swiper-button-next svg {
  fill: #fff;
  width: 1.095890411vw;
  height: 1.095890411vw;
}
@media screen and (max-width: 1024px) {
  .gallery .swiper .swiper-button-prev svg, .gallery .swiper .swiper-button-next svg {
    width: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .gallery .swiper .swiper-button-prev svg, .gallery .swiper .swiper-button-next svg {
    width: 2.0860495437vw;
  }
}
@media screen and (max-width: 640px) {
  .gallery .swiper .swiper-button-prev svg, .gallery .swiper .swiper-button-next svg {
    width: 2.5vw;
  }
}
@media screen and (max-width: 480px) {
  .gallery .swiper .swiper-button-prev svg, .gallery .swiper .swiper-button-next svg {
    width: 3.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .gallery .swiper .swiper-button-prev svg, .gallery .swiper .swiper-button-next svg {
    width: 4.1025641026vw;
  }
}
@media screen and (max-width: 1024px) {
  .gallery .swiper .swiper-button-prev svg, .gallery .swiper .swiper-button-next svg {
    height: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .gallery .swiper .swiper-button-prev svg, .gallery .swiper .swiper-button-next svg {
    height: 2.0860495437vw;
  }
}
@media screen and (max-width: 640px) {
  .gallery .swiper .swiper-button-prev svg, .gallery .swiper .swiper-button-next svg {
    height: 2.5vw;
  }
}
@media screen and (max-width: 480px) {
  .gallery .swiper .swiper-button-prev svg, .gallery .swiper .swiper-button-next svg {
    height: 3.3333333333vw;
  }
}
@media screen and (max-width: 390px) {
  .gallery .swiper .swiper-button-prev svg, .gallery .swiper .swiper-button-next svg {
    height: 4.1025641026vw;
  }
}
.gallery .swiper .swiper-button-prev:hover, .gallery .swiper .swiper-button-next:hover {
  opacity: 0.8;
}
.gallery__title {
  text-align: center;
  margin-bottom: 1.3698630137vw;
}
@media screen and (max-width: 1024px) {
  .gallery__title {
    margin-bottom: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .gallery__title {
    margin-bottom: 2.6075619296vw;
  }
}
@media screen and (max-width: 640px) {
  .gallery__title {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .gallery__title {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .gallery__title {
    margin-bottom: 5.1282051282vw;
  }
}
.gallery__image-container {
  transition: transform 0.3s ease;
  transition-delay: 0.5s;
}
.gallery__disclaimer {
  display: block;
  margin-top: 1.7123287671vw;
  font-size: 0.9589041096vw;
  line-height: 1.3698630137vw;
  color: #000000;
}
@media screen and (max-width: 1024px) {
  .gallery__disclaimer {
    margin-top: 2.44140625vw;
  }
}
@media screen and (max-width: 767px) {
  .gallery__disclaimer {
    margin-top: 3.259452412vw;
  }
}
@media screen and (max-width: 640px) {
  .gallery__disclaimer {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 480px) {
  .gallery__disclaimer {
    margin-top: 5.2083333333vw;
  }
}
@media screen and (max-width: 390px) {
  .gallery__disclaimer {
    margin-top: 6.4102564103vw;
  }
}
@media screen and (max-width: 1024px) {
  .gallery__disclaimer {
    font-size: 1.07421875vw;
  }
}
@media screen and (max-width: 767px) {
  .gallery__disclaimer {
    font-size: 1.4341590613vw;
  }
}
@media screen and (max-width: 640px) {
  .gallery__disclaimer {
    font-size: 1.71875vw;
  }
}
@media screen and (max-width: 480px) {
  .gallery__disclaimer {
    font-size: 2.2916666667vw;
  }
}
@media screen and (max-width: 390px) {
  .gallery__disclaimer {
    font-size: 2.8205128205vw;
  }
}
@media screen and (max-width: 1024px) {
  .gallery__disclaimer {
    line-height: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .gallery__disclaimer {
    line-height: 2.6075619296vw;
  }
}
@media screen and (max-width: 640px) {
  .gallery__disclaimer {
    line-height: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .gallery__disclaimer {
    line-height: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .gallery__disclaimer {
    line-height: 5.1282051282vw;
  }
}
@media (max-width: 991px) {
  .gallery {
    --swiper-navigation-sides-offset: 50px;
  }
}
@media (max-width: 767px) {
  .gallery {
    --swiper-navigation-sides-offset: 15px;
  }
}

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