@charset "UTF-8";

body {
    font-family: 'Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
font-size: 15px;background-color:#15141C;background-image: url ("img/haikei.png");}



.loop {
    padding-top:500px ;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
    position:relative;
    top: 200px;


}
.loop_box {
   
    display: flex;
    width: 100vw;
    
}
.loop_box img {
    

    min-width: 370vw  
   

}
.loop_box img:first-child {
    animation: loop 50s -25s linear infinite;
 
    
}
.loop_box img:last-child {
    animation: loop2 50s linear infinite;
}

@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes loop2 {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}

.title {   color: #ffff;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;;
    font-size: 100%;
    line-height: 250px;
    letter-spacing: 8px;
    position: relative; 
top: -70px;
left: 0%;}


.titleni {   color: #ffff;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;;
    font-size: 300%;
    line-height: -1000%;
padding-top: -100%;
top: -120px;

margin-top: -10%;

    letter-spacing: 8px;
    position: relative; left:0%;}

.sub {color: #ffff;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;;
font-size: 100%;
line-height:50px;
letter-spacing: 8px;

position: relative; 
top: -80px;
left: 0%;}
.tobirasyasinn img{width: 330px;
    height: 370px;
    
    margin: auto;
    position: relative; 
    top: 30px; 
    left: 0px;
    
    }
    
    .tobirasyasinn{
       
    text-align: center;
;
    }

   .rist {color: #ffff;
        text-align: center;
        font-family: 'Noto Sans JP', sans-serif;;
        font-size: 20px;
        line-height: 10px;
        letter-spacing: 8px;
        position: relative; 
    top: -330px; 
    left: 5px;}

    .iti {color: #ffff;
        text-align: center;
        font-family: 'Noto Sans JP', sans-serif;;
        font-size: 14px;
        line-height: 10px;
        letter-spacing: 8px;
        position: relative; 
    top: -300px; 
    left: 5px;}
    
    .ni {color: #ffff;
        text-align: center;
        font-family: 'Noto Sans JP', sans-serif;;
        font-size: 14px;
        line-height: 10px;
        letter-spacing: 8px;
        position: relative; 
    top: -280px; 
    left: 5px;}
    .san {color: #ffff;
        text-align: center;
        font-family: 'Noto Sans JP', sans-serif;;
        font-size: 14px;
        line-height: 10px;
        letter-spacing: 8px;
        position: relative; 
    top: -260px; 
    left: 5px;}
    .yon {color: #ffff;
        text-align: center;
        font-family: 'Noto Sans JP', sans-serif;;
        font-size: 14px;
        line-height: 10px;
        letter-spacing: 8px;
        position: relative; 
    top: -240px; 
    left: 5px;}
    .go {color: #ffff;
        text-align: center;
        font-family: 'Noto Sans JP', sans-serif;;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 8px;
        position: relative; 
    top: -220px; 
    left: 5px;}
a:link{color: white;}
a:visited{color:white;}
a:hover{color: white;}
a:active{color: white;}