.brand-introduction-banner-section03-pc-container[data-v-1f447d10] {
  width: 100%;
  height: 100vh;
  position: relative;
}
.brand-introduction-banner-section03-pc-container .banner-img[data-v-1f447d10] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.brand-introduction-banner-section03-pc-container .intruction-content[data-v-1f447d10] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 11.0416666667vw 3.125vw;
}
.brand-introduction-banner-section03-pc-container .intruction-content .introductio-animation[data-v-1f447d10] {
  display: grid;
  align-items: flex-end;
  justify-content: space-between;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25vw;
}
.brand-introduction-banner-section03-pc-container .intruction-content .introductio-animation .intruction-item[data-v-1f447d10] {
  min-height: 8.75vw;
  padding: 1.25vw 1.6666666667vw;
  background-color: rgba(0, 0, 0, 0.1019607843);
  -webkit-backdrop-filter: blur(0.5208333333vw);
          backdrop-filter: blur(0.5208333333vw);
}
.brand-introduction-banner-section03-pc-container .intruction-content .introductio-animation .intruction-item .title[data-v-1f447d10] {
  color: #fff;
  font-size: 1.875vw;
  font-weight: 400;
  margin-bottom: 0.4166666667vw;
}
.brand-introduction-banner-section03-pc-container .intruction-content .introductio-animation .intruction-item .desc[data-v-1f447d10] {
  color: rgba(255, 255, 255, 0.7490196078);
  font-size: 1.0416666667vw;
}.brand-introduction-banner-section03-mob-container[data-v-531c27c1] {
  width: 100%;
  height: 100vh;
  position: relative;
}
.brand-introduction-banner-section03-mob-container .banner-img[data-v-531c27c1] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.brand-introduction-banner-section03-mob-container .intruction-content[data-v-531c27c1] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 6.4vw 16vw;
  align-items: flex-end;
}
.brand-introduction-banner-section03-mob-container .intruction-content .introductio-animation[data-v-531c27c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brand-introduction-banner-section03-mob-container .intruction-content .introductio-animation .intruction-item[data-v-531c27c1] {
  width: 100%;
  min-height: 24vw;
  padding: 4.8vw 5.3333333333vw;
  background-color: rgba(0, 0, 0, 0.1019607843);
  -webkit-backdrop-filter: blur(1.6vw);
          backdrop-filter: blur(1.6vw);
  margin-bottom: 4.2666666667vw;
}
.brand-introduction-banner-section03-mob-container .intruction-content .introductio-animation .intruction-item .title[data-v-531c27c1] {
  color: #fff;
  font-size: 5.3333333333vw;
  line-height: 6.4vw;
  font-weight: 400;
  margin-bottom: 2.1333333333vw;
}
.brand-introduction-banner-section03-mob-container .intruction-content .introductio-animation .intruction-item .desc[data-v-531c27c1] {
  color: rgba(255, 255, 255, 0.7490196078);
  font-size: 3.7333333333vw;
  line-height: 5.8666666667vw;
}
.brand-introduction-banner-section03-mob-container .intruction-content .introductio-animation .intruction-item[data-v-531c27c1]:last-child {
  margin-bottom: 0;
}