@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");
@media only screen and (max-width: 767px) {
  .mainvisual {
    padding: 29.9869621904vw 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .mainvisual {
    height: 900px;
  }
}
.mainvisual--item {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .mainvisual--item {
    padding: 340px 0;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1601px) {
  .mainvisual--item {
    width: 1600px;
  }
}
.mainvisual--title {
  width: 89.9608865711vw;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .mainvisual--title {
    width: 46.875vw;
    margin: 0 0 0 50px;
  }
}
@media only screen and (min-width: 1601px) {
  .mainvisual--title {
    width: 750px;
  }
}
.mainvisual--catch {
  z-index: 2;
  font-size: 6.518904824vw;
  line-height: 1;
  font-weight: 900;
  padding: 7.8226857888vw 2.6075619296vw 0;
  margin: 6.518904824vw 0 0;
  position: relative;
}
.mainvisual--catch::before {
  content: "";
  background: #9d33ff;
  width: 7.8226857888vw;
  height: 0.5215123859vw;
  display: block;
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .mainvisual--catch {
    text-align: center;
  }
  .mainvisual--catch::before {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 768px) {
  .mainvisual--catch {
    font-size: 36px;
    padding: 40px 0 0;
    margin: 35px 0 0 50px;
  }
  .mainvisual--catch::before {
    width: 30px;
    height: 4px;
  }
}
.mainvisual--chara {
  width: 103%;
  position: absolute;
  left: -10%;
  bottom: -8.4745762712vw;
}
@media only screen and (min-width: 768px) {
  .mainvisual--chara {
    width: 43.25vw;
    left: 50%;
    bottom: 0;
    transform: translateX(1.25vw);
  }
}
@media only screen and (min-width: 1601px) {
  .mainvisual--chara {
    width: 692px;
    transform: translateX(-20px);
  }
}

.section {
  overflow: hidden;
  background: url("/static/images/about/bg_pat.png") repeat 0 0;
  background-size: 100px 100px;
}
.section .tab-list {
  display: flex;
}
.section .tab-list__item {
  flex-basis: 50vw;
  text-align: center;
  padding: 5.2151238592vw 0;
  position: relative;
}
.section .tab-list__item:not(.is-active)::before {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  width: calc(100% + 50px);
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.section .tab-list__item:first-child:not(.is-active)::before {
  transform: skewX(-28.5deg);
  left: -50px;
}
.section .tab-list__item:last-child:not(.is-active)::before {
  transform: skewX(28.5deg);
  right: -50px;
}
.section .tab-list__item span {
  color: #9d33ff;
  line-height: 1.25;
  font-weight: 700;
  display: inline-block;
  font-size: 3.9113428944vw;
}
.section .tab-list.tab-bottom .tab-list__item:first-child:not(.is-active)::before {
  transform: skewX(28.5deg);
  left: -50px;
}
.section .tab-list.tab-bottom .tab-list__item:last-child:not(.is-active)::before {
  transform: skewX(-28.5deg);
  right: -50px;
}
@media only screen and (min-width: 768px) {
  .section .tab-list__item {
    padding: 35px 0;
    transition: 0.3s;
    cursor: pointer;
  }
  .section .tab-list__item:not(.is-active):hover {
    background: transparent;
  }
  .section .tab-list__item span {
    font-size: 24px;
  }
}
.section .tab-container {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 6%, rgba(0, 0, 0, 0.8) 25%, black 50%, rgba(0, 0, 0, 0.9) 75%, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0) 100%);
}
.section .tab-container--content {
  padding: 12.3859191656vw 0 35.8539765319vw;
  display: none;
}
.section .tab-container--content.is-show {
  display: block;
}
.section .tab-container--content-tit {
  width: 65.1890482399vw;
  padding: 2.8683181226vw 14.3415906128vw 2.8683181226vw 5.8670143416vw;
  position: relative;
}
.section .tab-container--content-tit::before {
  content: "";
  background: url("/static/images/about/bg_pat.png") repeat 0 0;
  background-size: 100px 100px;
  width: 61.2777053455vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: -4.5632333768vw;
  z-index: -1;
  transform: skewX(-28.5deg);
}
.section .tab-container--content-tit span {
  line-height: 1;
  font-weight: 900;
  font-size: 6.518904824vw;
}
@media only screen and (min-width: 768px) {
  .section .tab-container--content {
    padding: 150px 0 250px;
  }
  .section .tab-container--content-tit {
    width: auto;
    padding: 22px 50px;
    margin: 0 auto;
  }
  .section .tab-container--content-tit::before {
    width: 450px;
    left: -25px;
  }
  .section .tab-container--content-tit.tit01::before {
    width: 570px;
  }
  .section .tab-container--content-tit.tit02::before {
    width: 780px;
  }
  .section .tab-container--content-tit.tit03::before {
    width: 570px;
  }
  .section .tab-container--content-tit.tit04::before {
    width: 480px;
  }
  .section .tab-container--content-tit span {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1601px) {
  .section .tab-container--content-tit {
    width: 1600px;
  }
  .section .tab-container--content-tit::before {
    width: calc(50vw + 42rem);
    left: -50vw;
  }
}
.section--contents.contents-01 {
  padding: 11.0821382008vw 0 15.6453715776vw;
}
.section--contents.contents-01 .common--btn {
  margin: 15.6453715776vw auto 0;
}
@media only screen and (min-width: 768px) {
  .section--contents.contents-01 {
    padding: 100px 0 100px;
  }
  .section--contents.contents-01 .section--flex-01 {
    min-height: 420px;
    margin: 0 46.875vw 0 0;
  }
  .section--contents.contents-01 .section--flex-02 {
    min-height: 420px;
    position: absolute;
    top: 0;
    right: 50%;
    -webkit-transform: translateX(850px);
    transform: translateX(850px);
  }
  .section--contents.contents-01 .common--btn {
    margin: 40px 0 0;
    justify-content: start;
  }
}
@media only screen and (min-width: 1601px) {
  .section--contents.contents-01 .section--flex-01 {
    margin: 0 750px 0 0;
  }
}
.section--contents.contents-02 {
  padding: 15.6453715776vw 0 0;
}
@media only screen and (max-width: 767px) {
  .section--contents.contents-02 .section--contents__block {
    padding: 0 0 110.8213820078vw;
  }
}
.section--contents.contents-02 .section--chara {
  background: url("/static/images/about/chara_mz.png") no-repeat center 0/contain;
  width: 163.8852672751vw;
  height: 119.295958279vw;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}
.section--contents.contents-02 .section--img {
  margin: 53.4550195567vw 0 0;
}
@media only screen and (max-width: 767px) {
  .section--contents.contents-02 {
    background: url("/static/images/about/bg_mz_sp.jpg") no-repeat center 0/100% auto;
  }
}
@media only screen and (min-width: 768px) {
  .section--contents.contents-02 {
    background: url("/static/images/about/bg_mz.jpg") no-repeat center 0/100% 690px;
    padding: 60px 0 210px;
  }
  .section--contents.contents-02 .section--flex-01 {
    min-height: 420px;
    margin: 0 50.625vw 0 0;
  }
  .section--contents.contents-02 .section--chara {
    width: 1257px;
    height: 915px;
    top: -220px;
    bottom: auto;
    transform: translateX(-180px);
  }
  .section--contents.contents-02 .section--img {
    margin: 65px auto 0;
  }
}
@media only screen and (min-width: 1601px) {
  .section--contents.contents-02 .section--flex-01 {
    margin: 0 810px 0 0;
  }
}
.section--contents.contents-03 .section--contents__block {
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .section--contents.contents-03 .section--contents__block {
    padding: 0;
  }
}
@media only screen and (min-width: 1601px) {
  .section--contents.contents-03 .section--contents__block {
    width: 100%;
  }
}

.section-block {
  width: 100%;
  padding: 27.3794002608vw 0 0;
  margin: 26.075619296vw 0 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-block {
    width: 96.875vw;
    height: 40.625vw;
    padding: 8.875vw 3.75vw 0;
    margin: 1.25vw 0 0 3.125vw;
  }
  .section-block:first-of-type {
    margin: 5.9375vw 0 0 3.125vw;
  }
}
.section-block--bg {
  background: url("/static/images/about/bg_pat.png") repeat 0 0;
  width: 100%;
  height: 74.3155149935vw;
  position: absolute;
  transform: skew(0, 11.5deg);
  top: 11.0821382008vw;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .section-block--bg {
    height: 21.875vw;
    transform: skew(0, 10.5deg);
    top: 8.875vw;
  }
}
.section-block--bg:after {
  content: "";
  display: block;
  border: 0.7822685789vw solid #802ad0;
  background-color: transparent;
  width: calc(100% + 5px);
  height: 100%;
  position: absolute;
  top: 2.6075619296vw;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .section-block--bg:after {
    border: 3px solid #802ad0;
    width: 94.375vw;
    top: 1.25vw;
    left: 1.25vw;
  }
}
.section-block--tit {
  padding: 0 2.6075619296vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-block--tit {
    padding: 0;
    width: 36.5625vw;
  }
}
.section-block--tit:before {
  content: "";
  background-color: #9d33ff;
  width: 3.9113428944vw;
  height: 0.7822685789vw;
  position: absolute;
  top: 3.9113428944vw;
  left: 2.6075619296vw;
}
@media only screen and (min-width: 768px) {
  .section-block--tit:before {
    width: 1.875vw;
    height: 0.25vw;
    top: 1.25vw;
    left: 0;
  }
}
.section-block--tit span {
  color: #fff;
  font-size: 6.518904824vw;
  font-weight: 900;
  line-height: 1.2;
  display: inline-block;
  margin-left: 5.8670143416vw;
}
@media only screen and (min-width: 768px) {
  .section-block--tit span {
    font-size: 2.25vw;
    margin-left: 2.8125vw;
  }
}
.section-block--tit .icon-new {
  width: 11.7340286832vw;
  height: 5.2151238592vw;
  display: inline-block;
  margin: 0 0 0 1.6949152542vw;
  vertical-align: revert;
}
@media only screen and (min-width: 768px) {
  .section-block--tit .icon-new {
    width: 2.8125vw;
    height: 1.375vw;
    margin: 0 0 0 0.9375vw;
  }
}
.section-block--text {
  font-size: 3.3898305085vw;
  line-height: 1.85;
  padding: 0 2.6075619296vw;
  margin: 8.4745762712vw 0 0;
  text-align: justify;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-block--text {
    width: 38.75vw;
    font-size: 1vw;
    line-height: 2.2;
    padding: 0;
    margin: 2.1875vw 0 0 2.8125vw;
  }
}

@media only screen and (min-width: 768px) {
  .swiper-main {
    width: 44.375vw;
    position: absolute;
    top: 4.375vw;
    right: 3.125vw;
  }
}
.swiper-main .swiper-wrapper {
  transition-timing-function: ease;
}
.swiper-main--container {
  width: 92.5684485007vw;
  height: 52.5423728814vw;
  margin: 7.8226857888vw auto 0;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .swiper-main--container {
    width: 44.375vw;
    height: 30.1875vw;
    margin: 0;
    overflow: hidden;
  }
}
.swiper-main--silde {
  width: 92.5684485007vw !important;
  height: 52.5423728814vw;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .swiper-main--silde {
    width: 44.375vw !important;
    height: 25.1875vw;
  }
}
.swiper-main--silde-bg {
  background: url("/static/images/about/bg_pat2.png") repeat 0 0;
  width: 91.2646675359vw;
  height: 51.2385919166vw;
  position: absolute;
  top: 1.3037809648vw;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .swiper-main--silde-bg {
    width: 43.75vw;
    height: 24.5625vw;
    top: 0.625vw;
  }
}
.swiper-main--silde-img {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 91.2646675359vw;
  height: 51.2385919166vw;
  position: absolute;
  top: 0;
  left: 1.3037809648vw;
}
@media only screen and (min-width: 768px) {
  .swiper-main--silde-img {
    width: 43.75vw;
    height: 24.5625vw;
    left: 0.625vw;
  }
}
@media only screen and (min-width: 768px) {
  .swiper-main .swiper-thumbs--container {
    width: 33.625vw;
    height: 6.25vw;
    margin: -6.25vw auto 0;
    overflow: hidden;
  }
  .swiper-main .swiper-thumbs--silde {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 33.3333333333% !important;
    height: 6.25vw;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    pointer-events: auto;
  }
  .swiper-main .swiper-thumbs--silde.swiper-slide-thumb-active {
    border: 2px solid #9d33ff;
    filter: brightness(0.7);
  }
}
.swiper-main .swiper-button-next,
.swiper-main .swiper-button-prev {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  width: 11.7340286832vw;
  height: 15.6453715776vw;
  margin-top: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
  .swiper-main .swiper-button-next,
.swiper-main .swiper-button-prev {
    width: 2vw;
    height: 2.75vw;
    top: 90%;
  }
}
.swiper-main .swiper-button-next:after,
.swiper-main .swiper-button-prev:after {
  content: none;
}
.swiper-main .swiper-button-next {
  background-image: url("/static/images/about/arrow_next.png");
  right: -6.518904824vw;
}
@media only screen and (min-width: 768px) {
  .swiper-main .swiper-button-next {
    right: 3.125vw;
  }
}
.swiper-main .swiper-button-prev {
  background-image: url("/static/images/about/arrow_prev.png");
  left: -6.518904824vw;
}
@media only screen and (min-width: 768px) {
  .swiper-main .swiper-button-prev {
    left: 3.125vw;
  }
}
@media only screen and (min-width: 768px) {
  .swiper-main.min .swiper-thumbs--container {
    width: 22.375vw;
  }
  .swiper-main.min .swiper-thumbs--silde {
    width: 50% !important;
  }
}
@media only screen and (min-width: 768px) {
  .swiper-main.min .swiper-button-next {
    right: 8.75vw;
  }
}
@media only screen and (min-width: 768px) {
  .swiper-main.min .swiper-button-prev {
    left: 8.75vw;
  }
}

@keyframes line_top {
  0% {
    opacity: 1;
  }
  40% {
    transform: translateY(100%);
    opacity: 1;
  }
  41% {
    opacity: 0;
  }
  49% {
    opacity: 0;
    transform: translateY(-100%);
  }
  50% {
    opacity: 1;
    transform: translateY(-100%);
  }
}
@keyframes i {
  0% {
    transform: scale3d(0.9, 0.9, 0.9);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.common--scroll__text {
  overflow: hidden;
}
.common--scroll__text:after {
  animation: line_top 2s ease infinite;
}

.main-swiper--modal {
  display: flex;
}

.sub-swiper .swiper-slide {
  transform-style: preserve-3d;
  perspective: 500px;
  perspective-origin: bottom;
  position: relative;
}
.sub-swiper .swiper-slide p {
  transform: rotateX(6deg) translateZ(1em);
  transition: transform 1s ease 0s;
}
.sub-swiper .swiper-slide p:hover {
  transform: rotateX(2deg) translateZ(1em);
}

.section--inner {
  transition: 300ms;
}
.section--inner.off {
  opacity: 0;
  transform: translateY(20px);
}
.section--chara {
  opacity: 0;
  transition: 300ms;
}
.section--chara.on {
  opacity: 1;
}

.js--scroll {
  transform: scale3d(0.9, 0.9, 0.9);
  transform-origin: center;
  transition: 300ms;
  opacity: 0;
}
.js--scroll.on {
  transform: scale3d(1, 1, 0.1);
  opacity: 1;
}

.swiper-wrapper.stop {
  transition-duration: 0ms !important;
}

.page--top {
  bottom: 24.7718383312vw;
}
@media only screen and (min-width: 768px) {
  .page--top {
    bottom: 140px;
  }
}

.swiper-slide .swipe-item {
  transition: all 500ms;
  transform: translate(-50%, -40%) !important;
}
.swiper-slide .swipe-item--text {
  transition: all 500ms;
  opacity: 0;
}
.swiper-slide .swipe-item--num:after {
  transition: all 500ms;
  transform: scale(0);
  transform-origin: center;
}
.swiper-slide.swiper-slide-active .swipe-item {
  transform: translate(-50%, -50%) !important;
}
.swiper-slide.swiper-slide-active .swipe-item--text {
  opacity: 1;
}
.swiper-slide.swiper-slide-active .swipe-item--num:after {
  transform: scale(1);
}
/*# sourceMappingURL=../maps/about.css.map */

.bg-ss-01 {
  background-image: url("/static/images/about/ss_01.jpg");
}

.bg-slider-01-01 {
  background-image: url("/static/images/about/slider_01_01.jpg");
}

.bg-slider-01-02 {
  background-image: url("/static/images/about/slider_01_02.jpg");
}

.bg-slider-01-03 {
  background-image: url("/static/images/about/slider_01_03.jpg");
}

.bg-slider-02-01 {
  background-image: url("/static/images/about/slider_02_01.jpg");
}

.bg-slider-02-01-en {
  background-image: url("/static/images/about/slider_02_01.jpg");
}

.bg-slider-02-02 {
  background-image: url("/static/images/about/slider_02_02.gif");
}

.bg-slider-04-01 {
  background-image: url("/static/images/about/slider_04_01.png");
}

.bg-slider-04-02 {
  background-image: url("/static/images/about/slider_04_02.jpg");
}

.bg-slider-05-01 {
  background-image: url("/static/images/about/slider_05_01.jpg");
}

.bg-slider-05-02 {
  background-image: url("/static/images/about/slider_05_02.jpg");
}

.bg-slider-05-03 {
  background-image: url("/static/images/about/slider_05_03.jpg");
}

.bg-slider-06-01 {
  background-image: url("/static/images/about/slider_06_01.jpg");
}

.bg-slider-06-02 {
  background-image: url("/static/images/about/slider_06_02.jpg");
}

.bg-slider-06-03 {
  background-image: url("/static/images/about/slider_06_03.jpg");
}

.bg-slider-07-01 {
  background-image: url("/static/images/about/slider_07_01.jpg");
}

.bg-slider-07-02 {
  background-image: url("/static/images/about/slider_07_02.jpg");
}

.bg-slider-07-03 {
  background-image: url("/static/images/about/slider_07_03.jpg");
}