#splash {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 800;
    background: #fff;
    text-align: center;
    color: #fff;
}
.shape-cont {/*追加*/
    position: absolute;
    width: 700px;
    height: 500px;
    right: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#splash_logo {
    animation: move-right 3s linear both;
/*    animation: move-right 3s cubic-bezier(.37, .55, .49, .67);*/
    position: absolute;
    left: calc(50% - 4em);
    top: calc(50% - 4em);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.shape{
    display: block;
    width: 45px;
    height: auto;
    animation: bounce-01 3s linear both;
    position: relative;
    left: auto;
    top: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
@keyframes move-right {
    0% {
        transform: translateX(-100px);
        opacity: 1;
    }
    50%,60%,70%,80%,90%,100% {
        transform: translateX(186px);
    }
}
@keyframes bounce-01 {
  0% {
    transform: translateY(-200px);
    animation-timing-function: cubic-bezier(.51,.01,.79,.02);
  }
  15% {
    transform: translateY(20px);
    animation-timing-function: cubic-bezier(.19,1,.7,1);
  }
  25% {
    transform: translateY(-100px);
    animation-timing-function: cubic-bezier(.51,.01,.79,.02);
  }
  32.5% {
    transform: translateY(60px);
    animation-timing-function: cubic-bezier(.19,1,.7,1);
  }
  40% {
    transform: translateY(10px);
    animation-timing-function: cubic-bezier(.51,.01,.79,.02);
  }
  45% {
    transform: translateY(80px);
    animation-timing-function: cubic-bezier(.19,1,.7,1);
  }
  50% {
    transform: translateY(60px);
    animation-timing-function: cubic-bezier(.51,.01,.79,.02);
  }
    60%,70%,80%,90%,100%{
        transform: translateY(112px);
    }
}
.shape {
    position: absolute;
    top: calc(50% - 2em);
    left: calc(50% - 2em);
}
@media screen and (max-width:480px){
    .shape-cont{
        width:300px;
        height:380px;
    }
    .shape{
        width:35px;
    }
    .castilla01{
        width:220px;
    }
    .castilla02{
        width:35px;
        right:158px;
        bottom:145px;
    }
    @keyframes move-right {
        0% {
            transform: translateX(-80px);
            opacity: 1;
        }
        50%,60%,70%,80%,90%,100% {
            transform: translateX(53px);
            opacity: 1;
        }
    }
}