.wrapper{width: 800px;
  margin: auto;
  margin-top: 89px;
  overflow: hidden;
  line-height: 0;}
  
  .item{border-top: #6991FF solid 1px;}
  
  .wrapper div{display: flex;
    align-items: flex-start;}
  
  .wrapper div img{width: 50%;}
  
  .top img{animation: fadein 1s 1;
    animation-delay: 0.2s;
  animation-fill-mode: forwards;
  opacity: 0;}
  
  .sita div img{opacity: 0;
  transition: all 1s;
  transition-delay: 0.5s;}
  
  .las{opacity: 1!important;}
  
  .las img{width: 100%!important;}
  
  .lam{background-color: #1038BE ;}
  
  .lam img{opacity: 0;
  transition: all 1s;}
  
  .kotei{opacity: 1!important;}
  
  .sita{display: unset!important;}
  
  .top{background-color: #1038BE;}
  
  @keyframes fadein{
  
    0%{opacity: 0;}
  
    100%{opacity: 1;}
  }
  
  .wrapper img{width: 100%;}
  
  #sp{display: none;}
  
  
  
  @media screen and (max-width:640px) {
    .wrapper div img{width: 100%;}
    .wrapper div{flex-direction: column;}
  
    .item{border: unset;}
  
    .sita div img{
      transition-delay: 0.2s;}
  
  
  #pc{display: none;}
  
  #sp{display: block;}
  
  .wrapper{width: 100vw;
  margin-top: 0;}
  
  
  
  }