*{
    margin:0;
    padding:0;
}
html{
    height:100%;
    width:100%;
}
body{
    background:#CF000F;
    text-align:center;
    display: table;
    height:100%;
    width:100%;
}
body div{
    background:#CF000F;
    text-align:center;
    display:table-cell;
    vertical-align: middle;
}
body div h1{
    margin:0 0 105px;
    transform: rotateY(180deg);
    animation: r7 1s ease-in 0.5s 1 alternate forwards running;
}

.sp{display:none;}

  @keyframes r7 {
    0%   { transform: rotateY(180deg); }
    100% { transform: rotateY(0deg); }
  }
body div h1 + p{
    margin:0 0 35px;
}


/* sp pc版上書き*/
@media screen and (max-width: 960px) {
    body div h1{
        margin:0 0 18.666vw;
    }
    body div h1 img{
        height:auto;
        width:62.13333vw;
    }
    body div h1 + p img{
        height:auto;
        width:35.733333vw;
    }
    body div h1 + p + p + p img{
        height:auto;
        width:72.533333vw;
    }
    .pc{display:none;}
    .sp{display:inline-block;}

}