@charset "utf-8";

#header-contents{
    width: 375px; height: 60px;
    background-image: url(image/header.jpg);
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.9;
    display: flex;
    justify-content: start;
    align-items: center;
    z-index: 1;
}



#top{
    width: 375px; height: 620px;
    background-image: url("image/topimage2.jpg");
    background-size: cover;
}

.class2 {
    position: absolute;
    right: 0px;
    top: 141px;
    height: 300px;

    animation-name:fadeInAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeInAnime{
      from {
        opacity: 0;
      }
    
      to {
        opacity: 1;
      }
}

  
body{
    margin: 0px;
    background-color: #e50012;
}



.class3{
    padding-top:0px;
    width: 375px;
}



.class4{
    padding-top: 50px;
    width: 375px;
}    

.class5{
    padding-top: 50px;
    width: 375px;
}