/*/////////// アニメーション ///////////*/
header {
    animation: fadeUp 2s ease 0s 1 normal;
    -webkit-animation: fadeUp 2s ease 0s 1 normal;
}
header .tit{
    animation: fadeUp 5s ease 0s 1 normal;
    -webkit-animation: fadeUp 5s ease 0s 1 normal;
}
@keyframes fadeUp {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes fadev {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; }
}

nav ul {
	transition: all 1.5s cubic-bezier(.215, .61, .355, 1), 2s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	margin-top: 10%;
}
nav ul.on {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-top: 0;
}
section > ul > li {
	transition: all 1.5s cubic-bezier(.215, .61, .355, 1), 2s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
section > ul > li.on {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
section > ul > li > div {
	transition: all 1.5s cubic-bezier(.215, .61, .355, 1), 2s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	margin-top: 10%;
}
section > ul > li > div.on {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-top: 0;
}

@media screen and (max-width : 640px){
section h3 {
	margin-top: 20%;
}
}