@charset "utf-8";
/* CSS Document */

figure.arrow_anime{ text-align: center; margin: 40px auto;}
figure.arrow_anime span{ display: inline-block; width: 200px; height: 50px; background: #fef263; position: relative;}
figure.arrow_anime span:after{ content: "";  width: 0; height: 0; border-left: 200px solid transparent; border-right: 200px solid transparent; border-top: 60px solid #fef263; position: absolute; left: -100px; bottom: -49px; margin: auto;}
@media screen and (max-width:640px){
figure.arrow_anime{ margin:6% auto;}
figure.arrow_anime span{ width:36vw; height:11vw;}
figure.arrow_anime span:after{ border-left: 36vw solid transparent; border-right: 36vw solid transparent; border-top: 11vw solid #fef263; position: absolute; left: -18vw; bottom: -10.5vw; margin: auto;}
}
figure.arrow_anime{ animation: arrow_anime ease-in-out 1.0s infinite alternate; position: relative;}
@media screen and (max-width:640px){
figure.arrow_anime{ animation: arrow_anime_smp ease-in-out 1.0s infinite alternate; position: relative;}
}
/*ふわふわ矢印*/
@keyframes arrow_anime{
0%{ top: -20px;}
1%{ top: -20px;}
100%{ top: 20px;}
}
@keyframes arrow_anime_smp{
0%{ top: -3vw;}
1%{ top: -3vw;}
100%{ top: 3vw;}
}