@media screen and (min-width: 1000px) {


.skip { position: fixed; z-index: 13; bottom: 4vw; left: 0; right: 0; margin: auto; display: block; text-align: center;}
.skip.out {display: none; z-index: -1000;}

.opAniMain { display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; background: #F8F7F6; position: fixed; top: 0; left: 0; right: 0;bottom: 0; margin: auto; z-index: 12; overflow: hidden; }
.opAniMain.out { animation: fa 3s forwards;}
@keyframes fa { 100% { opacity: 0; z-index: -1000; }}
.opAniMain .scene { display: block; width: 70%; height: 42vw; overflow: hidden; position: absolute; top: 3vw; left: 0; right: 0; margin: auto; z-index: 1; opacity: 0; transition: all 1s; box-sizing: border-box; }
.opAniMain .scene.on { opacity: 1; z-index: 2; transition: all 1s;}
.opAniMain .scene .txt { position: absolute; z-index: 3; width: 100%; height: 42vw; color: #fff; font-family: "ta-koigokoro", sans-serif;}
.opAniMain .scene .mid { position: absolute; z-index: 2; width: 100%; height: 42vw;}
.opAniMain .scene .bg { position: absolute; z-index: 1; bottom: 0; left: 0; width: 120%; height:42vw;  background: linear-gradient(to right,#a5dbdb 0%, #65a5c9 100%);}

#scene1 .txt .txt1 {position: absolute; top: 8vw; left: 5vw; font-size: 2.8vw; }
#scene1 .txt .txt2 {position: absolute; top: 12vw; left: 10vw; font-size: 2vw;}
#scene1 .bird { position: absolute; top: 20vw; left: -4vw; width: 4vw;  height: 4vw; }
#scene1 .bird.on { animation:elm 7s ease-out forwards;}
@keyframes elm {to {transform:translate(120vw,-10vw);}}
#scene1 .parapara { width: 4vw;  height: 4vw;  margin: 0; background: url(https://shindou-go.com/system_panel/uploads/images/bird1.png) no-repeat;  background-size: auto 100%;  animation: splice 2s steps(1) infinite;}
#scene1 .bg img { width: 100vw; height: auto; position: absolute; bottom: 0; left: -5vw; animation: anim 10s forwards;}
@keyframes anim { 0% { transform: translateX(0px); } 100% { transform: translateX(10px); }}

#scene2 .txt .txt1 {position: absolute; top: 8vw; left: 5vw; font-size: 2.8vw; }
#scene2 .txt .txt2 {position: absolute; top: 12vw; left: 12vw; font-size: 2vw;}
#scene2 .bird { position: absolute; top: 20vw; right: -4vw; width: 4vw;  height: 4vw; }
#scene2 .bird.on { animation:elm2 7s ease-out forwards;}
@keyframes elm2 {to {transform:translate(-110vw,-10vw);}}
#scene2 .parapara { width: 4vw;  height: 4vw;  margin: 0; background: url(https://shindou-go.com/system_panel/uploads/images/bird2.png) no-repeat;  background-size: auto 100%;  animation: splice 2s steps(1) infinite;}

#scene3 .txt { display: flex; justify-content: center; align-items: baseline;}
#scene3 .txt img { width: 45vw; height: auto; margin-top: 15vw; display: block; filter: drop-shadow(0px 0px 10px rgba(0,0,0,.8)); animation: animationZoom 7s ease-in-out forwards;	}
@keyframes animationZoom{ 0% {transform: scale(1);} 100% {transform: scale(1.2);}}
#scene3 .mid { display: flex; justify-content: center; align-items: baseline; position: relative;}
#scene3 .mid img.bird { opacity: 1; position: absolute; z-index: 2; filter:blur(0); transition: all .6s; width: 32vw; height: auto; margin-top: 10vw; display: block;}
#scene3.anistart .mid img.bird {opacity: .9; filter:blur(1px); transition: all 3s; animation: animationZoom1 7s ease-in-out forwards;	}
@keyframes animationZoom1{ 0% {transform: scale(1.2);} 100% {transform: scale(0.4);}}
#scene3 .mid img {opacity: 0;}
#scene3.anistart .mid img.feather { position: absolute; z-index: 1; opacity: 1; filter:blur(1px); transition: all 3s; animation:enlarge 7s ease-in forwards;	}
@keyframes enlarge{ 0% {transform: scale(1);} 100% {transform: scale(2.8);}}
#scene3 .bg { display: block; width: 100%; height: 100%; overflow: hidden;}
#scene3 .bg img  { display: block; filter:blur(20px); transition: all .6s; width: 100%; height: 100%; object-fit: cover;	}
#scene3.anistart .bg img { filter:blur(0); transition: all .6s; animation: animationZoom2 7s ease-in-out forwards;	}
@keyframes animationZoom2{ 0% {transform: scale(1);} 100% {transform: scale(1.5);}}

#scene4.out {opacity: 0; transition: all .5s;}
#scene4 .txt { display: flex; justify-content: center; align-items: baseline;}
#scene4 .txt img { opacity: 0; filter:blur(20px); width: 22vw; height: auto; margin-top: 5vw; display: block; transition: all 3s;}
#scene4 .txt.on img { opacity: 1; filter:blur(0); width: 22vw; height: auto; margin-top: 5vw; display: block; transition: all 3s;filter: drop-shadow(0px 0px 10px rgba(72,138,224,.8));}
#scene4 .mid { display: block; position: relative;}
#scene4 .mid .imgtop { position: absolute; width: 100%; top: 50%; left: 0; right: 0; margin: auto; z-index: 2;}
#scene4 .mid .imgLeft { position: absolute; top: 0; left: 0; width: 20.5vw; height: auto; z-index: 1;}
#scene4 .mid .imgRight { position: absolute; top: 1vw; right: 0; width: 38vw; height: auto; z-index: 1;}
#scene4.on .mid .imgLeft { transition: all 15s; left: -2.5vw;}
#scene4.on .mid .imgRight { transition: all 15s; right: -2.5vw;}
#scene4 .bg { display: block; width: 100%; height: 100%; overflow: hidden;}

.eachTextAnime span {opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on .5s ease-out forwards; }
@keyframes text_anime_on { 0% {opacity:0;} 100% {opacity:1;}  }
.eachTextAnime.txt2.appeartext span{ animation:text_anime_on .1s ease-out forwards; }
@keyframes text_anime_on { 0% {opacity:0;} 100% {opacity:1;}  }
@keyframes splice { 0% { background-position: 0 0;} 16% { background-position: -4vw 0;} 32% { background-position: -8vw 0;} 48% { background-position: -12vw 0;} 90% { background-position: -16vw 0;}}

.indexMainCont { display: none; position: relative; z-index: 1; opacity: 0; transition: all 5s;}
.indexMainCont.active { display: block; animation: fi 5s forwards;}
@keyframes fi { 100% { opacity: 1; }}
.indexMainCont .island .object .shadow {-webkit-box-shadow: none !important;box-shadow: none !important;}

.indexindexMainCont .island#is1 {margin-top: 10vw;}
.indexMainCont .island {position: relative; width: 80%; margin: 6vw auto 0; display: flex; justify-content: flex-start; align-items: center;}
.indexMainCont .island .object {order: 1; width: 45%; margin-right: 5%;}
.indexMainCont .island .txtbox {order: 2; width: 55%;}
.indexMainCont .island:nth-of-type(even) .object {order: 2; width: 45%; margin-left: 5%;}
.indexMainCont .island:nth-of-type(even) .txtbox {order: 1; width: 55%;}

.indexMainCont .island .object { display: block; margin: 0 1vw; text-align: center;}
.indexMainCont .island .object:hover { opacity: 1!important;}
.indexMainCont .island .object .islandImg { display: block; animation: move-y 3.5s infinite alternate ease-in-out; margin-bottom: 2vw;}
.indexMainCont .island .object .shadow { display: block; animation: shadow 3.5s infinite alternate ease-in-out; opacity: .3; margin: 0 auto;}
@keyframes move-y {from {transform: translateY(0);}to {transform: translateY(2vw);}}
@keyframes shadow {from {transform: scaleX(.8);}to {transform: scaleX(1);}}
.indexMainCont .island .txtbox {display: block; background: #fff; border-radius: 3vw; padding: 0 0 2vw; margin-top: -1vw; box-shadow: 1px 3px 3px #ccc; opacity: 0; transition: all .5s; overflow: hidden;}
.indexMainCont .island .txtbox.active { transition: all .5s; opacity: 1; margin-top: 0; animation: scale-txt .5s forwards alternate ease-in-out;}
@keyframes scale-txt{ 0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);}}
.indexMainCont .island .txtbox .ttl { width: 100%; height: auto; padding: 1vw; background: #292929; color: #fff; margin-bottom: 1vw; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.indexMainCont .island .txtbox .ttl .icon {width: 4vw!important; height: 4vw!important; margin-right: 1vw; border-radius: 50%; overflow: hidden; background: #fff;}
.indexMainCont .island .txtbox .ttl .icon + div {width: auto; text-align: left;}
.indexMainCont .island .txtbox .ttl .txt {font-weight: bold; font-size: 250%; display: inline-block;  margin-right: 1em; font-family: "itc-american-typewriter", serif; line-height: 1.1;}
.indexMainCont .island .txtbox .desc { text-align: left; padding: 1vw 3vw;}

}






@media screen and (max-width: 999px) {
  .skip { position: fixed; z-index: 21; bottom: 4vw; left: 0; right: 0; margin: auto; display: block; text-align: center;}
  .skip.out {display: none; z-index: -1000;}

  .opAniMain { display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; background: #F8F7F6; position: fixed; top: 0; left: 0; right: 0;bottom: 0; margin: auto; z-index: 20; overflow: hidden; }
  .opAniMain.out { animation: fa 3s forwards;}
  @keyframes fa { 100% { opacity: 0; z-index: -1000; }}
  .opAniMain .scene { display: block; width: 95%; height: 60vw; overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; opacity: 0; transition: all 1s; box-sizing: border-box; }
  .opAniMain .scene.on { opacity: 1; z-index: 2; transition: all 1s;}
  .opAniMain .scene .txt { position: absolute; z-index: 3; width: 100%; height: 60vw; color: #fff; font-family: "ta-koigokoro", sans-serif;}
  .opAniMain .scene .mid { position: absolute; z-index: 2; width: 100%; height: 60vw;}
  .opAniMain .scene .bg { position: absolute; z-index: 1; bottom: 0; left: 0; width: 120%; height:60vw;  background: linear-gradient(to right,#a5dbdb 0%, #65a5c9 100%);}

  #scene1 .txt .txt1 {position: absolute; top: 8vw; left: 5vw; font-size: 3.8vw; }
  #scene1 .txt .txt2 {position: absolute; top: 13vw; left: 10vw; font-size: 3vw;}
  #scene1 .bird { position: absolute; top: 30vw; left: -4vw; width: 4vw;  height: 4vw; }
  #scene1 .bird.on { animation:elm 7s ease-out forwards;}
  @keyframes elm {to {transform:translate(120vw,-10vw);}}
  #scene1 .parapara { width: 4vw;  height: 4vw;  margin: 0; background: url(https://shindou-go.com/system_panel/uploads/images/bird1.png) no-repeat;  background-size: auto 100%;  animation: splice 2s steps(1) infinite;}
  #scene1 .bg img { width: 100vw; height: auto; position: absolute; bottom: 0; left: -5vw; animation: anim 10s forwards;}
  @keyframes anim { 0% { transform: translateX(0px); } 100% { transform: translateX(10px); }}

  #scene2 .txt .txt1 {position: absolute; top: 8vw; left: 5vw; font-size: 3.8vw; }
  #scene2 .txt .txt2 {position: absolute; top: 13vw; left: 12vw; font-size: 3vw;}
  #scene2 .bird { position: absolute; top: 30vw; right: -4vw; width: 4vw;  height: 4vw; }
  #scene2 .bird.on { animation:elm2 7s ease-out forwards;}
  @keyframes elm2 {to {transform:translate(-110vw,-10vw);}}
  #scene2 .parapara { width: 4vw;  height: 4vw;  margin: 0; background: url(https://shindou-go.com/system_panel/uploads/images/bird2.png) no-repeat;  background-size: auto 100%;  animation: splice 2s steps(1) infinite;}

  #scene3 .txt { display: flex; justify-content: center; align-items: baseline;}
  #scene3 .txt img { width: 65vw; height: auto; margin-top: 17vw; display: block; filter: drop-shadow(0px 0px 10px rgba(0,0,0,.8)); animation: animationZoom 7s ease-in-out forwards;	}
  @keyframes animationZoom{ 0% {transform: scale(1);} 100% {transform: scale(1.2);}}
  #scene3 .mid { display: flex; justify-content: center; align-items: baseline; position: relative;}
  #scene3 .mid img.bird { opacity: 1; position: absolute; z-index: 2; filter:blur(0); transition: all .6s; width: 32vw; height: auto; margin-top: 10vw; display: block;}
  #scene3.anistart .mid img.bird {opacity: .9; filter:blur(1px); transition: all 3s; animation: animationZoom1 7s ease-in-out forwards;	}
  @keyframes animationZoom1{ 0% {transform: scale(1.2);} 100% {transform: scale(0.4);}}
  #scene3 .mid img {opacity: 0;}
  #scene3.anistart .mid img.feather { position: absolute; z-index: 1; opacity: 1; filter:blur(1px); transition: all 3s; animation:enlarge 7s ease-in forwards;	}
  @keyframes enlarge{ 0% {transform: scale(1);} 100% {transform: scale(2.8);}}
  #scene3 .bg { display: block; width: 100%; height: 100%; overflow: hidden;}
  #scene3 .bg img  { display: block; filter:blur(20px); transition: all .6s; width: 100%; height: 100%; object-fit: cover;	}
  #scene3.anistart .bg img { filter:blur(0); transition: all .6s; animation: animationZoom2 7s ease-in-out forwards;	}
  @keyframes animationZoom2{ 0% {transform: scale(1);} 100% {transform: scale(1.5);}}

  #scene4.out {opacity: 0; transition: all .5s;}
  #scene4 .txt { display: flex; justify-content: center; align-items: baseline;}
  #scene4 .txt img { opacity: 0; filter:blur(20px); width: 35vw; height: auto; margin-top: 5vw; display: block; transition: all 3s;}
  #scene4 .txt.on img { opacity: 1; filter:blur(0); width: 35vw; height: auto; margin-top: 5vw; display: block; transition: all 3s;filter: drop-shadow(0px 0px 10px rgba(72,138,224,.8));}
  #scene4 .mid { display: block; position: relative;}
  #scene4 .mid .imgtop { position: absolute; width: 100%; top: 50%; left: 0; right: 0; margin: auto; z-index: 2;}
  #scene4 .mid .imgLeft { position: absolute; top: 0; left: 0; width: 28.5vw; height: auto; z-index: 1;}
  #scene4 .mid .imgRight { position: absolute; top: 1vw; right: 0; width: 50vw; height: auto; z-index: 1;}
  #scene4.on .mid .imgLeft { transition: all 15s; left: -2.5vw;}
  #scene4.on .mid .imgRight { transition: all 15s; right: -2.5vw;}
  #scene4 .bg { display: block; width: 100%; height: 100%; overflow: hidden;}

  .eachTextAnime span {opacity: 0;}
  .eachTextAnime.appeartext span{ animation:text_anime_on .5s ease-out forwards; }
  @keyframes text_anime_on { 0% {opacity:0;} 100% {opacity:1;}  }
  .eachTextAnime.txt2.appeartext span{ animation:text_anime_on .1s ease-out forwards; }
  @keyframes text_anime_on { 0% {opacity:0;} 100% {opacity:1;}  }
  @keyframes splice { 0% { background-position: 0 0;} 16% { background-position: -4vw 0;} 32% { background-position: -8vw 0;} 48% { background-position: -12vw 0;} 90% { background-position: -16vw 0;}}

  .indexMainCont { display: none; position: relative; z-index: 1; opacity: 0; transition: all 5s; padding: 20vw 0 10vw;}
  .indexMainCont.active { display: block; animation: fi 5s forwards;}
  @keyframes fi { 100% { opacity: 1; }}
  .indexMainCont .island .object .shadow {-webkit-box-shadow: none !important;box-shadow: none !important;}

  .indexMainCont .island {position: relative; width: 80%; margin: 6vw auto 0; display: flex; justify-content: flex-start; align-items: center; flex-direction: column;}
  .indexMainCont .island .object {order: 1; width: 80%; margin-bottom: 5%;}
  .indexMainCont .island .txtbox {order: 2; width: 100%;}

  .indexMainCont .island .object { display: block; margin: 0 1vw; text-align: center;}
  .indexMainCont .island .object:hover { opacity: 1!important;}
  .indexMainCont .island .object .islandImg { display: block; animation: move-y 3.5s infinite alternate ease-in-out; margin-bottom: 2vw;}
  .indexMainCont .island .object .shadow { display: block; animation: shadow 3.5s infinite alternate ease-in-out; opacity: .3; margin: 0 auto;}
  @keyframes move-y {from {transform: translateY(0);}to {transform: translateY(2vw);}}
  @keyframes shadow {from {transform: scaleX(.8);}to {transform: scaleX(1);}}
  .indexMainCont .island .txtbox {display: block; background: #fff; border-radius: 3vw; padding: 0 0 2vw; margin-top: -1vw; box-shadow: 1px 3px 3px #ccc; opacity: 1; transition: all .5s; overflow: hidden;}
/*  .indexMainCont .island .txtbox.active { transition: all .5s; opacity: 1; margin-top: 0; animation: scale-txt .5s forwards alternate ease-in-out;}
  @keyframes scale-txt{ 0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);}}
*/
  .indexMainCont .island .txtbox .ttl { width: 100%; height: auto; padding: 1vw; background: #292929; color: #fff; margin-bottom: 2vw; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .indexMainCont .island .txtbox .ttl .icon {width: 7vw!important; height: 7vw!important; margin-right: 1vw; border-radius: 50%; overflow: hidden; background: #fff;}
  .indexMainCont .island .txtbox .ttl .icon + div {width: auto; text-align: left;}
  .indexMainCont .island .txtbox .ttl .txt {font-weight: bold; font-size: 250%; display: inline-block;  margin-right: 1em; font-family: "itc-american-typewriter", serif; line-height: 1.1;}
  .indexMainCont .island .txtbox .desc { text-align: left; padding: 1vw 3vw;}
}

.gjs-dashed body.indexmainBody {
    overflow: visible;
    height: auto;
}

.gjs-dashed .indexMainCont {
    display: block;
    opacity: 1;
    z-index: 20;
}

.gjs-dashed .indexMainCont .island .txtbox {
    opacity: 1;
}