@charset "UTF-8";
/*英語フォント*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes arrowLine {
  0% {
    background: -webkit-gradient(linear, left top, right top, color-stop(49%, rgb(0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(51%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgb(0, 0, 0) 49%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 51%);
    background-position: 0 0;
    background-size: 300% 100%;
  }
  26% {
    background-position: -100% 0;
    background: transparent;
  }
  27% {
    background-position: 100% 0;
    background: transparent;
  }
  28% {
    background: -webkit-gradient(linear, left top, right top, color-stop(49%, rgb(0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(51%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgb(0, 0, 0) 49%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 51%);
    background-size: 300% 100%;
    background-position: 100% 0;
  }
  75% {
    background-position: 0 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@keyframes arrowLine {
  0% {
    background: -webkit-gradient(linear, left top, right top, color-stop(49%, rgb(0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(51%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgb(0, 0, 0) 49%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 51%);
    background-position: 0 0;
    background-size: 300% 100%;
  }
  26% {
    background-position: -100% 0;
    background: transparent;
  }
  27% {
    background-position: 100% 0;
    background: transparent;
  }
  28% {
    background: -webkit-gradient(linear, left top, right top, color-stop(49%, rgb(0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(51%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgb(0, 0, 0) 49%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 51%);
    background-size: 300% 100%;
    background-position: 100% 0;
  }
  75% {
    background-position: 0 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@-webkit-keyframes arrowLineWhite {
  0% {
    background: -webkit-gradient(linear, left top, right top, color-stop(49%, rgb(216, 201, 169)), color-stop(50%, rgba(216, 201, 169, 0.5)), color-stop(51%, rgba(216, 201, 169, 0)));
    background: linear-gradient(to right, rgb(216, 201, 169) 49%, rgba(216, 201, 169, 0.5) 50%, rgba(216, 201, 169, 0) 51%);
    background-position: 0 0;
    background-size: 300% 100%;
  }
  25% {
    background-position: -100% 0;
    background: transparent;
  }
  27% {
    background-position: 100% 0;
    background: transparent;
  }
  29% {
    background: -webkit-gradient(linear, left top, right top, color-stop(48%, rgb(216, 201, 169)), color-stop(50%, rgba(216, 201, 169, 0.5)), color-stop(52%, rgba(216, 201, 169, 0)));
    background: linear-gradient(to right, rgb(216, 201, 169) 48%, rgba(216, 201, 169, 0.5) 50%, rgba(216, 201, 169, 0) 52%);
    background-size: 300% 100%;
    background-position: 100% 0;
  }
  75% {
    background-position: 0 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@keyframes arrowLineWhite {
  0% {
    background: -webkit-gradient(linear, left top, right top, color-stop(49%, rgb(216, 201, 169)), color-stop(50%, rgba(216, 201, 169, 0.5)), color-stop(51%, rgba(216, 201, 169, 0)));
    background: linear-gradient(to right, rgb(216, 201, 169) 49%, rgba(216, 201, 169, 0.5) 50%, rgba(216, 201, 169, 0) 51%);
    background-position: 0 0;
    background-size: 300% 100%;
  }
  25% {
    background-position: -100% 0;
    background: transparent;
  }
  27% {
    background-position: 100% 0;
    background: transparent;
  }
  29% {
    background: -webkit-gradient(linear, left top, right top, color-stop(48%, rgb(216, 201, 169)), color-stop(50%, rgba(216, 201, 169, 0.5)), color-stop(52%, rgba(216, 201, 169, 0)));
    background: linear-gradient(to right, rgb(216, 201, 169) 48%, rgba(216, 201, 169, 0.5) 50%, rgba(216, 201, 169, 0) 52%);
    background-size: 300% 100%;
    background-position: 100% 0;
  }
  75% {
    background-position: 0 0;
  }
  100% {
    background-position: -100% 0;
  }
}
.p-gallery-slide {
  position: relative;
  width: 100%;
  height: 100svh;
  overflow: hidden;
}
.p-gallery-slide__wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-gallery-slide__wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}