@charset "UTF-8";
/** =====================================
TOP背景動き
========================================= **/
@keyframes bgmove {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50px); } }
@keyframes bgmove2406 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.08); } }
@keyframes bgmove2411 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.2); } }
/** =====================================
スクロール
========================================= **/
@keyframes scrapp {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes scr {
  0% {
    transform: scale(1, 0);
    transform-origin: top center; }
  10% {
    transform: scale(1, 0);
    transform-origin: top center; }
  50% {
    transform: scale(1, 1);
    transform-origin: top center; }
  100% {
    transform: scale(1, 0);
    transform-origin: top center; } }
/** =====================================
スライド動作（固定）
========================================= **/
@keyframes slide2 {
  0%,
	30% {
    opacity: 0; }
  40%,
	70% {
    opacity: 1; }
  80%,
	100% {
    opacity: 0; } }
@keyframes slide3 {
  0%,
	60% {
    opacity: 0; }
  70%,
	90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes slide4 {
  0%,
	75% {
    opacity: 0; }
  80%,
	95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/** =====================================
スライドアニメーション 2406
========================================= **/
@keyframes slide1img {
  0% {
    will-change: transform;
    transform: scale(1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1.1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1); } }
@keyframes slide2img {
  0%,
	30% {
    will-change: transform;
    transform: scale(1.1); }
  70% {
    will-change: transform;
    transform: scale(1); }
  72%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide3img {
  0%,
	60% {
    will-change: transform;
    transform: scale(1.2) translate(-40px, 0);
    transform-origin: left center;
    @media screen and (min-width: 768px) {
      transform: scale(1.2) translate(-150px, 0);
      transform-origin: left center; } }
  100% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    transform-origin: left center;
    @media screen and (min-width: 768px) {
      transform: scale(1.2) translate(0, 0); } } }
/** =====================================
スライドアニメーション 2408
========================================= **/
@keyframes slide2408a1img {
  0% {
    will-change: transform;
    transform: scale(1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1.1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1); } }
@keyframes slide2408b1img {
  0% {
    will-change: transform;
    transform: scale(1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1.1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1); } }
@keyframes slide2408b1imgsp {
  0% {
    will-change: transform;
    transform: scale(1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1.1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1); } }
@keyframes slide2408a2img {
  0%,
	30% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0); }
  70% {
    will-change: transform;
    transform: scale(1.2) translate(-40px, 0);
    @media screen and (min-width: 768px) {
      transform: scale(1.2) translate(-150px, 0); } }
  72%,
	100% {
    will-change: transform;
    transform: translate(0px, 0); } }
@keyframes slide2408b2img {
  0%,
	30% {
    will-change: transform;
    transform: scale(1.1); }
  70% {
    will-change: transform;
    transform: scale(1); }
  72%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2408a3img {
  0%,
	60% {
    will-change: transform;
    transform: scale(1.1); }
  100% {
    will-change: transform;
    transform: scale(1); } }
@keyframes slide2408b3imgsp {
  0%,
	60% {
    will-change: transform;
    transform: scale(1.2) translate(-40px, 0);
    transform-origin: left center; }
  100% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    transform-origin: left center; } }
@keyframes slide2408b3imgpc {
  0% {
    will-change: transform;
    transform: scale(1); }
  5%,
	60% {
    will-change: transform;
    transform: scale(1.1); }
  100% {
    will-change: transform;
    transform: scale(1); } }
/** =====================================
スライドアニメーション 2411
========================================= **/
@keyframes slide2411a1imgpc {
  0% {
    will-change: transform;
    transform: scale(1.1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2411a1imgsp {
  0% {
    will-change: transform;
    transform: scale(1.1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2411a2img {
  0%,
	30% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    @media screen and (max-width: 767px) {
      transform: scale(1) translate(0, 0); } }
  70% {
    will-change: transform;
    transform: scale(1.1) translate(0, 0);
    @media screen and (min-width: 768px) {
      transform: scale(1.2) translate(-150px, 0); } }
  72%,
	100% {
    will-change: transform;
    transform: translate(0px, 0);
    @media screen and (max-width: 767px) {
      transform: scale(1) translate(0, 0); } } }
@keyframes slide2411a3img {
  0%,
	60% {
    will-change: transform;
    transform: scale(1); }
  100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2411b1img {
  0% {
    will-change: transform;
    transform: scale(1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1.1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1); } }
@keyframes slide2411b2img {
  0%,
	30% {
    will-change: transform;
    transform: scale(1.1); }
  70% {
    will-change: transform;
    transform: scale(1); }
  72%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2411b3img {
  0%,
	60% {
    will-change: transform;
    transform: scale(1.2) translate(-40px, 0);
    transform-origin: left center; }
  100% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    transform-origin: left center; } }
@keyframes snowmove01 {
  0% {
    will-change: transform;
    transform: translate(0, 0); }
  100% {
    will-change: transform;
    transform: translate(0, 150px); } }
@keyframes snowmove02 {
  0% {
    will-change: transform;
    transform: translate(0, 0); }
  100% {
    will-change: transform;
    transform: translate(0, 60px); } }
/** =====================================
スライドアニメーション 2412
========================================= **/
@keyframes slide2412a1imgpc {
  0% {
    will-change: transform;
    transform: scale(1.1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2412a1imgsp {
  0% {
    will-change: transform;
    transform: scale(1.1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2412a2img {
  0%,
	30% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    @media screen and (max-width: 767px) {
      transform: scale(1) translate(0, 0); } }
  70% {
    will-change: transform;
    transform: scale(1.1) translate(0, 0);
    @media screen and (min-width: 768px) {
      transform: scale(1.2) translate(-150px, 0); } }
  72%,
	100% {
    will-change: transform;
    transform: translate(0px, 0);
    @media screen and (max-width: 767px) {
      transform: scale(1) translate(0, 0); } } }
@keyframes slide2412a3img {
  0%,
	60% {
    will-change: transform;
    transform: scale(1); }
  100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2412b1img {
  0% {
    will-change: transform;
    transform: scale(1); }
  80%,
	90% {
    will-change: transform;
    transform: scale(1.1); }
  90%,
	100% {
    will-change: transform;
    transform: scale(1); } }
@keyframes slide2412b2img {
  0%,
	30% {
    will-change: transform;
    transform: scale(1.1); }
  70% {
    will-change: transform;
    transform: scale(1); }
  72%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2412b3img {
  0%,
	10% {
    will-change: transform;
    transform: scale(1.2) translate(-60px, 0);
    transform-origin: left center; }
  100% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    transform-origin: left center; } }
/** =====================================
スライドアニメーション 2503
========================================= **/
@keyframes slide2503a1imgpc {
  0% {
    will-change: transform;
    transform: scale(1.1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2503a1imgsp {
  0% {
    will-change: transform;
    transform: scale(1.1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2503a2img {
  0%,
	10% {
    will-change: transform;
    transform: scale(1.2) translate(-60px, 0);
    transform-origin: left center; }
  100% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    transform-origin: left center; } }
@keyframes slide2503a3img {
  0%,
	60% {
    will-change: transform;
    transform: scale(1); }
  100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2503b1img {
  0% {
    will-change: transform;
    transform: scale(1); }
  80%,
	90% {
    will-change: transform;
    transform: scale(1.1); }
  90%,
	100% {
    will-change: transform;
    transform: scale(1); } }
@keyframes slide2503b2img {
  0%,
	30% {
    will-change: transform;
    transform: scale(1.1); }
  70% {
    will-change: transform;
    transform: scale(1); }
  72%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2503b3img {
  0%,
	10% {
    will-change: transform;
    transform: scale(1.2) translate(-60px, 0);
    transform-origin: left center; }
  100% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    transform-origin: left center; } }
/** =====================================
スライドアニメーション 2506
========================================= **/
@keyframes slide2506a1imgpc {
  0% {
    will-change: transform;
    transform: scale(1.1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2506a1imgsp {
  0% {
    will-change: transform;
    transform: scale(1.1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2506a2img {
  0%,
	10% {
    will-change: transform;
    transform: scale(1.2) translate(-60px, 0);
    transform-origin: left center; }
  100% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    transform-origin: left center; } }
@keyframes slide2506a3img {
  0%,
	60% {
    will-change: transform;
    transform: scale(1); }
  100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2506b1img {
  0% {
    will-change: transform;
    transform: scale(1); }
  80%,
	90% {
    will-change: transform;
    transform: scale(1.1); }
  90%,
	100% {
    will-change: transform;
    transform: scale(1); } }
@keyframes slide2506b2img {
  0%,
	30% {
    will-change: transform;
    transform: scale(1.1); }
  70% {
    will-change: transform;
    transform: scale(1); }
  72%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2506b3img {
  0%,
	10% {
    will-change: transform;
    transform: scale(1.2) translate(-60px, 0);
    transform-origin: left center; }
  100% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    transform-origin: left center; } }
/** =====================================
スライドアニメーション 2507
========================================= **/
@keyframes slide2507a1imgpc {
  0% {
    will-change: transform;
    transform: scale(1.1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2507a1imgsp {
  0% {
    will-change: transform;
    transform: scale(1.1); }
  50%,
	70% {
    will-change: transform;
    transform: scale(1); }
  80%,
	100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2507a2img {
  0%,
	10% {
    will-change: transform;
    transform: scale(1.2) translate(-60px, 0);
    transform-origin: left center; }
  100% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    transform-origin: left center; } }
@keyframes slide2507a3img {
  0%,
	60% {
    will-change: transform;
    transform: scale(1); }
  100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2507a4img {
  0%,
	10% {
    will-change: transform;
    transform: scale(1.2) translate(-60px, 0);
    transform-origin: left center; }
  100% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    transform-origin: left center; } }
@keyframes slide2507b1img {
  0% {
    will-change: transform;
    transform: scale(1); }
  80%,
	90% {
    will-change: transform;
    transform: scale(1.1); }
  90%,
	100% {
    will-change: transform;
    transform: scale(1); } }
@keyframes slide2507b2img {
  0%,
	10% {
    will-change: transform;
    transform: scale(1.2) translate(-60px, 0);
    transform-origin: left center; }
  100% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    transform-origin: left center; } }
@keyframes slide2507b3img {
  0%,
	60% {
    will-change: transform;
    transform: scale(1); }
  100% {
    will-change: transform;
    transform: scale(1.1); } }
@keyframes slide2507b4img {
  0%,
	10% {
    will-change: transform;
    transform: scale(1.2) translate(-60px, 0);
    transform-origin: left center; }
  100% {
    will-change: transform;
    transform: scale(1.2) translate(0, 0);
    transform-origin: left center; } }
@media screen and (max-width: 767px) {
  .movie-pc {
    display: none; } }

@media screen and (min-width: 768px) {
  .movie-sp {
    display: none; } }

.top-movie {
  position: relative;
  z-index: 1000;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh;
  background: #8fc31f;
  background: #5d493f;
  background: #5D4139;
  background: #EA6C11;
  background: #B60005;
  background: #F48581;
  background: #ef7d47;
  background: #afd041;
  background: #23acaf;
  background: #1c6bba;
  overflow: hidden; }

.movie-bg {
  position: absolute;
  left: -2%;
  top: 70%;
  top: 70vh;
  top: 70svh;
  z-index: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh;
  opacity: 1;
  width: 110%;
  animation: 8s linear bgmove; }
  @media screen and (max-width: 767px) {
    .movie-bg {
      left: -10vw;
      top: 50%;
      top: 50vh;
      top: 50svh;
      width: 270%; } }

.movie-bg-2408 {
  opacity: 1; }

.movie-bg-2406 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh;
  opacity: 1;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh;
  animation: 8s linear bgmove2406; }
  .movie-bg-2406 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top; }

.movie-bg-2411 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh;
  opacity: 1;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh;
  animation: 8s linear bgmove2411; }
  .movie-bg-2411 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top; }

.movie-bg-2412 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh;
  opacity: 1;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh;
  animation: 8s linear bgmove2411; }
  .movie-bg-2412 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top; }

.movie-logo {
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 2s;
  position: relative;
  z-index: 10; }
  .movie-logo img {
    width: 36%;
    height: auto; }
    @media screen and (max-width: 767px) {
      .movie-logo img {
        width: 66%;
        margin-bottom: 40px; } }
  .movie-logo.start {
    transition: 1s;
    opacity: 1; }

.movie-snow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  height: 100vh;
  height: 100svh; }
  .movie-snow .snows {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    height: 100vh;
    height: 100svh; }
  .movie-snow .snow01 {
    background: url(movie_snow_1.svg) center center repeat;
    background-size: 90% auto;
    animation: 8s linear snowmove01; }
    @media screen and (max-width: 767px) {
      .movie-snow .snow01 {
        background: url(movie_snow_1.svg) center center repeat;
        background-size: 160% auto; } }
  .movie-snow .snow02 {
    background: url(movie_snow_2.svg) center center repeat;
    background-size: 90% auto;
    opacity: 0.7;
    animation: 8s linear snowmove02; }
    @media screen and (max-width: 767px) {
      .movie-snow .snow02 {
        background-size: 160% auto; } }

.movie-glad {
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 2s;
  position: relative;
  z-index: 10; }
  .movie-glad img {
    width: 36%;
    width: 30%;
    height: auto; }
    @media screen and (max-width: 767px) {
      .movie-glad img {
        width: 66%;
        width: 50%;
        margin-bottom: 40px; } }
  .movie-glad.start {
    transition: 1s;
    opacity: 1; }

.movie-logo-2406,
.movie-logo-2411 {
  position: absolute;
  z-index: 2;
  bottom: 10%;
  width: 36%;
  left: 50%;
  margin-left: -18%; }
  @media screen and (max-width: 767px) {
    .movie-logo-2406,
    .movie-logo-2411 {
      width: 66%;
      margin-left: -33%;
      bottom: 5%; } }

.movie-slide {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh;
  opacity: 0;
  display: none; }
  .movie-slide.start {
    transition: 2s;
    opacity: 1; }

.slide-cont {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100svh; }
  .slide-cont p {
    width: 100%;
    height: 100%;
    height: 100vh;
    height: 100svh; }
    .slide-cont p img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    @media screen and (max-width: 767px) {
      .slide-cont p.fulls {
        width: 160%;
        height: 100%; }
        .slide-cont p.fulls img {
          object-position: bottom left; } }
    @media screen and (min-width: 768px) {
      .slide-cont p.pc-last img {
        object-position: bottom center; } }

.movie-slogo {
  position: absolute;
  top: 20px;
  left: 0;
  text-align: center;
  z-index: 100;
  width: 100%;
  opacity: 0; }
  @media screen and (min-width: 768px) {
    .movie-slogo {
      top: 50%;
      margin-top: -8vh;
      left: -2px;
      width: auto; } }
  .movie-slogo img {
    width: 38%;
    height: auto; }
    @media screen and (min-width: 768px) {
      .movie-slogo img {
        height: 14vh;
        width: auto; } }
  .movie-slogo.start {
    transition: 2s;
    opacity: 1; }

.movie-scroll {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 100;
  width: 20px; }

.btn-brand {
  position: absolute;
  display: block;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  width: 200px;
  transition: all .3s;
  opacity: 0; }
  @media screen and (max-width: 767px) {
    .btn-brand {
      bottom: 0px;
      right: 0px;
      width: 37%; } }
  @media screen and (min-width: 768px) {
    .btn-brand:hover {
      transition: all .3s;
      transform: scale(1.1); } }
  .btn-brand.start {
    opacity: 1;
    transition: all .3s; }
  .btn-brand .pc {
    display: block; }
    @media screen and (max-width: 767px) {
      .btn-brand .pc {
        display: none; } }
  .btn-brand .sp {
    display: none; }
    @media screen and (max-width: 767px) {
      .btn-brand .sp {
        display: block; } }

/*2回目 2406*/
.slide-01 p {
  will-change: transform;
  animation: 15s infinite linear slide1img; }

.slide-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2img;
    animation-delay: 2.5s; }

.slide-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  .slide-03 p {
    will-change: transform;
    animation: 14s infinite linear slide3img;
    animation-delay: 2.5s; }

/*3回目 2408*/
.slide-2408-a-01 p {
  will-change: transform;
  animation: 15s infinite linear slide2408a1img; }

.slide-2408-a-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-2408-a-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2408a2img;
    animation-delay: 2.5s; }

.slide-2408-a-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  .slide-2408-a-03 p {
    will-change: transform;
    animation: 14s infinite linear slide2408a3img;
    animation-delay: 2.5s; }

.slide-2408-b-01 p {
  will-change: transform;
  animation: 14s infinite linear slide2408b1img; }
  @media screen and (max-width: 767px) {
    .slide-2408-b-01 p {
      will-change: transform;
      animation: 14s infinite linear slide2408b1imgsp; } }

.slide-2408-b-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-2408-b-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2408b2img;
    animation-delay: 2.5s; }

.slide-2408-b-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  @media screen and (max-width: 767px) {
    .slide-2408-b-03 p {
      will-change: transform;
      animation: 14s infinite linear slide2408b3imgsp;
      animation-delay: 2.5s; } }
  @media screen and (min-width: 768px) {
    .slide-2408-b-03 p {
      will-change: transform;
      animation: 14s infinite linear slide2408b3imgpc;
      animation-delay: 2.5s; } }

/*4回目 2411*/
.slide-2411-a-01 p {
  will-change: transform; }
  @media screen and (min-width: 768px) {
    .slide-2411-a-01 p {
      animation: 15s infinite linear slide2411a1imgpc; } }
  @media screen and (max-width: 767px) {
    .slide-2411-a-01 p {
      animation: 15s infinite linear slide2411a1imgsp; } }

.slide-2411-a-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-2411-a-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2411a2img;
    animation-delay: 2.5s; }

.slide-2411-a-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  .slide-2411-a-03 p {
    will-change: transform;
    animation: 14s infinite linear slide2411a3img;
    animation-delay: 2.5s; }

.slide-2411-b-01 p {
  will-change: transform;
  animation: 14s infinite linear slide2411b1img; }

.slide-2411-b-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-2411-b-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2411b2img;
    animation-delay: 2.5s; }

.slide-2411-b-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  .slide-2411-b-03 p {
    will-change: transform;
    animation: 14s infinite linear slide2411b3img;
    animation-delay: 2.5s; }

/*5回目 2412*/
.slide-2412-a-01 p {
  will-change: transform; }
  @media screen and (min-width: 768px) {
    .slide-2412-a-01 p {
      animation: 15s infinite linear slide2412a1imgpc; } }
  @media screen and (max-width: 767px) {
    .slide-2412-a-01 p {
      animation: 15s infinite linear slide2412a1imgsp; } }

.slide-2412-a-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-2412-a-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2412a2img;
    animation-delay: 2.5s; }

.slide-2412-a-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  .slide-2412-a-03 p {
    will-change: transform;
    animation: 14s infinite linear slide2412a3img;
    animation-delay: 2.5s; }

.slide-2412-b-01 p {
  will-change: transform;
  animation: 14s infinite linear slide2412b1img; }

.slide-2412-b-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-2412-b-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2412b2img;
    animation-delay: 2.5s; }

.slide-2412-b-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  .slide-2412-b-03 p {
    will-change: transform;
    animation: 14s infinite linear slide2412b3img;
    animation-delay: 2.5s; }

/*6回目 2503*/
.slide-2503-a-01 p {
  will-change: transform; }
  @media screen and (min-width: 768px) {
    .slide-2503-a-01 p {
      animation: 15s infinite linear slide2503a1imgpc; } }
  @media screen and (max-width: 767px) {
    .slide-2503-a-01 p {
      animation: 15s infinite linear slide2503a1imgsp; } }

.slide-2503-a-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-2503-a-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2503a2img;
    animation-delay: 2.5s; }

.slide-2503-a-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  .slide-2503-a-03 p {
    will-change: transform;
    animation: 14s infinite linear slide2503a3img;
    animation-delay: 2.5s; }

.slide-2503-b-01 p {
  will-change: transform;
  animation: 14s infinite linear slide2503b1img; }

.slide-2503-b-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-2503-b-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2503b2img;
    animation-delay: 2.5s; }

.slide-2503-b-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  .slide-2503-b-03 p {
    will-change: transform;
    animation: 14s infinite linear slide2503b3img;
    animation-delay: 2.5s; }

/*7回目 2506*/
.slide-2506-a-01 p {
  will-change: transform; }
  @media screen and (min-width: 768px) {
    .slide-2506-a-01 p {
      animation: 15s infinite linear slide2506a1imgpc; } }
  @media screen and (max-width: 767px) {
    .slide-2506-a-01 p {
      animation: 15s infinite linear slide2506a1imgsp; } }

.slide-2506-a-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-2506-a-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2506a2img;
    animation-delay: 2.5s; }

.slide-2506-a-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  .slide-2506-a-03 p {
    will-change: transform;
    animation: 14s infinite linear slide2506a3img;
    animation-delay: 2.5s; }

.slide-2506-b-01 p {
  will-change: transform;
  animation: 14s infinite linear slide2506b1img; }

.slide-2506-b-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-2506-b-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2506b2img;
    animation-delay: 2.5s; }

.slide-2506-b-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  .slide-2506-b-03 p {
    will-change: transform;
    animation: 14s infinite linear slide2506a3img;
    animation-delay: 2.5s; }

/*8回目 2507*/
.slide-2507-a-01 p {
  will-change: transform; }
  @media screen and (min-width: 768px) {
    .slide-2507-a-01 p {
      animation: 15s infinite linear slide2507a1imgpc; } }
  @media screen and (max-width: 767px) {
    .slide-2507-a-01 p {
      animation: 15s infinite linear slide2507a1imgsp; } }

.slide-2507-a-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-2507-a-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2507a2img;
    animation-delay: 2.5s; }

.slide-2507-a-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  .slide-2507-a-03 p {
    will-change: transform;
    animation: 14s infinite linear slide2507a3img;
    animation-delay: 2.5s; }

.slide-2507-a-04 {
  animation: 14s infinite slide4;
  animation-delay: 2.5s; }
  .slide-2507-a-04 p {
    will-change: transform;
    animation: 14s infinite linear slide2507a4img;
    animation-delay: 2.5s; }

.slide-2507-b-01 p {
  will-change: transform; }
  @media screen and (min-width: 768px) {
    .slide-2507-b-01 p {
      animation: 15s infinite linear slide2507a1imgpc; } }
  @media screen and (max-width: 767px) {
    .slide-2507-b-01 p {
      animation: 15s infinite linear slide2507a1imgsp; } }

.slide-2507-b-02 {
  animation: 14s infinite slide2;
  animation-delay: 2.5s; }
  .slide-2507-b-02 p {
    will-change: transform;
    animation: 14s infinite linear slide2507a2img;
    animation-delay: 2.5s; }

.slide-2507-b-03 {
  animation: 14s infinite slide3;
  animation-delay: 2.5s; }
  .slide-2507-b-03 p {
    will-change: transform;
    animation: 14s infinite linear slide2507a3img;
    animation-delay: 2.5s; }

.slide-2507-b-04 {
  animation: 14s infinite slide4;
  animation-delay: 2.5s; }
  .slide-2507-b-04 p {
    will-change: transform;
    animation: 14s infinite linear slide2507a4img;
    animation-delay: 2.5s; }

.mv-scroll {
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: -30px;
  z-index: 100;
  width: 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  animation: scrapp 0.5s linear forwards;
  animation-delay: 4s;
  opacity: 0; }

.scroll-ttl {
  margin-bottom: 15px;
  width: 60px; }

.scroll-line {
  height: 90px;
  width: 1px; }
  .scroll-line span {
    display: block;
    width: 1px;
    height: 90px;
    background: #fff;
    animation: scr 2.5s ease-in-out infinite; }