/* テキストを中央に配置 */
.centerText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}

/*---シーン1---*/
#scene1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

#scene1Text {
    z-index: 11;
}

/*---シーン2---*/
#scene2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

#scene2Video {
    z-index: 21;
    width: 2161px;
    height: 1533px;
    object-fit: cover;
}

/*---シーン3---*/
#scene3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 30;
}

#scene3Text {
    z-index: 31;
}

/*---シーン4---*/
#scene4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 40;
}

#scene4Img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 41;
}

#scene4Text {
    position: absolute;
    top: 32%;
    right: 9%;
    width: 5%;
    z-index: 42;
    @media screen and (max-width: 480px) { 
      width: 10%;
      top: 4%;
    }
}

/*---シーン5---*/
#scene5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
}

#scene5Img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 51;
}

#scene5Text {
    position: absolute;
    top: 54%;
    right: 6%;
    width: 30%;
    z-index: 52;
    @media screen and (max-width: 480px) { 
      width: 60%;
      top: 20%;
    }
}

/*---シーン6---*/
#scene6 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 60;
}

#scene6Img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 61;
}

#scene6Text {
    position: absolute;
    top: 32%;
    right: 29%;
    width: 6%;
    z-index: 62;
    @media screen and (max-width: 480px) { 
      width: 10%;
      top: 6%;
    }
}

/*---シーン7---*/
#scene7 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 70;
}

#scene7Img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 71;
}

#scene7Text {
    position: absolute;
    top: 51%;
    right: 57%;
    width: 29%;
    z-index: 72;
    @media screen and (max-width: 480px) { 
      width: 55%;
      top: 10%;
      right: 37%;
    }
}

/*---シーン8---*/
#scene8 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 80;
}

#scene8Text {
    z-index: 81;
}

/*---シーン9---*/
#scene9 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 90;
}

#scene9Video {
    z-index: 91;
    width: 2161px;
    height: 1533px;
    object-fit: cover;
}

#scene9Img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 92;
}

#scene9Text {
    position: absolute;
    top: 40%;
    right: 50%;
    width: 40%;
    z-index: 93;
    @media screen and (max-width: 480px) { 
      width: 60%;
      top: 20%;
      right: 34%;
    }
}


/* ------------------------------------------------------------
    animation parts
------------------------------------------------------------ */

.transparentBlock {
    /* 透明 */
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}