@charset "utf-8";
body{
    
    margin:0%;
    height: 1672px;
    width: 100%;
    background-image: url("image/top.png");
    background-size: cover;
    background-repeat: no-repeat;
    
    
    text-align: right;
}


.slider {
    width: 500px;
    height: 1200px;
    display: flex;
    overflow: hidden;
    margin-top: 700px;
 
}
  
  .slider > :first-child {
    -webkit-animation-name: scroll;
    animation-name: scroll;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  
  @keyframes scroll {
  0% {
    margin-left: 0;
  }
  
  20% {
    margin-left: -100%;
  }
  
  25% {
    margin-left: -100%;
  }
  
  45% {
    margin-left: -200%;
  }
  
  50% {
    margin-left: -200%;
  }
  
  70% {
    margin-left: -300%;
  }
  
  75% {
    margin-left: -300%;
  }
  
  95% {
    margin-left: -400%;
  }
  
  100% {
    margin-left: -400%;
  }
  }
.aa{background-image: url(image/sankaku.png);}
.kousya{background-image: url(image/kousya.png);
height: 1000px;
width: 100%;
margin-top: 600px;
background-repeat: no-repeat;}