.fade{
overflow: hidden;
  position: relative;
}

.fade:before{
animation: fade 4s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  text-align:center;
}

@keyframes fade {
  100% {
    transform: translateX(100%);
  }
}












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



.left{
  text-align: left;
}
.right{
  text-align: right;
}