@charset "UTF-8";


body{
	margin: 0px;
	
}


.haikei{
	position: relative;
	top:-10px;
	right: 7.5px;
}

.rogo{
	position: absolute;
    top: 300px;
	right: 50px;
	left: 20px;
}

.yazirusi{
	position: absolute;
    top: 612px;
	right: 150px;
}

.note.is-animated{
	animation: fadeup 1s cubic-bezier( 0.33, 1 , 0.68 , 1 ) 1 forwards;
}

@keyframes fadeup {
	0% {
		transform: translateY( 30px );
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	100%{
		opacity: 1;
		transform: translateY( 0 );
	}
}

.note{
	position: absolute;
    top: 700px;
}

.bun{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;	
	
	color: #704833;
	
	font-size: 17px;
	
	position: absolute;
    top: 830px;
	left:70px;
	right: 70px;
}

.txet{
	
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;	
	
	font-size: 17px;
	
	color: #704833;
	
	position: absolute;
    top: 1230px;
	left:70px;
	right: 70px;
}

.fusen{
	position: absolute;
    top: 1530px;
	left: 0px;
}

.pink{
	position: absolute;
    top: 1740px;
	left: 57px;
	right: 37px;
	
}

.yellow{
	position: absolute;
    top: 2130px;
	left: 57px;
	right: 37px;
}

.blue{
	position: absolute;
    top: 2530px;
	left: 57px;
	right: 37px;
}

.kirakira{
	position: absolute;
    top: 2970px;
	left:10px;
	right: 1px;
}

.rogo2{
	position: absolute;
    top: 3350px;
	left:30px;
	right: 1px;
}

.pic{
	position: absolute;
    top: 3380px;
	left:180px;
	right: 0px;
}

.tx{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;	
	
	color: #704833;
	
	position: absolute;
    
	left:40px;
	right: 40px;
	
}