@charset "utf-8";

.top_object{
    background:fixed;
    
}

body {
  background-image: url(1x/top_set2.png);
  background-attachment: fixed;
  height: 0px;
  background-repeat:no-repeat;
}



.scroll {
  position:absolute;
  left:35px;
  top:220px;
}

.top_dot {
    position: absolute;
    right:5px;
    top:210px;
  }
 
.top_copy {
    position: absolute;
    right:150px;
    bottom: 210px;
    animation-name:fadeInAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    @keyframes fadeInAnime{
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
  }

.top_subcopy {
    position: absolute;
    left:13px;
    top: 495px;
    animation-name:fadeInAnime;
    animation-duration:4s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeInAnime{
      from {
        opacity: 0;
      }
    
      to {
        opacity: 1;
      }
  }

.kounyuu {
    position:fixed;

    z-index: 100;
    top:88vh;
    right:3px;
  }


  .rogo {
    position: absolute;
    top:650px;
  }

  .centrer_dot1 {
    position: absolute;
    top:530px;
    left: 2px;
  }

.object {
  position: relative;
  top: -200px;
  margin-top: 782px;
    background-image: url(1x/object2.png);
    background-position: 100 0;
    background-repeat:no-repeat;
    height: 5034px;
  }

  .center_object{
    position:absolute;
    margin-top: 0px;
}

.title1{
  position:absolute;
  top: 1300px;
  

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

.photo1{
  position:absolute;
  top: 1450px;
  left: 170px;;
}

.text1{
  letter-spacing: 2.5pt;
  line-height: 15pt;
  width: 150px; 
  font-family: monospace;
  color: #4d4d4d;
  font-size: 9pt;
  position: absolute;
  top: 1540px;
  left: 15px;
}




.centrer_dot2 {
  position: absolute;
  top:1850px;
  left: 2px;
}

.title2{
  position:absolute;
  top: 2100px;
  
}

.photo2{
  position:absolute;
  top: 2250px;
  left: 170px;;
}

.text2{
  letter-spacing: 2.5pt;
  line-height: 15pt;
  width: 150px; 
  font-family: monospace;
  color: #4d4d4d;
  font-size: 9pt;
  position: absolute;
  top: 2310px;
  left: 15px;
}



.centrer_dot3 {
  position: absolute;
  top:2650px;
  left: 2px;
}

.title3{
  position:absolute;
  top: 2950px;
  
}

.photo3{
  position:absolute;
  top: 3100px;
  left: 170px;;
}


.text3{
  letter-spacing: 2.5pt;
  line-height: 15pt;
  width: 150px; 
  font-family: monospace;
  color: #4d4d4d;
  font-size: 9pt;
  position: absolute;
  top: 3190px;
  left: 15px;
}




.assortment{
  position:absolute;
  top: 3490px;
  left: 125px;
}

.assortment_photo{
  position:absolute;
  top: 3500px;
  left:-20px;
}

.centrer_dot4 {
  position: absolute;
  top:3520px;
}



.last_text{
  letter-spacing: 2.5pt;
  line-height: 10pt;
  width: 357px; 
  font-family: monospace;
  color: #000000;
  font-size: 6.5pt;
  position: absolute;
  top: 4943px;
  left: 23px;
}

.syamei{
  position: absolute;
  top: 4920px;
  left: 23px;
}

.Reserved{
  letter-spacing: 1pt;
  line-height: 10pt;
  width: 357px; 
  font-family: monospace;
  color: #000000;
  font-size: 6pt;
  position: absolute;
  top: 75px;

}


*{
    margin: 0px;
    padding: 0px;
}