@charset "utf-8";
p.maintext {
  font-family:'Zen Maru Gothic',cursive ;

}

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



.bigFlame {
    display: flex;
    width: 375px;
    height: 3417px;
    background-image: url("image/haikei1.svg");
    background-size: cover;
    z-index: -999;
    margin: 0px;
    padding: 0;

}

.moveEyes{
  margin: 0px;
  padding: 0;
    margin-top: -550px;
    padding-left: 250px;  

}

.title1{
  margin:-300px;
  height:300px;
  padding-top: 450px;
  animation-name:fadeInAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
 }
        
 @keyframes fadeInAnime{
          from {
            opacity: 0;
          }
        
          to {
            opacity: 1;
          }
          
        }

.title2{
  padding-top: 230px;
  padding-left: 160px;
    animation-name:fadeInAnime;
        animation-duration:0.8s;
        animation-delay: 1s;
        animation-fill-mode:forwards;
        opacity:0;
        }
        
        @keyframes fadeInAnime{
          from {
            opacity: 0;
          }
        
          to {
            opacity: 1;
          }
}

.title3{
   
    color: rgb(78, 42, 255);
    font-family: 'Zen Maru Gothic', sans-serif;
    width: 375px;
    padding-top: 510px;
    margin-left:-360px ;
   
    animation-name:fadeInAnime;
    animation-duration:1s;
    animation-delay: 2.3s;
    animation-fill-mode:forwards;
    opacity:0;
    
    
    @keyframes fadeInAnime{
      from {
        opacity: 0;
      }
    
      to {
        opacity: 1;
      }
    }  

    white-space: nowrap;

}



.text1{
    color: rgb(255,255,255);
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 200%;
    width: 375px;
    margin-left: -370px;
    padding-top: 1080px;
    white-space: nowrap;
}

p {  

    /* 水平方向の中央揃え */
    text-align: center;
}

.text2{

    color: rgb(255,255,255);
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 100%;
    margin-left: -330px;
    padding-top: 1300px;
  
    white-space: nowrap;
   
}

p {
    /* 水平方向の中央揃え */
    text-align: center;
}

.text3{
  padding-top: 2000px;
  margin-left:-300px

}

.icons{
  padding-top: 2100px;
  margin-left: -340px;
}

.ugokuicon{
  padding-top: 2250px;
  margin-left: -200px;
}

.topreturn{
  padding-top: 3250px;
  margin-left: -300px;
  z-index: 9999;
  list-style: none;
}