@charset "UTF-8";
/* CSS Document */
#seibun{
	position:relative;
	width: 100%;
}
#seibun .cont01{
  position: relative;
}

#seibun .cont01 .cont01_01{
	position: absolute;
    top:-1.3%;
    right: 0%;
	left: 0%;
	margin: auto;
    width: 39%;
    transition: .9s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#seibun .cont01 .cont01_01.trigger{
  transform: translateY(8%);
	opacity: 0;
}
#seibun .cont01 .cont01_01.trigger.move{
  	transform: translateY(0%);
	opacity: 1;
}

#seibun .cont01 .cont01_02{
	position: absolute;
    top:20.5%;
    right: 3%;
	margin: auto;
    width: 42%;
    transition: .7s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#seibun .cont01 .cont01_02.trigger{
  transform: translateY(8%) scale(0);
	opacity: 0;
}
#seibun .cont01 .cont01_02.trigger.move{
  	transform: translateY(0%) scale(1);
	opacity: 1;
}

#seibun .cont01 .cont01_03{
	position: absolute;
    top:38.5%;
    right: 3%;
	margin: auto;
    width: 44%;
    transition: .7s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#seibun .cont01 .cont01_03.trigger{
  transform: translateY(8%) scale(0);
	opacity: 0;
}
#seibun .cont01 .cont01_03.trigger.move{
  	transform: translateY(0%) scale(1);
	opacity: 1;
}
#seibun .cont01 .cont01_04{
	position: absolute;
    top:57%;
    right: 3%;
	margin: auto;
    width: 42%;
    transition: .7s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#seibun .cont01 .cont01_04.trigger{
  transform: translateY(8%) scale(0);
	opacity: 0;
}
#seibun .cont01 .cont01_04.trigger.move{
  	transform: translateY(0%) scale(1);
	opacity: 1;
}
#seibun .cont01 .cont01_05{
	position: absolute;
    bottom:4%;
    right: 0%;
	left: 0%;
	margin: auto;
    width: 94%;
    transition: .7s;
    animation-timing-function: ease-in-out;
    z-index: 2;
}
#seibun .cont01 .cont01_05.trigger{
  transform: translateY(8%) scale(0);
	opacity: 0;
}
#seibun .cont01 .cont01_05.trigger.move{
  	transform: translateY(0%) scale(1);
	opacity: 1;
}