/*/////////// アニメーション ///////////*/
header div p:first-child {
    animation: fadeUp 2s ease 0s 1 normal;
    -webkit-animation: fadeUp 2s ease 0s 1 normal;
}
header div p:last-child {
    animation: fadeUp 3.5s ease 0s 1 normal;
    -webkit-animation: fadeUp 3.5s ease 0s 1 normal;
}
header div span {
	transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
}
@keyframes fadeUp {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes fadev {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; }
}


section > div > p.image01 {
	transition: all 1.5s cubic-bezier(.215, .61, .355, 1), 2s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
section > div > p.image01.on {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-left: -10%;
}
section > div > p.image02 {
	transition: all 1.5s cubic-bezier(.215, .61, .355, 1), 2s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
section > div > p.image02.on {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-left: 10%;
}
@media screen and (max-width : 640px){
section > div > p.image01 {
	transition: all 1.5s cubic-bezier(.215, .61, .355, 1), 2s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	margin-left: -35%;
}
section > div > p.image01.on {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-left: -25%;
}
section > div > p.image02 {
	transition: all 1.5s cubic-bezier(.215, .61, .355, 1), 2s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	margin-left: -70%;
}
section > div > p.image02.on {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-left: -80%;
}
}