* {
    margin: 0;
    padding: 0;
}
.wrap { 
    width:100vw;
    height:100vh;
    background-color:#000000;
     
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.content {      
    width:auto;
    height:auto;
}
p {
    font-size: 30px;
    color: #fff;
    line-height: 1.5em;
}
 
/*以下フェードイン表示の指定*/
.fadein {
    opacity: 0;
    animation: fadein 3s ease forwards;
}
@keyframes fadein {
    100% {  opacity: 1;}
}
 
/*以下遅延の指定*/
.txt01 {animation-delay: 2s;}
.txt02 {animation-delay: 3s;}
.txt03 {animation-delay: 5s;}
.txt04 {animation-delay: 5.5s;}
.txt05 {animation-delay: 6s;}
.txt06 {animation-delay: 6.5s;}





/*下からフェードイン*/
.fade-in-bottom {
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 4.0s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}