.wrapper{width: 1000px;
margin: auto;
margin-top: 89px;
overflow: hidden;
line-height: 0;}

.wiggle img{width: 380px;}
.top{width: 100%;
height: calc(1000px*1.08);
position: relative;}

.top div{position: absolute;
  }

.d13 img{transition: all 1s;
transition-delay: 0.7s;
transform-origin: right;}

.d34 img,.d17 img,.d23 img,.d42 img,.d46 img{transition: all 1s;
  transition-delay: 0.7s;
}

.d45x{width: 100%;
height: calc(1000px*0.830);
position: relative;
background-color: #EACCCE;}

.d45x div{position: absolute;
  left: 0;
opacity: 1!important;}

.tai1{width: 50%;
overflow: hidden;
position: absolute;
left: 0;
top: calc(1000px*0.419);}

.damo1{
  transform-origin: right;
  transition: all .5s;
  transition-delay: 1.5s!important;
  width: 0%;
  overflow: hidden;

transition-timing-function: ease;}

.damo1 img{width: 1000px!important;
max-width: 1000px;}

.tai2{width: 50%;
  overflow: hidden;
  position: absolute;
right: 0;
top: calc(1000px*0.419);}

  .tai1 img{animation: tai1 1 .5s ease-in-out;
    transform: translateY(-144px);
  animation-fill-mode: forwards;
animation-delay: 0.5s;}

.tai2 img{animation: tai2 1 .5s ease-in-out;
  transform: translateY(144px);
  animation-fill-mode: forwards;
animation-delay: 0.5s;}

  @keyframes tai1{
    0%{transform: translateY(-144px);}

    100%{transform: translateY(0px);}
  }

  @keyframes tai2{
    0%{transform: translateY(144px);}

    100%{transform: translateY(0px);}
  }

.d13,.d34,.d17,.d23,.d42.d45,.d46{overflow: hidden;}
.d65{width: 380px;
margin: auto;
margin-top: 10px;}

.wrapper img{width: 100%;}

.d7{width:calc(1000px*0.28); 
margin-left: calc(1000px*0.166);
}
.d8{width: calc(1000px*0.492);
  height: calc(1000px*0.694);
  position: relative;
  margin-left: auto;
margin-right: 0;
margin-top: calc(1000px*-0.248);
}

.d8 img{position: absolute;
  left: 0;}
.d9{width: calc(1000px*0.331);
  height: calc(1000px*0.271); 
margin-top: calc(1000px*-0.396);
position: relative;
filter: grayscale(100%);
}

#kieru{transition: all 2s;
transition-delay: 1s;}

#kieru2{transition: all 1s;
  transition-delay: 1.5s;
}

#kieru2{transition: all 1.5s;
  transition-delay: 1.5s;
}

.d9 img{position: absolute;
  left: 0;}

.d32 img,.d39 img,.d26 img{transition: all 1s;
transition-delay: 1.2s;}

.d10{width:calc(1000px*0.34);
  margin-left: calc(1000px*0.118);
  margin-top: calc(1000px*0.16);
  position: relative;
  z-index: 2;
}
  .d11{width: calc(1000px*0.34);
    margin-left: calc(1000px*0.118);
    position: relative;
    z-index: 2;
}
    .d12{width: calc(1000px*0.34);
      margin-left: calc(1000px*0.571);
      margin-top:calc(1000px*-0.362) ;}
      .d13{width: calc(1000px*0.34);
        margin-top: ;
        margin-left: 571px}

        #pan{width: 0;
        overflow: hidden;}
        #pan img{width: 1000px;
        max-width: 1000px;}

        #pan2{width: 0;
          overflow: hidden;}
          #pan2 img{width: 1000px;
          max-width: 1000px;}

          #pan3{width: 0;
            overflow: hidden;}
            #pan3 img{width: 1000px;
            max-width: 1000px;}

            #pan4{width: 0;
              overflow: hidden;}
              #pan4 img{width: 1000px;
              max-width: 1000px;}

              #pan5{width: 0;
                overflow: hidden;}
                #pan5 img{width: 1000px;
                max-width: 1000px;}

        #migi{transform: translateX(25px);}
        #hidari{transform: translateX(-25px);}
        #hidari3{transform: translateX(-50vw);
          opacity: 0.2;
          transition: all .5s;
        transition-delay: 0.7s;
        transition-timing-function: ease-out;}

        
        #ue{transform: translateY(25px);}

        #migi2{transform: translateX(50px);}
        #hidari2{transform: translateX(-50px);}
        #ue2{transform: translateY(50px);}

        .sec{margin-bottom: calc(1000px*0.200);}

        .d15{transform: translateY(25px);}

        .d16{width: calc(1000px*0.462);
        margin-top: calc(1000px*0.05)}

        .d17{width:calc(1000px*0.393) ;
          margin-left: calc(1000px*0.545);
          margin-top: calc(1000px*-0.538);
          }

          .d18{width:calc(1000px*0.340) ;
            margin-left: calc(1000px*0.545);
          }

.d19{width: calc(1000px*0.477);
margin-left:calc(1000px*0.36) ;
margin-top: calc(1000px*0.229);}
 .d20{width: calc(1000px*0.340);
  margin-left: calc(1000px*0.36);}

  .d22{width:calc(1000px*0.617) ;
  position: relative;
z-index: 2;}

  .d23{width: calc(1000px*0.208);
  margin-left:calc(1000px*0.711);
margin-top: calc(1000px*-0.776);} 


.d24{width: calc(1000px*0.34);
margin-left: auto;
margin-right: calc(1000px*-0.025);
margin-top:calc(1000px*0.242) ;
}
.d25{width: calc(1000px*0.317);
  margin-left: auto;
  margin-right: 0;}

  .d26{width: calc(1000px*0.38);
    margin-top: calc(1000px*-0.129);
}

.d27{width:calc(1000px*0.617);
margin-left: calc(1000px*0.29);
margin-top: calc(1000px*0.016);}

.d28{width: 100%;
  margin-top: calc(1000px*0.098);}

  .d29{width: calc(1000px*0.34);
  margin: auto;}


  .d30{width: 100%;}

  .d31{width: calc(1000px*0.503);
  margin-left: calc(1000px*0.04);}

  .d32{width: calc(1000px*0.271);
    height: calc(1000px*0.271);
    position: relative;
  margin-left: auto;
margin-right: 0;
margin-top: calc(1000px*-0.361);}

.d32 img{position: absolute;
  left: 0;}

  .d33{width:calc(1000px*0.34);
    margin-top: calc(1000px*0.055);
  margin-left: calc(1000px*0.6);}

  .d34{width:calc(1000px*0.687);
  margin: auto;
margin-top: calc(1000px*0.049);}

  .d35{width:calc(1000px*0.422);
  margin-top: calc(1000px*0.043);
margin-left: auto;
margin-right: 0;}

  .d36{width:calc(1000px*0.526);
  margin-top: calc(1000px*-0.273);}

  .d37{width:calc(1000px*0.34);
  margin-left: calc(1000px*0.186);}

  .d39{width: calc(1000px*0.609);
  margin-left: calc(1000px*0.286);}


  .d40{width: calc(1000px*0.571);
    margin-top: calc(1000px*0.033);
 }

 .d41{width: calc(1000px*0.34);
margin-left: calc(1000px*0.232);}



.d42{margin-top:calc(1000px*-0.839);
width: calc(1000px*0.353);
margin-left: auto;
margin-right: 0;}

.d43{width: calc(1000px*0.526);
margin-left: calc(1000px*0.373);
margin-top: calc(1000px*0.236);}

.d44{width: calc(1000px*0.34);
margin-left: calc(1000px*0.033);
margin-top: calc(1000px*-0.033);}

.d46{width:  calc(1000px*0.651);
margin: auto;
margin-top: calc(1000px*0.09);}

.wiggle{width: 760px;
margin: auto;
margin-top: 10px;}

.d47{width:  calc(1000px*0.34);
  margin: auto;}

  #sec7{background-color: #F0F0F0;
  margin-bottom: 0;
padding-bottom: 100px;}

  .d49{width: 811px;
  margin: auto;}

  .wiggle{display: flex;}


  .d54{width: 811px;
    margin: auto;
  margin-top: 72px;}

  .d57{width: 380px;}

  .d58{width: 811px;
    margin: auto;
  margin-top: 72px;}
  .d59{width: 380px;
  margin: auto;
margin-top: 10px;}

  .d60{width: 811px;
    margin: auto;
  margin-top: 72px;}

  .d63{width: 380px;
    margin-top: 10px;}

  #pun{width: 100%;
  display: none;}

  .d64{width: 811px;
    margin: auto;
  margin-top: 72px;}

  .d67{width: 811px;
    margin: auto;
  margin-top: 72px;}
  .d68{width: 416px;
  margin: auto;
  margin-top: 10px;}
  .sita div{opacity: 0;
  transition: all 1s;}

  .pack1{overflow: hidden;
  width: 0;
animation: pack 1 1.5s;
animation-fill-mode: forwards;
transform: translateY(-30px);
}

  .pack1 img{width: 1000px;
  max-width: 1000px;}


  .pack1x{overflow: hidden;
    width: 0;
  animation: pack 1 1s 1.5s ease-in-out;
  animation-fill-mode: forwards;
  transform: translateY(-30px);
  }
  
    .pack1x img{width: 1000px;
    max-width: 1000px;}

  .pack2{overflow: hidden;
    width: 0;
  animation: pack 1 1s 1.2s;
  animation-fill-mode: forwards;
  transform: translateY(-30px);

  }
  
    .pack2 img{width: 1000px;
    max-width: 1000px;}

  @keyframes pack{

    0%{width: 0%;}

    100%{width: 100%;}
  }

  .jag{animation: bow 1 .5s .3s;
  animation-fill-mode: forwards;
  width: 100%;
  margin-left: 20px;
opacity: 0;}

@keyframes bow{

  0%{opacity: 0;
  margin-left: 50px;}

  100%{opacity: 1;
  margin-left: 0;}
}

#sp{display: none;}

#pun{margin-top: 0;}


@media screen and (max-width:640px) {


  .tai1{top: 65.9vw;}

  .tai2{top: 65.9vw;}

  .sita div{margin: auto;
} 

#pc{display: none;}

#sp{display: block;}

.wrapper{width: 100vw;
margin-top: 0;}

.pack1 img{width: 100vw;}
.pack1x img{width: 100vw;}
.pack2 img{width: 100vw;}

.pack1{transform: unset;}

.pack1x{transform: unset;}

.pack2{transform: unset;}

.top{height: 176vw;}

#pan{margin-left: 0!important;}
#pan2{margin-left: 0!important;}
#pan3{margin-left: 0!important;}
#pan4{margin-left: 0!important;}
#pan5{margin-left: 0!important;}

#pan img{width: 100vw;}
#pan2 img{width: 100vw;}
#pan3 img{width: 100vw;}
#pan4 img{width: 100vw;}
#pan5 img{width: 100vw;}

.d7{width: 71vw!important;
margin-right: 0!important;}

.gut{display: flex;
flex-direction: column;}

.d8{order: 2;
width: 80vw!important;
height: calc(80vw*1.411);
margin-right: 0!important;
margin-top: 23vw!important;}

.d9{order: 1;
width: 84vw!important;
height: calc(84vw*0.819); 
margin-left: 0!important;
margin-top: 14vw!important;}

.d10{width:85vw!important;
margin-top: 15vw!important;}

.d11{margin: auto;
text-align: center;}

#jama{width: 90%;}

.wiggle{width: 96%!important;
margin: auto;

flex-direction: column;}


.d12{margin-top: 5.5vw!important;
margin: auto;
text-align: center;}

  .sec{padding-bottom: 20vw;}

  .d16{width: 77vw!important;
  margin-left: 0!important;
margin-top: 15vw!important;}

.d17{width: 70vw!important;
margin-right: 0!important;
margin-top: 10vw!important;}

.d18{margin-left: 30vw!important;}

.d19{width: 85vw!important;
margin-top: 15vw!important;}

.d20{margin:auto;
text-align: center;}


.d22{width: 80vw!important;
margin-right: 0!important;}

.d23{width: 50vw!important;
  margin-right: 10vw!important;
margin-top: 13vw!important;
order: 2;}

.d24{margin-left: 25vw!important;
  margin-top: 5.5vw!important;
  margin-bottom: 10vw!important;

  order: 3;}

.d25{order: 4;
width: 75vw!important;
margin-right: 0!important;}

.d26{order: 1;
width: 74vw!important;
margin-top: 10vw!important;
margin-left: 0!important;}

.d27{margin-top: 8vw!important;
width: 90vw!important;}

.d28{margin-top: 20vw!important;
overflow: hidden;
height: 55vw;}

.d28 img{transform: scale(1.2);
  margin-top: 3.5vw;
}

.d29{margin: auto;
text-align: center;}

.d31{width: 75vw!important;
margin-left: 5vw!important;}

.d32{width: 55vw!important;
  height: 55vw!important;
margin-top: 12vw!important;
margin-right: 0!important;
order: 2;}

.d33{order: 1;
margin-left: 5vw!important;}

.d34{margin-top: 8vw!important;
  width: 100%;}

.d35{width: 85vw!important;
margin-left: 0!important;
margin-top: 10vw!important;}

.d36{width: 90vw!important;
margin-top: 7vw!important;}

.d37{margin:auto;
text-align: center;}

.d39{width:70vw!important ;}

.d40{width: 60vw!important;
  margin-top: 5vw!important;
margin-left: 0!important;}

.d42{width: 33vw!important;
margin-right: 0!important;
margin-top: -85vw!important;}

.d15 img{transform: scale(1.5);
transform-origin: top;}

.d15{overflow: hidden;
height: 60vw;}

.d44{text-align: center;}
.d42{order: 1;}

.d41{order: 2;
margin: auto;
text-align: center;}

.d43{width: 85vw!important;
margin-top: 15vw!important;}


.d46{width: 85vw!important;
margin-top: 15vw!important;}
.d47{
text-align: center;}

.d48 img{transform: scale(1.6);}

.d49{width: 90vw!important;
margin-bottom: 3vw!important;}

.d50{margin-bottom: 3vw!important;}
.d51{margin-bottom: 3vw!important;}
.d52{margin-bottom: 3vw!important;}
.d53{margin-bottom: 3vw!important;}

.d55{margin-bottom: 3vw!important;}
.d56{margin-bottom: 3vw!important;}
.d57{margin-bottom: 3vw!important;}



.d68{margin-left: 1.5vw!important;}

.d61{margin-bottom: 3vw!important;}
.d62{margin-bottom: 3vw!important;}
.d63{margin-bottom: 3vw!important;}

.d65{margin-bottom: 3vw!important;}
.d66{margin-bottom: 3vw!important;}


.d54{width: 90vw!important;
  margin-top: 10vw!important;
  margin-bottom: 3vw!important;}

  .d58{width: 90vw!important;
    margin-top: 10vw!important;
    margin-bottom: 3vw!important;}

    .d58{width: 90vw!important;
      margin-top: 10vw!important;
      margin-bottom: 3vw!important;}

      .d60{width: 90vw!important;
        margin-top: 10vw!important;
        margin-bottom: 3vw!important;}

      .d64{width: 90vw!important;
        margin-top: 10vw!important;
        margin-bottom: 3vw!important;}

        .d67{width: 90vw!important;
          margin-top: 10vw!important;
          margin-bottom: 3vw!important;}

          #pun{width: 100%!important;
          margin: auto!important;
        display: flex;
      flex-direction: row;
    display: none;}

          .d69{width: 50%!important;}
          .d70{width: 50%!important;}

          .d12{order: 2;}

          .d13{order: 1;
          margin-top: 18vw!important;}


 
          
          .damo1 img{width: 100vw!important;
          max-width: 100vw;}


          .d45x{width: 100%;
            height: 143vw;
    }

    .d65,.d56,.d59,.d63,.d68{width: auto;}
    .d68{margin-left: auto!important;}
.d68,.d65,.d59{width: 96vw;}
    .wiggle img{width: 100%;}

}