/* reset */
a {
  color: inherit;
}

a:hover {
  color: inherit;
  opacity: 1!important;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  max-width: 100%;
}

.pc,
.sp {
  display: none;
}

@media (min-width:768px) {
.pc {
    display: block;
  }
}

@media (max-width:767px) {
.sp {
    display: block;
  }
}

html.is-fixed {
  overflow-y: scroll;
  position: fixed;
  left: 0;
  width: 100%;
}

/* heading */
.gallery-heading-slider {
  padding-top: 116px;
  height: 100vh;
}
.gallery-heading-slider .inner {
  position: relative;
  height: 100%;
}
.gallery-heading-slider .ttl {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  z-index: 2;
  color: #fff;
}
.gallery-heading-slider .ttl .inn {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 25px 50px;
  margin-bottom: 15px;
}
.gallery-heading-slider .ttl .main-ttl {
  font-size: 58px;
  font-weight: normal;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 15px;
}

.gallery-heading-slider .ttl .sub-ttl {
  font-size: 28px;
}

@media screen and (min-width:768px) and ( max-width:1830px) {
  .gallery-heading-slider .ttl .main-ttl {
    font-size: calc(58 / 1830 * 100vw);
  }
  .gallery-heading-slider .ttl .sub-ttl {
    font-size: calc(28 / 1830 * 100vw);
  }
}

@media (max-width:767px) {

  .gallery-heading-slider .ttl .inn {
    padding: calc(25 / 750 * 100vw) calc(45 / 750 * 100vw);
    margin: 0 calc(60 / 750 * 100vw);
  }

  .gallery-heading-slider .ttl .main-ttl {
    font-size: calc(58 / 750 * 100vw);
    margin-bottom: calc(20 / 750 * 100vw);
  }
  .gallery-heading-slider .ttl .sub-ttl {
    font-size: calc(28 / 750 * 100vw);
  }
}

.gallery-heading-slider .slider {
  height: 50%;
}

.gallery-main-container {
  background-color: #c8c9ca;
  padding: 90px 0;
}
@media (max-width:767px) {
  .gallery-main-container {
    padding: 17px 0;
  }
}


/* container */
.content {
  overflow: hidden;
}

.page-gallery .gallery-main-container .container {
  max-width: 1800px;
  min-width: inherit;
  padding: 0;
}


/*------------------------------------------------------------------------------
  gallery-wrap
------------------------------------------------------------------------------*/
.gallery-wrap {
  position: relative;
  max-width: 1800px;
  margin: auto;
  z-index: 1;
}

.gallery-wrap::before,
.gallery-wrap::after {
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 100%;
  height: 500px;
  position: absolute;
  left: 0;
  margin: auto;
  z-index: -1;
}
.gallery-wrap::before {
  background: #ffc02e;
  top: -90px;
}
.gallery-wrap::after {
  width: calc(100% - 1px);
  background: #000;
  bottom: -90px;
}
@media (max-width:767px) {
  .gallery-wrap::before {
    top: -17px;
  }
  .gallery-wrap::after {
    bottom: -17px;
  }
}

.gallery-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -39px;
  left: 0;
  pointer-events: none;
}

.gallery-img-path {
  position: relative;
  height:0;
  padding-top: 319%;
}

.gallery-img-path svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top:0;
  left:0;
}

@media screen and (min-width:768px) and ( max-width:1830px) {
  #header .container {
    min-width: 1080px;
  }
  .container {
    width: 100%;
    min-width: 100%;
  }

  .page-gallery .gallery-main-container .container {
    padding: 0;
  }

  .gallery-img-path {
    padding-top: 314.529vw;
  }

  html {
    overflow-x: hidden;
  }

  body,
  .gallery-main-container,
  .gallery-wrap::before,
  .gallery-wrap::after,
  .gallery-heading-slider,
  .gallery-img-path svg,
  .gallery-img,
  #footer {
    width: 100vw;
    min-width: 768px;
  }
}

@media (max-width:767px) {
  .gallery-img-path {
    padding-top: 500.757vw;
  }
}


/* on off */
.gallery-wrap .img * {
  outline: none;
}

.gallery-wrap .img .off {
  display: none;
}

.gallery-wrap .img img {
  width: 100%;
  height: auto;
  position: relative;
}

.gallery-wrap .img {
  position: relative;
}

.gallery-wrap .img .img-cover {
  position: relative;
}

.gallery-wrap .img .img-cover::before,
.gallery-wrap .img .img-cover::after {
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 99;
  opacity: 1;
  /* -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out; */
}

.gallery-wrap .img .img-cover.name-off::before,
.gallery-wrap .img .img-cover.name-off::after {
  opacity: 0;
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}



.gallery-wrap .img01 .img-cover::before  {
  background-image: url(../images/page-gallery/img-name01.svg);
  width: 402px;
  height: 54px;
  top: 295px;
  right: 605px;
}

.gallery-wrap .img02 .img-cover::before {
  background-image: url(../images/page-gallery/img-name02.svg);
  width: 343px;
  height: 53px;
  top: 30px;
  right: 777px;
}

.gallery-wrap .img03 .img-cover::before {
  background-image: url(../images/page-gallery/img-name03.svg);
  width: 316px;
  height: 53px;
  top: 465px;
  right: 650px;
}

.gallery-wrap .img04 .img-cover::before {
  background-image: url(../images/page-gallery/img-name04.svg);
  width: 291px;
  height: 68px;
  top: 130px;
  right: 820px;
}

.gallery-wrap .img05 .img-cover::before {
  background-image: url(../images/page-gallery/img-name05.svg);
  width: 453px;
  height: 58px;
  top: 565px;
  right: 620px;
}

.gallery-wrap .img06 .img-cover::before {
  background-image: url(../images/page-gallery/img-name06.svg);
  width: 366px;
  height: 64px;
  top: 280px;
  right: 775px;
}

.gallery-wrap .img07 .img-cover::before {
  background-image: url(../images/page-gallery/img-name07.svg);
  width: 359px;
  height: 74px;
  top: 660px;
  right: 630px;
}

.gallery-wrap .img08 .img-cover::before {
  background-image: url(../images/page-gallery/img-name08.svg);
  width: 370px;
  height: 75px;
  top: 350px;
  right: 725px;
}

.gallery-wrap .img09 .img-cover::before {
  background-image: url(../images/page-gallery/img-name09.svg);
  width: 300px;
  height: 58px;
  top: 770px;
  right: 635px;
}

.gallery-wrap .img10 .img-cover::before {
  background-image: url(../images/page-gallery/img-name10.svg);
  width: 337px;
  height: 72px;
  top: 445px;
  right: 825px;
}

.gallery-wrap .img11 .img-cover::before {
  background-image: url(../images/page-gallery/img-name11.svg);
  width: 423px;
  height: 79px;
  top: 855px;
  right: 650px;
}

.gallery-wrap .img12 .img-cover::before {
  background-image: url(../images/page-gallery/img-name12.svg);
  width: 348px;
  height: 72px;
  top: 560px;
  right: 845px;
}

.gallery-wrap .img13 .img-cover::before {
  background-image: url(../images/page-gallery/img-name13.svg);
  width: 1102px;
  height: 274px;
  top: 1050px;
  right: 110px;
}


/* アロー設定 */
.gallery-wrap .img .img-cover::after {
  width: 62px;
  height: 62px;
  background-image: url(../images/page-gallery/img-name-arrow.svg);

}


.gallery-wrap .img02 .img-cover::after,
.gallery-wrap .img04 .img-cover::after,
.gallery-wrap .img06 .img-cover::after,
.gallery-wrap .img08 .img-cover::after,
.gallery-wrap .img10 .img-cover::after,
.gallery-wrap .img12 .img-cover::after,
.gallery-wrap .img14 .img-cover::after  {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  }

  .gallery-wrap .img01 .img-cover::after  {
    top: 410px;
    right: 720px;
  }

  .gallery-wrap .img02 .img-cover::after  {
    top: 130px;
    right: 965px;
  }

  .gallery-wrap .img03 .img-cover::after  {
    top: 570px;
    right: 740px;
  }

  .gallery-wrap .img04 .img-cover::after  {
    top: 240px;
    right: 975px;
  }

  .gallery-wrap .img05 .img-cover::after  {
    top: 670px;
    right: 750px;
  }

  .gallery-wrap .img06 .img-cover::after  {
    top: 380px;
    right: 945px;
  }

  .gallery-wrap .img07 .img-cover::after  {
    top: 760px;
    right: 710px;
  }

  .gallery-wrap .img08 .img-cover::after  {
    top: 460px;
    right: 940px;
  }

  .gallery-wrap .img09 .img-cover::after  {
    top: 870px;
    right: 725px;
  }

  .gallery-wrap .img10 .img-cover::after  {
    top: 560px;
    right: 1020px;
  }

  .gallery-wrap .img11 .img-cover::after  {
    top: 985px;
    right: 800px;
  }

  .gallery-wrap .img12 .img-cover::after  {
    top: 670px;
    right: 1030px;
  }

  .gallery-wrap .img13 .img-cover::after  {
    top: 1100px;
    right: 1200px;
  }


.gallery-wrap .img .on,
.gallery-wrap .img .off {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
}




/* 個別設定 高さ調整 */

.gallery-wrap .img05 {
  z-index: 1;
}

@media (min-width:768px) {
  .gallery-wrap .img01 {
      height: 719px;
  }
  .gallery-wrap .img03 {
      height: 748px;
  }
  .gallery-wrap .img05 {
    height: 697px;
  }
  .gallery-wrap .img07 {
    height: 698px;
  }
  .gallery-wrap .img09 {
    height: 697px;
  }
  .gallery-wrap .img11 {
    height: 750px;
  }
  .gallery-wrap .img13 {
    height: 840px;
  }

}

/* 個別設定 位置調整 */

.gallery-wrap .img01 .on {
  top: -2px;
}
.gallery-wrap .img01 .off {
  top: 39px;
}

.gallery-wrap .img02 .on,
.gallery-wrap .img02 .off {
  top: -256px;
}

.gallery-wrap .img03 .on,
.gallery-wrap .img03 .off {
  top: 127px;
}

.gallery-wrap .img04 .on {
  top: -175px;
}
.gallery-wrap .img04 .off {
  top: -80px;
}

.gallery-wrap .img05 .on,
.gallery-wrap .img05 .off {
  top: 240px;
}

.gallery-wrap .img06 .on,
.gallery-wrap .img06 .off {
  top: 4px;
}

.gallery-wrap .img07 .on,
.gallery-wrap .img07 .off {
  top: 379px;
}

.gallery-wrap .img08 .on,
.gallery-wrap .img08 .off {
  top: 84px;
}

.gallery-wrap .img09 .on,
.gallery-wrap .img09 .off {
  top: 460px;
}

.gallery-wrap .img10 .on {
  top: 186px;
}
.gallery-wrap .img10 .off {
  top: 223px;
}

.gallery-wrap .img11 .on,
.gallery-wrap .img11 .off {
  top: 560px;
}

.gallery-wrap .img12 .on,
.gallery-wrap .img12 .off {
  top: 259px;
}

.gallery-wrap .img13 .on,
.gallery-wrap .img13 .off {
  top: 633px;
}



@media screen and (min-width:768px) and ( max-width:1830px) {
  .gallery-img {
    top: calc(-39 / 1820 * 100vw);
  }

  /* 個別設定 高さ調整 */
  .gallery-wrap .img01 {
    height: calc(719 / 1820 * 100vw);
  }
  .gallery-wrap .img03 {
    height: calc(748 / 1820 * 100vw);
  }
  .gallery-wrap .img05 {
    height: calc(697 / 1820 * 100vw);
  }
  .gallery-wrap .img07 {
    height: calc(698 / 1820 * 100vw);
  }
  .gallery-wrap .img09 {
    height: calc(697 / 1820 * 100vw);
  }
  .gallery-wrap .img11 {
    height: calc(750 / 1820 * 100vw);
  }
  .gallery-wrap .img13 {
    height: calc(840 / 1820 * 100vw);
  }

  /* 個別設定 位置調整 */
  .gallery-wrap .img01 .on {
    /* top: calc(20 / 1820 * 100vw); */
  }
  .gallery-wrap .img01 .off {
    top: calc(39 / 1830 * 100vw);
  }

  .gallery-wrap .img02 .on,
  .gallery-wrap .img02 .off {
    top: calc(-255 / 1830 * 100vw);
  }

  .gallery-wrap .img03 .on,
  .gallery-wrap .img03 .off {
    top: calc(127 / 1830 * 100vw);
  }

  .gallery-wrap .img04 .on {
    top: calc(-175 / 1830 * 100vw);
  }
  .gallery-wrap .img04 .off {
    top: calc(-80 / 1830 * 100vw);
  }

  .gallery-wrap .img05 .on,
  .gallery-wrap .img05 .off {
    top: calc(241 / 1830 * 100vw);
  }

  .gallery-wrap .img06 .on,
  .gallery-wrap .img06 .off {
    top: calc(2 / 1830 * 100vw);
  }

  .gallery-wrap .img07 .on,
  .gallery-wrap .img07 .off {
    top: calc(379 / 1830 * 100vw);
  }

  .gallery-wrap .img08 .on,
  .gallery-wrap .img08 .off {
    top: calc(82 / 1830 * 100vw);
  }

  .gallery-wrap .img09 .on,
  .gallery-wrap .img09 .off {
    top: calc(460 / 1830 * 100vw);
  }

  .gallery-wrap .img10 .on {
    top: calc(186 / 1830 * 100vw);
  }
  .gallery-wrap .img10 .off {
    top: calc(223 / 1830 * 100vw);
  }

  .gallery-wrap .img11 .on,
  .gallery-wrap .img11 .off {
    top: calc(560 / 1830 * 100vw);
  }

  .gallery-wrap .img12 .on,
  .gallery-wrap .img12 .off {
    top: calc(259 / 1830 * 100vw);
  }

  .gallery-wrap .img13 .on,
  .gallery-wrap .img13 .off  {
    top: calc(633 / 1830 * 100vw);
  }

    /* 個別設定 名前位置調整 */

    .gallery-wrap .img01 .img-cover::before {
      width: calc(402 / 1820 * 100vw);
      height: calc(54 / 1820 * 100vw);
      top: calc(295 / 1820 * 100vw);
      right: calc(605 / 1820 * 100vw);
    }

    .gallery-wrap .img02 .img-cover::before {
      width: calc(343 / 1820 * 100vw);
      height: calc(53 / 1820 * 100vw);
      top: calc(36 / 1820 * 100vw);
      right: calc(797 / 1820 * 100vw);
    }

    .gallery-wrap .img03 .img-cover::before {
      width: calc(316 / 1820 * 100vw);
      height: calc(53 / 1820 * 100vw);
      top: calc(480 / 1820 * 100vw);
      right: calc(650 / 1820 * 100vw);
    }

    .gallery-wrap .img04 .img-cover::before {
      width: calc(291 / 1820 * 100vw);
      height: calc(68 / 1820 * 100vw);
      top: calc(145 / 1820 * 100vw);
      right: calc(840 / 1820 * 100vw);
    }

    .gallery-wrap .img05 .img-cover::before {
      width: calc(453 / 1820 * 100vw);
      height: calc(58 / 1820 * 100vw);
      top: calc(585 / 1820 * 100vw);
      right: calc(620 / 1820 * 100vw);
    }

    .gallery-wrap .img06 .img-cover::before {
      width: calc(366 / 1820 * 100vw);
      height: calc(64 / 1820 * 100vw);
      top: calc(280 / 1820 * 100vw);
      right: calc(785 / 1820 * 100vw);
    }

    .gallery-wrap .img07 .img-cover::before {
      width: calc(359 / 1820 * 100vw);
      height: calc(74 / 1820 * 100vw);
      top: calc(660 / 1820 * 100vw);
      right: calc(630 / 1820 * 100vw);
    }


    .gallery-wrap .img08 .img-cover::before {
      width: calc(370 / 1820 * 100vw);
      height: calc(75 / 1820 * 100vw);
      top: calc(350 / 1820 * 100vw);
      right: calc(735 / 1820 * 100vw);
    }

    .gallery-wrap .img09 .img-cover::before {
      width: calc(300 / 1820 * 100vw);
      height: calc(58 / 1820 * 100vw);
      top: calc(770 / 1820 * 100vw);
      right: calc(625 / 1820 * 100vw);
    }

    .gallery-wrap .img10 .img-cover::before {
      width: calc(337 / 1820 * 100vw);
      height: calc(72 / 1820 * 100vw);
      top: calc(445 / 1820 * 100vw);
      right: calc(840 / 1820 * 100vw);
    }

    .gallery-wrap .img11 .img-cover::before {
      width: calc(423 / 1820 * 100vw);
      height: calc(79 / 1820 * 100vw);
      top: calc(855 / 1820 * 100vw);
      right: calc(650 / 1820 * 100vw);
    }

    .gallery-wrap .img12 .img-cover::before {
      width: calc(348 / 1820 * 100vw);
      height: calc(72 / 1820 * 100vw);
      top: calc(560 / 1820 * 100vw);
      right: calc(860 / 1820 * 100vw);
    }

    .gallery-wrap .img13 .img-cover::before {
      width: calc(1102 / 1820 * 100vw);
      height: calc(274 / 1820 * 100vw);
      top: calc(1050 / 1820 * 100vw);
      right: calc(110 / 1820 * 100vw);
    }


      /* 個別設定 アロー位置調整 */

      .gallery-wrap .img .img-cover::after {
        width: calc(62 / 1820 * 100vw);
        height: calc(62 / 1820 * 100vw);
      }

      .gallery-wrap .img01 .img-cover::after {
        top: calc(390 / 1820 * 100vw);
        right: calc(720 / 1820 * 100vw);
      }

      .gallery-wrap .img02 .img-cover::after {
        top: calc(130 / 1820 * 100vw);
        right: calc(965 / 1820 * 100vw);
      }

      .gallery-wrap .img03 .img-cover::after {
        top: calc(570 / 1820 * 100vw);
        right: calc(740 / 1820 * 100vw);
      }

      .gallery-wrap .img04 .img-cover::after {
        top: calc(260 / 1820 * 100vw);
        right: calc(975 / 1820 * 100vw);
      }

      .gallery-wrap .img05 .img-cover::after {
        top: calc(690 / 1820 * 100vw);
        right: calc(750 / 1820 * 100vw);
      }

      .gallery-wrap .img06 .img-cover::after {
        top: calc(380 / 1820 * 100vw);
        right: calc(945 / 1820 * 100vw);
      }

      .gallery-wrap .img07 .img-cover::after {
        top: calc(760 / 1820 * 100vw);
        right: calc(710 / 1820 * 100vw);
      }

      .gallery-wrap .img08 .img-cover::after {
        top: calc(460 / 1820 * 100vw);
        right: calc(940 / 1820 * 100vw);
      }

      .gallery-wrap .img09 .img-cover::after {
        top: calc(870 / 1820 * 100vw);
        right: calc(725 / 1820 * 100vw);
      }

      .gallery-wrap .img10 .img-cover::after {
        top: calc(560 / 1820 * 100vw);
        right: calc(1040 / 1820 * 100vw);
      }

      .gallery-wrap .img11 .img-cover::after {
        top: calc(985 / 1820 * 100vw);
        right: calc(800 / 1820 * 100vw);
      }

      .gallery-wrap .img12 .img-cover::after {
        top: calc(670 / 1820 * 100vw);
        right: calc(1030 / 1820 * 100vw);
      }

      .gallery-wrap .img13 .img-cover::after {
        top: calc(1100 / 1820 * 100vw);
        right: calc(1200 / 1820 * 100vw);
      }

}

/* 個別設定 位置調整 SP*/
@media (max-width:767px) {
  .gallery-img {
    top: calc(-39 / 750 * 100vw);
    width: 100vw;
  }
  .gallery-img-path svg {
    width: 100vw;
  }

  .gallery-wrap .img01 .on {
    top: calc(15 / 750 * 100vw);
  }
  .gallery-wrap .img01 .off {
    top: calc(39 / 750 * 100vw);
  }

  .gallery-wrap .img02 .on {
    top: calc(297 / 750 * 100vw);
  }
  .gallery-wrap .img02 .off {
    top: calc(330 / 750 * 100vw);
  }

  .gallery-wrap .img03 .on,
  .gallery-wrap .img03 .off {
    top: calc(584 / 750 * 100vw);
  }

  .gallery-wrap .img04 .on {
    top: calc(852 / 750 * 100vw);
  }
  .gallery-wrap .img04 .off {
    top: calc(931 / 750 * 100vw);
  }

  .gallery-wrap .img05 .on,
  .gallery-wrap .img05 .off {
    top: calc(1193 / 750 * 100vw);
  }

  .gallery-wrap .img06 .on,
  .gallery-wrap .img06 .off {
    top: calc(1477 / 750 * 100vw);
  }

  .gallery-wrap .img07 .on,
  .gallery-wrap .img07 .off {
    top: calc(1745 / 750 * 100vw);
  }

  .gallery-wrap .img08 .on {
    top: calc(2001 / 750 * 100vw);
  }
  .gallery-wrap .img08 .off {
    top: calc(2023 / 750 * 100vw);
  }

  .gallery-wrap .img09 .on {
    top: calc(2247 / 750 * 100vw);
  }
  .gallery-wrap .img09 .off {
    top: calc(2275 / 750 * 100vw);
  }

  .gallery-wrap .img10 .on {
    top: calc(2531 / 750 * 100vw);
  }
  .gallery-wrap .img10 .off {
    top: calc(2538 / 750 * 100vw);
  }

  .gallery-wrap .img11 .on,
  .gallery-wrap .img11 .off {
    top: calc(2802 / 750 * 100vw);
  }

  .gallery-wrap .img12 .on,
  .gallery-wrap .img12 .off {
    top: calc(3098 / 750 * 100vw);
  }

  .gallery-wrap .img13 .on,
  .gallery-wrap .img13 .off {
    top: calc(3331 / 750 * 100vw);
  }

}

  /* 個別設定 名前位置調整 SP */
  @media (max-width:767px) {

    .gallery-wrap .img01 .img-cover::before {
      width: calc(300 / 750 * 100vw);
      height: calc(40 / 750 * 100vw);
      top: calc(191 / 750 * 100vw);
      right: calc(235 / 750 * 100vw);
    }

    .gallery-wrap .img02 .img-cover::before {
      width: calc(280 / 750 * 100vw);
      height: calc(43 / 750 * 100vw);
      top: calc(490 / 750 * 100vw);
      right: calc(218 / 750 * 100vw);
    }

    .gallery-wrap .img03 .img-cover::before {
      width: calc(260 / 750 * 100vw);
      height: calc(44 / 750 * 100vw);
      top: calc(775 / 750 * 100vw);
      right: calc(254 / 750 * 100vw);
    }

    .gallery-wrap .img04 .img-cover::before {
      width: calc(260 / 750 * 100vw);
      height: calc(61 / 750 * 100vw);
      top: calc(1065 / 750 * 100vw);
      right: calc(220 / 750 * 100vw);
    }

    .gallery-wrap .img05 .img-cover::before {
      width: calc(340 / 750 * 100vw);
      height: calc(44 / 750 * 100vw);
      top: calc(1360 / 750 * 100vw);
      right: calc(230 / 750 * 100vw);
    }

    .gallery-wrap .img06 .img-cover::before {
      width: calc(300 / 750 * 100vw);
      height: calc(52 / 750 * 100vw);
      top: calc(1638 / 750 * 100vw);
      right: calc(215 / 750 * 100vw);
    }

    .gallery-wrap .img07 .img-cover::before {
      width: calc(290 / 750 * 100vw);
      height: calc(60 / 750 * 100vw);
      top: calc(1903 / 750 * 100vw);
      right: calc(240 / 750 * 100vw);
    }

    .gallery-wrap .img08 .img-cover::before {
      width: calc(260 / 750 * 100vw);
      height: calc(53 / 750 * 100vw);
      top: calc(2164 / 750 * 100vw);
      right: calc(249 / 750 * 100vw);
    }

    .gallery-wrap .img09 .img-cover::before {
      width: calc(245 / 750 * 100vw);
      height: calc(47 / 750 * 100vw);
      top: calc(2430 / 750 * 100vw);
      right: calc(249 / 750 * 100vw);
    }

    .gallery-wrap .img10 .img-cover::before {
      width: calc(250 / 750 * 100vw);
      height: calc(53 / 750 * 100vw);
      top: calc(2706 / 750 * 100vw);
      right: calc(249 / 750 * 100vw);
    }

    .gallery-wrap .img11 .img-cover::before {
      width: calc(320 / 750 * 100vw);
      height: calc(60 / 750 * 100vw);
      top: calc(2990 / 750 * 100vw);
      right: calc(215 / 750 * 100vw);
    }

    .gallery-wrap .img12 .img-cover::before {
      width: calc(287 / 750 * 100vw);
      height: calc(58 / 750 * 100vw);
      top: calc(3230 / 750 * 100vw);
      right: calc(220 / 750 * 100vw);
    }

    .gallery-wrap .img13 .img-cover::before {
      width: calc(642 / 750 * 100vw);
      height: calc(160 / 750 * 100vw);
      top: calc(3550 / 750 * 100vw);
      right: calc(20 / 750 * 100vw);
    }

  }

      /* 個別設定 アロー位置調整 SP */
    @media (max-width:767px) {

      .gallery-wrap .img .img-cover::after {
        width: calc(40 / 750 * 100vw);;
        height: calc(40 / 750 * 100vw);;
      }

      .gallery-wrap .img01 .img-cover::after {
        top: calc(245 / 750 * 100vw);;
        right: calc(360 / 750 * 100vw);;
      }

      .gallery-wrap .img02 .img-cover::after {
        top: calc(550 / 750 * 100vw);
        right: calc(342 / 750 * 100vw);
      }

      .gallery-wrap .img03 .img-cover::after {
        top: calc(830 / 750 * 100vw);
        right: calc(360 / 750 * 100vw);
      }

      .gallery-wrap .img04 .img-cover::after {
        top: calc(1125 / 750 * 100vw);
        right: calc(325 / 750 * 100vw);
      }

      .gallery-wrap .img05 .img-cover::after {
        top: calc(1420 / 750 * 100vw);
        right: calc(380 / 750 * 100vw);
      }

      .gallery-wrap .img06 .img-cover::after {
        top: calc(1695 / 750 * 100vw);
        right: calc(345 / 750 * 100vw);
      }

      .gallery-wrap .img07 .img-cover::after {
        top: calc(1975 / 750 * 100vw);
        right: calc(360 / 750 * 100vw);
      }

      .gallery-wrap .img08 .img-cover::after {
        top: calc(2225 / 750 * 100vw);
        right: calc(360 / 750 * 100vw);
      }

      .gallery-wrap .img09 .img-cover::after {
        top: calc(2495 / 750 * 100vw);
        right: calc(355 / 750 * 100vw);
      }

      .gallery-wrap .img10 .img-cover::after {
        top: calc(2770 / 750 * 100vw);
        right: calc(355 / 750 * 100vw);
      }

      .gallery-wrap .img11 .img-cover::after {
        top: calc(3060 / 750 * 100vw);
        right: calc(355 / 750 * 100vw);
      }

      .gallery-wrap .img12 .img-cover::after {
        top: calc(3295 / 750 * 100vw);
        right: calc(345 / 750 * 100vw);
      }

      .gallery-wrap .img13 .img-cover::after {
        top: calc(3500 / 750 * 100vw);
        right: calc(355 / 750 * 100vw);
      }

    }



@keyframes backGroundLeft {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 0;
  }
}

@keyframes backGroundRight {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 10000px 0;
  }
}
@media (min-width:768px) {
  .gallery-heading-slider .slider {
    background-repeat: repeat-x;
    background-position: top left;
    background-size: auto 100%;
    animation: 800s linear infinite;
  }
  .gallery-heading-slider .slider.s01 {
    background-image: url('../images/page-gallery/s01.jpg');
    animation-name: backGroundLeft;
  }
  .gallery-heading-slider .slider.s02 {
    background-image: url('../images/page-gallery/s02.jpg');
    animation-name: backGroundRight;
  }

  .gallery-main-container .box > * + * {
    margin-top: 10px !important;
  }
  .gallery-modal .swiper-slide {
    background: none !important;
  }
  .gallery-main-container .grid-area {
    flex-wrap: wrap;
  }
  .gallery-main-container .box {
    width: 50%;
  }
  .gallery-modal .wrap {
    width: 60vw;
    max-width: 950px;
    margin: 0 auto;
  }
  .sp-slider {
    display: none !important;
  }
}







@media (max-width:767px) {
  .gallery-heading-slider .ttl > span {
    font-size: 38px;
  }

  .gallery-heading-slider {
    padding-top: 86px;
  }

  .gallery-heading-slider .inner::after {
    content: '';
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
  }

  .sp-slider {
    height: 100%;
  }
  .sp-slider .swiper-slide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .sp-slider .swiper-slide.slide01 {
    background-image: url(../images/page-gallery/sp/slide01.jpg);
  }
  .sp-slider .swiper-slide.slide02 {
    background-image: url(../images/page-gallery/sp/slide03.jpg);
  }
  .sp-slider .swiper-slide.slide03 {
    background-image: url(../images/page-gallery/sp/slide05.jpg);
  }
  .sp-slider .swiper-slide.slide04 {
    background-image: url(../images/page-gallery/sp/slide02.jpg);
  }
  .sp-slider .swiper-slide.slide05 {
    background-image: url(../images/page-gallery/sp/slide04.jpg);
  }
  .sp-slider .swiper-slide.slide06 {
    background-image: url(../images/page-gallery/sp/slide06.jpg);
  }
}

/*
@media (min-width: 1100px) {
}
*/