@charset "UTF-8";

/* anime */
.anime_container{
	position: relative;
}
.animeitem{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.animeitem div{
	position: absolute;
	z-index: 5;
}
.anime01_01 div{
	width: 43.95604395604396%;
	margin: 30px auto 45px 25.27472527472527%;
	transform: translateY(30px);
  opacity: 0;
	transition: 0.5s ease-out 2s;
	padding-top: 40px;
	z-index: 3;
}
.on .anime01_01 div{
	transform: translateY(0px);
  opacity: 1;
}
.anime01_02 div{
	width: 51.23626373626374%;
	right: 2%;
	top: -72px;
	transform: translateY(30px);
  opacity: 0;
	transition: 0.5s ease-out 5.5s;
	z-index: 5;
}
.on .anime01_02 div{
	transform: translateY(0px);
  opacity: 1;
}
.anime01_03 div{
	width: 28.57142857142857%;
  left: 33.79120879120879%;
  bottom: 0px;
	transform: translateY(30px);
	transition: 0.5s ease-out 2.5s;
	z-index: 2;
	opacity: 0;
}
.on .anime01_03 div{
	opacity: 1;
	transform: translateY(-3px);
}
.anime01_04 div{
	width: 19.23076923076923%;
  left: 11.4010989010989%;
  bottom: 0px;
	transform: translateY(20px);
	transition: 0.5s ease-out 3.5s;
	z-index: 4;
	opacity: 0;
}
.on .anime01_04 div{
	opacity: 1;
	transform: translateY(20px);
}
.anime01_05 div{
	width: 9.752747252747253%;
  left: 41.20879120879121%;
  bottom: 0px;
	transform: translateY(20px);
	transition: 0.5s ease-out 4s;
	z-index: 4;
	opacity: 0;
}
.on .anime01_05 div{
	opacity: 1;
	transform: translateY(20px);
}
.anime01_06 div{
	width: 22.66483516483516%;
  right: 10.98901098901099%;
  bottom: 0px;
	transform: translateY(20px);
	transition: 0.5s ease-out 4.5s;
	z-index: 4;
	opacity: 0;
}
.on .anime01_06 div{
	opacity: 1;
	transform: translateY(20px);
}

.anime02_01 div{
	width: 74.21875%;
	margin: 30px auto 0;
	transform: translateX(-60px);
	transition: 0.5s ease-out 2s;
	opacity: 0;
	z-index: 5
}
.on .anime02_01 div{
	transform: translateX(0px);
  opacity: 1;
}
.anime02_02 div{
	width: 52.1978021978022%;
	right: 5.6%;
	top: -75px;
	transform: translateY(30px);
	transition: 0.5s ease-out 2.75s;
	opacity: 0;
}
.on .anime02_02 div{
	transform: translateY(0px);
  opacity: 1;
}
.anime02_03 div.inanime01{
	width: 70.05208333333333%;
	right: 14.97%;
	transition: 0.5s ease-out 1.75s;
}
.anime02_03 {
	clip-path: inset(0 100% 0 0);
	transition: clip-path 1s ease 1s;
	z-index: 4;
}
.on .anime02_03 {
	clip-path: inset(0 0 0 0);
}
.on .anime02_03 div.inanime02{
	transform-origin: center;
  animation: anime02sway 9s ease-in-out infinite;
}
.anime02_04 div{
	width: 75.52083333333333%;
	right: 12.24%;
	transform: translateY(30px);
	transition: 0.5s ease-out 1.75s;
}
.anime02_04 {
	clip-path: inset(0 100% 0 0);
	transition: clip-path 1s ease 1s;
	z-index: 3;
}
.on .anime02_04 {
	clip-path: inset(0 0 0 0);
}

@keyframes anime02sway {
  0%   { transform: rotate(0deg); }
	40%   { transform: rotate(0deg); }
	50%   { transform: rotate(1deg); }
  60%  { transform: rotate(-1deg); }
	70%   { transform: rotate(1deg); }
  80%  { transform: rotate(-1deg); }
	90%  { transform: rotate(0deg); }
	100%  { transform: rotate(0deg); }
}

.anime03_01 div{
	width: 100%;
	margin: -10px auto 0;
	transition: 0.5s ease-out 2s;
	opacity: 0;
	z-index: 5
}
.on .anime03_01 div{
	opacity: 1;
}
.anime03_02 div{
	width: 49.45054945054945%;
  right: 19.6%;
  top: -35px;
	transform: translateY(30px);
	transition: 0.5s ease-out 6s;
	z-index: 5;
	opacity: 0;
}
.on .anime03_02 div{
	opacity: 1;
	transform: translateY(0px);
}
.anime03_03 div.inanime01{
	width: 30.49450549450549%;
  right: 7.6%;
  bottom: 69px;
	transition: 0.5s ease-out 3s;
	opacity: 0;
}
.on .anime03_03 div.inanime01{
	opacity: 1;
}
.on .anime03_03 div.inanime02{
	transform: translateY(0px);
	animation: anime03jump 6s ease-in-out infinite;
}
@keyframes anime03jump {
  0%   { transform: translateY(0px); }
	40%  { transform: translateY(0px); }
	43%  { transform: translateY(-10px); }
  46%  { transform: translateY(0px); }
	49%  { transform: translateY(-10px); }
  52%  { transform: translateY(0px); }
	100% { transform: rotate(0deg); }
}
.anime03_04 div{
	width: 29.3956043956044%;
  left: 30%;
  bottom: 15px;
	z-index: 5;
	transform: translateY(-60px);
	transition: 0.5s ease-out 4s;
	opacity: 0;
}
.on .anime03_04 div{
	opacity: 1;
	transform: translateY(0px);
}
.anime03_05 div{
	width: 37.36263736263736%;
  bottom: 15px;
  left: 4%;
	z-index: 4;
	transform: translateY(-60px);
	transition: 0.5s ease-out 4.5s;
	opacity: 0;
}
.on .anime03_05 div{
	opacity: 1;
	transform: translateY(0px);
}

.anime04_01 div{
	width: 68.68131868131868%;
	margin: 0px auto 0;
	transition: 0.5s ease-out 2s;
	opacity: 0;
	z-index: 3
}
.on .anime04_01 div{
	opacity: 1;
}
.anime04_02 div{
	width: 56%;
  left: 23.07692307692308%;
  top: -35px;
	transform: translateY(30px);
	transition: 0.5s ease-out 6s;
	z-index: 5;
	opacity: 0;
}
.on .anime04_02 div{
	opacity: 1;
	transform: translateY(0px);
}
.anime04_03{
	width: 69.64285714285714%;
  left: 15.10989010989011%;
  top: 10px;
	transform: translateY(15px);
	transition: 0.5s ease-out 3s;
	z-index: 4;
	opacity: 0;
}
.on .anime04_03{
	transform: translateY(0px);
	opacity: 1;
}
.anime04_04{
	width: 61.67582417582418%;
  left: 18.81868131868132%;
  top: 32%;
	transform: translateY(15px);
	transition: 0.5s ease-out 4s;
	z-index: 4;
	opacity: 0;
}
.on .anime04_04{
	opacity: 1;
	transform: translateY(0px);
}
.anime04_05{
	width: 67.71978021978022%;
  left: 16.48351648351648%;
  top: 11%;
	transform: translateY(15px);
	transition: 0.5s ease-out 5s;
	z-index: 4;
	opacity: 0;
}
.anime04_05 img{
	width:100%;
}
.on .anime04_05{
	opacity: 1;
	transform: translateY(0px);
}
.on .anime04_03 div{
	animation: anime04jump 6s ease-in-out 5s infinite;
}
.on .anime04_04 div{
	animation: anime04jump 6s ease-in-out 5s infinite;
}
.on .anime04_05 div{
	animation: anime04jump 6s ease-in-out 5s infinite;
}
@keyframes anime04jump {
  0%   { transform: translateY(0px); }
	40%  { transform: translateY(0px); }
	43%  { transform: translateY(-10px); }
  46%  { transform: translateY(0px); }
	49%  { transform: translateY(-10px); }
  52%  { transform: translateY(0px); }
	100% { transform: rotate(0deg); }
}

.anime05_01 div{
	width: 32.00549450549451%;
	margin: 0px auto 0 9.615384615384615%;
	transition: 0.5s ease-out 2s;
	opacity: 0;
}
.on .anime05_01 div{
	opacity: 1;
}
.anime05_02 div{
	width: 45.87912087912088%;
	right: 12.36263736263736%;
  top: -45px;
	transform: translateY(30px);
	transition: 0.5s ease-out 6.5s;
	opacity: 0;
	z-index: 5
}
.on .anime05_02 div{
	opacity: 1;
	transform: translateY(0px);
}
.anime05_03 div.inanime01{
	width: 11.26373626373626%;
  left: 22.363%;
  z-index: 5;
  bottom: -5px;
	transition: 0.5s ease-out 3s;
	opacity: 0;
}
.on .anime05_03 div.inanime01{
	opacity: 1;
}
.anime05_03 div.inanime02{
	position: absolute;
  bottom: 0;
}
.on .anime05_03 div.inanime02{
	transform: translateY(0px);
	animation: anime05jump 6s ease-in-out infinite;
}
@keyframes anime05jump {
  0%   { transform: translateY(0px); }
	40%  { transform: translateY(0px); }
	43%  { transform: translateY(-10px); }
  46%  { transform: translateY(0px); }
	49%  { transform: translateY(-10px); }
  52%  { transform: translateY(0px); }
	100% { transform: rotate(0deg); }
}
.anime05_04 div{
	width: 9.478021978021978%;
	right: 52.363%;
	bottom: 0;
	transform: translateY(-30px);
	transition: 0.5s ease-out 4s;
	opacity: 0;
	z-index: 5
}
.on .anime05_04 div{
	opacity: 1;
	transform: translateY(0px);
}
.anime05_05 div{
	width: 11.12637362637363%;
	right: 37.363%;
	bottom: 3px;
	transform: translateY(-30px);
	transition: 0.5s ease-out 4.75s;
	opacity: 0;
	z-index: 5
}
.on .anime05_05 div{
	opacity: 1;
	transform: translateY(0px);
}
.anime05_06 div{
	width: 19.64285714285714%;
	right: 15.10989010989011%;
	bottom: 6px;
	transform: translateY(-30px);
	transition: 0.5s ease-out 5.5s;
	opacity: 0;
	z-index: 5
}
.on .anime05_06 div{
	opacity: 1;
	transform: translateY(0px);
}

.anime06_03 div.inanime02,.anime06_04 div.inanime02,.anime06_05 div.inanime02,.anime06_06 div.inanime02{
	position: absolute;
  bottom: 0;
}
.anime06_01 div.inanime01{
	width: 24.31318681318681%;
	margin: 0px 5.494505494505495% 0 auto;
	transform: translateY(20px);
	transition: 0.5s ease-out 4s;
	opacity: 0;
}
.on .anime06_01 div.inanime01{
	transform: translateY(0px);
	opacity: 1;
}
.anime06_02 div{
	width: 54.94505494505495%;
	right: 13.363%;
  top: -55px;
	transform: translateY(30px);
	transition: 0.5s ease-out 5s;
	opacity: 0;
	z-index: 5
}
.on .anime06_02 div{
	opacity: 1;
	transform: translateY(0px);
}
.anime06_03 div.inanime01{
	width: 17.44505494505495%;
	left: 5.494505494505495%;
  bottom: 0;
	transform: translateY(20px);
	transition: 0.5s ease-out 2s;
	opacity: 0;
}
.on .anime06_03 div.inanime01{
	transform: translateY(0px);
	opacity: 1;
}
.anime06_04 div.inanime01{
	width: 13.04945054945055%;
	left: 21.97802197802198%;
  bottom: 0;
	transform: translateY(20px);
	transition: 0.5s ease-out 2.5s;
	opacity: 0;
}
.anime06_04 img{
	width:100%;
}
.on .anime06_04 div.inanime01{
	transform: translateY(0px);
	opacity: 1;
}
.anime06_05 div.inanime01{
	width: 15.7967032967033%;
	left: 34.5%;
  bottom: 0;
	transform: translateY(20px);
	transition: 0.5s ease-out 3s;
	opacity: 0;
}
.on .anime06_05 div.inanime01{
	transform: translateY(0px);
	opacity: 1;
}
.anime06_06 div.inanime01{
	width: 22.52747252747253%;
	left: 49%;
  bottom: 0;
	transform: translateY(20px);
	transition: 0.5s ease-out 3.5s;
	opacity: 0;
}
.on .anime06_06 div.inanime01{
	transform: translateY(0px);
	opacity: 1;
}

.on .anime06_01 div.inanime02,.on .anime06_03 div.inanime02,.on .anime06_04 div.inanime02,.on .anime06_05 div.inanime02,.on .anime06_06 div.inanime02{
	transform: translateY(0px);
	animation: anime06jump 6s ease-in-out 5s infinite;
}
@keyframes anime06jump {
  0%   { transform: translateY(0px); }
	40%  { transform: translateY(0px); }
	43%  { transform: translateY(-10px); }
  46%  { transform: translateY(0px); }
	49%  { transform: translateY(-10px); }
  52%  { transform: translateY(0px); }
	100% { transform: rotate(0deg); }
}
@media screen and (max-width: 768px) {
	.anime06_02 div{
		right: 13.363%;
		top: -45px;
	}
}