.common__circle-gradient {
  mask-image: url(../data/webp/lang/en/top/goods/circle_base.webp);
}
.common__circle.is-recruit .common__circle-gradient {
  mask-image: url(../data/webp/lang/en/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: -2.9333333333vw;
}
.top-about__inner-text[data-line="3"] {
  margin-top: -0.9333333333vw;
  padding-left: 2.1333333333vw;
}
.top-about__inner-text[data-line="4"] {
  margin-top: -7.4666666667vw;
  padding-right: 1.8666666667vw;
}

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

@media only screen and (min-width: 767px) {
  .top-about__content {
    position: relative;
    width: min(62.5vw, 900px);
    height: min(30.2083333333vw, 435px);
    margin-top: min(2.8472222222vw, 41px);
    margin-left: min(32.7777777778vw, 472px);
    margin-bottom: min(6.9444444444vw, 100px);
  }
}
@media only screen and (min-width: 1440px) {
  .top-about__content {
    width: min(900px + (100vw - 1440px) * 0.1607142857, 1080px);
    height: min(435px + (100vw - 1440px) * 0.0776785714, 522px);
    margin-top: min(41px + (100vw - 1440px) * 0.0073214286, 49.2px);
    margin-left: min(472px + (100vw - 1440px) * 0.0842857143, 566.4px);
    margin-bottom: min(100px + (100vw - 1440px) * 0.0178571429, 120px);
  }
}

.top-about__main {
  width: 97.3333333333vw;
  height: 35.3333333333vw;
  margin-top: -3.8666666667vw;
}
@media only screen and (min-width: 767px) {
  .top-about__main {
    width: min(41.3194444444vw, 595px);
    height: min(15.8333333333vw, 228px);
    top: min(14.375vw, 207px);
    right: min(14.0972222222vw, 203px);
    margin: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .top-about__main {
    width: min(595px + (100vw - 1440px) * 0.10625, 714px);
    height: min(228px + (100vw - 1440px) * 0.0407142857, 273.6px);
    top: min(207px + (100vw - 1440px) * 0.0369642857, 248.4px);
    right: min(203px + (100vw - 1440px) * 0.03625, 243.6px);
  }
}
.top-about__main-wrapper:nth-child(1) .top-about__main-layer {
  mask-image: url(../data/webp/lang/en/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/en/top/about/main_text_1_pc.webp);
  }
}
.top-about__main-wrapper:nth-child(2) .top-about__main-layer {
  mask-image: url(../data/webp/lang/en/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/en/top/about/main_text_2_pc.webp);
  }
}
.top-about__main-wrapper:nth-child(3) .top-about__main-layer {
  mask-image: url(../data/webp/lang/en/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/en/top/about/main_text_3_pc.webp);
  }
}
.top-about__main-wrapper:nth-child(4) .top-about__main-layer {
  mask-image: url(../data/webp/lang/en/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/en/top/about/main_text_4_pc.webp);
  }
}
.top-about__main-wrapper:nth-child(5) .top-about__main-layer {
  mask-image: url(../data/webp/lang/en/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/en/top/about/main_text_5_pc.webp);
  }
}

.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/en/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/en/about/main_full.webp);
}
@media only screen and (min-width: 767px) {
  .about__main-layer--t1 {
    mask-image: url(../data/webp/lang/en/about/main_full_pc.webp);
  }
}
.about__kv-layer--g1 {
  background-image: url(../data/webp/lang/en/about/layer_g1.webp);
}
@media only screen and (min-width: 767px) {
  .about__kv-layer--g1 {
    background-image: url(../data/webp/lang/en/about/layer_g1_pc.webp);
  }
}
.about__kv-layer--g2 {
  background-image: url(../data/webp/lang/en/about/layer_g2.webp);
}
@media only screen and (min-width: 767px) {
  .about__kv-layer--g2 {
    background-image: url(../data/webp/lang/en/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: 42.8vw;
  height: 36.5333333333vw;
  margin-right: -1.0666666667vw;
  margin-left: auto;
  margin-bottom: -16vw;
}
@media only screen and (min-width: 767px) {
  .about__recruit-text {
    width: min(37.0138888889vw, 533px);
    height: min(13.0555555556vw, 188px);
    margin-top: min(3.4722222222vw, 50px);
    margin-right: min(5.5555555556vw, 80px);
    margin-left: auto;
    margin-bottom: max(-4.1666666667vw, -60px);
  }
}
@media only screen and (min-width: 1440px) {
  .about__recruit-text {
    width: min(533px + (100vw - 1440px) * 0.0951785714, 639.6px);
    height: min(188px + (100vw - 1440px) * 0.0335714286, 225.6px);
    margin-top: min(50px + (100vw - 1440px) * 0.0089285714, 60px);
    margin-right: min(80px + (100vw - 1440px) * 0.0142857143, 96px);
    margin-bottom: min(-60px + (100vw - 1440px) * -0.0107142857, -72px);
  }
}
/*# sourceMappingURL=sourcemaps/en.css.map */