/*/////////// アニメーション ///////////*/
h1 {
    animation: fadeUp 2s ease 0s 1 normal;
    -webkit-animation: fadeUp 2s ease 0s 1 normal;
}

@keyframes fadeUp {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; margin: 0; }
}
@-webkit-keyframes fadev {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; margin: 0; }
}


#p01 p.image,
#p15 p.image {
	transition: all 1.5s cubic-bezier(.215, .61, .355, 1), 2s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	right: -10%;
}
#p01 p.image.on,
#p15 p.image.on {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	right: 0;
}
#p02 > p.image,
#p03 p.image:nth-child(2),
#p09 p.image:nth-child(2),
#p10 p.image,
#p14 > p.image,
#p18 div,
#p19 > p.image,
#p21 > div.flexBox > div p.image {
	transition: all 1.5s cubic-bezier(.215, .61, .355, 1), 2s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#p02 > p.image.on,
#p03 p.image:nth-child(2).on,
#p09 p.image:nth-child(2).on,
#p10 p.image.on,
#p14 > p.image.on,
#p18 div.on,
#p19 > p.image.on,
#p21 > div.flexBox > div p.image.on {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#p04 p.image:nth-child(1),
#p07 p.image:nth-child(1) {
	transition: all 1.5s cubic-bezier(.215, .61, .355, 1), 2s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	top: 47.5%;
}
#p04 p.image:nth-child(1).on,
#p07 p.image:nth-child(1).on {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	top: 57.5%;
}
#p04 p.image:nth-child(2),
#p07 p.image:nth-child(2) {
	transition: all 1.5s cubic-bezier(.215, .61, .355, 1), 2s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	top: 52.5%;
}
#p04 p.image:nth-child(2).on,
#p07 p.image:nth-child(2).on {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	top: 42.5%;
}
#p08 p.image,
#p13 p.image,
#p22 p.image {
	transition: all 1.5s cubic-bezier(.215, .61, .355, 1), 2s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	left: -10%;
}
#p08 p.image.on,
#p13 p.image.on,
#p22 p.image.on {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	left: 0;
}

@media screen and (max-width : 640px){
#p04 p.image:nth-child(1),
#p07 p.image:nth-child(1) {
    top: 61%;
}
#p04 p.image:nth-child(1).on,
#p07 p.image:nth-child(1).on {
    top: 51%;
}
#p04 p.image:nth-child(2),
#p07 p.image:nth-child(2) {
    top: -8.5%;
}
#p04 p.image:nth-child(2).on,
#p07 p.image:nth-child(2).on {
    top: 2.5%;
}
}