/* ============================================================== common */
/* ============================================================== pagesKv */
.pagesKv {
  margin-bottom: 0;
}

.pagesKv__bg--innerImg {
  background-image: url(/about/_assets/img/kv.webp);
}

/* ============================================================== about mainContents */
.about__mainContents {
  position: relative;
  padding-top: 112.1522693997%;
}

/* --------------------------------------- bg */
.about__mainContents--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  & > span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(/about/_assets/img/about__bg--map.webp);
  }
}

/* --------------------------------------- imgList */
.about__mainContents--imgList {
  & > li {
    position: absolute;

    & > span {
      display: block;
      position: relative;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% auto;
      border-radius: 4px;
      overflow: hidden;
    }
  }
}

.about__mainContents--imgList.partsPc {
  & > li:nth-child(1) {
    width: 30.3806734993%;
    top: 5.2219321149%;
    right: 3.6603221083%;

    & > span {
      padding-top: 70.843373494%;
      background-image: url(/about/_assets/img/about__img--1.webp);
    }
  }

  & > li:nth-child(2) {
    width: 15.2269399707%;
    top: 15.6657963446%;
    left: 3.2942898975%;

    & > span {
      padding-top: 70.6730769231%;
      background-image: url(/about/_assets/img/about__img--2.webp);
    }
  }

  & > li:nth-child(3) {
    width: 18.1551976574%;
    top: 25.4569190601%;
    left: 23.4260614934%;

    & > span {
      padding-top: 70.564516129%;
      background-image: url(/about/_assets/img/about__img--3.webp);
    }
  }

  & > li:nth-child(4) {
    width: 30.9663250366%;
    top: 41.3838120104%;
    left: 6.9546120059%;

    & > span {
      padding-top: 70.6855791962%;
      background-image: url(/about/_assets/img/about__img--4.webp);
    }
  }

  & > li:nth-child(5) {
    width: 38.7994143485%;
    top: 72.1279373368%;
    left: 0%;

    & > span {
      padding-top: 70.9433962264%;
      background-image: url(/about/_assets/img/about__img--5.webp);
    }
  }

  & > li:nth-child(6) {
    width: 25.1830161054%;
    bottom: 0;
    left: 49.4143484627%;

    & > span {
      padding-top: 70.6395348837%;
      background-image: url(/about/_assets/img/about__img--6.webp);
    }
  }

  & > li:nth-child(7) {
    width: 15.9590043924%;
    bottom: 10.7702349869%;
    right: 2.9282576867%;

    & > span {
      padding-top: 70.6422018349%;
      background-image: url(/about/_assets/img/about__img--7.webp);
    }
  }
}

/* ================================================ inner */
.about__mainContents--inner {
  position: absolute;
  width: 53.1478770132%;
  right: 0;
  top: 31.7232375979%;
  white-space: nowrap;
  z-index: 5;
}

/* --------------------------------------- inner title */
.about__mainContents--title {
  font-size: 27px;
  font-size: 1.9765739385vw;
  line-height: 1;
  margin-bottom: 2.3426061493vw;
}

.about__mainContents--text {
  font-size: 17px;
  font-size: 1.2445095168vw;
  line-height: 2.25;
  margin-bottom: 2.196193265vw;
}

.about__mainContents .btn {
  max-width: 24.8901903367vw;
}

/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* ============================================================== about mainContents */
  .about__mainContents {
    position: relative;
    padding-top: 0;
  }

  /* --------------------------------------- bg */
  .about__mainContents--bg {
    position: relative;
    padding-top: 105.3333333333%;

    & > span {
      background-image: url(/about/_assets/img/about__bg--map--sp.webp);
    }
  }

  /* --------------------------------------- imgList */
  .about__mainContents--imgList {
    & > li > span {
      border-radius: 3px;
    }
  }

  .about__mainContents--imgList.partsSp--1 {
    & > li:nth-child(1) {
      width: 35.0666666667%;
      top: 12%;
      left: 4%;

      & > span {
        padding-top: 70.6730769231%;
        background-image: url(/about/_assets/img/about__img--2.webp);
      }
    }

    & > li:nth-child(2) {
      width: 36.6666666667%;
      top: 20.6%;
      left: 12%;

      & > span {
        padding-top: 70.6422018349%;
        background-image: url(/about/_assets/img/about__img--7.webp);
      }
    }

    & > li:nth-child(3) {
      width: 47.4666666667%;
      top: 15.6%;
      right: 0;

      & > span {
        padding-top: 70.6855791962%;
        background-image: url(/about/_assets/img/about__img--4.webp);
      }
    }
  }

  .about__mainContents--imgList.partsSp--2 {
    position: relative;
    padding-top: 74.1333333333%;

    & > li:nth-child(1) {
      width: 52.8%;
      top: 0;
      left: 0;

      & > span {
        padding-top: 70.9433962264%;
        background-image: url(/about/_assets/img/about__img--5.webp);
      }
    }

    & > li:nth-child(2) {
      width: 41.6%;
      right: 0;
      top: 25.1798561151%;

      & > span {
        padding-top: 70.564516129%;
        background-image: url(/about/_assets/img/about__img--3.webp);
      }
    }

    & > li:nth-child(3) {
      width: 41.8666666667%;
      left: 5.8666666667%;
      bottom: 0;

      & > span {
        padding-top: 70.6395348837%;
        background-image: url(/about/_assets/img/about__img--6.webp);
      }
    }
  }

  /* ================================================ inner */
  .about__mainContents--inner {
    position: relative;
    width: 100%;
    top: 0;
    white-space: normal;
    padding-left: 2.6666666667vw;
    padding-right: 2.6666666667vw;
    margin-bottom: 6.6666666667vw;
  }

  /* --------------------------------------- inner title */
  .about__mainContents--title {
    font-size: 23px;
    font-size: 6.1333333333vw;
    line-height: 1;
    margin-bottom: 4vw;
  }

  .about__mainContents--text {
    font-size: 13px;
    font-size: 3.4666666667vw;
    margin-bottom: 5.3333333333vw;
  }

  .about__mainContents .btn {
    max-width: 90.6666666667vw;

    & .btnInner .arrowIcon__default {
      top: 4.6vw;
    }
  }
}

/* ============================================================== about movie */
.aboutMovie {
  padding: 5.1244509517vw 5.1244509517vw 5.1244509517vw;
}

.iframeWrapper {
  position: relative;
  padding-top: 56.25%;

  & iframe {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
  }
}

/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* ============================================================== about movie */
  .aboutMovie {
    padding: 14.6666666667vw 2.6666666667vw 10.6666666667vw;
  }
}