@-webkit-keyframes $animation-name { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes $animation-name { 0% { opacity: 0;
    transform: translateX(100%); }
  100% { opacity: 1;
    transform: translateX(0); } }

@keyframes $animation-name { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

#hero { position: relative; width: 100%; height: 0; overflow: hidden; background: url("/vegefactory/img/bg_video01.png") no-repeat 50% 50%; background-size: cover; padding-bottom: 50%; }

#hero:after { display: block; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; }

#hero video { position: relative; vertical-align: top; }

#hero figure { position: absolute; width: 100%; top: 50%; margin-top: -65px; z-index: 2; }

@media screen and (max-width: 768px) { #hero figure { margin-top: -60px; } }

@media screen and (max-width: 640px) { #hero figure { margin-top: -35px; } }

@media screen and (max-width: 768px) { #hero figure img { width: 400px; } }

@media screen and (max-width: 640px) { #hero figure img { width: 220px; } }

.head { text-align: center; border: none; }

@media screen and (max-width: 640px) { .head { padding-bottom: 13px; } }

.head:after { display: block; position: absolute; content: ""; left: 0; right: 0; bottom: 0; width: 50px; height: 2px; margin: auto; background: #5cb531; }

.copyText { text-align: center; color: #000000; }

@media screen and (max-width: 640px) { .copyText { text-align: left; } }

.subHead { text-align: center; color: #5cb531; font-size: 28px; margin-top: 60px; line-height: 140%; }

.subHead br { display: none; }

@media screen and (max-width: 640px) { .subHead br { display: block; } }

@media screen and (max-width: 768px) { .subHead { font-size: 22px; } }

@media screen and (max-width: 640px) { .subHead { font-size: 18px; } }

.list_point { font-size: 18px; padding-top: 50px; }

@media screen and (max-width: 768px) { .list_point { padding-top: 30px; } }

@media screen and (max-width: 640px) { .list_point { padding-top: 0; font-size: 14px; } }

@media screen and (max-width: 640px) { .video { width: 100%; height: 54.6vw; background: url(/vegefactory/en/common/css/poster.jpg) no-repeat; background-size: 100%; }
  video { width: 100%; display: none; } }

/*# sourceMappingURL=top.css.map */