@charset "utf-8";


.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.anim01 {
  opacity: 0;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
}
.anim01.shown {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
	-webkit-transition: 1.6s;
	-moz-transition: 1.6s;
	-o-transition: 1.6s;
	-ms-transition: 1.6s;
    animation-timing-function: ease-in;
}

.anim02 {
  opacity: 0;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
}
.anim02.shown {
  opacity: 1;
    -webkit-transform: translateY(0%);
       transform: translateY(0%);
	-webkit-transition: 1.6s;
	-moz-transition: 1.6s;
	-o-transition: 1.6s;
	-ms-transition: 1.6s;
    animation-timing-function: ease-in;
}

.anim03 {
  opacity: 0;
}
.anim03.shown {
  opacity: 1;
	-webkit-transition: 1.6s;
	-moz-transition: 1.6s;
	-o-transition: 1.6s;
	-ms-transition: 1.6s;
    animation-timing-function: ease-in;
}