body {
  font-family: "Noto Sans SC", sans-serif;
}

.common__circle-gradient {
  mask-image: url(../data/webp/lang/cn/top/goods/circle_base.webp);
}
.common__circle.is-recruit .common__circle-gradient {
  mask-image: url(../data/webp/lang/cn/top/recruit/circle_base.webp);
}
.common__circle.is-creative {
  left: 41.7333333333vw;
}
@media only screen and (min-width: 767px) {
  .common__circle.is-creative {
    left: min(66.3194444444vw, 955px);
  }
}
@media only screen and (min-width: 1440px) {
  .common__circle.is-creative {
    left: min(955px + (100vw - 1440px) * 0.1705357143, 1146px);
  }
}

.top-about__inner {
  margin-top: 8vw;
}
.top-about__inner-text {
  padding: 0 2.6666666667vw;
}
.top-about__inner-text[data-line="2"] {
  margin-top: -1.0666666667vw;
}
.top-about__inner-text[data-line="3"] {
  margin-top: -2vw;
}
.top-about__inner-text[data-line="4"] {
  display: none;
}

.top-about__chara {
  margin-top: -20vw;
}
@media only screen and (min-width: 767px) {
  .top-about__chara {
    margin-top: 0;
  }
}

.loading__logo-layer:nth-child(5) {
  mask-image: url(../data/webp/lang/cn/loading/base.webp);
}

.top-kv__slide {
  background: url(../data/webp/lang/cn/top/kv/slide_pattern.webp);
  background-repeat: repeat-x;
  background-size: 90.4vw 21.4666666667vw;
}
@media only screen and (min-width: 767px) {
  .top-kv__slide {
    background-size: 47.0833333333vw 11.1805555556vw;
  }
}
.top-kv__slide.is-reverse {
  background: url(../data/webp/lang/cn/top/kv/slide_pattern_reverse.webp);
  background-size: 90.4vw 21.4666666667vw;
}
@media only screen and (min-width: 767px) {
  .top-kv__slide.is-reverse {
    background-size: 47.0833333333vw 11.1805555556vw;
  }
}

@media only screen and (min-width: 767px) {
  .top-about__content {
    position: relative;
    width: min(64.1666666667vw, 924px);
    height: min(26.3888888889vw, 380px);
    margin-top: min(5.5555555556vw, 80px);
    margin-left: min(29.8611111111vw, 430px);
    margin-bottom: min(6.9444444444vw, 100px);
  }
}
@media only screen and (min-width: 1440px) {
  .top-about__content {
    width: min(924px + (100vw - 1440px) * 0.165, 1108.8px);
    height: min(380px + (100vw - 1440px) * 0.0678571429, 456px);
    margin-top: min(80px + (100vw - 1440px) * 0.0142857143, 96px);
    margin-left: min(430px + (100vw - 1440px) * 0.0767857143, 516px);
    margin-bottom: min(100px + (100vw - 1440px) * 0.0178571429, 120px);
  }
}

.top-about__main {
  width: 97.3333333333vw;
  height: 33.8666666667vw;
  margin-top: -4.9333333333vw;
}
@media only screen and (min-width: 767px) {
  .top-about__main {
    width: min(40.9027777778vw, 589px);
    height: min(15vw, 216px);
    top: min(4.8611111111vw, 70px);
    right: min(1.875vw, 27px);
    margin: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .top-about__main {
    width: min(589px + (100vw - 1440px) * 0.1051785714, 706.8px);
    height: min(216px + (100vw - 1440px) * 0.0385714286, 259.2px);
    top: min(70px + (100vw - 1440px) * 0.0125, 84px);
    right: min(27px + (100vw - 1440px) * 0.0048214286, 32.4px);
  }
}
.top-about__main-wrapper:nth-child(1) .top-about__main-layer {
  mask-image: url(../data/webp/lang/cn/top/about/main_text_1.webp);
}
@media only screen and (min-width: 767px) {
  .top-about__main-wrapper:nth-child(1) .top-about__main-layer {
    mask-image: url(../data/webp/lang/cn/top/about/main_text_1_pc.webp);
  }
}
.top-about__main-wrapper:nth-child(2) .top-about__main-layer {
  mask-image: url(../data/webp/lang/cn/top/about/main_text_2.webp);
}
@media only screen and (min-width: 767px) {
  .top-about__main-wrapper:nth-child(2) .top-about__main-layer {
    mask-image: url(../data/webp/lang/cn/top/about/main_text_2_pc.webp);
  }
}
.top-about__main-wrapper:nth-child(3) .top-about__main-layer {
  mask-image: url(../data/webp/lang/cn/top/about/main_text_3.webp);
}
@media only screen and (min-width: 767px) {
  .top-about__main-wrapper:nth-child(3) .top-about__main-layer {
    mask-image: url(../data/webp/lang/cn/top/about/main_text_3_pc.webp);
  }
}
.top-about__main-wrapper:nth-child(4) .top-about__main-layer {
  mask-image: url(../data/webp/lang/cn/top/about/main_text_4.webp);
}
@media only screen and (min-width: 767px) {
  .top-about__main-wrapper:nth-child(4) .top-about__main-layer {
    mask-image: url(../data/webp/lang/cn/top/about/main_text_4_pc.webp);
  }
}
.top-about__main-wrapper:nth-child(5) .top-about__main-layer {
  mask-image: url(../data/webp/lang/cn/top/about/main_text_5.webp);
  mask-repeat: no-repeat;
  mask-size: contain;
}
@media only screen and (min-width: 767px) {
  .top-about__main-wrapper:nth-child(5) .top-about__main-layer {
    mask-image: url(../data/webp/lang/cn/top/about/main_text_5_pc.webp);
  }
}

.top-recruit__base {
  width: 77.6vw;
}
@media only screen and (min-width: 767px) {
  .top-recruit__base {
    width: min(40.4166666667vw, 582px);
  }
}
@media only screen and (min-width: 1440px) {
  .top-recruit__base {
    width: min(582px + (100vw - 1440px) * 0.1039285714, 698.4px);
  }
}

.about__kv-base:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  background-image: url(../data/webp/lang/cn/about/kv_base_front.webp);
  background-size: 100% auto;
}
@media only screen and (min-width: 767px) {
  .about__kv-base:before {
    display: none;
  }
}
.about__main-layer--t1 {
  mask-image: url(../data/webp/lang/cn/about/main_full.webp);
}
@media only screen and (min-width: 767px) {
  .about__main-layer--t1 {
    mask-image: url(../data/webp/lang/cn/about/main_full_pc.webp);
  }
}
.about__kv-layer--g1 {
  background-image: url(../data/webp/lang/cn/about/layer_g1.webp);
}
@media only screen and (min-width: 767px) {
  .about__kv-layer--g1 {
    background-image: url(../data/webp/lang/cn/about/layer_g1_pc.webp);
  }
}
.about__kv-layer--g2 {
  background-image: url(../data/webp/lang/cn/about/layer_g2.webp);
}
@media only screen and (min-width: 767px) {
  .about__kv-layer--g2 {
    background-image: url(../data/webp/lang/cn/about/layer_g2_pc.webp);
  }
}
.about__concept-title {
  font-size: 9.6vw;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 767px) {
  .about__concept-title {
    font-size: min(4.1666666667vw, 60px);
    width: max-content;
  }
}
@media only screen and (min-width: 1440px) {
  .about__concept-title {
    font-size: min(60px + (100vw - 1440px) * 0.0107142857, 72px);
  }
}
.about__recruit-text {
  width: 38.8vw;
  height: 29.6vw;
  margin-top: 1.3333333333vw;
  margin-right: 2.4vw;
  margin-left: auto;
  margin-bottom: -9.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .about__recruit-text {
    width: min(31.9444444444vw, 460px);
    height: min(11.1111111111vw, 160px);
    margin-top: min(2.7777777778vw, 40px);
    margin-right: min(6.9444444444vw, 100px);
    margin-left: auto;
    margin-bottom: max(-2.0833333333vw, -30px);
  }
}
@media only screen and (min-width: 1440px) {
  .about__recruit-text {
    width: min(460px + (100vw - 1440px) * 0.0821428571, 552px);
    height: min(160px + (100vw - 1440px) * 0.0285714286, 192px);
    margin-top: min(40px + (100vw - 1440px) * 0.0071428571, 48px);
    margin-right: min(100px + (100vw - 1440px) * 0.0178571429, 120px);
    margin-bottom: min(-30px + (100vw - 1440px) * -0.0053571429, -36px);
  }
}
/*# sourceMappingURL=sourcemaps/cn.css.map */