.brand-introduction-banner-section06-pc-container[data-v-d7af55dc] {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: rgb(0, 0, 0);
}
.brand-introduction-banner-section06-pc-container .page-container[data-v-d7af55dc] {
  position: relative;
  max-width: calc(100% - 6.25vw);
  width: 75vw;
  display: flex;
  flex-direction: column;
}
.brand-introduction-banner-section06-pc-container .page-container .title-part[data-v-d7af55dc] {
  text-align: center;
  margin-top: 6.25vw;
  --min-font-size: 10px;
  --min-scale: 64px;
  --max-scale: 64px;
  font-size: 64px;
  --line-height-v: 8px;
  line-height: calc(100% + var(--line-height-v));
  font-weight: 400;
  font-family: "URW Form", "HYQiHeiX1-45J";
  color: rgb(255, 255, 255);
  font-size: 3.3333333333vw;
}
.brand-introduction-banner-section06-pc-container .page-container .subtitle-part[data-v-d7af55dc] {
  margin-top: 1.25vw;
  text-align: center;
  --min-font-size: 10px;
  --min-scale: 20px;
  --max-scale: 20px;
  font-size: 20px;
  --line-height-v: 8px;
  line-height: calc(100% + var(--line-height-v));
  font-weight: 400;
  font-family: "URW Form", "HYQiHeiX1-45J";
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.0416666667vw;
}
.brand-introduction-banner-section06-pc-container .page-container .img-part[data-v-d7af55dc] {
  display: flex;
  margin-top: 3.3333333333vw;
  gap: 0.8333333333vw;
  height: 30.2083333333vw;
  position: relative;
  margin-bottom: 6.25vw;
}
.brand-introduction-banner-section06-pc-container .page-container .img-part .part-item[data-v-d7af55dc] {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-size: cover;
  background-position: center center;
  align-items: center;
  cursor: pointer;
}
.brand-introduction-banner-section06-pc-container .page-container .img-part .part-item .item-container[data-v-d7af55dc] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: 0vw;
  padding-bottom: 2.0833333333vw;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 99.237%);
}
.brand-introduction-banner-section06-pc-container .page-container .img-part .part-item .item-container .item-title[data-v-d7af55dc] {
  --min-font-size: 10px;
  --min-scale: 26px;
  --max-scale: 26px;
  font-size: 26px;
  --line-height-v: 8px;
  line-height: calc(100% + var(--line-height-v));
  font-weight: 400;
  font-family: "URW Form", "HYQiHeiX1-45J";
  color: rgb(255, 255, 255);
  font-size: 1.3541666667vw;
  margin-bottom: 0.4166666667vw;
}
.brand-introduction-banner-section06-pc-container .page-container .img-part .part-item .item-container .item-contents[data-v-d7af55dc] {
  gap: 0.4166666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brand-introduction-banner-section06-pc-container .page-container .img-part .part-item .item-container .item-contents div[data-v-d7af55dc] {
  --min-font-size: 10px;
  --min-scale: 12px;
  --max-scale: 12px;
  font-size: 12px;
  --line-height-v: 8px;
  line-height: calc(100% + var(--line-height-v));
  font-weight: 400;
  font-family: "URW Form", "HYQiHeiX1-45J";
  color: rgb(255, 255, 255);
  font-size: 0.625vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  white-space: nowrap;
}.brand-introduction-banner-section06-mob-container[data-v-e90d3802] {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: rgb(0, 0, 0);
  overflow: hidden;
}
.brand-introduction-banner-section06-mob-container .page-container[data-v-e90d3802] {
  position: relative;
  width: calc(100% - 12.8vw);
  display: flex;
  flex-direction: column;
  padding: 16vw 0;
}
.brand-introduction-banner-section06-mob-container .page-container .title-float-part .title-part[data-v-e90d3802] {
  --min-font-size: 10px;
  --min-scale: 28px;
  --max-scale: 28px;
  font-size: 28px;
  --line-height-v: 8px;
  line-height: calc(100% + var(--line-height-v));
  font-weight: 400;
  font-family: "URW Form", "HYQiHeiX1-45J";
  color: rgb(255, 255, 255);
}
.brand-introduction-banner-section06-mob-container .page-container .title-float-part .subtitle-part[data-v-e90d3802] {
  margin-top: 6.4vw;
  --min-font-size: 10px;
  --min-scale: 14px;
  --max-scale: 14px;
  font-size: 14px;
  --line-height-v: 8px;
  line-height: calc(100% + var(--line-height-v));
  font-weight: 400;
  font-family: "URW Form", "HYQiHeiX1-45J";
  color: rgba(255, 255, 255, 0.75);
}
.brand-introduction-banner-section06-mob-container .page-container .swiper-part .swiper-wrapper[data-v-e90d3802] {
  display: flex;
  margin-top: 9.6vw;
  aspect-ratio: 0.7976/1;
  position: relative;
}
.brand-introduction-banner-section06-mob-container .page-container .swiper-part .swiper-wrapper .swiper-slide[data-v-e90d3802] {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-size: cover;
  background-position: center center;
  align-items: center;
  cursor: pointer;
}
.brand-introduction-banner-section06-mob-container .page-container .swiper-part .swiper-wrapper .swiper-slide .item-container[data-v-e90d3802] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: 0vw;
  padding-bottom: 10.6666666667vw;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 99.237%);
}
.brand-introduction-banner-section06-mob-container .page-container .swiper-part .swiper-wrapper .swiper-slide .item-container .item-title[data-v-e90d3802] {
  --min-font-size: 10px;
  --min-scale: 18px;
  --max-scale: 18px;
  font-size: 18px;
  --line-height-v: 8px;
  line-height: calc(100% + var(--line-height-v));
  font-weight: 400;
  font-family: "URW Form", "HYQiHeiX1-45J";
  color: rgb(255, 255, 255);
  margin-bottom: 2.1333333333vw;
}
.brand-introduction-banner-section06-mob-container .page-container .swiper-part .swiper-wrapper .swiper-slide .item-container .item-contents[data-v-e90d3802] {
  width: 100%;
  gap: 2.1333333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brand-introduction-banner-section06-mob-container .page-container .swiper-part .swiper-wrapper .swiper-slide .item-container .item-contents div[data-v-e90d3802] {
  --min-font-size: 10px;
  --min-scale: 14px;
  --max-scale: 14px;
  font-size: 14px;
  --line-height-v: 8px;
  line-height: calc(100% + var(--line-height-v));
  font-weight: 400;
  font-family: "URW Form", "HYQiHeiX1-45J";
  color: rgba(255, 255, 255, 0.75);
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  text-align: center;
}
.brand-introduction-banner-section06-mob-container .page-container .swiper-controller[data-v-e90d3802] {
  display: flex;
  justify-content: center;
  margin-top: 6.4vw;
}
.brand-introduction-banner-section06-mob-container .page-container .swiper-controller .swiper-pagination[data-v-e90d3802] {
  display: flex;
  justify-content: center;
  gap: 1.3333333333vw;
}
.brand-introduction-banner-section06-mob-container .page-container .swiper-controller .swiper-pagination[data-v-e90d3802] .swiper-pagination-bullet {
  display: block;
  width: 7.4666666667vw;
  height: 0.5333333333vw;
  transition: background 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 0;
}
.brand-introduction-banner-section06-mob-container .page-container .swiper-controller .swiper-pagination[data-v-e90d3802] .swiper-pagination-bullet-active {
  background-color: rgb(255, 255, 255);
}