/* ============================================================== default */
/* --------------------------------------- color */
/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* --------------------------------------- vw */
  /* ============================================================== about mainContents */
  .about__mainContents {
    position: relative;
    padding-top: 0;
  }
  /* --------------------------------------- bg */
  .about__mainContents--bg {
    position: relative;
    padding-top: 105.3333333333%;
  }
  .about__mainContents--bg > span {
    background-image: url(../img/contents/about/about__bg--map--sp.png);
  }
  /* --------------------------------------- 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%;
  }
  .about__mainContents--imgList.partsSp--1 > li:nth-child(1) > span {
    padding-top: 70.6730769231%;
    background-image: url(../img/contents/about/about__img--2.jpg);
  }
  .about__mainContents--imgList.partsSp--1 > li:nth-child(2) {
    width: 36.6666666667%;
    top: 20.6%;
    left: 12%;
  }
  .about__mainContents--imgList.partsSp--1 > li:nth-child(2) > span {
    padding-top: 70.6422018349%;
    background-image: url(../img/contents/about/about__img--7.jpg);
  }
  .about__mainContents--imgList.partsSp--1 > li:nth-child(3) {
    width: 47.4666666667%;
    top: 15.6%;
    right: 0;
  }
  .about__mainContents--imgList.partsSp--1 > li:nth-child(3) > span {
    padding-top: 70.6855791962%;
    background-image: url(../img/contents/about/about__img--4.jpg);
  }
  .about__mainContents--imgList.partsSp--2 {
    position: relative;
    padding-top: 74.1333333333%;
  }
  .about__mainContents--imgList.partsSp--2 > li:nth-child(1) {
    width: 52.8%;
    top: 0;
    left: 0;
  }
  .about__mainContents--imgList.partsSp--2 > li:nth-child(1) > span {
    padding-top: 70.9433962264%;
    background-image: url(../img/contents/about/about__img--5.jpg);
  }
  .about__mainContents--imgList.partsSp--2 > li:nth-child(2) {
    width: 41.6%;
    right: 0;
    top: 25.1798561151%;
  }
  .about__mainContents--imgList.partsSp--2 > li:nth-child(2) > span {
    padding-top: 70.564516129%;
    background-image: url(../img/contents/about/about__img--3.jpg);
  }
  .about__mainContents--imgList.partsSp--2 > li:nth-child(3) {
    width: 41.8666666667%;
    left: 5.8666666667%;
    bottom: 0;
  }
  .about__mainContents--imgList.partsSp--2 > li:nth-child(3) > span {
    padding-top: 70.6395348837%;
    background-image: url(../img/contents/about/about__img--6.jpg);
  }
  /* ================================================ 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;
  }
  .about__mainContents .btn .btnInner .arrowIcon__default {
    top: 4.6vw;
  }
  /* ============================================================== about movie */
  .aboutMovie {
    padding: 14.6666666667vw 2.6666666667vw 10.6666666667vw;
  }
}/*# sourceMappingURL=about-sp.css.map */