.main_v {
	max-height: 100vh;
	overflow: hidden;
	background: #446284;
	position: relative;
	
}

.element_ufo {

  position: absolute; /* 親要素を基準に配置 */
  animation: moveUpDown 15s linear infinite; /* アニメーションを適用 */
	
}
.element_ufo img {
	width: 50px;
  height: 50px;
}
@keyframes moveUpDown {
  0% {
    right: 10%; /* 左下 */
    top: 13%;
  }
  100% {
    right: 26%; /* 右上 */
    top: 5%;
  }
}


.element_hanabi1 {
	position: absolute;
	top: 10%;
	right: 11%;
z-index: 0;
  
  /*background-color: blue;*/
  animation: scaleOut 3s forwards; /* アニメーション名と継続時間を指定 */
	animation-delay: 0.5s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	animation-iteration-count: infinite;/*アニメーションの繰り返し回数を */
	
}
.element_hanabi1 img {
	width: 140px;
  height: 140px;
}
@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5); /* 拡大 */
    opacity: 0; /* 透明 */
  }
}
.element_hanabi2 {
	position: absolute;
	top: 5%;
	right: 17%;
z-index: 0;

  /*background-color: blue;*/
  animation: scaleOut 2s forwards; /* アニメーション名と継続時間を指定 */
	animation-delay: 1s;/* アニメーションの開始を遅らせたい */
	opacity: 0; /* 初期状態を透明に */
	animation-iteration-count: infinite;/*アニメーションの繰り返し回数を */
}
.element_hanabi2 img {
	width: 120px;
  height: 120px;
}
@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8); /* 拡大 */
    opacity: 0; /* 透明 */
  }
}
@media only screen and ( max-width : 768px ) {
	.element_ufo img {
	width: 30px;
  height: 30px;
}
	.element_hanabi1 img {
	width: 40px;
  height: 40px;
}
	.element_hanabi2 img {
	width: 60px;
  height: 60px;
}
}

/* あかり点滅 */

.boke1 {
   animation: boke1 2s ease-in-out infinite alternate;
	width: 7%;
    height: 7%;
    position: absolute;
    left: 2.4%;
    top: 2%;
}
@keyframes boke1 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke2 {
   animation: boke2 3s ease-in-out infinite alternate;
	width: 6%;
    height: 6%;
    position: absolute;
    left: 8%;
    top: 10%;
}
@keyframes boke2 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke3 {
   animation: boke3 1s ease-in-out infinite alternate;
	width: 8%;
    height: 8%;
    position: absolute;
    left: 13%;
    top: 30%;
}
@keyframes boke3 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke4 {
   animation: boke4 2s ease-in-out infinite alternate;
	width: 10%;
    height: 10%;
    position: absolute;
    left: 18%;
    top: 3%;
}
@keyframes boke4 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke5 {
   animation: boke5 5s ease-in-out infinite alternate;
	width: 5%;
    height: 5%;
    position: absolute;
    left: 21%;
    top: 23%;
}
@keyframes boke5 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke6 {
   animation: boke6 3s ease-in-out infinite alternate;

	width: 7%;
    height: 7%;
    position: absolute;
    left: 40%;
    top: 4%;
}
@keyframes boke6 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke7 {
   animation: boke7 1s ease-in-out infinite alternate;
	width: 9%;
    height: 9%;
    position: absolute;
    left: 600%;
    top: 12%;
}
@keyframes boke7 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke8 {
   animation: boke8 4s ease-in-out infinite alternate;
	width: 6%;
    height: 6%;
    position: absolute;
    left: 70%;
    top: 4%;
}
@keyframes boke8 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke9 {
   animation: boke9 3s ease-in-out infinite alternate;
	width: 9%;
    height: 9%;
    position: absolute;
    left: 80%;
    top: 22%;
}
@keyframes boke9 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke10 {
   animation: boke10 2s ease-in-out infinite alternate;
	
	width: 8%;
    height: 8%;
    position: absolute;
    left: 90%;
    top: 1%;
}
@keyframes boke10 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}



.boke11 {
   animation: boke11 2s ease-in-out infinite alternate;
	width: 10%;
    height: 10%;
    position: absolute;
    right: 2.4%;
    bottom: 9%;
}
@keyframes boke11 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke12 {
   animation: boke12 3s ease-in-out infinite alternate;
	width: 9%;
    height: 9%;
    position: absolute;
    right: 8%;
    bottom: 10%;
}
@keyframes boke12 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke13 {
   animation: boke13 1s ease-in-out infinite alternate;
	width: 8%;
    height: 8%;
    position: absolute;
    right: 13%;
    bottom: 30%;
}
@keyframes boke13 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke14 {
   animation: boke14 2s ease-in-out infinite alternate;
	width: 13%;
    height: 13%;
    position: absolute;
    right: 18%;
    bottom: 7%;
}
@keyframes boke14 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke15 {
   animation: boke15 5s ease-in-out infinite alternate;
	width: 10%;
    height: 10%;
    position: absolute;
    right: 21%;
    bottom: 23%;
}
@keyframes boke15 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke16 {
   animation: boke16 3s ease-in-out infinite alternate;
width: 8%;
    height: 8%;
    position: absolute;
    right: 62%;
    bottom: 11%;
}
@keyframes boke16 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke17 {
   animation: boke17 1s ease-in-out infinite alternate;
	width: 12%;
    height: 12%;
    position: absolute;
    right: 60%;
    bottom: 12%;
}
@keyframes boke17 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke18 {
   animation: boke18 4s ease-in-out infinite alternate;
	width: 8%;
    height: 8%;
    position: absolute;
    right: 70%;
    bottom: 9%;
}
@keyframes boke18 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke19 {
   animation: boke19 3s ease-in-out infinite alternate;
	width: 10%;
    height: 10%;
    position: absolute;
    right: 80%;
    bottom: 22%;
}
@keyframes boke19 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke20 {
   animation: boke20 2s ease-in-out infinite alternate;
	
	width: 13%;
    height: 13%;
    position: absolute;
    right: 90%;
    bottom: 8%;
}
@keyframes boke20 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}

.boke21 {
   animation: boke21 2s ease-in-out infinite alternate;
	width: 6%;
    height: 6%;
    position: absolute;
    right: 2.4%;
    bottom: 50%;
}
@keyframes boke21 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke22 {
   animation: boke22 3s ease-in-out infinite alternate;
	width: 6%;
    height: 6%;
    position: absolute;
    right: 10%;
    bottom: 40%;
}
@keyframes boke22 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke23 {
   animation: boke23 1s ease-in-out infinite alternate;
	width: 6%;
    height: 6%;
    position: absolute;
    right: 20%;
    bottom: 50%;
}
@keyframes boke23 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke24 {
   animation: boke24 2s ease-in-out infinite alternate;
	width: 6%;
    height: 6%;
    position: absolute;
    right: 30%;
    bottom: 46%;
}
@keyframes boke24 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke25 {
   animation: boke25 5s ease-in-out infinite alternate;
	width: 6%;
    height: 6%;
    position: absolute;
    right: 40%;
    bottom: 45%;
}
@keyframes boke25 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke26 {
   animation: boke26 3s ease-in-out infinite alternate;
width: 8%;
    height: 8%;
    position: absolute;
    right: 50%;
    bottom: 48%;
}
@keyframes boke26 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke27 {
   animation: boke27 1s ease-in-out infinite alternate;
	width: 6%;
    height: 6%;
    position: absolute;
    right: 60%;
    bottom: 55%;
}
@keyframes boke27 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke28 {
   animation: boke28 4s ease-in-out infinite alternate;
	width: 6%;
    height: 6%;
    position: absolute;
    right: 70%;
    bottom: 66%;
}
@keyframes boke28 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke29 {
   animation: boke29 3s ease-in-out infinite alternate;
	width: 5%;
    height: 5%;
    position: absolute;
    right: 80%;
    bottom: 47%;
}
@keyframes boke29 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke30 {
   animation: boke30 2s ease-in-out infinite alternate;
	
	width: 6%;
    height: 6%;
    position: absolute;
    right: 90%;
    bottom: 59%;
}
@keyframes boke30 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}

.boke31 {
   animation: boke31 5s ease-in-out infinite alternate;
	width: 13%;
    height: 13%;
    position: absolute;
    left: 0%;
    bottom: 75%;
}
@keyframes boke31 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke32 {
   animation: boke32 3s ease-in-out infinite alternate;
width: 8%;
    height: 8%;
    position: absolute;
    left: 10%;
    bottom: 25%;
}
@keyframes boke32 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke33 {
   animation: boke33 3s ease-in-out infinite alternate;
	width: 10%;
    height: 10%;
    position: absolute;
    right: 20%;
    bottom: 35%;
}
@keyframes boke33 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke34 {
   animation: boke34 4s ease-in-out infinite alternate;
	width: 13%;
    height: 13%;
    position: absolute;
    right: 2%;
    bottom: 66%;
}
@keyframes boke34 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}
.boke35 {
   animation: boke35 3s ease-in-out infinite alternate;
	width: 12%;
    height: 12%;
    position: absolute;
    right: 1%;
    bottom: 27%;
}
@keyframes boke35 {
   0% {
   opacity: 0;
   }
   100% {
   opacity: 1;
   }
}







.main_v_in {
	width: 100%;
	/*max-width: 1800px;*/
	height: auto;
	
	aspect-ratio: 16 / 9;
	margin: 0 auto;
	display: block;
	position: relative;
}








.element_mainv {
	
	width: 100%;
}
.element_mainv img {
	width: 100%;
	position: absolute;
	top: 0;
  right: 0;
 
  left: 0;
  margin: auto;
}
.element_zasekikouretu img {
	width: 100%;
	position: absolute;
	top: 0;
  right: 0;
 
  left: 0;
  margin: auto;
}






.element_beer {
	background: url("../img/recruit_img/beer.svg") no-repeat center center;

    position: absolute;
    top: 59.1%;
    left: 27%;
    width: 2%;
    height: 4.6%;
}



.element_tenin_left {
  background: url("../img/recruit_img/tenin_left.svg") no-repeat center center;
    width: 30%;
    height: 39%;
	animation: tenin_left 30s;
	opacity: 0;
	animation-iteration-count:infinite;
}
@keyframes tenin_left {
	0% {
		opacity: 1;
		position: absolute;
	top: 45%;
    right: 12%;
            }
	 50% {
		 opacity: 1;
		 position: absolute;
	top: 45%;
    right: 50%;
            }
	51% {
		 opacity: 0;
            }
 
}
.element_tenin_right {
  background: url("../img/recruit_img/tenin_right.svg") no-repeat center center;
    width:18%;
    height: 25%;
	animation: tenin_right 30s;
	opacity: 0;
	animation-iteration-count:infinite;
	animation-delay:15s;
}
@keyframes tenin_right {
	0% {
		opacity: 1;
		position: absolute;
	top: 38%;
    right: 34%;
            }
	 50% {
		 opacity: 1;
		 position: absolute;
	top: 38%;
    right: 12%;
            }
	51% {
		 opacity: 0;
            }
}
.element_beer_ude1 {
	background: url("../img/recruit_img/beer_ude1.svg") no-repeat center center;
    position: relative;
    transform-origin: bottom right;
    animation: beer_ude1 3s infinite alternate;
    position: absolute;
    top: 43.5%;
    left: 59.5%;
    width: 1.8%;
    height: 7.8%;
}


@keyframes beer_ude1 {
	0% {transform:translate(2%,8%) rotate(1deg); /* 開始状態 */}
  
50% {transform:translate(-2%,-8%) rotate(-1deg);}
  100% {transform:translate(2%,8%) rotate(1deg); /* 開始状態 */}
 
}



.element_te {
	background: url("../img/recruit_img/te.svg") no-repeat center center;
    position: relative;
    transform-origin: bottom left;
    animation: te 6s infinite alternate;
    position: absolute;
    top: 43.5%;
    right: 21%;
    width: 1.5%;
    height: 6.2%;
}


@keyframes te {
	0% {transform:rotate(10deg); /* 開始状態 */}
  
 10% {transform:rotate(-4deg);}
  50% {transform:rotate(2deg);}
  
  80% {transform:rotate(-3deg);}
  100% {transform: rotate(2deg);}
 
}

.element_madamu {
	background: url("../img/recruit_img/madamu.svg") no-repeat center center;

    position: absolute;
    bottom: 26%;
    left: 37%;
    width: 7.6%;
    height: 22.0%;
}
.element_madamu_te {
	background: url("../img/recruit_img/madamu_te.svg") no-repeat center center;
    position: relative;
    transform-origin: bottom center;
    animation: madamu_te 3s infinite alternate;
    position: absolute;
    bottom: 29%;
    left: 37.1%;
    width: 3%;
    height: 7.9%;
}


@keyframes madamu_te {
	0% {transform:translate(2%,4%) rotate(1deg); /* 開始状態 */}
  

  100% {transform:translate(-2%,-4%) rotate(-1deg);}
 
}
.element_yakitori_te {
	background: url("../img/recruit_img/yakitori_te.svg") no-repeat center center;
    position: relative;
    transform-origin: bottom center;
    animation: yakitori_te 3s infinite alternate;
    position: absolute;
    bottom: 30%;
    left: 46.7%;
    width: 6%;
    height: 12%;
	animation-delay:0.5s;
}


@keyframes yakitori_te {
	0% {transform:translate(0%,0%) rotate(0deg); /* 開始状態 */}
  50% {transform:translate(-4%,4%) rotate(-4deg);}

  100% {transform:translate(0%,0%) rotate(0deg);}
 
}
.element_zasekizenretu {
	background: url("../img/recruit_img/zasekizenretu.svg") no-repeat center center;

    position: absolute;
    bottom: -5%;
    left: 20%;
    width: 56%;
    height: 56%;
}
.element_zasekizenretu_beer {
	background: url("../img/recruit_img/zasekizenretu_beer.svg") no-repeat center center;
	transform-origin: bottom center;
animation: zasekizenretu_beer 15s infinite ;
    position: absolute;
    bottom: 28%;
    left: 30%;
    width: 5%;
    height: 8%;
	animation-delay:1.5s;
}
@keyframes zasekizenretu_beer {
	0% {transform:rotate(0deg); /* 開始状態 */}
  5% {transform:rotate(0deg); /* 開始状態 */}
30% {transform:rotate(-90deg);}
	100% {transform:rotate(-90deg);
	}
  

}
.element_zasekizenretu_hito {
	background: url("../img/recruit_img/zasekizenretu_hito.svg") no-repeat center center;

    position: absolute;
    bottom: -5.5%;
    left: 15%;
    width: 41%;
    height: 61%;
}





.element_neko {
	background: url("../img/recruit_img/neko.svg") no-repeat center center;

    position: absolute;
    bottom: 15%;
    right: 17.6%;
    width: 8%;
    height: 11%;
}
.element_shippo {
  
  background: url("../img/recruit_img/shippo.svg") no-repeat center center;
  position: relative;
  transform-origin: bottom left; /* 回転の中心を上部中央に設定 */
  animation: shippo 10s infinite alternate; /* swingという名前のアニメーションを2秒かけて繰り返し再生 */
	position: absolute;
	bottom: 16.9%;
    right: 16.7%;
    width: 2.3%;
    height: 7.5%;
}
@keyframes shippo {
	0% {transform:rotate(0deg); /* 開始状態 */}
  20% {transform: rotate(20deg);}
 
  50% {transform:rotate(0deg);}
  70% {transform: rotate(-5deg);}
 
  90% {transform:rotate(0deg);}
  
  100% {transform: rotate(0deg);}
 
}






.yopparai_container {
  perspective: 500px; /* 奥行きの距離を設定 */
	width:  32%;
    height:  52%;
	position: absolute;
	bottom: 24%;
    right: 8%;
}


.element_yopparai_mae {
  background: url("../img/recruit_img/yopparai_mae.svg") no-repeat center center;
    width: 39%;
    height: 59%;
	position: relative;
    transform-origin: bottom center;
	animation: yopparai_mae 30s infinite ;
	position: absolute;
	opacity: 0;
	animation-iteration-count:infinite;
}
@keyframes yopparai_mae {
	0% {
		opacity: 1;
		position: absolute;
	bottom: 5%;
    right: 10%;
		transform:rotate(3deg) translateZ(0px);
		
            }
	3% {
		 opacity: 1;
		 position: absolute;
	bottom: 4.8%;
    right: 10.5%;
		 transform:rotate(-3deg) translateZ(8px);
            }
	 6% {
		 opacity: 1;
		 position: absolute;
	bottom: 4.6%;
    right: 11%;
		 transform:rotate(3deg) translateZ(16px);
            }
	9% {
		 opacity: 1;
		 position: absolute;
	bottom: 4.4%;
    right: 11.5%;
		 transform:rotate(-3deg) translateZ(24px);
            }
	12% {
		 opacity: 1;
		 position: absolute;
	bottom: 4.2%;
    right: 12%;
		 transform:rotate(3deg) translateZ(32px);
            }
	15% {
		 opacity: 1;
		 position: absolute;
	bottom: 4%;
    right: 12.5%;
		 transform:rotate(-3deg) translateZ(40px);
            }
	18% {
		 opacity: 1;
		 position: absolute;
	bottom: 3.8%;
    right: 13%;
		 transform:rotate(3deg) translateZ(48px);
            }
	21% {
		 opacity: 1;
		 position: absolute;
	bottom: 3.6%;
    right: 13.5%;
		 transform:rotate(-3deg) translateZ(56px);
            }
	24% {
		 opacity: 1;
		 position: absolute;
	bottom: 3.4%;
    right: 14%;
		 transform:rotate(3deg) translateZ(64px);
            }
	27% {
		 opacity: 1;
		 position: absolute;
	bottom: 3.2%;
    right: 14.5%;
		 transform:rotate(-3deg) translateZ(72px);
            }
	30% {
		 opacity: 1;
		 position: absolute;
	bottom: 3%;
    right: 15%;
		 transform:rotate(3deg) translateZ(80px);
            }
	33% {
		 opacity: 1;
		 position: absolute;
	bottom: 2.8%;
    right: 15.5%;
		 transform:rotate(-3deg) translateZ(88px);
            }
	36% {
		 opacity: 1;
		 position: absolute;
	bottom: 2.6%;
    right: 16%;
		 transform:rotate(3deg) translateZ(96px);
            }
	39% {
		 opacity: 1;
		 position: absolute;
	bottom: 2.4%;
    right: 16.6%;
		 transform:rotate(-3deg) translateZ(104px);
            }
	42% {
		 opacity: 1;
		 position: absolute;
	bottom: 2.2%;
    right: 17%;
		 transform:rotate(3deg) translateZ(112px);
            }
	45% {
		 opacity: 1;
		 position: absolute;
	bottom: 2%;
    right: 17.5%;
		 transform:rotate(-3deg) translateZ(120px);
            }
	48% {
		 opacity: 1;
		 position: absolute;
	bottom: 1.8%;
    right: 18%;
		 transform:rotate(3deg) translateZ(128px);
            }
	
	51% {
		 opacity: 0;
            }
}
.element_yopparai_ushiro {
  background: url("../img/recruit_img/yopparai_ushiro.svg") no-repeat center center;
    width: 39%;
    height: 59%;
	position: relative;
    transform-origin: bottom center;
	animation: yopparai_ushiro 30s infinite;
	position: absolute;
	opacity: 0;
	animation-iteration-count:infinite;
	animation-delay:15s;
}
@keyframes yopparai_ushiro {
	0% {
		opacity: 1;
		position: absolute;
	bottom: 1.8%;
    right: 18%;
		transform:rotate(-3deg) translateZ(128px);
		
            }
	3% {
		 opacity: 1;
		 position: absolute;
	bottom: 2%;
    right: 17.5%;
		 transform:rotate(3deg) translateZ(120px);
            }
	 6% {
		 opacity: 1;
		 position: absolute;
	bottom: 2.2%;
    right: 17%;
		 transform:rotate(-3deg) translateZ(112px);
            }
	9% {
		 opacity: 1;
		 position: absolute;
	bottom: 2.4%;
    right: 16.6%;
		 transform:rotate(3deg) translateZ(104px);
            }
	12% {
		 opacity: 1;
		 position: absolute;
	bottom: 2.6%;
    right: 16%;
		 transform:rotate(-3deg) translateZ(96px);
            }
	15% {
		 opacity: 1;
		 position: absolute;
	bottom: 2.8%;
    right: 15.5%;
		 transform:rotate(3deg) translateZ(88px);
            }
	18% {
		 opacity: 1;
		 position: absolute;
	bottom: 3%;
    right: 15%;
		 transform:rotate(-3deg) translateZ(80px);
            }
	21% {
		 opacity: 1;
		 position: absolute;
	bottom: 3.2%;
    right: 14.5%;
		 transform:rotate(3deg) translateZ(72px);
            }
	24% {
		 opacity: 1;
		 position: absolute;
	bottom: 3.4%;
    right: 14%;
		 transform:rotate(-3deg) translateZ(64px);
            }
	27% {
		 opacity: 1;
		 position: absolute;
	bottom: 3.6%;
    right: 13.5%;
		 transform:rotate(3deg) translateZ(56px);
            }
	30% {
		 opacity: 1;
		 position: absolute;
	bottom: 3.8%;
    right: 13%;
		 transform:rotate(-3deg) translateZ(48px);
            }
	33% {
		 opacity: 1;
		 position: absolute;
	bottom: 4%;
    right: 12.5%;
		 transform:rotate(3deg) translateZ(40px);
            }
	36% {
		 opacity: 1;
		 position: absolute;
	bottom: 4.2%;
    right: 12%;
		 transform:rotate(-3deg) translateZ(32px);
            }
	39% {
		 opacity: 1;
		 position: absolute;
	bottom: 4.4%;
    right: 11.5%;
		 transform:rotate(3deg) translateZ(24px);
            }
	42% {
		 opacity: 1;
		 position: absolute;
	bottom: 4.6%;
    right: 11%;
		 transform:rotate(-3deg) translateZ(16px);
            }
	45% {
		 opacity: 1;
		 position: absolute;
	bottom: 4.8%;
    right: 10.5%;
		 transform:rotate(3deg) translateZ(8px);
            }
	48% {
		 opacity: 1;
		 position: absolute;
	bottom: 5%;
    right: 10%;
		transform:rotate(-3deg) translateZ(0px);
            }
	
	51% {
		 opacity: 0;
            }
}










.element_uekibati1 {
	background: url("../img/recruit_img/uekibati1.svg") no-repeat center center;

    position: absolute;
    bottom: 0%;
    left: -4%;
    width: 19%;
    height: 43%;
}
.element_uekibati2 {
	background: url("../img/recruit_img/uekibati2.svg") no-repeat center center;

    position: absolute;
    bottom: 0%;
    right: -4%;
    width: 18%;
    height: 62%;
}


.element_chochin {
	background: url("../img/recruit_img/chochin.svg") no-repeat center center;
    position: relative;
    transform-origin: top center;
    animation: chochin 3s infinite alternate;
    position: absolute;
    top: 5%;
    right: 1%;
    width: 9%;
    height: 29.4%;
}


@keyframes chochin {
	0% {transform:rotate(-0.3deg); /* 開始状態 */}
  
 50% {transform: rotate(0.3deg);}
  
  
  
  100% {transform: rotate(-0.3deg);}
 
}
.element_chochin1 {
	background: url("../img/recruit_img/chochin1.svg") no-repeat center center;
    position: relative;
    transform-origin: top center;
    animation: chochin1 3s infinite alternate;
    position: absolute;
    top: 6.3%;
    left: 5.9%;
    width: 9%;
    height: 25.5%;
}


@keyframes chochin1 {
	0% {transform:rotate(-0.6deg); /* 開始状態 */}
  
 50% {transform: rotate(0.6deg);}
  
  
  
  100% {transform: rotate(-0.6deg);}
 
}
.element_chochin2 {
	background: url("../img/recruit_img/chochin2.svg") no-repeat center center;
    position: relative;
    transform-origin: top center;
    animation: chochin2 3s infinite alternate;
    position: absolute;
    top: 11.5%;
    left: 22%;
    width: 6.6%;
    height: 21.6%;
}


@keyframes chochin2 {
	0% {transform:rotate(0.5deg); /* 開始状態 */}
  
 50% {transform: rotate(-0.5deg);}
  
  
  
  100% {transform: rotate(0.5deg);}
 
}
.element_chochin3 {
	background: url("../img/recruit_img/chochin3.svg") no-repeat center center;
    position: relative;
    transform-origin: top center;
    animation: chochin3 3s infinite alternate;
    position: absolute;
    top: 16.4%;
    left: 41%;
    width: 4.7%;
    height: 18.3%;
}


@keyframes chochin3 {
	0% {transform:rotate(-0.4deg); /* 開始状態 */}
  
 50% {transform: rotate(0.4deg);}
  
  
  
  100% {transform: rotate(-0.4deg);}
 
}

.element_hisashi {
	background: url("../img/recruit_img/hisashi.svg") no-repeat center center;
    position: relative;
    transform-origin: top center;
    animation: hisashi 3s infinite alternate;
    position: absolute;
    top: -2.5%;
    left: -1.5%;
    width: 50%;
    height: 25%;
}






@media only screen and ( max-width : 768px ) {
	.main_v {
    
}




}