@charset "UTF-8";
/*
--------------------------------------------------
  variable
--------------------------------------------------
*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css2?family=Hina+Mincho&family=Noto+Serif+JP:wght@200..900&display=swap");
/* line 9, ../sass/foundation/_reset.scss */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
@font-face {
  font-family: "EB Garamond";
  src: url("../font/EBGaramond-VariableFont.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900
}
/* line 30, ../sass/foundation/_reset.scss */
body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 36, ../sass/foundation/_reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
section, footer {
  overflow: hidden;
}
/* line 41, ../sass/foundation/_reset.scss */
li {
  list-style: none;
}
/* line 45, ../sass/foundation/_reset.scss */
blockquote, q {
  quotes: none;
}
/* line 49, ../sass/foundation/_reset.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
/* line 55, ../sass/foundation/_reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* change colours to suit your needs */
/* line 64, ../sass/foundation/_reset.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/* change colours to suit your needs */
/* line 71, ../sass/foundation/_reset.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
/* line 78, ../sass/foundation/_reset.scss */
del {
  text-decoration: line-through;
}
/* line 82, ../sass/foundation/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
/* line 87, ../sass/foundation/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
/* line 93, ../sass/foundation/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
/* line 102, ../sass/foundation/_reset.scss */
input, select {
  vertical-align: middle;
}
/* line 106, ../sass/foundation/_reset.scss */
*, *::before, *::after {
  box-sizing: border-box;
}
/*
--------------------------------------------------
	base
--------------------------------------------------
*/
/*google font*/
/*base style*/
/* line 13, ../sass/foundation/_base.scss */
html, body {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
	/* cursor: url("../img/mouse.ico"), default; */
}
/* line 19, ../sass/foundation/_base.scss */
body {
  position: relative;
  font-family: "Noto Serif JP", serif;
  font-size: 0.8333333333vw;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #fff;
	background: url("../img/back.jpg") center no-repeat;
	background-size: cover;
  background-color: #000;
}
@media screen and (max-width: 480px) {
  /* line 30, ../sass/foundation/_base.scss */
  body:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
   
    width: 100vw;
    height: 100vh;
    z-index: -999;
	  
  }
	
	body{
		font-size: 5vw !important;
	}
	
	
}
/* line 57, ../sass/foundation/_base.scss */
body.fixed {
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  /* line 19, ../sass/foundation/_base.scss */
  body {
    font-size: 1.4vw;
  }
	
	.p-lineup_item{
		width: calc(33% - 20px);
	}
	
	.p-lineup_contents{
		padding-left: 14px !important;
	}
	
	.btn-hover{
		font-size: 1.5vw !important;
	}
	
}
@media screen and (max-width: 768px) {
  /* line 19, ../sass/foundation/_base.scss */
  body {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 19, ../sass/foundation/_base.scss */
  body {
    font-size: 1.4rem;
  }
	
	.btn-hover{
		font-size: 3.5vw !important;
	}
}
/* for Firefox */
/* line 82, ../sass/foundation/_base.scss */
a {
  transition: .3s all;
  color: #ea1428;
  text-decoration: none;
}
/* line 88, ../sass/foundation/_base.scss */
img {
  display: block;
  vertical-align: bottom;
  object-fit: cover;
}
@media screen and (max-width: 1420px) {
  /* line 88, ../sass/foundation/_base.scss */
  img {
    width: 100%;
  }
}
/* line 96, ../sass/foundation/_base.scss */
h2 {
  font-size: 6.25vw;
  line-height: 1.8;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  /* line 96, ../sass/foundation/_base.scss */
  h2 {
    font-size: 13.0208333333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 96, ../sass/foundation/_base.scss */
  h2 {
    font-size: 5rem;
  }
	
	.arrowspin img{
		width: 25vw !important;
	}
	
	.arrowspin{
		left: -10vw;
	}
}
/* line 108, ../sass/foundation/_base.scss */
h3 {
  font-size: 1.6666666667vw;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  /* line 108, ../sass/foundation/_base.scss */
  h3 {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 108, ../sass/foundation/_base.scss */
  h3 {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 108, ../sass/foundation/_base.scss */
  h3 {
    font-size: 2rem;
  }
}
/* line 122, ../sass/foundation/_base.scss */
h4 {
  font-size: 2.4rem;
}
@media screen and (max-width: 1420px) {
  /* line 122, ../sass/foundation/_base.scss */
  h4 {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 122, ../sass/foundation/_base.scss */
  h4 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 122, ../sass/foundation/_base.scss */
  h4 {
    font-size: 1.8rem;
  }
}
/* line 135, ../sass/foundation/_base.scss */
sub {
  vertical-align: sub;
}
/* line 139, ../sass/foundation/_base.scss */
.SP {
  display: none;
}
@media screen and (max-width: 768px) {
  /* line 139, ../sass/foundation/_base.scss */
  .SP {
    display: block;
  }
}
/* line 146, ../sass/foundation/_base.scss */
.PC {
  display: block;
}
@media screen and (max-width: 768px) {
  /* line 146, ../sass/foundation/_base.scss */
  .PC {
    display: none;
  }
}
/* line 153, ../sass/foundation/_base.scss */
.text-right {
  text-align: right;
}
/* line 157, ../sass/foundation/_base.scss */
.text-center {
  text-align: center;
}
/* line 161, ../sass/foundation/_base.scss */
.text-bold {
  font-weight: 600;
}
/* line 165, ../sass/foundation/_base.scss */


.fadein {

  opacity : 0;

  transition: all 1s;

}

.fadeinright {

  transform: translateX(200px);

}

.fadeinleft {

  transform: translateX(-200px);

}

.fadeinbottomleft {

  transform: translateX(-50px) translateY(50px);

}

.fadedelay {

  transition-delay: 0.5s;

}
/*
--------------------------------------------------
  header
--------------------------------------------------
*/
/* line 8, ../sass/layout/_header.scss */
.l-header {
  position: relative;
  align-items: center;
  z-index: 1;
  width: 100%;
}
/* line 18, ../sass/layout/_header.scss */
.l-header_inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  /* line 18, ../sass/layout/_header.scss */
  .l-header_inner {
    height: 60px;
  }
}
/* line 30, ../sass/layout/_header.scss */
.l-header_logo {
  margin: 0 24px;
}
@media screen and (max-width: 1420px) {
  /* line 30, ../sass/layout/_header.scss */
  .l-header_logo {
    width: 8.3333333333vw;
  }
  /* line 34, ../sass/layout/_header.scss */
  .l-header_logo img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  /* line 30, ../sass/layout/_header.scss */
  .l-header_logo {
    width: 23.4375vw;
    padding: 16px 0;
  }
}
@media screen and (max-width: 480px) {
  /* line 30, ../sass/layout/_header.scss */
  .l-header_logo {
    width: 110px;
    margin: 0 16px;
  }
}
/* line 48, ../sass/layout/_header.scss */
.l-header_hardLogo li {
  display: inline-block;
  padding: 20px;
  vertical-align: middle;
}
@media screen and (max-width: 1420px) {
  /* line 48, ../sass/layout/_header.scss */
  .l-header_hardLogo li {
    width: 8.3333333333vw;
    padding: 1.0416666667vw;
  }
  /* line 55, ../sass/layout/_header.scss */
  .l-header_hardLogo li img {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  /* line 60, ../sass/layout/_header.scss */
  .l-header_hardLogo li:last-child {
    margin-right: 60px;
  }
}
@media screen and (max-width: 768px) {
  /* line 48, ../sass/layout/_header.scss */
  .l-header_hardLogo li {
    width: 20.8333333333vw;
    padding: 1.3020833333vw;
  }
}
/* line 70, ../sass/layout/_header.scss */
.l-header_nav {
  width: 100%;
}
/*
--------------------------------------------------
  main
--------------------------------------------------
*/
/* line 10, ../sass/layout/_main.scss */
.l-main_bg {
  background: url("../img/bg_main.png") fixed;
}
/*
--------------------------------------------------
  footer
--------------------------------------------------
*/
/* line 9, ../sass/layout/_footer.scss */
.l-footer {
  position: relative;
  background: #000;
  color: #aaa;
  padding: 24px 0;
}
@media screen and (max-width: 480px) {
  /* line 9, ../sass/layout/_footer.scss */
  .l-footer {
    padding: 24px 0;
  }
}
/* line 18, ../sass/layout/_footer.scss */
.l-footer_inner {
  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  /* line 18, ../sass/layout/_footer.scss */
  .l-footer_inner {
    padding: 0 1.25vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 18, ../sass/layout/_footer.scss */
  .l-footer_inner {
    padding: 0 24px;
  }
}
/* line 29, ../sass/layout/_footer.scss */
.l-footer_twitter {
  position: relative;
  text-align: center;
  margin: auto;
}
/* line 34, ../sass/layout/_footer.scss */
.l-footer_legal {
  font-size: 1.2rem;
  text-align: center;
}
/* line 37, ../sass/layout/_footer.scss */
.l-footer_legal p {
  vertical-align: middle;
}
/* line 40, ../sass/layout/_footer.scss */
.l-footer_legal img {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
/* line 46, ../sass/layout/_footer.scss */
.l-footer_cookiebot {
  text-align: center;
	position: relative;
	z-index: 3;
}
/* line 48, ../sass/layout/_footer.scss */
.l-footer_cookiebot a {
  display: inline-block;
  padding: 24px;
}
/* line 54, ../sass/layout/_footer.scss */
.l-footer_logo {
  margin: 0 0 16px auto;
}
@media screen and (max-width: 1024px) {
  /* line 54, ../sass/layout/_footer.scss */
  .l-footer_logo {
    margin: 0 auto 16px auto;
  }
}
@media screen and (max-width: 1024px) {
  /* line 54, ../sass/layout/_footer.scss */
  .l-footer_logo {
    width: 160px;
  }
}
/*
--------------------------------------------------
  notice
--------------------------------------------------
*/
/* line 9, ../sass/component/_notice.scss */
.c-notice {
  font-size: .7vw;
  color: #acacac;
}
/*
--------------------------------------------------
  sontainer
--------------------------------------------------
*/
/* line 9, ../sass/component/_container.scss */
.c-container {
  position: relative;
  padding: 3% 0;
}
@media screen and (max-width: 1420px) {
  /* line 9, ../sass/component/_container.scss */
  .c-container {
    padding: 5% 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 9, ../sass/component/_container.scss */
  .c-container {
    padding: 16% 0;
  }
}
/* line 19, ../sass/component/_container.scss */
.c-container_inner {
  position: relative;
  max-width: 73.9583333333vw;
  margin: auto;
}
@media screen and (max-width: 1420px) {
  /* line 19, ../sass/component/_container.scss */
  .c-container_inner {
    /* max-width: 100%;
    padding: 0 5.2083333333vw; */
  }
}
@media screen and (max-width: 768px) {
  /* line 19, ../sass/component/_container.scss */
  .c-container_inner {
    max-width: 100%;
    padding: 0 13.0208333333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 19, ../sass/component/_container.scss */
  .c-container_inner {
    padding: 0 20px;
  }
	
	.c-notice{
		font-size: 3vw;
	}
}
/* line 35, ../sass/component/_container.scss */
.c-container_inner-s {
  max-width: 52.0833333333vw;
}
@media screen and (max-width: 1420px) {
  /* line 35, ../sass/component/_container.scss */
  .c-container_inner-s {
    max-width: 80%;
    padding: 0 5.2083333333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 35, ../sass/component/_container.scss */
  .c-container_inner-s {
    max-width: 100%;
  }
}
/*
--------------------------------------------------
  nav
--------------------------------------------------
*/
/* line 9, ../sass/component/_nav.scss */
.c-nav {
  flex: 1;
  top: 0;
  background: #000;
}
.c-nav:before{
	background: url("../img/line_blue.png") repeat-x;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
}
@media all and (-ms-high-contrast: none) {
  /* line 9, ../sass/component/_nav.scss */
  .c-nav {
    right: 0;
  }
}
@media screen and (max-width: 1024px) {
  /* line 9, ../sass/component/_nav.scss */
  .c-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 998;
    width: 100%;
    top: 0;
    right: -120%;
    height: 100vh;
    background: #000 !important;
    transition: .5s all;
  }
}
/* line 31, ../sass/component/_nav.scss */
.c-nav.is-open {
  right: 0;
}
/* line 34, ../sass/component/_nav.scss */
.c-nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #000;
  z-index: 998;
  animation: MenuDown 0.5s;
}
/* line 42, ../sass/component/_nav.scss */
.c-nav.fixed .c-nav_list {
  margin: auto;
	z-index: 998;
}
@media screen and (max-width: 1024px) {
  /* line 34, ../sass/component/_nav.scss */
  .c-nav.fixed {
    left: inherit;
  }
}
/* line 51, ../sass/component/_nav.scss */
.c-nav_list {
  display: flex;
  max-width: 100vw;
  margin: auto;
  align-items: center;
  height: 7.2083333333vw;

}
@media screen and (max-width: 1024px) {
  /* line 51, ../sass/component/_nav.scss */
  .c-nav_list {
    width: 100%;
    height: auto;
    flex-direction: column;
  }
}
/* line 63, ../sass/component/_nav.scss */
.c-nav_item {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
}
/* line 70, ../sass/component/_nav.scss */
.c-nav_item:not(:last-child):after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  background: #298ebe;
  width: 1px;
}
/* line 80, ../sass/component/_nav.scss */
.c-nav_item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 7.2083333333vw;
  text-align: center;
  line-height: 1.2;
  font-size: 2.0833333333vw;
  color: #298ebe;
}
/* line 92, ../sass/component/_nav.scss */
.c-nav_item a:hover {
  background: #298ebe;
  color: #fff;
}
/* line 97, ../sass/component/_nav.scss */
.c-nav_item span {
  display: block;
  align-self: center;
}
/* line 101, ../sass/component/_nav.scss */
.c-nav_item small {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  display: block;
  font-size: 0.7291666667vw;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  /* line 63, ../sass/component/_nav.scss */
  .c-nav_item {
    width: 100%;
  }
  /* line 109, ../sass/component/_nav.scss */
  .c-nav_item a {
    font-size: 3.6458333333vw;
    padding: 32px 0;
    height: auto;
  }
  /* line 114, ../sass/component/_nav.scss */
  .c-nav_item small {
    font-size: 1.25vw;
  }
  /* line 117, ../sass/component/_nav.scss */
  .c-nav_item:not(:last-child) {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 122, ../sass/component/_nav.scss */
  .c-nav_item a {
    font-size: 9.1145833333vw;
  }
}
/* line 131, ../sass/component/_nav.scss */
.c-nav-toggle {
  display: none;
  background: #298ebe;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 999;
  transition: .5s all;
}
@media screen and (max-width: 1024px) {
  /* line 131, ../sass/component/_nav.scss */
  .c-nav-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
  }
}
/* line 147, ../sass/component/_nav.scss */
.c-nav-toggle_inner {
  position: relative;
  width: 32px;
  height: 32px;
}
/* line 151, ../sass/component/_nav.scss */
.c-nav-toggle_inner span {
  position: absolute;
  left: 0;
  display: block;
  background: #000;
  width: 100%;
  height: 2px;
  transition: .5s all;
}
/* line 159, ../sass/component/_nav.scss */
.c-nav-toggle_inner span:nth-child(1) {
  top: 8px;
}
/* line 162, ../sass/component/_nav.scss */
.c-nav-toggle_inner span:nth-child(2) {
  top: 16px;
}
/* line 165, ../sass/component/_nav.scss */
.c-nav-toggle_inner span:nth-child(3) {
  top: 24px;
}
/* line 170, ../sass/component/_nav.scss */
.c-nav-toggle.fixed {
  position: fixed;
  top: 0;
  right: 0;
  animation: MenuDown 0.5s;
}
/* line 180, ../sass/component/_nav.scss */
.c-nav-toggle.active .c-nav-toggle_inner span:nth-child(1) {
  top: 16px;
  transform: rotate(45deg);
}
/* line 184, ../sass/component/_nav.scss */
.c-nav-toggle.active .c-nav-toggle_inner span:nth-child(2) {
  top: 16px;
  transform: rotate(-45deg);
}
/* line 188, ../sass/component/_nav.scss */
.c-nav-toggle.active .c-nav-toggle_inner span:nth-child(3) {
  opacity: 0;
}
@keyframes MenuDown {
  0% {
    opacity: 0;
    transform: translateY(-80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
--------------------------------------------------
  hero
--------------------------------------------------
*/
/* line 9, ../sass/component/_hero.scss */
.c-hero {
  overflow: hidden;
  background: url(../img/bg_hero.jpg) no-repeat, #000;
  background-size: cover;
	background-position: center;
  display: block;
  /* mask-image: linear-gradient(135deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(135deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  mask-size: 250% 250%;
  -webkit-mask-size: 250% 250%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: 130% 130%;
  -webkit-mask-position: 130% 130%;
  animation: mask-animation 4.5s linear forwards; */
/*	animation: blur 2.5s cubic-bezier(.3,0,.2,1) forwards; */

		
  position: relative;
	
}

@media screen and (max-width: 768px) {
  /* line 9, ../sass/component/_hero.scss */
  .c-hero {
    background: url(../img/bg_hero_sp.jpg) no-repeat #000;
    background-size:  100%; 
  }
}
/* line 17, ../sass/component/_hero.scss */
.c-hero_inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 4.1666666667vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  /* line 17, ../sass/component/_hero.scss */
  .c-hero_inner {
    padding: 0 5.2083333333vw;
  }
}
/* line 25, ../sass/component/_hero.scss */
.c-hero_contents {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
  height: 41.6666666667vw;

}
@media screen and (max-width: 768px) {
  /* line 25, ../sass/component/_hero.scss */
  .c-hero_contents {
    height: 186.6666666667vw;
  }
}
/* line 40, ../sass/component/_hero.scss */
.c-hero_logo {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 37.5vw;
}
@media screen and (max-width: 768px) {
  /* line 40, ../sass/component/_hero.scss */
  .c-hero_logo {
    width: 62.5vw;
    left: inherit;
    bottom: inherit;
    top: 20.8333333333vw;
    right: 0;
  }
}
/* line 53, ../sass/component/_hero.scss */
.c-hero_img {
  position: absolute;
  top: 10vw;
  right: 6vw;
  width: 16.7916666667vw;
}
@media screen and (max-width: 768px) {
  /* line 53, ../sass/component/_hero.scss */
  .c-hero_img {
    width: 100%;
    top: 143vw;
    right: 0;
    bottom: 10.4166666667vw;
  }
  .c-hero_contents {
    display: block !important;
  }
  h1 {
    top: 120vw !important;
    left: 0vw !important;
    font-size: 5vw !important;
  }
	
	h1.img_wrap img{
		display: none;
	}
  .hero_date {
    top: 138vw !important;
    left: 0 !important;
    width: 100% !important;
	  display: none;
  }
  .c-herobtn {
    margin: 0 !important;
    top: -41vw !important;
  }
  .chara1, .chara2 {
    display: none;
  }
  .p-lineup_body {
    height: 100% !important;
  }
}
/* line 65, ../sass/component/_hero.scss */
.c-hero_notice {
  text-align: right;
  margin: 0.5208333333vw 0;
  font-size: 0.625vw;
}
@media screen and (max-width: 768px) {
  /* line 65, ../sass/component/_hero.scss */
  .c-hero_notice {
    font-size: 1rem;
    margin: 1.3020833333vw 0;
  }
}
@media screen and (max-width: 480px) {
  /* line 65, ../sass/component/_hero.scss */
  .c-hero_notice {
    margin: 10px 0;
  }
	
	.product_wrap .product-viewer{
		height: 92vw;
	}
	
	.product_wrap .product-sprite{
		top: 0;
		left: -68vw !important;
		width: 1000% !important;
		
	}
}
/*
--------------------------------------------------
  btn
--------------------------------------------------
*/
/* line 8, ../sass/component/_btn.scss */
.c-btn_wrap {
  text-align: center;
}
/* line 11, ../sass/component/_btn.scss */
.c-btn {
  display: block;
  position: relative;
  text-align: center;
  color: #fff;
  padding: 24px 8px;
  transition: .3s all;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 1.1416666667vw;
  background-size: auto;
	font-weight: bold;
  background-position: center right 10px;
  background: #298ebe;
  border: 1px solid #298ebe;
}
/* line 24, ../sass/component/_btn.scss */
.c-btn:hover {
  color: white;
  border: 1px solid #8a0e1a;
  background: #8a0e1a;
}
/* line 28, ../sass/component/_btn.scss */

/* line 32, ../sass/component/_btn.scss */


@media screen and (max-width: 768px) {
  /* line 11, ../sass/component/_btn.scss */
  .c-btn {
    font-size: 2.6041666667vw;
    padding: 2.0833333333vw 6.5104166667vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 11, ../sass/component/_btn.scss */
  .c-btn {
    padding: 10px 16px;
    font-size: 1.6rem;
	  position: relative;
	 
  }
}
/* line 44, ../sass/component/_btn.scss */
.c-btn_border {
  display: block;
  border: solid 2px #298ebe;
  background: url(../img/icon_plus.png) no-repeat center right 10px, #000;
  background-size: 20px 20px;
  width: 100%;
  max-width: 200px;
  padding: 8px 16px;
  text-align: center;
  margin: 0 auto 40px;
}
/* line 54, ../sass/component/_btn.scss */
.c-btn_border:hover {
  background: #298ebe;
  color: #fff;
  background-size: 20px 20px;
}
/* line 61, ../sass/component/_btn.scss */
.c-btn-main {
  border: 2px solid #00ffe4;
  border-image: linear-gradient(to left, #00ffe4 0%, #24aec7 25%, #a21252 75%, #df0000 100%);
  border-image-slice: 1;
}
/* line 65, ../sass/component/_btn.scss */
.c-btn-main:before {
  content: '';
  position: absolute;
  display: block;
  background: url(../img/arrow.png) no-repeat;
  background-size: 100%;
  width: 60px;
  height: 10px;
  top: 45%;
  right: -30px;
  transform: translateY(-45%);
  transition: .3s all;
}
/* line 78, ../sass/component/_btn.scss */
.c-btn-main:hover {
  border: 2px solid #df0000;
  border-image: linear-gradient(to right, #00ffe4 0%, #24aec7 25%, #a21252 75%, #df0000 100%);
  border-image-slice: 1;
  color: #fff;
}
/* line 83, ../sass/component/_btn.scss */
.c-btn-main:hover:before {
  right: -14%;
}
/* line 86, ../sass/component/_btn.scss */
.c-btn-main:hover:after {
  right: -15%;
}
@media screen and (max-width: 1420px) {
  /* line 91, ../sass/component/_btn.scss */
  .c-btn-main:before {
    width: 2.0833333333vw;
    height: 0.3125vw;
    right: -1.0416666667vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 98, ../sass/component/_btn.scss */
  .c-btn-main:before {
    width: 7.8125vw;
    height: 1.3020833333vw;
    right: -3.90625vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 105, ../sass/component/_btn.scss */
  .c-btn-main:before {
    width: 60px;
    height: 10px;
    right: -30px;
  }
}
/*
--------------------------------------------------
  scroll anime
--------------------------------------------------
*/
/* line 8, ../sass/component/_scrollAnime.scss */
.fade-in {
  opacity: 0;
  transition-duration: 1000ms;
  transition-property: opacity, transform;
}
/* line 14, ../sass/component/_scrollAnime.scss */
.fade-in-up {
  transform: translate(0, 50px);
}
/* line 18, ../sass/component/_scrollAnime.scss */
.fade-in-down {
  transform: translate(0, -50px);
}
/* line 22, ../sass/component/_scrollAnime.scss */
.fade-in-left {
  transform: translate(-50px, 0);
}
/* line 26, ../sass/component/_scrollAnime.scss */
.fade-in-right {
  transform: translate(50px, 0);
}
/* line 30, ../sass/component/_scrollAnime.scss */
.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}
/*
--------------------------------------------------
  tab
--------------------------------------------------
*/
/* line 10, ../sass/component/_tab.scss */
.c-tab .p-chooseBtn {
  display: flex;
}
/* line 13, ../sass/component/_tab.scss */
.c-tab_btn {
  padding: 10px 0;
  text-align: center;
  list-style: none;
  cursor: pointer;
  opacity: 0.5;
}
/* line 19, ../sass/component/_tab.scss */
.c-tab_btn:hover {
  opacity: 1;
}
/* line 22, ../sass/component/_tab.scss */
.c-tab_btn.active {
  opacity: 1;
}
/* line 26, ../sass/component/_tab.scss */
.c-tab_contents {
  display: none;
}
/* line 28, ../sass/component/_tab.scss */
.c-tab_contents.active {
  display: block;
}
/*
--------------------------------------------------
  accordion
--------------------------------------------------
*/
/* line 10, ../sass/component/_accordion.scss */
.c-ac_toggle {
  pointer-events: none;
  position: relative;
  display: block;
  width: 100%;
}
@media screen and (max-width: 480px) {
  /* line 10, ../sass/component/_accordion.scss */
  .c-ac_toggle {
    pointer-events: all;
    cursor: pointer;
    background: #298ebe;
    color: #fff;
    padding: 16px 24px;
    text-align: center;
  }
  /* line 22, ../sass/component/_accordion.scss */
  .c-ac_toggle:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 4%;
    transform: translateY(-50%) rotate(135deg);
    width: 10px;
    height: 10px;
    border-top: #fff 3px solid;
    border-right: #fff 3px solid;
    transition: .3s all;
  }
  /* line 36, ../sass/component/_accordion.scss */
  .c-ac_toggle.open:after {
    transform: rotate(-45deg);
  }
}
/* line 42, ../sass/component/_accordion.scss */
.c-ac_contents {
  display: block;
}
@media screen and (max-width: 480px) {
  /* line 42, ../sass/component/_accordion.scss */
  .c-ac_contents {
    display: none;
  }
}
/*
--------------------------------------------------
  flexbox
--------------------------------------------------
*/
/* line 8, ../sass/component/_flex.scss */
.c-flex {
  display: flex;
}
/* line 12, ../sass/component/_flex.scss */
.c-flex.fxd-c {
  flex-direction: column;
}
/* line 15, ../sass/component/_flex.scss */
.c-flex.fxd-cr {
  flex-direction: column-reverse;
}
/* line 18, ../sass/component/_flex.scss */
.c-flex.fxd-r {
  flex-direction: row;
}
/* line 21, ../sass/component/_flex.scss */
.c-flex.fxd-rr {
  flex-direction: row-reverse;
}
/* line 27, ../sass/component/_flex.scss */
.c-flex.fxw-w {
  flex-wrap: wrap;
}
/* line 30, ../sass/component/_flex.scss */
.c-flex.fxw-wr {
  flex-wrap: wrap-reverse;
}
/* line 36, ../sass/component/_flex.scss */
.c-flex.jc-c {
  justify-content: center;
}
/* line 39, ../sass/component/_flex.scss */
.c-flex.jc-fe {
  justify-content: flex-end;
}
/* line 42, ../sass/component/_flex.scss */
.c-flex.jc-fs {
  justify-content: flex-start;
}
/* line 45, ../sass/component/_flex.scss */
.c-flex.jc-sa {
  justify-content: space-around;
}
/* line 48, ../sass/component/_flex.scss */
.c-flex.jc-sb {
  justify-content: space-between;
}
/* line 55, ../sass/component/_flex.scss */
.c-flex.ai-b {
  align-items: baseline;
}
/* line 58, ../sass/component/_flex.scss */
.c-flex.ai-c {
  align-items: center;
}
/* line 61, ../sass/component/_flex.scss */
.c-flex.ai-fe {
  align-items: flex-end;
}
/* line 64, ../sass/component/_flex.scss */
.c-flex.ai-fs {
  align-items: flex-start;
}
/* line 67, ../sass/component/_flex.scss */
.c-flex.ai-s {
  align-items: stretch;
}
/* line 74, ../sass/component/_flex.scss */
.c-flex.ac-c {
  align-content: center;
}
/* line 77, ../sass/component/_flex.scss */
.c-flex.ac-fe {
  align-content: flex-end;
}
/* line 80, ../sass/component/_flex.scss */
.c-flex.ac-fs {
  align-content: flex-start;
}
/* line 83, ../sass/component/_flex.scss */
.c-flex.ac-s {
  align-content: stretch;
}
/* line 86, ../sass/component/_flex.scss */
.c-flex.ac-sa {
  align-content: space-around;
}
/* line 89, ../sass/component/_flex.scss */
.c-flex.ac-sb {
  align-content: space-between;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-1 {
  order: 1;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-2 {
  order: 2;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-3 {
  order: 3;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-4 {
  order: 4;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-5 {
  order: 5;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-6 {
  order: 6;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-7 {
  order: 7;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-8 {
  order: 8;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-9 {
  order: 9;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-10 {
  order: 10;
}
/*
--------------------------------------------------
  hero
--------------------------------------------------
*/
/* line 9, ../sass/component/_heading.scss */
.c-heading {
  display: block;
  text-align: center;
  line-height: 2;
  color: white;
  margin-bottom: 6.3333333333vw;
	/* background: #cdab5a; */
	padding: 2vw 0;
	text-shadow:0 0 1.0416666667vw #163854,0 0 1.0416666667vw #163854,0 0 .5208333333vw #163854,0 0 .5208333333vw #163854;
}
/* line 16, ../sass/component/_heading.scss */
.c-heading span {
  display: block;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: white;
  font-size: 30%;
	text-shadow:0 0 1.0416666667vw #163854,0 0 1.0416666667vw #163854,0 0 .5208333333vw #163854,0 0 .5208333333vw #163854
}
@media screen and (max-width: 480px) {
  /* line 9, ../sass/component/_heading.scss */
  .c-heading {
    margin-bottom: 50px;
  }
}
/*
--------------------------------------------------
  pageTop
--------------------------------------------------
*/
/* line 8, ../sass/component/_pageTop.scss */
.c-pageTop {
  position: fixed;

  bottom: -8vw;
  right: -15vw;
  cursor: pointer;
  z-index: 997;
}
@media screen and (max-width: 480px) {
  /* line 8, ../sass/component/_pageTop.scss */
  .c-pageTop {
    width: 48px;
    height: 48px;
  }
  /* line 20, ../sass/component/_pageTop.scss */
  .c-pageTop:before, .c-pageTop:after {
    width: 20px;
  }
}
/* line 24, ../sass/component/_pageTop.scss */
.c-pageTop_btn {
  display: block;
  position: relative;
  background: url("../img/backtop.png") no-repeat;
	background-size: contain;
	width: 11vw;
	height: 3vw;
	right: 13vw;
	bottom: 4vw;
	z-index: 2131;
}
/* line 30, ../sass/component/_pageTop.scss 
.c-pageTop_btn:before, .c-pageTop_btn:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  background: #aaa;
  width: 30px;
  height: 2px;
  transition: .4s all;
}*/
/* line 40, ../sass/component/_pageTop.scss
.c-pageTop_btn:before {
  transform: rotate(45deg);
  right: 7px;
} */
/* line 44, ../sass/component/_pageTop.scss 
.c-pageTop_btn:after {
  transform: rotate(-45deg);
  left: 7px;
}*/
/* line 49, ../sass/component/_pageTop.scss 
.c-pageTop_btn:hover:before, .c-pageTop_btn:hover:after {
  top: 45%;
}*/
@media screen and (max-width: 480px) {
  /* line 24, ../sass/component/_pageTop.scss */
  .c-pageTop_btn {
    width: 25vw;
    height: 48px;
	  right: 30vw;
	  bottom: 4vw;
  }
	
	.reservebtn{
		width: 65vw  !important;
		height: 31vw  !important;
		right: 100vw !important;
		bottom: 41vw  !important;
	}
}
  /* line 56, ../sass/component/_pageTop.scss
  .c-pageTop_btn:before, .c-pageTop_btn:after {
    width: 20px;
  }
} */
/* line 61, ../sass/component/_pageTop.scss */
.c-pageTop-twitter {
  display: block;
  margin: 0 auto 24px;
  position: relative;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 100px;
}
/* line 69, ../sass/component/_pageTop.scss */
.c-pageTop-twitter:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../img/tw_icon.png) no-repeat center;
  width: 45px;
  height: 48px;
}
/* line 79, ../sass/component/_pageTop.scss */
.c-pageTop-twitter:after {
  content: 'SHARE';
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  transition: .3s all;
}
/* line 89, ../sass/component/_pageTop.scss */
.c-pageTop-twitter:hover {
  background: #0488ba;
}
/* line 91, ../sass/component/_pageTop.scss */
.c-pageTop-twitter:hover:after {
  color: #0488ba;
}
@media screen and (max-width: 480px) {
  /* line 61, ../sass/component/_pageTop.scss */
  .c-pageTop-twitter {
    width: 50px;
    height: 50px;
  }
  /* line 98, ../sass/component/_pageTop.scss */
  .c-pageTop-twitter:after {
    font-size: 1.2rem;
    top: 50px;
  }
}
/*
--------------------------------------------------
  project
--------------------------------------------------
*/
/* line 10, ../sass/project/_project.scss */
.p-color-gold {
  background: linear-gradient(45deg, #83764c 0%, #cfc48e 20%, #ddd29c 50%, #cfc48e 80%, #83764c 100%);
  color: #333;
	font-size: 2vw;
}
/* line 14, ../sass/project/_project.scss */
.p-color-silver {
  background: linear-gradient(45deg, #6d6d6d 0%, #d2d0c6 20%, #e0ded6 50%, #d2d0c6 80%, #6d6d6d 100%);
  color: #333;
}
/* line 18, ../sass/project/_project.scss */
.p-color-red {
  background: #298ebe;
  color: #fff;
}

.red {
	color: #298ebe;
}
/* line 25, ../sass/project/_project.scss */
.p-anchor {
  display: none;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  /* line 25, ../sass/project/_project.scss */
  .p-anchor {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
/* line 33, ../sass/project/_project.scss */
.p-anchor_item {
  width: calc(50% - 8px);
  margin-bottom: 24px;
}
/* line 36, ../sass/project/_project.scss */
.p-anchor_item.full {
  width: 100%;
}
/* line 40, ../sass/project/_project.scss */
.p-anchor_btn {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border: solid 2px #ea1428;
  color: #ea1428;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
  height: 80px;
  width: 100%;
  background: #000;
}
/* line 54, ../sass/project/_project.scss */
.p-anchor_btn:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #298ebe;
  border-right: 2px solid #298ebe;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  /* line 40, ../sass/project/_project.scss */
  .p-anchor_btn {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 40, ../sass/project/_project.scss */
  .p-anchor_btn {
    font-size: 1.6rem;
  }
}
/* line 76, ../sass/project/_project.scss */
#lineup {
  background: url(../img/bg01.jpg) no-repeat fixed;
  background-size: cover;
	
	margin-top: 0;
	padding-top:0;
}
@media screen and (max-width: 768px) {
  /* line 76, ../sass/project/_project.scss */
  #lineup {
    background: none;
  }
}
/* line 83, ../sass/project/_project.scss */
.p-lineup {
  display: flex;
	justify-content: center;
}
@media screen and (max-width: 768px) {
  /* line 83, ../sass/project/_project.scss */
  .p-lineup {
    display: block;
  }
}
/* line 89, ../sass/project/_project.scss */
.p-lineup_item {
  background: rgba(0, 0, 0, 0.8);
  width: calc(40% - 20px);
  display: flex;
  flex-direction: column;
	border: 1px solid deepskyblue;
	box-shadow: 0 0 1.0416666667vw #163854,0 0 1.0416666667vw #163854,0 0 .5208333333vw #163854,0 0 .5208333333vw #163854;
}
/* 
.p-lineup_item{
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
} */
/* line 92, ../sass/project/_project.scss */
.p-lineup_item:not(:last-child) {
  margin-right: 32px;
}
@media screen and (max-width: 768px) {
  /* line 89, ../sass/project/_project.scss */
  .p-lineup_item {
    width: 100%;
  }
  /* line 97, ../sass/project/_project.scss */
  .p-lineup_item:not(:last-child) {
    margin-bottom: 40px;
  }
}
/* line 102, ../sass/project/_project.scss */
.p-lineup_ttl {
  text-align: center;
  font-size: 1.4583333333vw;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 0.8333333333vw;
}
@media screen and (max-width: 768px) {
  /* line 102, ../sass/project/_project.scss */
  .p-lineup_ttl {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 102, ../sass/project/_project.scss */
  .p-lineup_ttl {
    font-size: 2rem;
    padding: 16px;
  }
}
/* line 115, ../sass/project/_project.scss */
.p-lineup_body {
  padding: 1.25vw;
  display: flex;
  flex-direction: column;
  flex: 1;
	margin-top: -9vw;
}
@media screen and (max-width: 768px) {
  /* line 115, ../sass/project/_project.scss */
  .p-lineup_body {
    padding: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 115, ../sass/project/_project.scss */
  .p-lineup_body {
    padding: 0 16px 24px;
  }
}
/* line 126, ../sass/project/_project.scss */
.p-lineup_img img {
  width: 100%;
}
/* line 130, ../sass/project/_project.scss */
.p-lineup_price {
  color: #298ebe;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 1.8vw;
  font-weight: 700;
  text-align: center;
  padding: 16px 0;
	margin-top: -3vw;
}
/* line 137, ../sass/project/_project.scss */
.p-lineup_price small {
  font-size: 60%;
}
@media screen and (max-width: 768px) {
  /* line 130, ../sass/project/_project.scss */
  .p-lineup_price {
    font-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 130, ../sass/project/_project.scss */
  .p-lineup_price {
    font-size: 2.4rem;
  }
  .c-hero_contents {
    display: block !important;
  }
  .hero_date {
    top: 138vw !important;
    width: 100% !important;
	  font-size: 140% !important;
  }
  h1 {
    top: 117vw !important;
    font-size: 5vw !important;
    left: 0 !important;
  }
  .c-herobtn {
    margin: 0 !important;
    top: -43vw;
  }
}
/* line 147, ../sass/project/_project.scss */
dl.p-spec {
  font-size: 1.1vw;
	color: white;
}
.p-lineup_contents {
  padding-left: 33px;
  margin-bottom: 24px;
	font-size: 1.1vw;
	text-indent:  4px;
}

.p-lineup_contents li.nodisc {
  list-style: none !important;
  margin-bottom: 16px;
  font-weight: 700;
	height:1.8vw;
}
.p-lineup_contents li.nodisc2 {
  list-style: none !important;
  margin-bottom: 0;
  font-weight: 700;
	height:0.3vw;
}
@media screen and (max-width: 768px) {
  /* line 147, ../sass/project/_project.scss */
  .p-lineup_contents {
    min-height: auto;
  }
}
/* line 154, ../sass/project/_project.scss */
.p-lineup_contents li {
  list-style:circle;
  margin-bottom: 16px;
  font-weight: 700;
}
/* line 158, ../sass/project/_project.scss */
.p-lineup_contents li span {
  display: block;
  font-size: 80%;
  font-weight: 400;
}
/* line 166, ../sass/project/_project.scss */
.p-lineup_link li {
  margin-bottom: 16px;
}
/* line 170, ../sass/project/_project.scss */
.p-lineup_indent {
  position: relative;
  padding-left: 1.6em;
}
/* line 173, ../sass/project/_project.scss */
.p-lineup_indent:before {
  content: '└';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 187, ../sass/project/_project.scss */
#collectors {
  background: url("../img/bg02.png") black no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  /* line 187, ../sass/project/_project.scss */
  #collectors {
    background-size: 100%;
  }
}
@media screen and (max-width: 480px) {
  /* line 187, ../sass/project/_project.scss */
  #collectors {
    background-size: 150%;
	  background-position: 50% 23%;
  }
	.p-collectors_detail dt img{
		width: 70vw !important;
	}
	
	.product_wrap{
		padding: 10vw 0;
		zoom: 1 !important;
	}
	
	.p-lineup_contents{
		font-size: 4.4vw;
	}
	
	.detailtext02{
		font-size: 4.1vw !important;
		width: 100% !important;
	}
	
	.p-collectors_detail dd{
		font-size: 4vw !important;
	}
	
	.p-collectors_item.cle .p-collectors_detail dt{
		font-size: 4.6vw !important;
	}
	
	.c-btn-goods{
		font-size: 5vw !important;
	}
}
.p-collectors {
  position: relative;
}
/* line 200, ../sass/project/_project.scss */
.p-collectors_img img {
  margin: auto;
  width: 72vw;
  padding-bottom: 6vw;
}
@media screen and (max-width: 768px) {
  /* line 199, ../sass/project/_project.scss */
  .p-collectors_img {
    margin-bottom: 5.2083333333vw;
  }
	
}


@media screen and (max-width: 480px) {
  /* line 199, ../sass/project/_project.scss */
  .p-collectors_img {
    margin-bottom: 36px;
  }
}
/* line 210, ../sass/project/_project.scss */
.p-collectors_contents {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  /* line 210, ../sass/project/_project.scss */
  .p-collectors_contents {
    display: block;
  }
}
/* line 217, ../sass/project/_project.scss */
.p-collectors_item {
  width: calc(33% - 20px);
  border: 1px solid #655831;
  padding: 2.0833333333vw 1.25vw;
  margin-bottom: 2.0833333333vw;
  display: flex;
  flex-direction: column;
}
/* line 222, ../sass/project/_project.scss */
.p-collectors_item:not(:nth-child(4n)) {
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  /* line 217, ../sass/project/_project.scss */
  .p-collectors_item {
    width: calc(50% - 12px);
  }
  /* line 227, ../sass/project/_project.scss */
  .p-collectors_item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 217, ../sass/project/_project.scss */
  .p-collectors_item {
    border: none;
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 2.6041666667vw;
    padding-bottom: 2.6041666667vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 217, ../sass/project/_project.scss */
  .p-collectors_item {
    margin-bottom: 60px;
    border: 1px solid #655831;
    padding: 10.0833333333vw 1.25vw 10vw;
  }
  .size {
    width: 15vw !important;
  }
  .chara1, .chara2 {
    display: none;
  }
  .p-lineup_price {
    font-size: 8.629167vw !important;
  }
  .p-lineup_price small {
    font-size: 4.629167vw !important;
  }
  #collectors {
    padding-bottom: 30vw;
  }
  .soft {
    max-width: 35vw !important;
  }
  .c-hero_contents {
    height: 188.666667vw !important;
  }
}
/* line 243, ../sass/project/_project.scss */
.p-collectors_name {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 1.25vw;
  text-align: center;
  margin-bottom: 1.25vw;
  padding-bottom: 1.25vw;
  border-bottom: solid 1px #655831;
}
/* line 250, ../sass/project/_project.scss */
.p-collectors_name span {
  display: block;
  color: black;
  font-size: 1.6666666667vw;
  z-index: 982;
  position: absolute;
  top: -1.7vw;
  left: 45%;
}
.diamondnumber {
  content: "";
  height: 2.7vw;
  width: 2.7vw;
  background: #d6b661;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  top: -1.5vw;
  left: 43%;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  /* line 243, ../sass/project/_project.scss */
  .p-collectors_name {
    font-size: 1.6666666667vw;
  }
  .chara2 {
    top: 120vw !important;
  }
}
@media screen and (max-width: 768px) {
  /* line 243, ../sass/project/_project.scss */
  .p-collectors_name {
    text-align: left;
    border-bottom: none;
    font-size: 3.90625vw;
    margin-bottom: 2.0833333333vw;
  }
  /* line 264, ../sass/project/_project.scss */
  .p-collectors_name span {
    font-size: 3rem;
    line-height: 1;
  }
}
@media screen and (max-width: 480px) {
  /* line 243, ../sass/project/_project.scss */
  .p-collectors_name {
    font-size: 2rem;
    margin-bottom: 8px;
  }
  .diamondnumber {
    height: 10.7vw !important;
    width: 10.7vw !important;
    top: -5vw;
  }
  .p-collectors_detail:after, .p-collectors_detail:before {
    height: 3.7vw !important;
    width: 3.7vw !important;
  }
  .p-collectors_name span {
    top: -3.7vw;
  }
  .hero_date {
    width: 100%;
    top: 62vw;
  }
  .c-hero_img {
     top: 153vw;
  }
	.toptextsmall{
		font-size: 4vw !important;
	}
	
	.toptextsmall02{
		font-size: 4.8vw  !important;
	}
}
/* line 274, ../sass/project/_project.scss */
.p-collectors_detail {
  font-size: 1.3vw;
  display: flex;
  flex-direction: column;
  flex: 1;

}
/*
.p-collectors_detail:after {
  content: "";
  height: .7vw;
  width: .7vw;
  background: #d6b661;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  top: 2.9vw;
  right: 2.1vw;
}

.p-collectors_detail:before {
  content: "";
  height: .7vw;
  width: .7vw;
  background: #d6b661;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  top: 2.9vw;
  left: 2.1vw;
} */
.numbering {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  color: #FFF;
  line-height: 0;
}
/* line 276, ../sass/project/_project.scss */
.p-collectors_detail ul, .p-collectors_detail li {}
/* line 279, ../sass/project/_project.scss */
.p-collectors_detail ul {
  margin-left: 1em;
}
/* line 282, ../sass/project/_project.scss */
.p-collectors_detail li {
  margin-bottom: 8px;
}
/* line 288, ../sass/project/_project.scss */
.p-collectors_item.cle {
  border: solid 2px #298ebe;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 0;
}
/* line 292, ../sass/project/_project.scss */
.p-collectors_item.cle .p-collectors_name {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #298ebe;
  color: #fff;
  min-height: auto;
  margin-bottom: 24px;
  padding: 16px;
  border: none;
  line-height: 1.2;
}
/* line 303, ../sass/project/_project.scss */
.p-collectors_item.cle .p-collectors_name span {
  text-align: center;
  width: 80px;
  margin-right: 10px;
  background: #fff;
}
/* line 310, ../sass/project/_project.scss */
.p-collectors_item.cle .p-collectors_detail {
  text-align: center;
}
/* line 312, ../sass/project/_project.scss */
.p-collectors_item.cle .p-collectors_detail dt {
  font-size: 1.3vw;
  font-weight: 600;
  color: #298ebe;
  margin-bottom: 8px;
}
.p-collectors_detail dt img{
	width: 1vw;
}
/* line 318, ../sass/project/_project.scss */
.p-collectors_detail dd {
  font-size: .9vw;

}
/* line 325, ../sass/project/_project.scss 
.p-cta {
  border: solid 1px #655831;
  margin-top: 64px;
}*/
.p-cta {
  border: solid 1px #655831;
  width: 100%;
  height: 29vw;
}
/* line 328, ../sass/project/_project.scss */
.p-cta_head {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 24px;
}
@media screen and (max-width: 480px) {
  /* line 328, ../sass/project/_project.scss */
  .p-cta_head {
    font-size: 2rem;
  }
}
/* line 338, ../sass/project/_project.scss */
.p-cta_body {
  padding: 40px;
}
@media screen and (max-width: 480px) {
  /* line 338, ../sass/project/_project.scss */
  .p-cta_body {
    padding: 40px 20px;
  }
}
/* line 344, ../sass/project/_project.scss */
.p-cta_link {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  /* line 344, ../sass/project/_project.scss */
  .p-cta_link {
    display: block;
  }
}
/* line 349, ../sass/project/_project.scss */
.p-cta_link li {
  /* width: calc(50% - 20px);
  margin-right: 40px; */
  margin-bottom: 2vw;
}
/* line 352, ../sass/project/_project.scss */
.p-cta_link li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  /* line 349, ../sass/project/_project.scss */
  .p-cta_link li {
    width: 100%;
    margin: 0 0 24px 0;
  }
  /* line 358, ../sass/project/_project.scss */
  .p-cta_link li:last-child {
    margin: 0;
  }
}
/* line 366, ../sass/project/_project.scss */
#dlc {
  background: url(../img/bg03.jpg) no-repeat fixed;
}
@media screen and (max-width: 480px) {
  /* line 366, ../sass/project/_project.scss */
  #dlc {
    background: none;
  }
}
/* line 373, ../sass/project/_project.scss */
.p-dlc {
  background: rgba(0, 0, 0, 0.8);
  margin-bottom: 80px;
}
/* line 376, ../sass/project/_project.scss */
.p-dlc_head {
  background: url(../img/btn_red.png) no-repeat;
  background-size: cover;
  padding: 1.5625vw 0.8333333333vw;
  text-align: center;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #dcd59d;
}
@media screen and (max-width: 768px) {
  /* line 376, ../sass/project/_project.scss */
  .p-dlc_head {
    padding: 3.90625vw 2.0833333333vw;
  }
}
/* line 387, ../sass/project/_project.scss */
.p-dlc_body {
  padding: 50px;
}
@media screen and (max-width: 480px) {
  /* line 387, ../sass/project/_project.scss */
  .p-dlc_body {
    font-size: 1.2rem;
    padding: 24px 16px 50px;
  }
}
/* line 394, ../sass/project/_project.scss */
.p-dlc_img {
  margin-bottom: 24px;
}
/* line 396, ../sass/project/_project.scss */
.p-dlc_img img {
  width: 100%;
}
/* line 400, ../sass/project/_project.scss */
.p-dlc_contents {
  border: solid 1px #655831;
  padding: 24px 40px;
  margin-bottom: 32px;
}
@media screen and (max-width: 480px) {
  /* line 400, ../sass/project/_project.scss */
  .p-dlc_contents {
    padding: 24px 16px;
  }
}
/* line 407, ../sass/project/_project.scss */
.p-dlc_contents h4 {
  color: #dcd59d;
  text-align: center;
  margin-bottom: 16px;
}
/* line 418, ../sass/project/_project.scss */
.p-dlc_contents_body.flex {
  display: flex;
}
@media screen and (max-width: 480px) {
  /* line 418, ../sass/project/_project.scss */
  .p-dlc_contents_body.flex {
    display: block;
  }
}
/* line 423, ../sass/project/_project.scss */
.p-dlc_contents_body.flex .p-dlc_contents_item {
  width: calc(50% - 20px);
  position: relative;
}
/* line 426, ../sass/project/_project.scss */
.p-dlc_contents_body.flex .p-dlc_contents_item:not(:last-child) {
  margin-right: 40px;
}
/* line 428, ../sass/project/_project.scss */
.p-dlc_contents_body.flex .p-dlc_contents_item:not(:last-child):after {
  content: '';
  position: absolute;
  top: 0;
  right: -18px;
  background: #655831;
  width: 1px;
  height: 100%;
}
/* line 439, ../sass/project/_project.scss */
.p-dlc_contents_body.flex .p-dlc_contents_item.noborder:after {
  content: none !important;
}
@media screen and (max-width: 480px) {
  /* line 423, ../sass/project/_project.scss */
  .p-dlc_contents_body.flex .p-dlc_contents_item {
    width: 100%;
    padding: 20px 0;
  }
  /* line 446, ../sass/project/_project.scss */
  .p-dlc_contents_body.flex .p-dlc_contents_item:not(:last-child) {
    padding-top: 0;
  }
  /* line 448, ../sass/project/_project.scss */
  .p-dlc_contents_body.flex .p-dlc_contents_item:not(:last-child):after {
    top: 100%;
    right: 0;
    width: 100%;
    height: 2px;
  }
  /* line 455, ../sass/project/_project.scss */
  .p-dlc_contents_body.flex .p-dlc_contents_item.noborder {
    padding: 0;
  }
}
/* line 462, ../sass/project/_project.scss */
#special {
  background: url(../img/bg04.jpg) no-repeat;
}
/* line 509, ../sass/project/_project.scss */
#spec {
  background: url("../img/bg02.jpg") no-repeat center;;
  background-size: cover;
}

#spec .c-heading, #spec .c-heading span
{
	color:white !important;
	text-shadow: none !important;
}
@media screen and (max-width: 480px) {
  /* line 509, ../sass/project/_project.scss */
  #spec {
    background: url(../img/bg02.jpg) no-repeat center;
    background-size: cover;
	  padding: 30vw 0;
  }
}
/* line 518, ../sass/project/_project.scss */
.p-spec div {
  display: flex;
  border-bottom: solid 1px white;
}
/* line 522, ../sass/project/_project.scss */
.p-spec dt, .p-spec dd {
  padding: 24px;
}
@media screen and (max-width: 480px) {
  /* line 522, ../sass/project/_project.scss */
  .p-spec dt, .p-spec dd {
    padding: 16px;
  }
}
/* line 528, ../sass/project/_project.scss */
.p-spec dt {
  width: 35%;
}
@media screen and (max-width: 480px) {
  /* line 528, ../sass/project/_project.scss */
  .p-spec dt {
    width: 40%;
  }
}
/* line 534, ../sass/project/_project.scss */
.p-spec dd {
  width: 65%;
}
@media screen and (max-width: 480px) {
  /* line 534, ../sass/project/_project.scss */
  .p-spec dd {
    width: 60%;
  }
}
/* line 540, ../sass/project/_project.scss */
.p-spec_notice {
  padding: 24px;
}
@media screen and (max-width: 480px) {
  /* line 540, ../sass/project/_project.scss */
  .p-spec_notice {
    padding: 16px;
  }
}
/* line 546, ../sass/project/_project.scss */
.p-spec_cero {
  display: block;
  margin-top: 16px;
}
/* line 549, ../sass/project/_project.scss */
.p-spec_cero img {
  width: 57px;
}
/* line 555, ../sass/project/_project.scss */
.p-official {
  display: block;
  transition: .3s all;
  border: solid 1px #298ebe;
  background: #000;
  margin: 80px 0;
}
/* line 561, ../sass/project/_project.scss */
.p-official_body {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 480px) {
  /* line 561, ../sass/project/_project.scss */
  .p-official_body {
    display: block;
  }
}
/* line 568, ../sass/project/_project.scss */
.p-official_img {
  width: 65%;
}
.p-official_txt {
  width: 35%;
	display: flex;
	justify-content: center;
}

.p-official_txt:hover{
	background: #298ebe;
}
@media screen and (max-width: 480px) {
  /* line 568, ../sass/project/_project.scss */
  .p-official_img, .p-official_txt {
    width: 100%;
  }
}
/* line 574, ../sass/project/_project.scss */
.p-official_img {
  transition: .3s all;
  opacity: 1;
}
/* line 578, ../sass/project/_project.scss */
.p-official_txt {
  display: flex;
  align-items: center;

  padding: 0.8333333333vw 2.0833333333vw;
}
@media screen and (max-width: 480px) {
  /* line 578, ../sass/project/_project.scss */
  .p-official_txt {
    padding: 32px 24px;
	  display: flex;
	  justify-content: center;
  }
}
/* line 587, ../sass/project/_project.scss */
.p-official_logo {
  margin: 0 auto 0.25vw;
  display: block;
  width: 14.625vw;
}
@media screen and (max-width: 768px) {
  /* line 587, ../sass/project/_project.scss */
  .p-official_logo {
    margin-bottom: 1.5625vw;
    width: 19.53125vw;
  }
	.platform {
		position: absolute;
		
	}
	
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.platform {
		position: absolute;
		bottom: -51vw;
		width: 7vw;
		display: none;
	}
}

@media screen and (max-width: 480px) {
  /* line 587, ../sass/project/_project.scss */
  .p-official_logo {
    width: 69vw;
  }
	
	.c-nav_item small{
		font-size: 3vw;
	}
}
/* line 600, ../sass/project/_project.scss */
.p-official_btn {
  color: white;
  text-align: center;
  font-size: .6vw;
  font-weight: 700;
  padding: 0.8333333333vw 4vw;
  transition: .3s all;
}
@media screen and (max-width: 768px) {
  /* line 600, ../sass/project/_project.scss */
  .p-official_btn {
    padding: 1.0416666667vw;
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 600, ../sass/project/_project.scss */
  .p-official_btn {
    padding: 16px;
    font-size: 1.4rem;
  }
  .p-lineup_body {
    height: 100% !important;
  }
}
/* line 617, ../sass/project/_project.scss */
.p-official:hover {
  border-color: #298ebe;
}
/* line 619, ../sass/project/_project.scss */
.p-official:hover .p-official_img {
  opacity: .8;
}
/* line 622, ../sass/project/_project.scss */
.p-official:hover .p-official_btn {
  
  color: #000;
}
/* line 629, ../sass/project/_project.scss */
.p-otherGoods {
  display: block;
  border: solid 1px #655831;
  margin: 80px 0;
}
/* line 633, ../sass/project/_project.scss */
.p-otherGoods:hover {
  border-color: #298ebe;
  opacity: .8;
}
/* line 637, ../sass/project/_project.scss */
.p-otherGoods img {
  width: 100%;
}
/* line 645, ../sass/project/_project.scss */
.p-pageTop a:after {
  color: #fff;
}
.moving-clouds {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 250.625em;
  height: 43.75em;
  -webkit-animation: cloudLoop 80s linear infinite;
  animation: cloudLoop 80s linear infinite;
  background-image: url("../img/clouds.png");
}
@keyframes cloudLoop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
h1 {
  animation: blink 3.5s infinite alternate;
 text-indent: -9999px;
 
  z-index: 8;
	
}
h4 {
  position: relative;
  /* top: -17vw;
  left: -3vw;
  z-index: 8;
  font-size: 4rem; */
}
@-webkit-keyframes blink {
  100% {
    text-shadow: 0 0 2px #ffffff, 0 0 10px #30a5d7, 0 0 20px #30a5d7, 0 0 40px #30a5d7;
  }
}
@keyframes blink {
  100% {
    text-shadow: 0 0 2px #ffffff, 0 0 10px #30a5d7, 0 0 20px #30a5d7, 0 0 40px #30a5d7;
  }
}
.soft {
  max-width: 12vw;
  margin: 40px auto 0;
}
@keyframes blinkk {
  0%, 100% {
    filter: blur(var(--blur)) contrast(var(--contrast));
    opacity: 0;
    visibility: hidden;
  }
  50% {
    filter: blur(0) contrast(1);
    opacity: 1;
    visibility: visible;
  }
}
.sizedetail {
  margin-top: auto;
}
.size {
  background: #d6b661;
  color: black;
  padding: .2vw .5vw;
  text-align: center;
  margin-right: 1vw;
  width: 5vw;
  display: inline-block;
  margin-bottom: .5vw;
}
.iconitem1 {
  position: absolute;
  left: 32.5vw;
  top: 7vw;
  padding: 15px;
  margin: 10px;
  width: 12vw;
  height: 14vw;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.tooltip {
  position: absolute;
  top: 0;
  font-size: 14px;
  text-align: center;
  background: #ffffff;
  color: #ffffff;
  width: 10vw;
  padding: 5px .5vw;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.tooltip::before {
  position: absolute;
  content: "";
  height: 1vw;
  width: 1vw;
  background: #ffffff;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.iconitem1:hover .tooltip, .iconitem2:hover .tooltip, .iconitem3:hover .tooltip {
  top: -45px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.iconitem1:hover .tooltip, .iconitem1:hover .tooltip::before, .iconitem2:hover .tooltip, .iconitem2:hover .tooltip::before, .iconitem3:hover .tooltip, .iconitem3:hover .tooltip::before {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  background: #655831;
  color: #ffffff;
}
.iconitem2 {
  position: absolute;
  left: 52.5vw;
  top: 14vw;
  padding: 15px;
  margin: 10px;
  width: 20vw;
  height: 18vw;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.iconitem3 {
  position: absolute;
  left: 13.5vw;
  top: 19vw;
  padding: 15px;
  margin: 10px;
  width: 20vw;
  height: 11vw;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.scene1 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.scene1 .scene_inner {
  -webkit-mask-image: url("../img/fog.png");
  mask-image: url("../img/fog.png");
  -webkit-mask-size: 4500vw 66.3vw;
  mask-size: 4500vw 66.3vw;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
}
section.scene1 .scene_inner .image {
  -webkit-mask-size: 100vw;
  mask-size: 100vw;
  -webkit-mask-position: 0 50%;
  mask-position: 0 50%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  section.scene1 .scene_inner .image {
    -webkit-mask-image: url("../img/bg_story_mask.webp");
    mask-image: url("../img/bg_story_mask.webp");
  }
  section.scene1 {
    height: 66.3vw;
  }
  section.scene1 .scene_inner .image {
    height: 66.3vw;
  }
}
section.scene1.scene_inner .image img {
  transform-origin: center;
  transform: scale(1.4, 1.4);
}

/* 
.maskimg {
  background: url("../img/bg_story1.png") #000 no-repeat;
  background-size: cover;
  width: 100vw;
  height: 66.3vw;
  position: relative;
}
.maskimg2 {
  background: url("../img/bg_story2.png") #000 no-repeat;
  background-size: cover;
  width: 100vw;
  height: 66.3vw;
  position: relative;
} */
#lineup .moving-clouds:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, black 100%);
}
@keyframes mask-animation {
  0% {
    mask-position: 120% 120%;
    -webkit-mask-position: 120% 120%;
  }
  100% {
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
  }
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.loading img {
  width: 500px;
}
.mt40 {
  margin-top: 2vw;
}
.sample-slider {
  width: 70%;
}
.sample-slider img {
  width: 100%;
}


/* line 142, ../sass/component/_hero.scss */
.hero_date {
  /*  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #171717 20%, #171717 50%, #171717 80%, rgba(255, 255, 255, 0) 100%);  */
  
  color: #fff;
  text-align: center;
  position: relative;
  top: 27vw;
  left: 29vw;
  width: 39vw;
	font-size: 150%;
	letter-spacing: 1vw;
	z-index: 2;
	text-shadow: 0 0 1.0416666667vw #163854,0 0 1.0416666667vw #163854,0 0 .5208333333vw #163854,0 0 .5208333333vw #163854;
}

.hero_date small{
	font-size: 1.7vw;
	
}
/* line 146, ../sass/component/_hero.scss */
.hero_date span {
  font-size: 150%;
}
/* line 150, ../sass/component/_hero.scss */
.hero_date_wrap {
  font-size: 2.1666666667vw;
  font-weight: 900;
  letter-spacing: .2em;
}
@media screen and (max-width: 768px) {
  /* line 150, ../sass/component/_hero.scss */
  .hero_date_wrap {
    font-size: 4.1666666667vw;
  }
}
.chara1 {
  background: url(../img/lead_pic2.png) no-repeat;
  background-size: contain;
  width: 57vw;
  height: 100%;
  position: absolute;
  left: -36vw;
  top: -35vw;
	animation: fuwafuwa 3s ease-in-out infinite alternate-reverse;
}
.chara2 {
  background: url(../img/lead_pic1.png) no-repeat;
  background-size: contain;
  width: 53vw;
  height: 100%;
  position: absolute;
  left: -30vw;
  top: 0;
	
}
.c-herobtn {
  width: 50%;
  margin: 0 0 0 auto;
}
.detailtext {
  position: relative;
  top: -2.3vw;
  font-size: 1.6vw;
  margin-left: 2vw;
	display: flex;
	justify-content: center;
	align-items:flex-start;
}

.detailtext02 {
  position: relative;
  font-size: 1.15vw;
	display: flex;
	width: 32vw;
	margin: 0 auto;
	align-items:flex-start;
}
.detail {
  font-size: 1vw;
}
.num {
  background: #d6b661;
  display: inline-flex;
  font-size: 14px;
  width: 2vw;
  height: 2vw;
  align-items: center;
  justify-content: center;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  color: black;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
	.p-collectors_img img{
		width: 100% !important;
	}
	.figure .summary{
		position: relative !important;
		width: 100% !important;
		right: 0 !important;
	}
	
	.artbook .summary{
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
	}
	
	.stand .summary {
		position: relative !important;
		width: 100% !important; 
		right: 0 !important;
	}
	
	.box .summary {
		position: relative !important; 
		width: 100% !important;
		left: 0 !important;
	}
	
	.figure figure img{
		width: 85vw !important;
	}
	
	.figure figure{
		height: 55vw;
	}
	
	.artbook{
		margin-top: 110vw !important;
	}
	
	.artbook figure{
		position: relative !important;
		right: -25% !important;
	}
	
	.artbook figure img{
		width: 49vw !important;
		margin-top: 8vw !important;
	}
	
	.commentbox{
		flex-direction: column !important;
	}
	
	.stand figure img{
		width: 75vw !important;
		position: relative !important;
		left: -3vw !important;
		top: 14vw !important;
	}
	
	.stand li img{
		width: 12vw !important;
	}
	
	.stand li{
		width: 12vw !important;
	}
	
	.box figure{
		margin: 16vw auto 2vw !important;
		position: relative !important;
		width: 52vw !important;
		right: 0 !important;
	}
	
	.box{
		height: 119vw !important;
	}
}

@media screen and (max-width: 480px) {
  .num {
    width: 10vw;
    height: 10vw;
  }
  .figure .summary {
    font-size: 3.2vw;
    top: -8.3vw !important;
    left: -1vw !important;
	 
  }
  .detail {
    font-size: 3vw;
	  display: block;
	  min-height: 25vw;
  }
	
	.platform{
		width: 12vw;
		position: absolute;
		top: 0;
		right: 13vw;
	}
	.profilebox h5{
		font-size: 4.7vw !important;
		margin-top: 22vw;
	}
	
	.commentright{
		padding: 3vw 5vw 3vw 5vw !important;
	}
	
	.commentbox:before{
		width: 74vw !important;
	}
	.commentbox:after{
		bottom: -14vw !important;
		width: 83vw !important;
	
	}
	
	.detailtext{
		margin-left: 0 !important;
		font-size: 1.8rem;
	}
	
	.stand{
		margin-top: 18vw;
	}
}
/* tokuten wrap */
.lead_txt .itemname {
  font-size: 3.5rem;
  font-weight: 700;
}
.tokuten_wrap {
  position: relative;
}

.tokuten_wrap .summary {
  width: 40%;
  padding: 2.5% 5%;
  background: rgba(0, 0, 0, 0.8)
}
.tokuten_wrap .summary h3 {
  font-size: 3.1vw;
  letter-spacing: 0;
}

.tokuten_wrap .summary p {
  margin-top: 30px;
  line-height: 1.5;
}
.tokuten_wrap figure img {
  margin: 0 auto;
}
.figure figure img {
  width: 30vw;
	position: absolute;
	left: -2vw;
	top: 5vw;
}
.figure .summary {
  position: absolute;
  right: 4vw;
  top: -3%;
	width: 40vw;
	border: 1px solid gold;
	font-size: 1.8rem;
}

.stand figure img{
	width: 33vw;
	position: relative;
	left: -23vw; 
	top: 5vw;
}

.stand .summary {
	position: absolute;
  right: 2vw;
  top: 6%;
	width: 40vw;
	border: 1px solid gold;
	font-size: 1.8rem;
}
.artbook .summary {
  position: absolute;
  left: 1vw;
  top: 2vw;
	width: 44vw;
	border: 1px solid gold;
	font-size: 1.8rem;
}

.box .summary{
	position: absolute;
  left: 1vw;
  top: 2vw;
	width: 44vw;
	border: 1px solid gold;
font-size: 1.8rem;
}

.box ul{
	position: absolute;
	top: 8vw;
	right: 2vw;
}

.postcard .summary {
  position: absolute;
  right: -18vw;
  top: -3%;
	width: 46vw;
	border: 1px solid gold;
	font-size: 1.6rem;
}

/* .figure ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
} */

.stand ul, .box ul, .artbook ul, .figure ul{
  padding-top: 30px;
	display: flex;
	flex-wrap: wrap;
}
.stand li, .box li, .artbook li, .figure li{
  width: 7.1vw;
  display: inline-block;
  padding-right: 0 !important;
  padding-bottom: 9px;
	margin: 0 1vw 0 0 !important;
}
.stand li:last-child {
  padding-right: 0px;
}
.stand li img, .box li img, .artbook li img , .figure li img {
  border: 1px solid rgba(255, 255, 255, 0.2);
	width: 8vw;
}
.stand li a {
  position: relative;
  text-decoration: none;
}

.stand {
	
}

.artbook {
  padding-top: 5vw;
	position: relative;
	margin-top: 2vw;
	padding-bottom: 26vw;
}

.postcard{
	padding-top: 50%;
	position: relative;
}
.artbook figure {
  position: absolute;
  right: 8vw;
  top: 3vw;
  width: 18vw;

}

.postcard figure {
  position: absolute;
  left: 0vw;
  top: 8vw;
  width: 17vw;
  z-index: 1;
}

.tokutencolumn {

  margin-top: 26vw;

  text-align: center;
	
	margin-bottom: 6vw;

}

.tokutencolumn li {

  display: inline-block;

  width: 35%;

  margin: 0 7%;

  vertical-align: top;

}

.figure li {

  display: flex;
  margin: 1vw 0 0 0;

  vertical-align: top;

}

/* 
.figure li img{
	width: 8.1vw;
} */

.tokutencolumn .tokuten_wrap figure {


  margin: 0 auto;
	
	

}

.tokutencolumn .tokuten_wrap .summary {

  width: 90%;

  margin: 0 auto;

  text-align: left;

}

.tokutencolumn .tokuten_wrap .summary h3 {

  font-size: 2.6vw;

}

.figure{
	height: 37vw;
	display: block;
	position: relative;
	padding-bottom: 32vw;
}

.figure figure{
	width: 37vw;
	position: relative;
}

.poster figure{
	width: 30vw;
	position: relative;
	top: 5vw;
}

.box{
	height: 23vw;
}

.box figure{
	width: 20vw;
	position: absolute;
	right: 5vw;
	top: -2vw;
}

.box figure img{
	width: 85%;
	margin-bottom: 1.2vw;
}

.commentbox{
	position: relative;
	display: flex;
	align-items: flex-end;
	margin: 5vw 0 6vw;
	font-size: 1.8rem;
}

.commentbox:before{
	content: '';
	background: url("../img/slider_bg_lt.png") top left no-repeat;
	background-size: contain;
	position: absolute;
	top: -4vw;
	left: 0;
	z-index: 98;
	width: 20vw;
	height: 20vw;
}

.commentbox:after{
	content: '';
	background: url("../img/slider_bg_rb.png") bottom right no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -4vw;
	right: 0;
	z-index: 99;
	width: 23vw;
	height: 20vw;
}

.profilebox{
	padding: 3vw 2vw 3vw 5vw;
}

.profilebox h5{
	font-size: 1.3vw;
	color: red;
	border-top:  1px solid red;
	border-bottom: 1px solid red;
	padding-top: .5vw;
	padding-bottom: .5vw;
	margin-bottom: 2vw;
}

.commentright{
	padding: 3vw 5vw 3vw 0;
}

.commentright h4{
	font-size: 2vw;
	opacity: .7;
	top: 0 !important;
	left: 0 !important;
}

@media screen and (max-width: 480px) {
	.topz{
		position: relative;
		display: block;
		z-index: 3 !important;
	}
	
	.topz2{
		position: relative;
		z-index: 2 !important;
	}
	
	.PC {
		display: none !important;
	}
	
	.SP {
		display: block  !important;
	}
	
	.c-btn-top img{
	width:  100% !important;
	margin: 0 auto 5vw;
		padding-bottom: 15vw;
}
	
	.toptext{
		position: relative !important;
		text-align: center !important;
		right: 0 !important;
	}
	
	.smalltext03{
		font-size: 1.5rem !important;
	}
	
	.p-collectors_img img{
		width: 100%;
	}
	.figure .summary{
		position: relative;
		width: 100%;
		right: 0;
	}
	
	.artbook .summary{
		position: relative;
		width: 100%;
		left: 0;
	}
	
	.stand .summary {
		position: relative;
		width: 100%;
		right: 0;
	}
	
	.box .summary {
		position: relative;
		width: 100%;
		left: 0;
	}
	
	.tokuten_wrap .summary h3{
		font-size: 6.2vw;
	}
	
	.figure figure{
		height: 53vw;
	}
	
	.figure figure img{
		width: 85vw;
		top: -13vw !important;
	}
	
	.artbook figure{
		position: relative;
		right: -25%;
	}
	
	.artbook figure img{
		width: 49vw;
	}
	
	.commentbox{
		flex-direction: column;
	}
	
	.stand figure img{
		width: 75vw;
		position: relative;
		left: -3vw;
		top: 14vw;
	}
	
	.stand li img, .box li img, .postcard li img, .artbook li img, .figure li img{
		width: 25vw !important;
	}
	
	.stand li, .box li, .postcard li, .artbook li, .figure li{
		width: 25vw !important;
	}
	
	.artbook{
		margin-top: 165vw !important;
		padding-bottom: 15vw !important;
	}
	
	.box figure{
		margin: 16vw auto 2vw;
		position: relative;
		width: 52vw;
		right: 0;
	}
	
	.commentright h4{
		font-size: 3rem !important;
	}
	
	.box{
		height: 177vw !important;
	}
	
	.box ul{
		position: relative !important;
		top: 0 !important;
		right: 0!important;
	}
	
	dl.p-spec{
		font-size: 4.2vw;
	}
	
	.c-nav-toggle{
		
	}
	
	.youtube{
	display: block !important;
		margin: 0 0 20vw;
	
}

.youtube3cols{
	width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25% !important;
  height: 0;
	margin: 0 0 10vw;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
}

#cboxContent{
	width: 100% !important;
}

.center{
	text-align: center;
}

small {
	font-size: 1.2rem;
}

.smallfont{
	font-size: 1.2rem;
	line-height: 1.2;
	display: block;
}

.p-color-gold{
	background: #3592da;
	color: white;
}

.youtube{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	
}

.youtube3cols{
	width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 24.25%;
  height: 0;
	flex: 1;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 23vw;
  height: 13vw;
}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
and (max-device-width : 1700px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
	  .figure{
		  height: 60vw;
	  }
	  
	  .artbook {
		  padding-bottom: 44vw;
	  }
	  
	  .stand{
		  height: 50vw;
	  }
	  
	  .box{
		  height: 34vw;
	  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1000px) 
and (-webkit-min-device-pixel-ratio: 1.0){
		.figure{
		  height: 75vw;
	  }
	
	.size {
		width: 8vw;
	}
	  
	  .artbook {
		  padding-bottom: 44vw;
	  }
	  
	  .stand{
		  height: 66vw;
	  }
	  
	  .box{
		  height: 34vw;
	  }
}

.smalltitle{
	font-size: 44%;
}

.c-btn-ps5{
	position: relative;
	border: none;
	background: none;
	padding: 0;
}


.c-btn-goods{
	position: relative;
	border-top: 1px solid #298ebe;
	border-bottom: 1px solid #298ebe;
	border-right: 0;
	border-left: 0;
	padding: 2vw 0;
	font-size: 1.1vw;
}

.c-btn-goods:hover{
	border-top: 1px solid #298ebe;
	border-bottom: 1px solid #298ebe;
	background: none;
	border-right: 0;
	border-left: 0;
	color: #298ebe;
}

.c-btn-ps5 img{
	width: 100%;
	padding:0;
}

.c-btn-ps5:hover{
	background: none;
	border: none;
	opacity: .6;
}

/* .c-btn-ps5:hover span{
  display: none;
	border: 1px solid gray;
}

.c-btn-ps5:hover:before {
  content:"SOLD OUT";
}
	
.c-btn-ps5:hover{
	background: gray !important;
} */

.mb50{
	margin-bottom: 2vw;
}

.mt50{
	margin-top: 2vw;
}

.soldout{
	background: black;
	color: white;
	position: relative;
	bottom: 0;
	z-index: 4;
	opacity: .7;
}

.PC {
	display: block;
}

.SP{
	display: none;
}

.toptextsmall{
	font-size: 1.7vw;
	font-weight: bold;
}
.toptextsmall02{
	font-size: 2.5vw;
}

.toptext{
	position: absolute;
	bottom: -5vw;
	right: 4vw;
	
}

.c-btn-top{
	color: white;
	text-shadow: 0 0 10px red, 0 0 20px red,
    0 0 40px red, 0 0 80px red;
	border-bottom: 1px solid white;
}
.c-btn-top:hover{
	opacity: .5;
	
}
.displaynone{
	display: none;
}

.smalltext03{
	font-size: 2.2rem;
}

.c-btn-top img{
	width: 42vw;
	margin: 0 auto;
}

/* particle */
.particle{
	
	
	height: 52.0833333333vw;
  position: absolute;
  z-index: 1;
	top:0;
	
}

/* particle */
.particle-box {
  position: absolute;
  transform: translateY(-10vh);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.particle-box .circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  mix-blend-mode: screen;
  background-image: radial-gradient(#9edaf0, #9edaf0 10%, rgba(153, 255, 255, 0) 56%);
  -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
          animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scale-frames {
  0% {
    transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    transform: scale3d(0.4, 0.4, 1);
  }
}
@keyframes scale-frames {
  0% {
    transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    transform: scale3d(0.4, 0.4, 1);
  }
}

@keyframes blur {
    0% {
        width: 130%;
        height: 130%;
        filter: blur(10px)
    }

    50% {
        width: 100%;
        height: 100%;
        filter: blur(0)
    }

    to {
        width: 100%;
        height: 100%;
        filter: blur(0)
    }
}
.particle-box:nth-child(1) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-1;
          animation-name: move-frames-1;
  -webkit-animation-duration: 32820ms;
          animation-duration: 32820ms;
  -webkit-animation-delay: 593ms;
          animation-delay: 593ms;
}
@-webkit-keyframes move-frames-1 {
  from {
    transform: translate3d(23vw, 104vh, 0);
  }
  to {
    transform: translate3d(79vw, -130vh, 0);
  }
}
@keyframes move-frames-1 {
  from {
    transform: translate3d(23vw, 104vh, 0);
  }
  to {
    transform: translate3d(79vw, -130vh, 0);
  }
}
.particle-box:nth-child(1) .circle {
  -webkit-animation-delay: 2499ms;
          animation-delay: 2499ms;
}
.particle-box:nth-child(2) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-2;
          animation-name: move-frames-2;
  -webkit-animation-duration: 35304ms;
          animation-duration: 35304ms;
  -webkit-animation-delay: 7454ms;
          animation-delay: 7454ms;
}
@-webkit-keyframes move-frames-2 {
  from {
    transform: translate3d(12vw, 101vh, 0);
  }
  to {
    transform: translate3d(90vw, -115vh, 0);
  }
}
@keyframes move-frames-2 {
  from {
    transform: translate3d(12vw, 101vh, 0);
  }
  to {
    transform: translate3d(90vw, -115vh, 0);
  }
}
.particle-box:nth-child(2) .circle {
  -webkit-animation-delay: 3315ms;
          animation-delay: 3315ms;
}
.particle-box:nth-child(3) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-3;
          animation-name: move-frames-3;
  -webkit-animation-duration: 28725ms;
          animation-duration: 28725ms;
  -webkit-animation-delay: 12569ms;
          animation-delay: 12569ms;
}
@-webkit-keyframes move-frames-3 {
  from {
    transform: translate3d(73vw, 103vh, 0);
  }
  to {
    transform: translate3d(61vw, -128vh, 0);
  }
}
@keyframes move-frames-3 {
  from {
    transform: translate3d(73vw, 103vh, 0);
  }
  to {
    transform: translate3d(61vw, -128vh, 0);
  }
}
.particle-box:nth-child(3) .circle {
  -webkit-animation-delay: 2347ms;
          animation-delay: 2347ms;
}
.particle-box:nth-child(4) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-4;
          animation-name: move-frames-4;
  -webkit-animation-duration: 28855ms;
          animation-duration: 28855ms;
  -webkit-animation-delay: 27754ms;
          animation-delay: 27754ms;
}
@-webkit-keyframes move-frames-4 {
  from {
    transform: translate3d(40vw, 105vh, 0);
  }
  to {
    transform: translate3d(80vw, -127vh, 0);
  }
}
@keyframes move-frames-4 {
  from {
    transform: translate3d(40vw, 105vh, 0);
  }
  to {
    transform: translate3d(80vw, -127vh, 0);
  }
}
.particle-box:nth-child(4) .circle {
  -webkit-animation-delay: 3710ms;
          animation-delay: 3710ms;
}
.particle-box:nth-child(5) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-5;
          animation-name: move-frames-5;
  -webkit-animation-duration: 33287ms;
          animation-duration: 33287ms;
  -webkit-animation-delay: 5462ms;
          animation-delay: 5462ms;
}
@-webkit-keyframes move-frames-5 {
  from {
    transform: translate3d(36vw, 102vh, 0);
  }
  to {
    transform: translate3d(47vw, -127vh, 0);
  }
}
@keyframes move-frames-5 {
  from {
    transform: translate3d(36vw, 102vh, 0);
  }
  to {
    transform: translate3d(47vw, -127vh, 0);
  }
}
.particle-box:nth-child(5) .circle {
  -webkit-animation-delay: 2165ms;
          animation-delay: 2165ms;
}
.particle-box:nth-child(6) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-6;
          animation-name: move-frames-6;
  -webkit-animation-duration: 29205ms;
          animation-duration: 29205ms;
  -webkit-animation-delay: 6219ms;
          animation-delay: 6219ms;
}
@-webkit-keyframes move-frames-6 {
  from {
    transform: translate3d(67vw, 110vh, 0);
  }
  to {
    transform: translate3d(39vw, -118vh, 0);
  }
}
@keyframes move-frames-6 {
  from {
    transform: translate3d(67vw, 110vh, 0);
  }
  to {
    transform: translate3d(39vw, -118vh, 0);
  }
}
.particle-box:nth-child(6) .circle {
  -webkit-animation-delay: 2691ms;
          animation-delay: 2691ms;
}
.particle-box:nth-child(7) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-7;
          animation-name: move-frames-7;
  -webkit-animation-duration: 30676ms;
          animation-duration: 30676ms;
  -webkit-animation-delay: 6401ms;
          animation-delay: 6401ms;
}
@-webkit-keyframes move-frames-7 {
  from {
    transform: translate3d(66vw, 102vh, 0);
  }
  to {
    transform: translate3d(94vw, -108vh, 0);
  }
}
@keyframes move-frames-7 {
  from {
    transform: translate3d(66vw, 102vh, 0);
  }
  to {
    transform: translate3d(94vw, -108vh, 0);
  }
}
.particle-box:nth-child(7) .circle {
  -webkit-animation-delay: 3310ms;
          animation-delay: 3310ms;
}
.particle-box:nth-child(8) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-8;
          animation-name: move-frames-8;
  -webkit-animation-duration: 36489ms;
          animation-duration: 36489ms;
  -webkit-animation-delay: 24528ms;
          animation-delay: 24528ms;
}
@-webkit-keyframes move-frames-8 {
  from {
    transform: translate3d(84vw, 109vh, 0);
  }
  to {
    transform: translate3d(61vw, -138vh, 0);
  }
}
@keyframes move-frames-8 {
  from {
    transform: translate3d(84vw, 109vh, 0);
  }
  to {
    transform: translate3d(61vw, -138vh, 0);
  }
}
.particle-box:nth-child(8) .circle {
  -webkit-animation-delay: 3582ms;
          animation-delay: 3582ms;
}
.particle-box:nth-child(9) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-9;
          animation-name: move-frames-9;
  -webkit-animation-duration: 31522ms;
          animation-duration: 31522ms;
  -webkit-animation-delay: 17464ms;
          animation-delay: 17464ms;
}
@-webkit-keyframes move-frames-9 {
  from {
    transform: translate3d(22vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -124vh, 0);
  }
}
@keyframes move-frames-9 {
  from {
    transform: translate3d(22vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -124vh, 0);
  }
}
.particle-box:nth-child(9) .circle {
  -webkit-animation-delay: 1289ms;
          animation-delay: 1289ms;
}
.particle-box:nth-child(10) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-10;
          animation-name: move-frames-10;
  -webkit-animation-duration: 28686ms;
          animation-duration: 28686ms;
  -webkit-animation-delay: 31760ms;
          animation-delay: 31760ms;
}
@-webkit-keyframes move-frames-10 {
  from {
    transform: translate3d(64vw, 101vh, 0);
  }
  to {
    transform: translate3d(11vw, -118vh, 0);
  }
}
@keyframes move-frames-10 {
  from {
    transform: translate3d(64vw, 101vh, 0);
  }
  to {
    transform: translate3d(11vw, -118vh, 0);
  }
}
.particle-box:nth-child(10) .circle {
  -webkit-animation-delay: 26ms;
          animation-delay: 26ms;
}
.particle-box:nth-child(11) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-11;
          animation-name: move-frames-11;
  -webkit-animation-duration: 35291ms;
          animation-duration: 35291ms;
  -webkit-animation-delay: 32468ms;
          animation-delay: 32468ms;
}
@-webkit-keyframes move-frames-11 {
  from {
    transform: translate3d(4vw, 104vh, 0);
  }
  to {
    transform: translate3d(31vw, -109vh, 0);
  }
}
@keyframes move-frames-11 {
  from {
    transform: translate3d(4vw, 104vh, 0);
  }
  to {
    transform: translate3d(31vw, -109vh, 0);
  }
}
.particle-box:nth-child(11) .circle {
  -webkit-animation-delay: 2711ms;
          animation-delay: 2711ms;
}
.particle-box:nth-child(12) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-12;
          animation-name: move-frames-12;
  -webkit-animation-duration: 33860ms;
          animation-duration: 33860ms;
  -webkit-animation-delay: 33899ms;
          animation-delay: 33899ms;
}
@-webkit-keyframes move-frames-12 {
  from {
    transform: translate3d(9vw, 106vh, 0);
  }
  to {
    transform: translate3d(21vw, -134vh, 0);
  }
}
@keyframes move-frames-12 {
  from {
    transform: translate3d(9vw, 106vh, 0);
  }
  to {
    transform: translate3d(21vw, -134vh, 0);
  }
}
.particle-box:nth-child(12) .circle {
  -webkit-animation-delay: 3823ms;
          animation-delay: 3823ms;
}
.particle-box:nth-child(13) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-13;
          animation-name: move-frames-13;
  -webkit-animation-duration: 28516ms;
          animation-duration: 28516ms;
  -webkit-animation-delay: 19297ms;
          animation-delay: 19297ms;
}
@-webkit-keyframes move-frames-13 {
  from {
    transform: translate3d(1vw, 104vh, 0);
  }
  to {
    transform: translate3d(28vw, -115vh, 0);
  }
}
@keyframes move-frames-13 {
  from {
    transform: translate3d(1vw, 104vh, 0);
  }
  to {
    transform: translate3d(28vw, -115vh, 0);
  }
}
.particle-box:nth-child(13) .circle {
  -webkit-animation-delay: 2408ms;
          animation-delay: 2408ms;
}
.particle-box:nth-child(14) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-14;
          animation-name: move-frames-14;
  -webkit-animation-duration: 34230ms;
          animation-duration: 34230ms;
  -webkit-animation-delay: 5755ms;
          animation-delay: 5755ms;
}
@-webkit-keyframes move-frames-14 {
  from {
    transform: translate3d(9vw, 107vh, 0);
  }
  to {
    transform: translate3d(66vw, -123vh, 0);
  }
}
@keyframes move-frames-14 {
  from {
    transform: translate3d(9vw, 107vh, 0);
  }
  to {
    transform: translate3d(66vw, -123vh, 0);
  }
}
.particle-box:nth-child(14) .circle {
  -webkit-animation-delay: 1426ms;
          animation-delay: 1426ms;
}
.particle-box:nth-child(15) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-15;
          animation-name: move-frames-15;
  -webkit-animation-duration: 28280ms;
          animation-duration: 28280ms;
  -webkit-animation-delay: 2156ms;
          animation-delay: 2156ms;
}
@-webkit-keyframes move-frames-15 {
  from {
    transform: translate3d(85vw, 110vh, 0);
  }
  to {
    transform: translate3d(58vw, -125vh, 0);
  }
}
@keyframes move-frames-15 {
  from {
    transform: translate3d(85vw, 110vh, 0);
  }
  to {
    transform: translate3d(58vw, -125vh, 0);
  }
}
.particle-box:nth-child(15) .circle {
  -webkit-animation-delay: 1067ms;
          animation-delay: 1067ms;
}
.particle-box:nth-child(16) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-16;
          animation-name: move-frames-16;
  -webkit-animation-duration: 36790ms;
          animation-duration: 36790ms;
  -webkit-animation-delay: 4511ms;
          animation-delay: 4511ms;
}
@-webkit-keyframes move-frames-16 {
  from {
    transform: translate3d(13vw, 103vh, 0);
  }
  to {
    transform: translate3d(82vw, -117vh, 0);
  }
}
@keyframes move-frames-16 {
  from {
    transform: translate3d(13vw, 103vh, 0);
  }
  to {
    transform: translate3d(82vw, -117vh, 0);
  }
}
.particle-box:nth-child(16) .circle {
  -webkit-animation-delay: 144ms;
          animation-delay: 144ms;
}
.particle-box:nth-child(17) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-17;
          animation-name: move-frames-17;
  -webkit-animation-duration: 34206ms;
          animation-duration: 34206ms;
  -webkit-animation-delay: 30412ms;
          animation-delay: 30412ms;
}
@-webkit-keyframes move-frames-17 {
  from {
    transform: translate3d(39vw, 104vh, 0);
  }
  to {
    transform: translate3d(67vw, -110vh, 0);
  }
}
@keyframes move-frames-17 {
  from {
    transform: translate3d(39vw, 104vh, 0);
  }
  to {
    transform: translate3d(67vw, -110vh, 0);
  }
}
.particle-box:nth-child(17) .circle {
  -webkit-animation-delay: 3582ms;
          animation-delay: 3582ms;
}
.particle-box:nth-child(18) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-18;
          animation-name: move-frames-18;
  -webkit-animation-duration: 29995ms;
          animation-duration: 29995ms;
  -webkit-animation-delay: 5877ms;
          animation-delay: 5877ms;
}
@-webkit-keyframes move-frames-18 {
  from {
    transform: translate3d(57vw, 105vh, 0);
  }
  to {
    transform: translate3d(39vw, -124vh, 0);
  }
}
@keyframes move-frames-18 {
  from {
    transform: translate3d(57vw, 105vh, 0);
  }
  to {
    transform: translate3d(39vw, -124vh, 0);
  }
}
.particle-box:nth-child(18) .circle {
  -webkit-animation-delay: 786ms;
          animation-delay: 786ms;
}
.particle-box:nth-child(19) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-19;
          animation-name: move-frames-19;
  -webkit-animation-duration: 31281ms;
          animation-duration: 31281ms;
  -webkit-animation-delay: 7324ms;
          animation-delay: 7324ms;
}
@-webkit-keyframes move-frames-19 {
  from {
    transform: translate3d(17vw, 102vh, 0);
  }
  to {
    transform: translate3d(51vw, -112vh, 0);
  }
}
@keyframes move-frames-19 {
  from {
    transform: translate3d(17vw, 102vh, 0);
  }
  to {
    transform: translate3d(51vw, -112vh, 0);
  }
}
.particle-box:nth-child(19) .circle {
  -webkit-animation-delay: 720ms;
          animation-delay: 720ms;
}
.particle-box:nth-child(20) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-20;
          animation-name: move-frames-20;
  -webkit-animation-duration: 32217ms;
          animation-duration: 32217ms;
  -webkit-animation-delay: 30720ms;
          animation-delay: 30720ms;
}
@-webkit-keyframes move-frames-20 {
  from {
    transform: translate3d(91vw, 104vh, 0);
  }
  to {
    transform: translate3d(36vw, -130vh, 0);
  }
}
@keyframes move-frames-20 {
  from {
    transform: translate3d(91vw, 104vh, 0);
  }
  to {
    transform: translate3d(36vw, -130vh, 0);
  }
}
.particle-box:nth-child(20) .circle {
  -webkit-animation-delay: 2454ms;
          animation-delay: 2454ms;
}
.particle-box:nth-child(21) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-21;
          animation-name: move-frames-21;
  -webkit-animation-duration: 36582ms;
          animation-duration: 36582ms;
  -webkit-animation-delay: 33557ms;
          animation-delay: 33557ms;
}
@-webkit-keyframes move-frames-21 {
  from {
    transform: translate3d(96vw, 110vh, 0);
  }
  to {
    transform: translate3d(19vw, -125vh, 0);
  }
}
@keyframes move-frames-21 {
  from {
    transform: translate3d(96vw, 110vh, 0);
  }
  to {
    transform: translate3d(19vw, -125vh, 0);
  }
}
.particle-box:nth-child(21) .circle {
  -webkit-animation-delay: 1986ms;
          animation-delay: 1986ms;
}
.particle-box:nth-child(22) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-22;
          animation-name: move-frames-22;
  -webkit-animation-duration: 30251ms;
          animation-duration: 30251ms;
  -webkit-animation-delay: 18088ms;
          animation-delay: 18088ms;
}
@-webkit-keyframes move-frames-22 {
  from {
    transform: translate3d(71vw, 105vh, 0);
  }
  to {
    transform: translate3d(82vw, -114vh, 0);
  }
}
@keyframes move-frames-22 {
  from {
    transform: translate3d(71vw, 105vh, 0);
  }
  to {
    transform: translate3d(82vw, -114vh, 0);
  }
}
.particle-box:nth-child(22) .circle {
  -webkit-animation-delay: 3128ms;
          animation-delay: 3128ms;
}
.particle-box:nth-child(23) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-23;
          animation-name: move-frames-23;
  -webkit-animation-duration: 33240ms;
          animation-duration: 33240ms;
  -webkit-animation-delay: 26298ms;
          animation-delay: 26298ms;
}
@-webkit-keyframes move-frames-23 {
  from {
    transform: translate3d(51vw, 109vh, 0);
  }
  to {
    transform: translate3d(74vw, -130vh, 0);
  }
}
@keyframes move-frames-23 {
  from {
    transform: translate3d(51vw, 109vh, 0);
  }
  to {
    transform: translate3d(74vw, -130vh, 0);
  }
}
.particle-box:nth-child(23) .circle {
  -webkit-animation-delay: 2510ms;
          animation-delay: 2510ms;
}
.particle-box:nth-child(24) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-24;
          animation-name: move-frames-24;
  -webkit-animation-duration: 35682ms;
          animation-duration: 35682ms;
  -webkit-animation-delay: 8576ms;
          animation-delay: 8576ms;
}
@-webkit-keyframes move-frames-24 {
  from {
    transform: translate3d(60vw, 110vh, 0);
  }
  to {
    transform: translate3d(48vw, -132vh, 0);
  }
}
@keyframes move-frames-24 {
  from {
    transform: translate3d(60vw, 110vh, 0);
  }
  to {
    transform: translate3d(48vw, -132vh, 0);
  }
}
.particle-box:nth-child(24) .circle {
  -webkit-animation-delay: 728ms;
          animation-delay: 728ms;
}
.particle-box:nth-child(25) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-25;
          animation-name: move-frames-25;
  -webkit-animation-duration: 29686ms;
          animation-duration: 29686ms;
  -webkit-animation-delay: 28002ms;
          animation-delay: 28002ms;
}
@-webkit-keyframes move-frames-25 {
  from {
    transform: translate3d(83vw, 104vh, 0);
  }
  to {
    transform: translate3d(5vw, -129vh, 0);
  }
}
@keyframes move-frames-25 {
  from {
    transform: translate3d(83vw, 104vh, 0);
  }
  to {
    transform: translate3d(5vw, -129vh, 0);
  }
}
.particle-box:nth-child(25) .circle {
  -webkit-animation-delay: 2159ms;
          animation-delay: 2159ms;
}
.particle-box:nth-child(26) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-26;
          animation-name: move-frames-26;
  -webkit-animation-duration: 29656ms;
          animation-duration: 29656ms;
  -webkit-animation-delay: 6950ms;
          animation-delay: 6950ms;
}
@-webkit-keyframes move-frames-26 {
  from {
    transform: translate3d(97vw, 108vh, 0);
  }
  to {
    transform: translate3d(36vw, -134vh, 0);
  }
}
@keyframes move-frames-26 {
  from {
    transform: translate3d(97vw, 108vh, 0);
  }
  to {
    transform: translate3d(36vw, -134vh, 0);
  }
}
.particle-box:nth-child(26) .circle {
  -webkit-animation-delay: 2361ms;
          animation-delay: 2361ms;
}
.particle-box:nth-child(27) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-27;
          animation-name: move-frames-27;
  -webkit-animation-duration: 31318ms;
          animation-duration: 31318ms;
  -webkit-animation-delay: 14454ms;
          animation-delay: 14454ms;
}
@-webkit-keyframes move-frames-27 {
  from {
    transform: translate3d(74vw, 110vh, 0);
  }
  to {
    transform: translate3d(69vw, -131vh, 0);
  }
}
@keyframes move-frames-27 {
  from {
    transform: translate3d(74vw, 110vh, 0);
  }
  to {
    transform: translate3d(69vw, -131vh, 0);
  }
}
.particle-box:nth-child(27) .circle {
  -webkit-animation-delay: 3076ms;
          animation-delay: 3076ms;
}
.particle-box:nth-child(28) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-28;
          animation-name: move-frames-28;
  -webkit-animation-duration: 30246ms;
          animation-duration: 30246ms;
  -webkit-animation-delay: 11396ms;
          animation-delay: 11396ms;
}
@-webkit-keyframes move-frames-28 {
  from {
    transform: translate3d(17vw, 110vh, 0);
  }
  to {
    transform: translate3d(78vw, -124vh, 0);
  }
}
@keyframes move-frames-28 {
  from {
    transform: translate3d(17vw, 110vh, 0);
  }
  to {
    transform: translate3d(78vw, -124vh, 0);
  }
}
.particle-box:nth-child(28) .circle {
  -webkit-animation-delay: 2191ms;
          animation-delay: 2191ms;
}
.particle-box:nth-child(29) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-29;
          animation-name: move-frames-29;
  -webkit-animation-duration: 29130ms;
          animation-duration: 29130ms;
  -webkit-animation-delay: 24282ms;
          animation-delay: 24282ms;
}
@-webkit-keyframes move-frames-29 {
  from {
    transform: translate3d(6vw, 106vh, 0);
  }
  to {
    transform: translate3d(13vw, -125vh, 0);
  }
}
@keyframes move-frames-29 {
  from {
    transform: translate3d(6vw, 106vh, 0);
  }
  to {
    transform: translate3d(13vw, -125vh, 0);
  }
}
.particle-box:nth-child(29) .circle {
  -webkit-animation-delay: 2863ms;
          animation-delay: 2863ms;
}
.particle-box:nth-child(30) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-30;
          animation-name: move-frames-30;
  -webkit-animation-duration: 28767ms;
          animation-duration: 28767ms;
  -webkit-animation-delay: 12884ms;
          animation-delay: 12884ms;
}
@-webkit-keyframes move-frames-30 {
  from {
    transform: translate3d(49vw, 103vh, 0);
  }
  to {
    transform: translate3d(14vw, -111vh, 0);
  }
}
@keyframes move-frames-30 {
  from {
    transform: translate3d(49vw, 103vh, 0);
  }
  to {
    transform: translate3d(14vw, -111vh, 0);
  }
}
.particle-box:nth-child(30) .circle {
  -webkit-animation-delay: 3106ms;
          animation-delay: 3106ms;
}
.particle-box:nth-child(31) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-31;
          animation-name: move-frames-31;
  -webkit-animation-duration: 33666ms;
          animation-duration: 33666ms;
  -webkit-animation-delay: 18683ms;
          animation-delay: 18683ms;
}
@-webkit-keyframes move-frames-31 {
  from {
    transform: translate3d(58vw, 102vh, 0);
  }
  to {
    transform: translate3d(64vw, -129vh, 0);
  }
}
@keyframes move-frames-31 {
  from {
    transform: translate3d(58vw, 102vh, 0);
  }
  to {
    transform: translate3d(64vw, -129vh, 0);
  }
}
.particle-box:nth-child(31) .circle {
  -webkit-animation-delay: 1847ms;
          animation-delay: 1847ms;
}
.particle-box:nth-child(32) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-32;
          animation-name: move-frames-32;
  -webkit-animation-duration: 28464ms;
          animation-duration: 28464ms;
  -webkit-animation-delay: 7481ms;
          animation-delay: 7481ms;
}
@-webkit-keyframes move-frames-32 {
  from {
    transform: translate3d(44vw, 110vh, 0);
  }
  to {
    transform: translate3d(73vw, -139vh, 0);
  }
}
@keyframes move-frames-32 {
  from {
    transform: translate3d(44vw, 110vh, 0);
  }
  to {
    transform: translate3d(73vw, -139vh, 0);
  }
}
.particle-box:nth-child(32) .circle {
  -webkit-animation-delay: 1024ms;
          animation-delay: 1024ms;
}
.particle-box:nth-child(33) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-33;
          animation-name: move-frames-33;
  -webkit-animation-duration: 28592ms;
          animation-duration: 28592ms;
  -webkit-animation-delay: 26907ms;
          animation-delay: 26907ms;
}
@-webkit-keyframes move-frames-33 {
  from {
    transform: translate3d(4vw, 110vh, 0);
  }
  to {
    transform: translate3d(5vw, -127vh, 0);
  }
}
@keyframes move-frames-33 {
  from {
    transform: translate3d(4vw, 110vh, 0);
  }
  to {
    transform: translate3d(5vw, -127vh, 0);
  }
}
.particle-box:nth-child(33) .circle {
  -webkit-animation-delay: 530ms;
          animation-delay: 530ms;
}
.particle-box:nth-child(34) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-34;
          animation-name: move-frames-34;
  -webkit-animation-duration: 32799ms;
          animation-duration: 32799ms;
  -webkit-animation-delay: 32306ms;
          animation-delay: 32306ms;
}
@-webkit-keyframes move-frames-34 {
  from {
    transform: translate3d(61vw, 101vh, 0);
  }
  to {
    transform: translate3d(39vw, -117vh, 0);
  }
}
@keyframes move-frames-34 {
  from {
    transform: translate3d(61vw, 101vh, 0);
  }
  to {
    transform: translate3d(39vw, -117vh, 0);
  }
}
.particle-box:nth-child(34) .circle {
  -webkit-animation-delay: 2558ms;
          animation-delay: 2558ms;
}
.particle-box:nth-child(35) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-35;
          animation-name: move-frames-35;
  -webkit-animation-duration: 33863ms;
          animation-duration: 33863ms;
  -webkit-animation-delay: 22419ms;
          animation-delay: 22419ms;
}
@-webkit-keyframes move-frames-35 {
  from {
    transform: translate3d(88vw, 105vh, 0);
  }
  to {
    transform: translate3d(33vw, -106vh, 0);
  }
}
@keyframes move-frames-35 {
  from {
    transform: translate3d(88vw, 105vh, 0);
  }
  to {
    transform: translate3d(33vw, -106vh, 0);
  }
}
.particle-box:nth-child(35) .circle {
  -webkit-animation-delay: 3211ms;
          animation-delay: 3211ms;
}
.particle-box:nth-child(36) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-36;
          animation-name: move-frames-36;
  -webkit-animation-duration: 36033ms;
          animation-duration: 36033ms;
  -webkit-animation-delay: 35618ms;
          animation-delay: 35618ms;
}
@-webkit-keyframes move-frames-36 {
  from {
    transform: translate3d(90vw, 102vh, 0);
  }
  to {
    transform: translate3d(37vw, -110vh, 0);
  }
}
@keyframes move-frames-36 {
  from {
    transform: translate3d(90vw, 102vh, 0);
  }
  to {
    transform: translate3d(37vw, -110vh, 0);
  }
}
.particle-box:nth-child(36) .circle {
  -webkit-animation-delay: 2685ms;
          animation-delay: 2685ms;
}
.particle-box:nth-child(37) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-37;
          animation-name: move-frames-37;
  -webkit-animation-duration: 28243ms;
          animation-duration: 28243ms;
  -webkit-animation-delay: 21179ms;
          animation-delay: 21179ms;
}
@-webkit-keyframes move-frames-37 {
  from {
    transform: translate3d(36vw, 106vh, 0);
  }
  to {
    transform: translate3d(71vw, -114vh, 0);
  }
}
@keyframes move-frames-37 {
  from {
    transform: translate3d(36vw, 106vh, 0);
  }
  to {
    transform: translate3d(71vw, -114vh, 0);
  }
}
.particle-box:nth-child(37) .circle {
  -webkit-animation-delay: 1486ms;
          animation-delay: 1486ms;
}
.particle-box:nth-child(38) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-38;
          animation-name: move-frames-38;
  -webkit-animation-duration: 30032ms;
          animation-duration: 30032ms;
  -webkit-animation-delay: 4823ms;
          animation-delay: 4823ms;
}
@-webkit-keyframes move-frames-38 {
  from {
    transform: translate3d(44vw, 105vh, 0);
  }
  to {
    transform: translate3d(94vw, -127vh, 0);
  }
}
@keyframes move-frames-38 {
  from {
    transform: translate3d(44vw, 105vh, 0);
  }
  to {
    transform: translate3d(94vw, -127vh, 0);
  }
}
.particle-box:nth-child(38) .circle {
  -webkit-animation-delay: 3591ms;
          animation-delay: 3591ms;
}
.particle-box:nth-child(39) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-39;
          animation-name: move-frames-39;
  -webkit-animation-duration: 28954ms;
          animation-duration: 28954ms;
  -webkit-animation-delay: 36638ms;
          animation-delay: 36638ms;
}
@-webkit-keyframes move-frames-39 {
  from {
    transform: translate3d(18vw, 107vh, 0);
  }
  to {
    transform: translate3d(7vw, -136vh, 0);
  }
}
@keyframes move-frames-39 {
  from {
    transform: translate3d(18vw, 107vh, 0);
  }
  to {
    transform: translate3d(7vw, -136vh, 0);
  }
}
.particle-box:nth-child(39) .circle {
  -webkit-animation-delay: 2033ms;
          animation-delay: 2033ms;
}
.particle-box:nth-child(40) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-40;
          animation-name: move-frames-40;
  -webkit-animation-duration: 32631ms;
          animation-duration: 32631ms;
  -webkit-animation-delay: 6891ms;
          animation-delay: 6891ms;
}
@-webkit-keyframes move-frames-40 {
  from {
    transform: translate3d(93vw, 104vh, 0);
  }
  to {
    transform: translate3d(13vw, -106vh, 0);
  }
}
@keyframes move-frames-40 {
  from {
    transform: translate3d(93vw, 104vh, 0);
  }
  to {
    transform: translate3d(13vw, -106vh, 0);
  }
}
.particle-box:nth-child(40) .circle {
  -webkit-animation-delay: 2769ms;
          animation-delay: 2769ms;
}
.particle-box:nth-child(41) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-41;
          animation-name: move-frames-41;
  -webkit-animation-duration: 31307ms;
          animation-duration: 31307ms;
  -webkit-animation-delay: 30571ms;
          animation-delay: 30571ms;
}
@-webkit-keyframes move-frames-41 {
  from {
    transform: translate3d(20vw, 103vh, 0);
  }
  to {
    transform: translate3d(74vw, -117vh, 0);
  }
}
@keyframes move-frames-41 {
  from {
    transform: translate3d(20vw, 103vh, 0);
  }
  to {
    transform: translate3d(74vw, -117vh, 0);
  }
}
.particle-box:nth-child(41) .circle {
  -webkit-animation-delay: 2730ms;
          animation-delay: 2730ms;
}
.particle-box:nth-child(42) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-42;
          animation-name: move-frames-42;
  -webkit-animation-duration: 28093ms;
          animation-duration: 28093ms;
  -webkit-animation-delay: 28837ms;
          animation-delay: 28837ms;
}
@-webkit-keyframes move-frames-42 {
  from {
    transform: translate3d(64vw, 102vh, 0);
  }
  to {
    transform: translate3d(7vw, -127vh, 0);
  }
}
@keyframes move-frames-42 {
  from {
    transform: translate3d(64vw, 102vh, 0);
  }
  to {
    transform: translate3d(7vw, -127vh, 0);
  }
}
.particle-box:nth-child(42) .circle {
  -webkit-animation-delay: 336ms;
          animation-delay: 336ms;
}
.particle-box:nth-child(43) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-43;
          animation-name: move-frames-43;
  -webkit-animation-duration: 28797ms;
          animation-duration: 28797ms;
  -webkit-animation-delay: 23549ms;
          animation-delay: 23549ms;
}
@-webkit-keyframes move-frames-43 {
  from {
    transform: translate3d(30vw, 108vh, 0);
  }
  to {
    transform: translate3d(94vw, -125vh, 0);
  }
}
@keyframes move-frames-43 {
  from {
    transform: translate3d(30vw, 108vh, 0);
  }
  to {
    transform: translate3d(94vw, -125vh, 0);
  }
}
.particle-box:nth-child(43) .circle {
  -webkit-animation-delay: 3720ms;
          animation-delay: 3720ms;
}
.particle-box:nth-child(44) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-44;
          animation-name: move-frames-44;
  -webkit-animation-duration: 35562ms;
          animation-duration: 35562ms;
  -webkit-animation-delay: 11345ms;
          animation-delay: 11345ms;
}
@-webkit-keyframes move-frames-44 {
  from {
    transform: translate3d(86vw, 106vh, 0);
  }
  to {
    transform: translate3d(39vw, -125vh, 0);
  }
}
@keyframes move-frames-44 {
  from {
    transform: translate3d(86vw, 106vh, 0);
  }
  to {
    transform: translate3d(39vw, -125vh, 0);
  }
}
.particle-box:nth-child(44) .circle {
  -webkit-animation-delay: 2403ms;
          animation-delay: 2403ms;
}
.particle-box:nth-child(45) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-45;
          animation-name: move-frames-45;
  -webkit-animation-duration: 35759ms;
          animation-duration: 35759ms;
  -webkit-animation-delay: 26198ms;
          animation-delay: 26198ms;
}
@-webkit-keyframes move-frames-45 {
  from {
    transform: translate3d(50vw, 106vh, 0);
  }
  to {
    transform: translate3d(69vw, -112vh, 0);
  }
}
@keyframes move-frames-45 {
  from {
    transform: translate3d(50vw, 106vh, 0);
  }
  to {
    transform: translate3d(69vw, -112vh, 0);
  }
}
.particle-box:nth-child(45) .circle {
  -webkit-animation-delay: 1754ms;
          animation-delay: 1754ms;
}
.particle-box:nth-child(46) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-46;
          animation-name: move-frames-46;
  -webkit-animation-duration: 36255ms;
          animation-duration: 36255ms;
  -webkit-animation-delay: 6763ms;
          animation-delay: 6763ms;
}
@-webkit-keyframes move-frames-46 {
  from {
    transform: translate3d(22vw, 109vh, 0);
  }
  to {
    transform: translate3d(13vw, -111vh, 0);
  }
}
@keyframes move-frames-46 {
  from {
    transform: translate3d(22vw, 109vh, 0);
  }
  to {
    transform: translate3d(13vw, -111vh, 0);
  }
}
.particle-box:nth-child(46) .circle {
  -webkit-animation-delay: 3546ms;
          animation-delay: 3546ms;
}
.particle-box:nth-child(47) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-47;
          animation-name: move-frames-47;
  -webkit-animation-duration: 33437ms;
          animation-duration: 33437ms;
  -webkit-animation-delay: 246ms;
          animation-delay: 246ms;
}
@-webkit-keyframes move-frames-47 {
  from {
    transform: translate3d(29vw, 104vh, 0);
  }
  to {
    transform: translate3d(98vw, -118vh, 0);
  }
}
@keyframes move-frames-47 {
  from {
    transform: translate3d(29vw, 104vh, 0);
  }
  to {
    transform: translate3d(98vw, -118vh, 0);
  }
}
.particle-box:nth-child(47) .circle {
  -webkit-animation-delay: 3383ms;
          animation-delay: 3383ms;
}
.particle-box:nth-child(48) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-48;
          animation-name: move-frames-48;
  -webkit-animation-duration: 30652ms;
          animation-duration: 30652ms;
  -webkit-animation-delay: 15209ms;
          animation-delay: 15209ms;
}
@-webkit-keyframes move-frames-48 {
  from {
    transform: translate3d(34vw, 110vh, 0);
  }
  to {
    transform: translate3d(16vw, -115vh, 0);
  }
}
@keyframes move-frames-48 {
  from {
    transform: translate3d(34vw, 110vh, 0);
  }
  to {
    transform: translate3d(16vw, -115vh, 0);
  }
}
.particle-box:nth-child(48) .circle {
  -webkit-animation-delay: 1953ms;
          animation-delay: 1953ms;
}
.particle-box:nth-child(49) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-49;
          animation-name: move-frames-49;
  -webkit-animation-duration: 31991ms;
          animation-duration: 31991ms;
  -webkit-animation-delay: 32376ms;
          animation-delay: 32376ms;
}
@-webkit-keyframes move-frames-49 {
  from {
    transform: translate3d(44vw, 107vh, 0);
  }
  to {
    transform: translate3d(66vw, -124vh, 0);
  }
}
@keyframes move-frames-49 {
  from {
    transform: translate3d(44vw, 107vh, 0);
  }
  to {
    transform: translate3d(66vw, -124vh, 0);
  }
}
.particle-box:nth-child(49) .circle {
  -webkit-animation-delay: 1041ms;
          animation-delay: 1041ms;
}
.particle-box:nth-child(50) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-50;
          animation-name: move-frames-50;
  -webkit-animation-duration: 32960ms;
          animation-duration: 32960ms;
  -webkit-animation-delay: 9514ms;
          animation-delay: 9514ms;
}
@-webkit-keyframes move-frames-50 {
  from {
    transform: translate3d(1vw, 107vh, 0);
  }
  to {
    transform: translate3d(78vw, -127vh, 0);
  }
}
@keyframes move-frames-50 {
  from {
    transform: translate3d(1vw, 107vh, 0);
  }
  to {
    transform: translate3d(78vw, -127vh, 0);
  }
}
.particle-box:nth-child(50) .circle {
  -webkit-animation-delay: 501ms;
          animation-delay: 501ms;
}
.particle-box:nth-child(51) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-51;
          animation-name: move-frames-51;
  -webkit-animation-duration: 30855ms;
          animation-duration: 30855ms;
  -webkit-animation-delay: 34146ms;
          animation-delay: 34146ms;
}
@-webkit-keyframes move-frames-51 {
  from {
    transform: translate3d(7vw, 105vh, 0);
  }
  to {
    transform: translate3d(84vw, -118vh, 0);
  }
}
@keyframes move-frames-51 {
  from {
    transform: translate3d(7vw, 105vh, 0);
  }
  to {
    transform: translate3d(84vw, -118vh, 0);
  }
}
.particle-box:nth-child(51) .circle {
  -webkit-animation-delay: 1922ms;
          animation-delay: 1922ms;
}
.particle-box:nth-child(52) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-52;
          animation-name: move-frames-52;
  -webkit-animation-duration: 31068ms;
          animation-duration: 31068ms;
  -webkit-animation-delay: 19422ms;
          animation-delay: 19422ms;
}
@-webkit-keyframes move-frames-52 {
  from {
    transform: translate3d(8vw, 106vh, 0);
  }
  to {
    transform: translate3d(32vw, -114vh, 0);
  }
}
@keyframes move-frames-52 {
  from {
    transform: translate3d(8vw, 106vh, 0);
  }
  to {
    transform: translate3d(32vw, -114vh, 0);
  }
}
.particle-box:nth-child(52) .circle {
  -webkit-animation-delay: 1464ms;
          animation-delay: 1464ms;
}
.particle-box:nth-child(53) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-53;
          animation-name: move-frames-53;
  -webkit-animation-duration: 29565ms;
          animation-duration: 29565ms;
  -webkit-animation-delay: 12404ms;
          animation-delay: 12404ms;
}
@-webkit-keyframes move-frames-53 {
  from {
    transform: translate3d(74vw, 102vh, 0);
  }
  to {
    transform: translate3d(25vw, -126vh, 0);
  }
}
@keyframes move-frames-53 {
  from {
    transform: translate3d(74vw, 102vh, 0);
  }
  to {
    transform: translate3d(25vw, -126vh, 0);
  }
}
.particle-box:nth-child(53) .circle {
  -webkit-animation-delay: 3304ms;
          animation-delay: 3304ms;
}
.particle-box:nth-child(54) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-54;
          animation-name: move-frames-54;
  -webkit-animation-duration: 36957ms;
          animation-duration: 36957ms;
  -webkit-animation-delay: 22681ms;
          animation-delay: 22681ms;
}
@-webkit-keyframes move-frames-54 {
  from {
    transform: translate3d(28vw, 108vh, 0);
  }
  to {
    transform: translate3d(61vw, -120vh, 0);
  }
}
@keyframes move-frames-54 {
  from {
    transform: translate3d(28vw, 108vh, 0);
  }
  to {
    transform: translate3d(61vw, -120vh, 0);
  }
}
.particle-box:nth-child(54) .circle {
  -webkit-animation-delay: 3797ms;
          animation-delay: 3797ms;
}
.particle-box:nth-child(55) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-55;
          animation-name: move-frames-55;
  -webkit-animation-duration: 30597ms;
          animation-duration: 30597ms;
  -webkit-animation-delay: 18033ms;
          animation-delay: 18033ms;
}
@-webkit-keyframes move-frames-55 {
  from {
    transform: translate3d(49vw, 107vh, 0);
  }
  to {
    transform: translate3d(21vw, -121vh, 0);
  }
}
@keyframes move-frames-55 {
  from {
    transform: translate3d(49vw, 107vh, 0);
  }
  to {
    transform: translate3d(21vw, -121vh, 0);
  }
}
.particle-box:nth-child(55) .circle {
  -webkit-animation-delay: 3652ms;
          animation-delay: 3652ms;
}
.particle-box:nth-child(56) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-56;
          animation-name: move-frames-56;
  -webkit-animation-duration: 32350ms;
          animation-duration: 32350ms;
  -webkit-animation-delay: 10086ms;
          animation-delay: 10086ms;
}
@-webkit-keyframes move-frames-56 {
  from {
    transform: translate3d(23vw, 101vh, 0);
  }
  to {
    transform: translate3d(92vw, -118vh, 0);
  }
}
@keyframes move-frames-56 {
  from {
    transform: translate3d(23vw, 101vh, 0);
  }
  to {
    transform: translate3d(92vw, -118vh, 0);
  }
}
.particle-box:nth-child(56) .circle {
  -webkit-animation-delay: 2077ms;
          animation-delay: 2077ms;
}
.particle-box:nth-child(57) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-57;
          animation-name: move-frames-57;
  -webkit-animation-duration: 32871ms;
          animation-duration: 32871ms;
  -webkit-animation-delay: 10526ms;
          animation-delay: 10526ms;
}
@-webkit-keyframes move-frames-57 {
  from {
    transform: translate3d(21vw, 107vh, 0);
  }
  to {
    transform: translate3d(34vw, -132vh, 0);
  }
}
@keyframes move-frames-57 {
  from {
    transform: translate3d(21vw, 107vh, 0);
  }
  to {
    transform: translate3d(34vw, -132vh, 0);
  }
}
.particle-box:nth-child(57) .circle {
  -webkit-animation-delay: 2323ms;
          animation-delay: 2323ms;
}
.particle-box:nth-child(58) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-58;
          animation-name: move-frames-58;
  -webkit-animation-duration: 28119ms;
          animation-duration: 28119ms;
  -webkit-animation-delay: 963ms;
          animation-delay: 963ms;
}
@-webkit-keyframes move-frames-58 {
  from {
    transform: translate3d(96vw, 103vh, 0);
  }
  to {
    transform: translate3d(93vw, -114vh, 0);
  }
}
@keyframes move-frames-58 {
  from {
    transform: translate3d(96vw, 103vh, 0);
  }
  to {
    transform: translate3d(93vw, -114vh, 0);
  }
}
.particle-box:nth-child(58) .circle {
  -webkit-animation-delay: 54ms;
          animation-delay: 54ms;
}
.particle-box:nth-child(59) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-59;
          animation-name: move-frames-59;
  -webkit-animation-duration: 28602ms;
          animation-duration: 28602ms;
  -webkit-animation-delay: 31505ms;
          animation-delay: 31505ms;
}
@-webkit-keyframes move-frames-59 {
  from {
    transform: translate3d(96vw, 105vh, 0);
  }
  to {
    transform: translate3d(1vw, -135vh, 0);
  }
}
@keyframes move-frames-59 {
  from {
    transform: translate3d(96vw, 105vh, 0);
  }
  to {
    transform: translate3d(1vw, -135vh, 0);
  }
}
.particle-box:nth-child(59) .circle {
  -webkit-animation-delay: 2868ms;
          animation-delay: 2868ms;
}
.particle-box:nth-child(60) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-60;
          animation-name: move-frames-60;
  -webkit-animation-duration: 29643ms;
          animation-duration: 29643ms;
  -webkit-animation-delay: 35202ms;
          animation-delay: 35202ms;
}
@-webkit-keyframes move-frames-60 {
  from {
    transform: translate3d(3vw, 108vh, 0);
  }
  to {
    transform: translate3d(36vw, -113vh, 0);
  }
}
@keyframes move-frames-60 {
  from {
    transform: translate3d(3vw, 108vh, 0);
  }
  to {
    transform: translate3d(36vw, -113vh, 0);
  }
}
.particle-box:nth-child(60) .circle {
  -webkit-animation-delay: 1976ms;
          animation-delay: 1976ms;
}
.particle-box:nth-child(61) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-61;
          animation-name: move-frames-61;
  -webkit-animation-duration: 33389ms;
          animation-duration: 33389ms;
  -webkit-animation-delay: 16720ms;
          animation-delay: 16720ms;
}
@-webkit-keyframes move-frames-61 {
  from {
    transform: translate3d(55vw, 104vh, 0);
  }
  to {
    transform: translate3d(39vw, -124vh, 0);
  }
}
@keyframes move-frames-61 {
  from {
    transform: translate3d(55vw, 104vh, 0);
  }
  to {
    transform: translate3d(39vw, -124vh, 0);
  }
}
.particle-box:nth-child(61) .circle {
  -webkit-animation-delay: 3327ms;
          animation-delay: 3327ms;
}
.particle-box:nth-child(62) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-62;
          animation-name: move-frames-62;
  -webkit-animation-duration: 30538ms;
          animation-duration: 30538ms;
  -webkit-animation-delay: 33050ms;
          animation-delay: 33050ms;
}
@-webkit-keyframes move-frames-62 {
  from {
    transform: translate3d(35vw, 109vh, 0);
  }
  to {
    transform: translate3d(50vw, -118vh, 0);
  }
}
@keyframes move-frames-62 {
  from {
    transform: translate3d(35vw, 109vh, 0);
  }
  to {
    transform: translate3d(50vw, -118vh, 0);
  }
}
.particle-box:nth-child(62) .circle {
  -webkit-animation-delay: 375ms;
          animation-delay: 375ms;
}
.particle-box:nth-child(63) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-63;
          animation-name: move-frames-63;
  -webkit-animation-duration: 29044ms;
          animation-duration: 29044ms;
  -webkit-animation-delay: 2261ms;
          animation-delay: 2261ms;
}
@-webkit-keyframes move-frames-63 {
  from {
    transform: translate3d(89vw, 109vh, 0);
  }
  to {
    transform: translate3d(43vw, -132vh, 0);
  }
}
@keyframes move-frames-63 {
  from {
    transform: translate3d(89vw, 109vh, 0);
  }
  to {
    transform: translate3d(43vw, -132vh, 0);
  }
}
.particle-box:nth-child(63) .circle {
  -webkit-animation-delay: 3122ms;
          animation-delay: 3122ms;
}
.particle-box:nth-child(64) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-64;
          animation-name: move-frames-64;
  -webkit-animation-duration: 30727ms;
          animation-duration: 30727ms;
  -webkit-animation-delay: 25546ms;
          animation-delay: 25546ms;
}
@-webkit-keyframes move-frames-64 {
  from {
    transform: translate3d(68vw, 104vh, 0);
  }
  to {
    transform: translate3d(38vw, -109vh, 0);
  }
}
@keyframes move-frames-64 {
  from {
    transform: translate3d(68vw, 104vh, 0);
  }
  to {
    transform: translate3d(38vw, -109vh, 0);
  }
}
.particle-box:nth-child(64) .circle {
  -webkit-animation-delay: 114ms;
          animation-delay: 114ms;
}
.particle-box:nth-child(65) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-65;
          animation-name: move-frames-65;
  -webkit-animation-duration: 31716ms;
          animation-duration: 31716ms;
  -webkit-animation-delay: 18468ms;
          animation-delay: 18468ms;
}
@-webkit-keyframes move-frames-65 {
  from {
    transform: translate3d(41vw, 110vh, 0);
  }
  to {
    transform: translate3d(87vw, -136vh, 0);
  }
}
@keyframes move-frames-65 {
  from {
    transform: translate3d(41vw, 110vh, 0);
  }
  to {
    transform: translate3d(87vw, -136vh, 0);
  }
}
.particle-box:nth-child(65) .circle {
  -webkit-animation-delay: 3939ms;
          animation-delay: 3939ms;
}
.particle-box:nth-child(66) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-66;
          animation-name: move-frames-66;
  -webkit-animation-duration: 30931ms;
          animation-duration: 30931ms;
  -webkit-animation-delay: 35298ms;
          animation-delay: 35298ms;
}
@-webkit-keyframes move-frames-66 {
  from {
    transform: translate3d(18vw, 107vh, 0);
  }
  to {
    transform: translate3d(97vw, -136vh, 0);
  }
}
@keyframes move-frames-66 {
  from {
    transform: translate3d(18vw, 107vh, 0);
  }
  to {
    transform: translate3d(97vw, -136vh, 0);
  }
}
.particle-box:nth-child(66) .circle {
  -webkit-animation-delay: 193ms;
          animation-delay: 193ms;
}
.particle-box:nth-child(67) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-67;
          animation-name: move-frames-67;
  -webkit-animation-duration: 31549ms;
          animation-duration: 31549ms;
  -webkit-animation-delay: 4309ms;
          animation-delay: 4309ms;
}
@-webkit-keyframes move-frames-67 {
  from {
    transform: translate3d(46vw, 102vh, 0);
  }
  to {
    transform: translate3d(34vw, -112vh, 0);
  }
}
@keyframes move-frames-67 {
  from {
    transform: translate3d(46vw, 102vh, 0);
  }
  to {
    transform: translate3d(34vw, -112vh, 0);
  }
}
.particle-box:nth-child(67) .circle {
  -webkit-animation-delay: 3995ms;
          animation-delay: 3995ms;
}
.particle-box:nth-child(68) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-68;
          animation-name: move-frames-68;
  -webkit-animation-duration: 29985ms;
          animation-duration: 29985ms;
  -webkit-animation-delay: 32148ms;
          animation-delay: 32148ms;
}
@-webkit-keyframes move-frames-68 {
  from {
    transform: translate3d(54vw, 110vh, 0);
  }
  to {
    transform: translate3d(42vw, -132vh, 0);
  }
}
@keyframes move-frames-68 {
  from {
    transform: translate3d(54vw, 110vh, 0);
  }
  to {
    transform: translate3d(42vw, -132vh, 0);
  }
}
.particle-box:nth-child(68) .circle {
  -webkit-animation-delay: 1055ms;
          animation-delay: 1055ms;
}
.particle-box:nth-child(69) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-69;
          animation-name: move-frames-69;
  -webkit-animation-duration: 33408ms;
          animation-duration: 33408ms;
  -webkit-animation-delay: 28635ms;
          animation-delay: 28635ms;
}
@-webkit-keyframes move-frames-69 {
  from {
    transform: translate3d(30vw, 104vh, 0);
  }
  to {
    transform: translate3d(2vw, -113vh, 0);
  }
}
@keyframes move-frames-69 {
  from {
    transform: translate3d(30vw, 104vh, 0);
  }
  to {
    transform: translate3d(2vw, -113vh, 0);
  }
}
.particle-box:nth-child(69) .circle {
  -webkit-animation-delay: 232ms;
          animation-delay: 232ms;
}
.particle-box:nth-child(70) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-70;
          animation-name: move-frames-70;
  -webkit-animation-duration: 32349ms;
          animation-duration: 32349ms;
  -webkit-animation-delay: 34693ms;
          animation-delay: 34693ms;
}
@-webkit-keyframes move-frames-70 {
  from {
    transform: translate3d(39vw, 103vh, 0);
  }
  to {
    transform: translate3d(22vw, -124vh, 0);
  }
}
@keyframes move-frames-70 {
  from {
    transform: translate3d(39vw, 103vh, 0);
  }
  to {
    transform: translate3d(22vw, -124vh, 0);
  }
}
.particle-box:nth-child(70) .circle {
  -webkit-animation-delay: 946ms;
          animation-delay: 946ms;
}
.particle-box:nth-child(71) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-71;
          animation-name: move-frames-71;
  -webkit-animation-duration: 29802ms;
          animation-duration: 29802ms;
  -webkit-animation-delay: 16459ms;
          animation-delay: 16459ms;
}
@-webkit-keyframes move-frames-71 {
  from {
    transform: translate3d(63vw, 103vh, 0);
  }
  to {
    transform: translate3d(37vw, -114vh, 0);
  }
}
@keyframes move-frames-71 {
  from {
    transform: translate3d(63vw, 103vh, 0);
  }
  to {
    transform: translate3d(37vw, -114vh, 0);
  }
}
.particle-box:nth-child(71) .circle {
  -webkit-animation-delay: 2026ms;
          animation-delay: 2026ms;
}
.particle-box:nth-child(72) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-72;
          animation-name: move-frames-72;
  -webkit-animation-duration: 35951ms;
          animation-duration: 35951ms;
  -webkit-animation-delay: 14096ms;
          animation-delay: 14096ms;
}
@-webkit-keyframes move-frames-72 {
  from {
    transform: translate3d(3vw, 110vh, 0);
  }
  to {
    transform: translate3d(80vw, -133vh, 0);
  }
}
@keyframes move-frames-72 {
  from {
    transform: translate3d(3vw, 110vh, 0);
  }
  to {
    transform: translate3d(80vw, -133vh, 0);
  }
}
.particle-box:nth-child(72) .circle {
  -webkit-animation-delay: 292ms;
          animation-delay: 292ms;
}
.particle-box:nth-child(73) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-73;
          animation-name: move-frames-73;
  -webkit-animation-duration: 28343ms;
          animation-duration: 28343ms;
  -webkit-animation-delay: 7045ms;
          animation-delay: 7045ms;
}
@-webkit-keyframes move-frames-73 {
  from {
    transform: translate3d(23vw, 102vh, 0);
  }
  to {
    transform: translate3d(85vw, -123vh, 0);
  }
}
@keyframes move-frames-73 {
  from {
    transform: translate3d(23vw, 102vh, 0);
  }
  to {
    transform: translate3d(85vw, -123vh, 0);
  }
}
.particle-box:nth-child(73) .circle {
  -webkit-animation-delay: 1213ms;
          animation-delay: 1213ms;
}
.particle-box:nth-child(74) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-74;
          animation-name: move-frames-74;
  -webkit-animation-duration: 29050ms;
          animation-duration: 29050ms;
  -webkit-animation-delay: 2598ms;
          animation-delay: 2598ms;
}
@-webkit-keyframes move-frames-74 {
  from {
    transform: translate3d(33vw, 102vh, 0);
  }
  to {
    transform: translate3d(91vw, -106vh, 0);
  }
}
@keyframes move-frames-74 {
  from {
    transform: translate3d(33vw, 102vh, 0);
  }
  to {
    transform: translate3d(91vw, -106vh, 0);
  }
}
.particle-box:nth-child(74) .circle {
  -webkit-animation-delay: 3865ms;
          animation-delay: 3865ms;
}
.particle-box:nth-child(75) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-75;
          animation-name: move-frames-75;
  -webkit-animation-duration: 34251ms;
          animation-duration: 34251ms;
  -webkit-animation-delay: 13040ms;
          animation-delay: 13040ms;
}
@-webkit-keyframes move-frames-75 {
  from {
    transform: translate3d(35vw, 104vh, 0);
  }
  to {
    transform: translate3d(78vw, -116vh, 0);
  }
}
@keyframes move-frames-75 {
  from {
    transform: translate3d(35vw, 104vh, 0);
  }
  to {
    transform: translate3d(78vw, -116vh, 0);
  }
}
.particle-box:nth-child(75) .circle {
  -webkit-animation-delay: 1988ms;
          animation-delay: 1988ms;
}
.particle-box:nth-child(76) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-76;
          animation-name: move-frames-76;
  -webkit-animation-duration: 32111ms;
          animation-duration: 32111ms;
  -webkit-animation-delay: 1933ms;
          animation-delay: 1933ms;
}
@-webkit-keyframes move-frames-76 {
  from {
    transform: translate3d(23vw, 105vh, 0);
  }
  to {
    transform: translate3d(17vw, -124vh, 0);
  }
}
@keyframes move-frames-76 {
  from {
    transform: translate3d(23vw, 105vh, 0);
  }
  to {
    transform: translate3d(17vw, -124vh, 0);
  }
}
.particle-box:nth-child(76) .circle {
  -webkit-animation-delay: 1759ms;
          animation-delay: 1759ms;
}
.particle-box:nth-child(77) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-77;
          animation-name: move-frames-77;
  -webkit-animation-duration: 34506ms;
          animation-duration: 34506ms;
  -webkit-animation-delay: 265ms;
          animation-delay: 265ms;
}
@-webkit-keyframes move-frames-77 {
  from {
    transform: translate3d(94vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -136vh, 0);
  }
}
@keyframes move-frames-77 {
  from {
    transform: translate3d(94vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -136vh, 0);
  }
}
.particle-box:nth-child(77) .circle {
  -webkit-animation-delay: 3333ms;
          animation-delay: 3333ms;
}
.particle-box:nth-child(78) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-78;
          animation-name: move-frames-78;
  -webkit-animation-duration: 35091ms;
          animation-duration: 35091ms;
  -webkit-animation-delay: 3825ms;
          animation-delay: 3825ms;
}
@-webkit-keyframes move-frames-78 {
  from {
    transform: translate3d(78vw, 103vh, 0);
  }
  to {
    transform: translate3d(10vw, -127vh, 0);
  }
}
@keyframes move-frames-78 {
  from {
    transform: translate3d(78vw, 103vh, 0);
  }
  to {
    transform: translate3d(10vw, -127vh, 0);
  }
}
.particle-box:nth-child(78) .circle {
  -webkit-animation-delay: 1618ms;
          animation-delay: 1618ms;
}
.particle-box:nth-child(79) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-79;
          animation-name: move-frames-79;
  -webkit-animation-duration: 29731ms;
          animation-duration: 29731ms;
  -webkit-animation-delay: 1407ms;
          animation-delay: 1407ms;
}
@-webkit-keyframes move-frames-79 {
  from {
    transform: translate3d(43vw, 107vh, 0);
  }
  to {
    transform: translate3d(2vw, -111vh, 0);
  }
}
@keyframes move-frames-79 {
  from {
    transform: translate3d(43vw, 107vh, 0);
  }
  to {
    transform: translate3d(2vw, -111vh, 0);
  }
}
.particle-box:nth-child(79) .circle {
  -webkit-animation-delay: 421ms;
          animation-delay: 421ms;
}
.particle-box:nth-child(80) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-80;
          animation-name: move-frames-80;
  -webkit-animation-duration: 32342ms;
          animation-duration: 32342ms;
  -webkit-animation-delay: 6573ms;
          animation-delay: 6573ms;
}
@-webkit-keyframes move-frames-80 {
  from {
    transform: translate3d(75vw, 104vh, 0);
  }
  to {
    transform: translate3d(66vw, -131vh, 0);
  }
}
@keyframes move-frames-80 {
  from {
    transform: translate3d(75vw, 104vh, 0);
  }
  to {
    transform: translate3d(66vw, -131vh, 0);
  }
}
.particle-box:nth-child(80) .circle {
  -webkit-animation-delay: 2768ms;
          animation-delay: 2768ms;
}
.particle-box:nth-child(81) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-81;
          animation-name: move-frames-81;
  -webkit-animation-duration: 32084ms;
          animation-duration: 32084ms;
  -webkit-animation-delay: 32124ms;
          animation-delay: 32124ms;
}
@-webkit-keyframes move-frames-81 {
  from {
    transform: translate3d(3vw, 105vh, 0);
  }
  to {
    transform: translate3d(40vw, -124vh, 0);
  }
}
@keyframes move-frames-81 {
  from {
    transform: translate3d(3vw, 105vh, 0);
  }
  to {
    transform: translate3d(40vw, -124vh, 0);
  }
}
.particle-box:nth-child(81) .circle {
  -webkit-animation-delay: 2440ms;
          animation-delay: 2440ms;
}
.particle-box:nth-child(82) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-82;
          animation-name: move-frames-82;
  -webkit-animation-duration: 29500ms;
          animation-duration: 29500ms;
  -webkit-animation-delay: 17172ms;
          animation-delay: 17172ms;
}
@-webkit-keyframes move-frames-82 {
  from {
    transform: translate3d(58vw, 108vh, 0);
  }
  to {
    transform: translate3d(45vw, -125vh, 0);
  }
}
@keyframes move-frames-82 {
  from {
    transform: translate3d(58vw, 108vh, 0);
  }
  to {
    transform: translate3d(45vw, -125vh, 0);
  }
}
.particle-box:nth-child(82) .circle {
  -webkit-animation-delay: 487ms;
          animation-delay: 487ms;
}
.particle-box:nth-child(83) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-83;
          animation-name: move-frames-83;
  -webkit-animation-duration: 30700ms;
          animation-duration: 30700ms;
  -webkit-animation-delay: 9224ms;
          animation-delay: 9224ms;
}
@-webkit-keyframes move-frames-83 {
  from {
    transform: translate3d(44vw, 109vh, 0);
  }
  to {
    transform: translate3d(17vw, -138vh, 0);
  }
}
@keyframes move-frames-83 {
  from {
    transform: translate3d(44vw, 109vh, 0);
  }
  to {
    transform: translate3d(17vw, -138vh, 0);
  }
}
.particle-box:nth-child(83) .circle {
  -webkit-animation-delay: 1809ms;
          animation-delay: 1809ms;
}
.particle-box:nth-child(84) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-84;
          animation-name: move-frames-84;
  -webkit-animation-duration: 36173ms;
          animation-duration: 36173ms;
  -webkit-animation-delay: 11527ms;
          animation-delay: 11527ms;
}
@-webkit-keyframes move-frames-84 {
  from {
    transform: translate3d(95vw, 107vh, 0);
  }
  to {
    transform: translate3d(25vw, -115vh, 0);
  }
}
@keyframes move-frames-84 {
  from {
    transform: translate3d(95vw, 107vh, 0);
  }
  to {
    transform: translate3d(25vw, -115vh, 0);
  }
}
.particle-box:nth-child(84) .circle {
  -webkit-animation-delay: 147ms;
          animation-delay: 147ms;
}
.particle-box:nth-child(85) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-85;
          animation-name: move-frames-85;
  -webkit-animation-duration: 33921ms;
          animation-duration: 33921ms;
  -webkit-animation-delay: 24294ms;
          animation-delay: 24294ms;
}
@-webkit-keyframes move-frames-85 {
  from {
    transform: translate3d(14vw, 101vh, 0);
  }
  to {
    transform: translate3d(66vw, -124vh, 0);
  }
}
@keyframes move-frames-85 {
  from {
    transform: translate3d(14vw, 101vh, 0);
  }
  to {
    transform: translate3d(66vw, -124vh, 0);
  }
}
.particle-box:nth-child(85) .circle {
  -webkit-animation-delay: 2780ms;
          animation-delay: 2780ms;
}
.particle-box:nth-child(86) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-86;
          animation-name: move-frames-86;
  -webkit-animation-duration: 31981ms;
          animation-duration: 31981ms;
  -webkit-animation-delay: 28819ms;
          animation-delay: 28819ms;
}
@-webkit-keyframes move-frames-86 {
  from {
    transform: translate3d(8vw, 101vh, 0);
  }
  to {
    transform: translate3d(47vw, -118vh, 0);
  }
}
@keyframes move-frames-86 {
  from {
    transform: translate3d(8vw, 101vh, 0);
  }
  to {
    transform: translate3d(47vw, -118vh, 0);
  }
}
.particle-box:nth-child(86) .circle {
  -webkit-animation-delay: 1445ms;
          animation-delay: 1445ms;
}
.particle-box:nth-child(87) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-87;
          animation-name: move-frames-87;
  -webkit-animation-duration: 28222ms;
          animation-duration: 28222ms;
  -webkit-animation-delay: 25081ms;
          animation-delay: 25081ms;
}
@-webkit-keyframes move-frames-87 {
  from {
    transform: translate3d(68vw, 107vh, 0);
  }
  to {
    transform: translate3d(41vw, -125vh, 0);
  }
}
@keyframes move-frames-87 {
  from {
    transform: translate3d(68vw, 107vh, 0);
  }
  to {
    transform: translate3d(41vw, -125vh, 0);
  }
}
.particle-box:nth-child(87) .circle {
  -webkit-animation-delay: 3049ms;
          animation-delay: 3049ms;
}
.particle-box:nth-child(88) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-88;
          animation-name: move-frames-88;
  -webkit-animation-duration: 32416ms;
          animation-duration: 32416ms;
  -webkit-animation-delay: 32604ms;
          animation-delay: 32604ms;
}
@-webkit-keyframes move-frames-88 {
  from {
    transform: translate3d(23vw, 104vh, 0);
  }
  to {
    transform: translate3d(89vw, -127vh, 0);
  }
}
@keyframes move-frames-88 {
  from {
    transform: translate3d(23vw, 104vh, 0);
  }
  to {
    transform: translate3d(89vw, -127vh, 0);
  }
}
.particle-box:nth-child(88) .circle {
  -webkit-animation-delay: 1297ms;
          animation-delay: 1297ms;
}
.particle-box:nth-child(89) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-89;
          animation-name: move-frames-89;
  -webkit-animation-duration: 28717ms;
          animation-duration: 28717ms;
  -webkit-animation-delay: 33678ms;
          animation-delay: 33678ms;
}
@-webkit-keyframes move-frames-89 {
  from {
    transform: translate3d(59vw, 107vh, 0);
  }
  to {
    transform: translate3d(90vw, -122vh, 0);
  }
}
@keyframes move-frames-89 {
  from {
    transform: translate3d(59vw, 107vh, 0);
  }
  to {
    transform: translate3d(90vw, -122vh, 0);
  }
}
.particle-box:nth-child(89) .circle {
  -webkit-animation-delay: 3806ms;
          animation-delay: 3806ms;
}
.particle-box:nth-child(90) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-90;
          animation-name: move-frames-90;
  -webkit-animation-duration: 32239ms;
          animation-duration: 32239ms;
  -webkit-animation-delay: 13786ms;
          animation-delay: 13786ms;
}
@-webkit-keyframes move-frames-90 {
  from {
    transform: translate3d(57vw, 110vh, 0);
  }
  to {
    transform: translate3d(76vw, -120vh, 0);
  }
}
@keyframes move-frames-90 {
  from {
    transform: translate3d(57vw, 110vh, 0);
  }
  to {
    transform: translate3d(76vw, -120vh, 0);
  }
}
.particle-box:nth-child(90) .circle {
  -webkit-animation-delay: 1521ms;
          animation-delay: 1521ms;
}
.particle-box:nth-child(91) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-91;
          animation-name: move-frames-91;
  -webkit-animation-duration: 36024ms;
          animation-duration: 36024ms;
  -webkit-animation-delay: 30966ms;
          animation-delay: 30966ms;
}
@-webkit-keyframes move-frames-91 {
  from {
    transform: translate3d(76vw, 106vh, 0);
  }
  to {
    transform: translate3d(94vw, -131vh, 0);
  }
}
@keyframes move-frames-91 {
  from {
    transform: translate3d(76vw, 106vh, 0);
  }
  to {
    transform: translate3d(94vw, -131vh, 0);
  }
}
.particle-box:nth-child(91) .circle {
  -webkit-animation-delay: 2096ms;
          animation-delay: 2096ms;
}
.particle-box:nth-child(92) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-92;
          animation-name: move-frames-92;
  -webkit-animation-duration: 33855ms;
          animation-duration: 33855ms;
  -webkit-animation-delay: 3111ms;
          animation-delay: 3111ms;
}
@-webkit-keyframes move-frames-92 {
  from {
    transform: translate3d(31vw, 103vh, 0);
  }
  to {
    transform: translate3d(59vw, -107vh, 0);
  }
}
@keyframes move-frames-92 {
  from {
    transform: translate3d(31vw, 103vh, 0);
  }
  to {
    transform: translate3d(59vw, -107vh, 0);
  }
}
.particle-box:nth-child(92) .circle {
  -webkit-animation-delay: 245ms;
          animation-delay: 245ms;
}
.particle-box:nth-child(93) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-93;
          animation-name: move-frames-93;
  -webkit-animation-duration: 30125ms;
          animation-duration: 30125ms;
  -webkit-animation-delay: 29323ms;
          animation-delay: 29323ms;
}
@-webkit-keyframes move-frames-93 {
  from {
    transform: translate3d(65vw, 110vh, 0);
  }
  to {
    transform: translate3d(17vw, -135vh, 0);
  }
}
@keyframes move-frames-93 {
  from {
    transform: translate3d(65vw, 110vh, 0);
  }
  to {
    transform: translate3d(17vw, -135vh, 0);
  }
}
.particle-box:nth-child(93) .circle {
  -webkit-animation-delay: 3474ms;
          animation-delay: 3474ms;
}
.particle-box:nth-child(94) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-94;
          animation-name: move-frames-94;
  -webkit-animation-duration: 32564ms;
          animation-duration: 32564ms;
  -webkit-animation-delay: 23379ms;
          animation-delay: 23379ms;
}
@-webkit-keyframes move-frames-94 {
  from {
    transform: translate3d(7vw, 101vh, 0);
  }
  to {
    transform: translate3d(100vw, -105vh, 0);
  }
}
@keyframes move-frames-94 {
  from {
    transform: translate3d(7vw, 101vh, 0);
  }
  to {
    transform: translate3d(100vw, -105vh, 0);
  }
}
.particle-box:nth-child(94) .circle {
  -webkit-animation-delay: 3922ms;
          animation-delay: 3922ms;
}
.particle-box:nth-child(95) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-95;
          animation-name: move-frames-95;
  -webkit-animation-duration: 30277ms;
          animation-duration: 30277ms;
  -webkit-animation-delay: 25265ms;
          animation-delay: 25265ms;
}
@-webkit-keyframes move-frames-95 {
  from {
    transform: translate3d(65vw, 104vh, 0);
  }
  to {
    transform: translate3d(61vw, -115vh, 0);
  }
}
@keyframes move-frames-95 {
  from {
    transform: translate3d(65vw, 104vh, 0);
  }
  to {
    transform: translate3d(61vw, -115vh, 0);
  }
}
.particle-box:nth-child(95) .circle {
  -webkit-animation-delay: 228ms;
          animation-delay: 228ms;
}
.particle-box:nth-child(96) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-96;
          animation-name: move-frames-96;
  -webkit-animation-duration: 31027ms;
          animation-duration: 31027ms;
  -webkit-animation-delay: 5399ms;
          animation-delay: 5399ms;
}
@-webkit-keyframes move-frames-96 {
  from {
    transform: translate3d(44vw, 106vh, 0);
  }
  to {
    transform: translate3d(54vw, -119vh, 0);
  }
}
@keyframes move-frames-96 {
  from {
    transform: translate3d(44vw, 106vh, 0);
  }
  to {
    transform: translate3d(54vw, -119vh, 0);
  }
}
.particle-box:nth-child(96) .circle {
  -webkit-animation-delay: 1772ms;
          animation-delay: 1772ms;
}
.particle-box:nth-child(97) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-97;
          animation-name: move-frames-97;
  -webkit-animation-duration: 35314ms;
          animation-duration: 35314ms;
  -webkit-animation-delay: 14570ms;
          animation-delay: 14570ms;
}
@-webkit-keyframes move-frames-97 {
  from {
    transform: translate3d(83vw, 106vh, 0);
  }
  to {
    transform: translate3d(96vw, -107vh, 0);
  }
}
@keyframes move-frames-97 {
  from {
    transform: translate3d(83vw, 106vh, 0);
  }
  to {
    transform: translate3d(96vw, -107vh, 0);
  }
}
.particle-box:nth-child(97) .circle {
  -webkit-animation-delay: 2467ms;
          animation-delay: 2467ms;
}
.particle-box:nth-child(98) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-98;
          animation-name: move-frames-98;
  -webkit-animation-duration: 34926ms;
          animation-duration: 34926ms;
  -webkit-animation-delay: 4088ms;
          animation-delay: 4088ms;
}
@-webkit-keyframes move-frames-98 {
  from {
    transform: translate3d(94vw, 106vh, 0);
  }
  to {
    transform: translate3d(63vw, -115vh, 0);
  }
}
@keyframes move-frames-98 {
  from {
    transform: translate3d(94vw, 106vh, 0);
  }
  to {
    transform: translate3d(63vw, -115vh, 0);
  }
}
.particle-box:nth-child(98) .circle {
  -webkit-animation-delay: 1633ms;
          animation-delay: 1633ms;
}
.particle-box:nth-child(99) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-99;
          animation-name: move-frames-99;
  -webkit-animation-duration: 28259ms;
          animation-duration: 28259ms;
  -webkit-animation-delay: 28962ms;
          animation-delay: 28962ms;
}
@-webkit-keyframes move-frames-99 {
  from {
    transform: translate3d(39vw, 109vh, 0);
  }
  to {
    transform: translate3d(60vw, -111vh, 0);
  }
}
@keyframes move-frames-99 {
  from {
    transform: translate3d(39vw, 109vh, 0);
  }
  to {
    transform: translate3d(60vw, -111vh, 0);
  }
}
.particle-box:nth-child(99) .circle {
  -webkit-animation-delay: 918ms;
          animation-delay: 918ms;
}
.particle-box:nth-child(100) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-100;
          animation-name: move-frames-100;
  -webkit-animation-duration: 32894ms;
          animation-duration: 32894ms;
  -webkit-animation-delay: 36047ms;
          animation-delay: 36047ms;
}
@-webkit-keyframes move-frames-100 {
  from {
    transform: translate3d(70vw, 105vh, 0);
  }
  to {
    transform: translate3d(12vw, -108vh, 0);
  }
}
@keyframes move-frames-100 {
  from {
    transform: translate3d(70vw, 105vh, 0);
  }
  to {
    transform: translate3d(12vw, -108vh, 0);
  }
}
.particle-box:nth-child(100) .circle {
  -webkit-animation-delay: 3131ms;
          animation-delay: 3131ms;
}
.particle-box:nth-child(101) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-101;
          animation-name: move-frames-101;
  -webkit-animation-duration: 29945ms;
          animation-duration: 29945ms;
  -webkit-animation-delay: 18298ms;
          animation-delay: 18298ms;
}
@-webkit-keyframes move-frames-101 {
  from {
    transform: translate3d(43vw, 106vh, 0);
  }
  to {
    transform: translate3d(85vw, -115vh, 0);
  }
}
@keyframes move-frames-101 {
  from {
    transform: translate3d(43vw, 106vh, 0);
  }
  to {
    transform: translate3d(85vw, -115vh, 0);
  }
}
.particle-box:nth-child(101) .circle {
  -webkit-animation-delay: 163ms;
          animation-delay: 163ms;
}
.particle-box:nth-child(102) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-102;
          animation-name: move-frames-102;
  -webkit-animation-duration: 33433ms;
          animation-duration: 33433ms;
  -webkit-animation-delay: 33082ms;
          animation-delay: 33082ms;
}
@-webkit-keyframes move-frames-102 {
  from {
    transform: translate3d(25vw, 107vh, 0);
  }
  to {
    transform: translate3d(45vw, -128vh, 0);
  }
}
@keyframes move-frames-102 {
  from {
    transform: translate3d(25vw, 107vh, 0);
  }
  to {
    transform: translate3d(45vw, -128vh, 0);
  }
}
.particle-box:nth-child(102) .circle {
  -webkit-animation-delay: 398ms;
          animation-delay: 398ms;
}
.particle-box:nth-child(103) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-103;
          animation-name: move-frames-103;
  -webkit-animation-duration: 30560ms;
          animation-duration: 30560ms;
  -webkit-animation-delay: 20207ms;
          animation-delay: 20207ms;
}
@-webkit-keyframes move-frames-103 {
  from {
    transform: translate3d(92vw, 110vh, 0);
  }
  to {
    transform: translate3d(35vw, -140vh, 0);
  }
}
@keyframes move-frames-103 {
  from {
    transform: translate3d(92vw, 110vh, 0);
  }
  to {
    transform: translate3d(35vw, -140vh, 0);
  }
}
.particle-box:nth-child(103) .circle {
  -webkit-animation-delay: 1945ms;
          animation-delay: 1945ms;
}
.particle-box:nth-child(104) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-104;
          animation-name: move-frames-104;
  -webkit-animation-duration: 35472ms;
          animation-duration: 35472ms;
  -webkit-animation-delay: 36898ms;
          animation-delay: 36898ms;
}
@-webkit-keyframes move-frames-104 {
  from {
    transform: translate3d(58vw, 106vh, 0);
  }
  to {
    transform: translate3d(98vw, -109vh, 0);
  }
}
@keyframes move-frames-104 {
  from {
    transform: translate3d(58vw, 106vh, 0);
  }
  to {
    transform: translate3d(98vw, -109vh, 0);
  }
}
.particle-box:nth-child(104) .circle {
  -webkit-animation-delay: 485ms;
          animation-delay: 485ms;
}
.particle-box:nth-child(105) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-105;
          animation-name: move-frames-105;
  -webkit-animation-duration: 33280ms;
          animation-duration: 33280ms;
  -webkit-animation-delay: 25416ms;
          animation-delay: 25416ms;
}
@-webkit-keyframes move-frames-105 {
  from {
    transform: translate3d(31vw, 107vh, 0);
  }
  to {
    transform: translate3d(32vw, -125vh, 0);
  }
}
@keyframes move-frames-105 {
  from {
    transform: translate3d(31vw, 107vh, 0);
  }
  to {
    transform: translate3d(32vw, -125vh, 0);
  }
}
.particle-box:nth-child(105) .circle {
  -webkit-animation-delay: 1894ms;
          animation-delay: 1894ms;
}
.particle-box:nth-child(106) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-106;
          animation-name: move-frames-106;
  -webkit-animation-duration: 33700ms;
          animation-duration: 33700ms;
  -webkit-animation-delay: 34609ms;
          animation-delay: 34609ms;
}
@-webkit-keyframes move-frames-106 {
  from {
    transform: translate3d(6vw, 109vh, 0);
  }
  to {
    transform: translate3d(83vw, -132vh, 0);
  }
}
@keyframes move-frames-106 {
  from {
    transform: translate3d(6vw, 109vh, 0);
  }
  to {
    transform: translate3d(83vw, -132vh, 0);
  }
}
.particle-box:nth-child(106) .circle {
  -webkit-animation-delay: 2446ms;
          animation-delay: 2446ms;
}
.particle-box:nth-child(107) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-107;
          animation-name: move-frames-107;
  -webkit-animation-duration: 30993ms;
          animation-duration: 30993ms;
  -webkit-animation-delay: 14144ms;
          animation-delay: 14144ms;
}
@-webkit-keyframes move-frames-107 {
  from {
    transform: translate3d(32vw, 105vh, 0);
  }
  to {
    transform: translate3d(55vw, -107vh, 0);
  }
}
@keyframes move-frames-107 {
  from {
    transform: translate3d(32vw, 105vh, 0);
  }
  to {
    transform: translate3d(55vw, -107vh, 0);
  }
}
.particle-box:nth-child(107) .circle {
  -webkit-animation-delay: 298ms;
          animation-delay: 298ms;
}
.particle-box:nth-child(108) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-108;
          animation-name: move-frames-108;
  -webkit-animation-duration: 33738ms;
          animation-duration: 33738ms;
  -webkit-animation-delay: 10020ms;
          animation-delay: 10020ms;
}
@-webkit-keyframes move-frames-108 {
  from {
    transform: translate3d(59vw, 104vh, 0);
  }
  to {
    transform: translate3d(50vw, -124vh, 0);
  }
}
@keyframes move-frames-108 {
  from {
    transform: translate3d(59vw, 104vh, 0);
  }
  to {
    transform: translate3d(50vw, -124vh, 0);
  }
}
.particle-box:nth-child(108) .circle {
  -webkit-animation-delay: 356ms;
          animation-delay: 356ms;
}
.particle-box:nth-child(109) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-109;
          animation-name: move-frames-109;
  -webkit-animation-duration: 32479ms;
          animation-duration: 32479ms;
  -webkit-animation-delay: 5960ms;
          animation-delay: 5960ms;
}
@-webkit-keyframes move-frames-109 {
  from {
    transform: translate3d(1vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -116vh, 0);
  }
}
@keyframes move-frames-109 {
  from {
    transform: translate3d(1vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -116vh, 0);
  }
}
.particle-box:nth-child(109) .circle {
  -webkit-animation-delay: 3700ms;
          animation-delay: 3700ms;
}
.particle-box:nth-child(110) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-110;
          animation-name: move-frames-110;
  -webkit-animation-duration: 32124ms;
          animation-duration: 32124ms;
  -webkit-animation-delay: 13605ms;
          animation-delay: 13605ms;
}
@-webkit-keyframes move-frames-110 {
  from {
    transform: translate3d(93vw, 108vh, 0);
  }
  to {
    transform: translate3d(20vw, -120vh, 0);
  }
}
@keyframes move-frames-110 {
  from {
    transform: translate3d(93vw, 108vh, 0);
  }
  to {
    transform: translate3d(20vw, -120vh, 0);
  }
}
.particle-box:nth-child(110) .circle {
  -webkit-animation-delay: 2646ms;
          animation-delay: 2646ms;
}
.particle-box:nth-child(111) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-111;
          animation-name: move-frames-111;
  -webkit-animation-duration: 33627ms;
          animation-duration: 33627ms;
  -webkit-animation-delay: 20363ms;
          animation-delay: 20363ms;
}
@-webkit-keyframes move-frames-111 {
  from {
    transform: translate3d(43vw, 108vh, 0);
  }
  to {
    transform: translate3d(53vw, -115vh, 0);
  }
}
@keyframes move-frames-111 {
  from {
    transform: translate3d(43vw, 108vh, 0);
  }
  to {
    transform: translate3d(53vw, -115vh, 0);
  }
}
.particle-box:nth-child(111) .circle {
  -webkit-animation-delay: 3601ms;
          animation-delay: 3601ms;
}
.particle-box:nth-child(112) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-112;
          animation-name: move-frames-112;
  -webkit-animation-duration: 34539ms;
          animation-duration: 34539ms;
  -webkit-animation-delay: 15505ms;
          animation-delay: 15505ms;
}
@-webkit-keyframes move-frames-112 {
  from {
    transform: translate3d(72vw, 101vh, 0);
  }
  to {
    transform: translate3d(47vw, -105vh, 0);
  }
}
@keyframes move-frames-112 {
  from {
    transform: translate3d(72vw, 101vh, 0);
  }
  to {
    transform: translate3d(47vw, -105vh, 0);
  }
}
.particle-box:nth-child(112) .circle {
  -webkit-animation-delay: 1660ms;
          animation-delay: 1660ms;
}
.particle-box:nth-child(113) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-113;
          animation-name: move-frames-113;
  -webkit-animation-duration: 34888ms;
          animation-duration: 34888ms;
  -webkit-animation-delay: 4983ms;
          animation-delay: 4983ms;
}
@-webkit-keyframes move-frames-113 {
  from {
    transform: translate3d(11vw, 107vh, 0);
  }
  to {
    transform: translate3d(77vw, -123vh, 0);
  }
}
@keyframes move-frames-113 {
  from {
    transform: translate3d(11vw, 107vh, 0);
  }
  to {
    transform: translate3d(77vw, -123vh, 0);
  }
}
.particle-box:nth-child(113) .circle {
  -webkit-animation-delay: 3352ms;
          animation-delay: 3352ms;
}
.particle-box:nth-child(114) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-114;
          animation-name: move-frames-114;
  -webkit-animation-duration: 34044ms;
          animation-duration: 34044ms;
  -webkit-animation-delay: 35621ms;
          animation-delay: 35621ms;
}
@-webkit-keyframes move-frames-114 {
  from {
    transform: translate3d(85vw, 110vh, 0);
  }
  to {
    transform: translate3d(8vw, -134vh, 0);
  }
}
@keyframes move-frames-114 {
  from {
    transform: translate3d(85vw, 110vh, 0);
  }
  to {
    transform: translate3d(8vw, -134vh, 0);
  }
}
.particle-box:nth-child(114) .circle {
  -webkit-animation-delay: 2211ms;
          animation-delay: 2211ms;
}
.particle-box:nth-child(115) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-115;
          animation-name: move-frames-115;
  -webkit-animation-duration: 32815ms;
          animation-duration: 32815ms;
  -webkit-animation-delay: 27555ms;
          animation-delay: 27555ms;
}
@-webkit-keyframes move-frames-115 {
  from {
    transform: translate3d(1vw, 104vh, 0);
  }
  to {
    transform: translate3d(78vw, -133vh, 0);
  }
}
@keyframes move-frames-115 {
  from {
    transform: translate3d(1vw, 104vh, 0);
  }
  to {
    transform: translate3d(78vw, -133vh, 0);
  }
}
.particle-box:nth-child(115) .circle {
  -webkit-animation-delay: 782ms;
          animation-delay: 782ms;
}
.particle-box:nth-child(116) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-116;
          animation-name: move-frames-116;
  -webkit-animation-duration: 36058ms;
          animation-duration: 36058ms;
  -webkit-animation-delay: 20693ms;
          animation-delay: 20693ms;
}
@-webkit-keyframes move-frames-116 {
  from {
    transform: translate3d(89vw, 104vh, 0);
  }
  to {
    transform: translate3d(79vw, -109vh, 0);
  }
}
@keyframes move-frames-116 {
  from {
    transform: translate3d(89vw, 104vh, 0);
  }
  to {
    transform: translate3d(79vw, -109vh, 0);
  }
}
.particle-box:nth-child(116) .circle {
  -webkit-animation-delay: 52ms;
          animation-delay: 52ms;
}
.particle-box:nth-child(117) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-117;
          animation-name: move-frames-117;
  -webkit-animation-duration: 30054ms;
          animation-duration: 30054ms;
  -webkit-animation-delay: 32767ms;
          animation-delay: 32767ms;
}
@-webkit-keyframes move-frames-117 {
  from {
    transform: translate3d(52vw, 104vh, 0);
  }
  to {
    transform: translate3d(75vw, -131vh, 0);
  }
}
@keyframes move-frames-117 {
  from {
    transform: translate3d(52vw, 104vh, 0);
  }
  to {
    transform: translate3d(75vw, -131vh, 0);
  }
}
.particle-box:nth-child(117) .circle {
  -webkit-animation-delay: 2190ms;
          animation-delay: 2190ms;
}
.particle-box:nth-child(118) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-118;
          animation-name: move-frames-118;
  -webkit-animation-duration: 34292ms;
          animation-duration: 34292ms;
  -webkit-animation-delay: 1558ms;
          animation-delay: 1558ms;
}
@-webkit-keyframes move-frames-118 {
  from {
    transform: translate3d(22vw, 101vh, 0);
  }
  to {
    transform: translate3d(74vw, -119vh, 0);
  }
}
@keyframes move-frames-118 {
  from {
    transform: translate3d(22vw, 101vh, 0);
  }
  to {
    transform: translate3d(74vw, -119vh, 0);
  }
}
.particle-box:nth-child(118) .circle {
  -webkit-animation-delay: 3403ms;
          animation-delay: 3403ms;
}
.particle-box:nth-child(119) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-119;
          animation-name: move-frames-119;
  -webkit-animation-duration: 32956ms;
          animation-duration: 32956ms;
  -webkit-animation-delay: 7924ms;
          animation-delay: 7924ms;
}
@-webkit-keyframes move-frames-119 {
  from {
    transform: translate3d(50vw, 105vh, 0);
  }
  to {
    transform: translate3d(22vw, -118vh, 0);
  }
}
@keyframes move-frames-119 {
  from {
    transform: translate3d(50vw, 105vh, 0);
  }
  to {
    transform: translate3d(22vw, -118vh, 0);
  }
}
.particle-box:nth-child(119) .circle {
  -webkit-animation-delay: 2023ms;
          animation-delay: 2023ms;
}
.particle-box:nth-child(120) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-120;
          animation-name: move-frames-120;
  -webkit-animation-duration: 34189ms;
          animation-duration: 34189ms;
  -webkit-animation-delay: 27883ms;
          animation-delay: 27883ms;
}
@-webkit-keyframes move-frames-120 {
  from {
    transform: translate3d(15vw, 102vh, 0);
  }
  to {
    transform: translate3d(2vw, -110vh, 0);
  }
}
@keyframes move-frames-120 {
  from {
    transform: translate3d(15vw, 102vh, 0);
  }
  to {
    transform: translate3d(2vw, -110vh, 0);
  }
}
.particle-box:nth-child(120) .circle {
  -webkit-animation-delay: 2717ms;
          animation-delay: 2717ms;
}
.particle-box:nth-child(121) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-121;
          animation-name: move-frames-121;
  -webkit-animation-duration: 32014ms;
          animation-duration: 32014ms;
  -webkit-animation-delay: 6765ms;
          animation-delay: 6765ms;
}
@-webkit-keyframes move-frames-121 {
  from {
    transform: translate3d(38vw, 110vh, 0);
  }
  to {
    transform: translate3d(63vw, -136vh, 0);
  }
}
@keyframes move-frames-121 {
  from {
    transform: translate3d(38vw, 110vh, 0);
  }
  to {
    transform: translate3d(63vw, -136vh, 0);
  }
}
.particle-box:nth-child(121) .circle {
  -webkit-animation-delay: 1366ms;
          animation-delay: 1366ms;
}
.particle-box:nth-child(122) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-122;
          animation-name: move-frames-122;
  -webkit-animation-duration: 35976ms;
          animation-duration: 35976ms;
  -webkit-animation-delay: 32781ms;
          animation-delay: 32781ms;
}
@-webkit-keyframes move-frames-122 {
  from {
    transform: translate3d(38vw, 103vh, 0);
  }
  to {
    transform: translate3d(38vw, -127vh, 0);
  }
}
@keyframes move-frames-122 {
  from {
    transform: translate3d(38vw, 103vh, 0);
  }
  to {
    transform: translate3d(38vw, -127vh, 0);
  }
}
.particle-box:nth-child(122) .circle {
  -webkit-animation-delay: 3200ms;
          animation-delay: 3200ms;
}
.particle-box:nth-child(123) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-123;
          animation-name: move-frames-123;
  -webkit-animation-duration: 29327ms;
          animation-duration: 29327ms;
  -webkit-animation-delay: 29631ms;
          animation-delay: 29631ms;
}
@-webkit-keyframes move-frames-123 {
  from {
    transform: translate3d(85vw, 101vh, 0);
  }
  to {
    transform: translate3d(14vw, -118vh, 0);
  }
}
@keyframes move-frames-123 {
  from {
    transform: translate3d(85vw, 101vh, 0);
  }
  to {
    transform: translate3d(14vw, -118vh, 0);
  }
}
.particle-box:nth-child(123) .circle {
  -webkit-animation-delay: 1867ms;
          animation-delay: 1867ms;
}
.particle-box:nth-child(124) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-124;
          animation-name: move-frames-124;
  -webkit-animation-duration: 28705ms;
          animation-duration: 28705ms;
  -webkit-animation-delay: 20700ms;
          animation-delay: 20700ms;
}
@-webkit-keyframes move-frames-124 {
  from {
    transform: translate3d(39vw, 102vh, 0);
  }
  to {
    transform: translate3d(92vw, -120vh, 0);
  }
}
@keyframes move-frames-124 {
  from {
    transform: translate3d(39vw, 102vh, 0);
  }
  to {
    transform: translate3d(92vw, -120vh, 0);
  }
}
.particle-box:nth-child(124) .circle {
  -webkit-animation-delay: 1648ms;
          animation-delay: 1648ms;
}
.particle-box:nth-child(125) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-125;
          animation-name: move-frames-125;
  -webkit-animation-duration: 32615ms;
          animation-duration: 32615ms;
  -webkit-animation-delay: 1164ms;
          animation-delay: 1164ms;
}
@-webkit-keyframes move-frames-125 {
  from {
    transform: translate3d(89vw, 104vh, 0);
  }
  to {
    transform: translate3d(91vw, -108vh, 0);
  }
}
@keyframes move-frames-125 {
  from {
    transform: translate3d(89vw, 104vh, 0);
  }
  to {
    transform: translate3d(91vw, -108vh, 0);
  }
}
.particle-box:nth-child(125) .circle {
  -webkit-animation-delay: 2923ms;
          animation-delay: 2923ms;
}
.particle-box:nth-child(126) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-126;
          animation-name: move-frames-126;
  -webkit-animation-duration: 35477ms;
          animation-duration: 35477ms;
  -webkit-animation-delay: 18640ms;
          animation-delay: 18640ms;
}
@-webkit-keyframes move-frames-126 {
  from {
    transform: translate3d(1vw, 108vh, 0);
  }
  to {
    transform: translate3d(100vw, -121vh, 0);
  }
}
@keyframes move-frames-126 {
  from {
    transform: translate3d(1vw, 108vh, 0);
  }
  to {
    transform: translate3d(100vw, -121vh, 0);
  }
}
.particle-box:nth-child(126) .circle {
  -webkit-animation-delay: 1182ms;
          animation-delay: 1182ms;
}
.particle-box:nth-child(127) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-127;
          animation-name: move-frames-127;
  -webkit-animation-duration: 32869ms;
          animation-duration: 32869ms;
  -webkit-animation-delay: 35913ms;
          animation-delay: 35913ms;
}
@-webkit-keyframes move-frames-127 {
  from {
    transform: translate3d(69vw, 110vh, 0);
  }
  to {
    transform: translate3d(78vw, -115vh, 0);
  }
}
@keyframes move-frames-127 {
  from {
    transform: translate3d(69vw, 110vh, 0);
  }
  to {
    transform: translate3d(78vw, -115vh, 0);
  }
}
.particle-box:nth-child(127) .circle {
  -webkit-animation-delay: 1518ms;
          animation-delay: 1518ms;
}
.particle-box:nth-child(128) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-128;
          animation-name: move-frames-128;
  -webkit-animation-duration: 32914ms;
          animation-duration: 32914ms;
  -webkit-animation-delay: 36484ms;
          animation-delay: 36484ms;
}
@-webkit-keyframes move-frames-128 {
  from {
    transform: translate3d(4vw, 102vh, 0);
  }
  to {
    transform: translate3d(75vw, -112vh, 0);
  }
}
@keyframes move-frames-128 {
  from {
    transform: translate3d(4vw, 102vh, 0);
  }
  to {
    transform: translate3d(75vw, -112vh, 0);
  }
}
.particle-box:nth-child(128) .circle {
  -webkit-animation-delay: 3653ms;
          animation-delay: 3653ms;
}
.particle-box:nth-child(129) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-129;
          animation-name: move-frames-129;
  -webkit-animation-duration: 30325ms;
          animation-duration: 30325ms;
  -webkit-animation-delay: 21662ms;
          animation-delay: 21662ms;
}
@-webkit-keyframes move-frames-129 {
  from {
    transform: translate3d(77vw, 101vh, 0);
  }
  to {
    transform: translate3d(96vw, -130vh, 0);
  }
}
@keyframes move-frames-129 {
  from {
    transform: translate3d(77vw, 101vh, 0);
  }
  to {
    transform: translate3d(96vw, -130vh, 0);
  }
}
.particle-box:nth-child(129) .circle {
  -webkit-animation-delay: 2862ms;
          animation-delay: 2862ms;
}
.particle-box:nth-child(130) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-130;
          animation-name: move-frames-130;
  -webkit-animation-duration: 32330ms;
          animation-duration: 32330ms;
  -webkit-animation-delay: 36332ms;
          animation-delay: 36332ms;
}
@-webkit-keyframes move-frames-130 {
  from {
    transform: translate3d(42vw, 104vh, 0);
  }
  to {
    transform: translate3d(35vw, -129vh, 0);
  }
}
@keyframes move-frames-130 {
  from {
    transform: translate3d(42vw, 104vh, 0);
  }
  to {
    transform: translate3d(35vw, -129vh, 0);
  }
}
.particle-box:nth-child(130) .circle {
  -webkit-animation-delay: 853ms;
          animation-delay: 853ms;
}
.particle-box:nth-child(131) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-131;
          animation-name: move-frames-131;
  -webkit-animation-duration: 35049ms;
          animation-duration: 35049ms;
  -webkit-animation-delay: 23070ms;
          animation-delay: 23070ms;
}
@-webkit-keyframes move-frames-131 {
  from {
    transform: translate3d(88vw, 104vh, 0);
  }
  to {
    transform: translate3d(30vw, -121vh, 0);
  }
}
@keyframes move-frames-131 {
  from {
    transform: translate3d(88vw, 104vh, 0);
  }
  to {
    transform: translate3d(30vw, -121vh, 0);
  }
}
.particle-box:nth-child(131) .circle {
  -webkit-animation-delay: 1269ms;
          animation-delay: 1269ms;
}
.particle-box:nth-child(132) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-132;
          animation-name: move-frames-132;
  -webkit-animation-duration: 33806ms;
          animation-duration: 33806ms;
  -webkit-animation-delay: 323ms;
          animation-delay: 323ms;
}
@-webkit-keyframes move-frames-132 {
  from {
    transform: translate3d(16vw, 108vh, 0);
  }
  to {
    transform: translate3d(96vw, -112vh, 0);
  }
}
@keyframes move-frames-132 {
  from {
    transform: translate3d(16vw, 108vh, 0);
  }
  to {
    transform: translate3d(96vw, -112vh, 0);
  }
}
.particle-box:nth-child(132) .circle {
  -webkit-animation-delay: 2522ms;
          animation-delay: 2522ms;
}
.particle-box:nth-child(133) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-133;
          animation-name: move-frames-133;
  -webkit-animation-duration: 29346ms;
          animation-duration: 29346ms;
  -webkit-animation-delay: 818ms;
          animation-delay: 818ms;
}
@-webkit-keyframes move-frames-133 {
  from {
    transform: translate3d(57vw, 104vh, 0);
  }
  to {
    transform: translate3d(11vw, -111vh, 0);
  }
}
@keyframes move-frames-133 {
  from {
    transform: translate3d(57vw, 104vh, 0);
  }
  to {
    transform: translate3d(11vw, -111vh, 0);
  }
}
.particle-box:nth-child(133) .circle {
  -webkit-animation-delay: 3748ms;
          animation-delay: 3748ms;
}
.particle-box:nth-child(134) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-134;
          animation-name: move-frames-134;
  -webkit-animation-duration: 32253ms;
          animation-duration: 32253ms;
  -webkit-animation-delay: 25430ms;
          animation-delay: 25430ms;
}
@-webkit-keyframes move-frames-134 {
  from {
    transform: translate3d(55vw, 104vh, 0);
  }
  to {
    transform: translate3d(80vw, -124vh, 0);
  }
}
@keyframes move-frames-134 {
  from {
    transform: translate3d(55vw, 104vh, 0);
  }
  to {
    transform: translate3d(80vw, -124vh, 0);
  }
}
.particle-box:nth-child(134) .circle {
  -webkit-animation-delay: 3026ms;
          animation-delay: 3026ms;
}
.particle-box:nth-child(135) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-135;
          animation-name: move-frames-135;
  -webkit-animation-duration: 36285ms;
          animation-duration: 36285ms;
  -webkit-animation-delay: 2716ms;
          animation-delay: 2716ms;
}
@-webkit-keyframes move-frames-135 {
  from {
    transform: translate3d(39vw, 107vh, 0);
  }
  to {
    transform: translate3d(53vw, -112vh, 0);
  }
}
@keyframes move-frames-135 {
  from {
    transform: translate3d(39vw, 107vh, 0);
  }
  to {
    transform: translate3d(53vw, -112vh, 0);
  }
}
.particle-box:nth-child(135) .circle {
  -webkit-animation-delay: 2948ms;
          animation-delay: 2948ms;
}
.particle-box:nth-child(136) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-136;
          animation-name: move-frames-136;
  -webkit-animation-duration: 32557ms;
          animation-duration: 32557ms;
  -webkit-animation-delay: 20819ms;
          animation-delay: 20819ms;
}
@-webkit-keyframes move-frames-136 {
  from {
    transform: translate3d(60vw, 105vh, 0);
  }
  to {
    transform: translate3d(17vw, -111vh, 0);
  }
}
@keyframes move-frames-136 {
  from {
    transform: translate3d(60vw, 105vh, 0);
  }
  to {
    transform: translate3d(17vw, -111vh, 0);
  }
}
.particle-box:nth-child(136) .circle {
  -webkit-animation-delay: 3194ms;
          animation-delay: 3194ms;
}
.particle-box:nth-child(137) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-137;
          animation-name: move-frames-137;
  -webkit-animation-duration: 31071ms;
          animation-duration: 31071ms;
  -webkit-animation-delay: 25280ms;
          animation-delay: 25280ms;
}
@-webkit-keyframes move-frames-137 {
  from {
    transform: translate3d(95vw, 105vh, 0);
  }
  to {
    transform: translate3d(16vw, -108vh, 0);
  }
}
@keyframes move-frames-137 {
  from {
    transform: translate3d(95vw, 105vh, 0);
  }
  to {
    transform: translate3d(16vw, -108vh, 0);
  }
}
.particle-box:nth-child(137) .circle {
  -webkit-animation-delay: 2318ms;
          animation-delay: 2318ms;
}
.particle-box:nth-child(138) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-138;
          animation-name: move-frames-138;
  -webkit-animation-duration: 31144ms;
          animation-duration: 31144ms;
  -webkit-animation-delay: 9931ms;
          animation-delay: 9931ms;
}
@-webkit-keyframes move-frames-138 {
  from {
    transform: translate3d(64vw, 109vh, 0);
  }
  to {
    transform: translate3d(75vw, -114vh, 0);
  }
}
@keyframes move-frames-138 {
  from {
    transform: translate3d(64vw, 109vh, 0);
  }
  to {
    transform: translate3d(75vw, -114vh, 0);
  }
}
.particle-box:nth-child(138) .circle {
  -webkit-animation-delay: 2870ms;
          animation-delay: 2870ms;
}
.particle-box:nth-child(139) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-139;
          animation-name: move-frames-139;
  -webkit-animation-duration: 32630ms;
          animation-duration: 32630ms;
  -webkit-animation-delay: 4244ms;
          animation-delay: 4244ms;
}
@-webkit-keyframes move-frames-139 {
  from {
    transform: translate3d(24vw, 109vh, 0);
  }
  to {
    transform: translate3d(20vw, -129vh, 0);
  }
}
@keyframes move-frames-139 {
  from {
    transform: translate3d(24vw, 109vh, 0);
  }
  to {
    transform: translate3d(20vw, -129vh, 0);
  }
}
.particle-box:nth-child(139) .circle {
  -webkit-animation-delay: 3494ms;
          animation-delay: 3494ms;
}
.particle-box:nth-child(140) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-140;
          animation-name: move-frames-140;
  -webkit-animation-duration: 35042ms;
          animation-duration: 35042ms;
  -webkit-animation-delay: 36458ms;
          animation-delay: 36458ms;
}
@-webkit-keyframes move-frames-140 {
  from {
    transform: translate3d(12vw, 106vh, 0);
  }
  to {
    transform: translate3d(57vw, -109vh, 0);
  }
}
@keyframes move-frames-140 {
  from {
    transform: translate3d(12vw, 106vh, 0);
  }
  to {
    transform: translate3d(57vw, -109vh, 0);
  }
}
.particle-box:nth-child(140) .circle {
  -webkit-animation-delay: 2665ms;
          animation-delay: 2665ms;
}
.particle-box:nth-child(141) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-141;
          animation-name: move-frames-141;
  -webkit-animation-duration: 32434ms;
          animation-duration: 32434ms;
  -webkit-animation-delay: 2336ms;
          animation-delay: 2336ms;
}
@-webkit-keyframes move-frames-141 {
  from {
    transform: translate3d(88vw, 103vh, 0);
  }
  to {
    transform: translate3d(6vw, -110vh, 0);
  }
}
@keyframes move-frames-141 {
  from {
    transform: translate3d(88vw, 103vh, 0);
  }
  to {
    transform: translate3d(6vw, -110vh, 0);
  }
}
.particle-box:nth-child(141) .circle {
  -webkit-animation-delay: 3885ms;
          animation-delay: 3885ms;
}
.particle-box:nth-child(142) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-142;
          animation-name: move-frames-142;
  -webkit-animation-duration: 31290ms;
          animation-duration: 31290ms;
  -webkit-animation-delay: 11252ms;
          animation-delay: 11252ms;
}
@-webkit-keyframes move-frames-142 {
  from {
    transform: translate3d(49vw, 104vh, 0);
  }
  to {
    transform: translate3d(1vw, -123vh, 0);
  }
}
@keyframes move-frames-142 {
  from {
    transform: translate3d(49vw, 104vh, 0);
  }
  to {
    transform: translate3d(1vw, -123vh, 0);
  }
}
.particle-box:nth-child(142) .circle {
  -webkit-animation-delay: 2248ms;
          animation-delay: 2248ms;
}
.particle-box:nth-child(143) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-143;
          animation-name: move-frames-143;
  -webkit-animation-duration: 36433ms;
          animation-duration: 36433ms;
  -webkit-animation-delay: 24931ms;
          animation-delay: 24931ms;
}
@-webkit-keyframes move-frames-143 {
  from {
    transform: translate3d(20vw, 105vh, 0);
  }
  to {
    transform: translate3d(85vw, -115vh, 0);
  }
}
@keyframes move-frames-143 {
  from {
    transform: translate3d(20vw, 105vh, 0);
  }
  to {
    transform: translate3d(85vw, -115vh, 0);
  }
}
.particle-box:nth-child(143) .circle {
  -webkit-animation-delay: 310ms;
          animation-delay: 310ms;
}
.particle-box:nth-child(144) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-144;
          animation-name: move-frames-144;
  -webkit-animation-duration: 30602ms;
          animation-duration: 30602ms;
  -webkit-animation-delay: 33975ms;
          animation-delay: 33975ms;
}
@-webkit-keyframes move-frames-144 {
  from {
    transform: translate3d(38vw, 102vh, 0);
  }
  to {
    transform: translate3d(40vw, -123vh, 0);
  }
}
@keyframes move-frames-144 {
  from {
    transform: translate3d(38vw, 102vh, 0);
  }
  to {
    transform: translate3d(40vw, -123vh, 0);
  }
}
.particle-box:nth-child(144) .circle {
  -webkit-animation-delay: 1233ms;
          animation-delay: 1233ms;
}
.particle-box:nth-child(145) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-145;
          animation-name: move-frames-145;
  -webkit-animation-duration: 35507ms;
          animation-duration: 35507ms;
  -webkit-animation-delay: 21491ms;
          animation-delay: 21491ms;
}
@-webkit-keyframes move-frames-145 {
  from {
    transform: translate3d(13vw, 105vh, 0);
  }
  to {
    transform: translate3d(100vw, -122vh, 0);
  }
}
@keyframes move-frames-145 {
  from {
    transform: translate3d(13vw, 105vh, 0);
  }
  to {
    transform: translate3d(100vw, -122vh, 0);
  }
}
.particle-box:nth-child(145) .circle {
  -webkit-animation-delay: 998ms;
          animation-delay: 998ms;
}
.particle-box:nth-child(146) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-146;
          animation-name: move-frames-146;
  -webkit-animation-duration: 35667ms;
          animation-duration: 35667ms;
  -webkit-animation-delay: 5280ms;
          animation-delay: 5280ms;
}
@-webkit-keyframes move-frames-146 {
  from {
    transform: translate3d(77vw, 109vh, 0);
  }
  to {
    transform: translate3d(36vw, -129vh, 0);
  }
}
@keyframes move-frames-146 {
  from {
    transform: translate3d(77vw, 109vh, 0);
  }
  to {
    transform: translate3d(36vw, -129vh, 0);
  }
}
.particle-box:nth-child(146) .circle {
  -webkit-animation-delay: 1248ms;
          animation-delay: 1248ms;
}
.particle-box:nth-child(147) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-147;
          animation-name: move-frames-147;
  -webkit-animation-duration: 29650ms;
          animation-duration: 29650ms;
  -webkit-animation-delay: 6656ms;
          animation-delay: 6656ms;
}
@-webkit-keyframes move-frames-147 {
  from {
    transform: translate3d(33vw, 106vh, 0);
  }
  to {
    transform: translate3d(9vw, -127vh, 0);
  }
}
@keyframes move-frames-147 {
  from {
    transform: translate3d(33vw, 106vh, 0);
  }
  to {
    transform: translate3d(9vw, -127vh, 0);
  }
}
.particle-box:nth-child(147) .circle {
  -webkit-animation-delay: 3632ms;
          animation-delay: 3632ms;
}
.particle-box:nth-child(148) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-148;
          animation-name: move-frames-148;
  -webkit-animation-duration: 32936ms;
          animation-duration: 32936ms;
  -webkit-animation-delay: 3778ms;
          animation-delay: 3778ms;
}
@-webkit-keyframes move-frames-148 {
  from {
    transform: translate3d(28vw, 105vh, 0);
  }
  to {
    transform: translate3d(69vw, -112vh, 0);
  }
}
@keyframes move-frames-148 {
  from {
    transform: translate3d(28vw, 105vh, 0);
  }
  to {
    transform: translate3d(69vw, -112vh, 0);
  }
}
.particle-box:nth-child(148) .circle {
  -webkit-animation-delay: 1964ms;
          animation-delay: 1964ms;
}
.particle-box:nth-child(149) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-149;
          animation-name: move-frames-149;
  -webkit-animation-duration: 32106ms;
          animation-duration: 32106ms;
  -webkit-animation-delay: 18320ms;
          animation-delay: 18320ms;
}
@-webkit-keyframes move-frames-149 {
  from {
    transform: translate3d(71vw, 107vh, 0);
  }
  to {
    transform: translate3d(99vw, -136vh, 0);
  }
}
@keyframes move-frames-149 {
  from {
    transform: translate3d(71vw, 107vh, 0);
  }
  to {
    transform: translate3d(99vw, -136vh, 0);
  }
}
.particle-box:nth-child(149) .circle {
  -webkit-animation-delay: 2423ms;
          animation-delay: 2423ms;
}
.particle-box:nth-child(150) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-150;
          animation-name: move-frames-150;
  -webkit-animation-duration: 31116ms;
          animation-duration: 31116ms;
  -webkit-animation-delay: 20445ms;
          animation-delay: 20445ms;
}
@-webkit-keyframes move-frames-150 {
  from {
    transform: translate3d(33vw, 104vh, 0);
  }
  to {
    transform: translate3d(81vw, -132vh, 0);
  }
}
@keyframes move-frames-150 {
  from {
    transform: translate3d(33vw, 104vh, 0);
  }
  to {
    transform: translate3d(81vw, -132vh, 0);
  }
}
.particle-box:nth-child(150) .circle {
  -webkit-animation-delay: 1378ms;
          animation-delay: 1378ms;
}
.particle-box:nth-child(151) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-151;
          animation-name: move-frames-151;
  -webkit-animation-duration: 32482ms;
          animation-duration: 32482ms;
  -webkit-animation-delay: 36203ms;
          animation-delay: 36203ms;
}
@-webkit-keyframes move-frames-151 {
  from {
    transform: translate3d(41vw, 107vh, 0);
  }
  to {
    transform: translate3d(30vw, -115vh, 0);
  }
}
@keyframes move-frames-151 {
  from {
    transform: translate3d(41vw, 107vh, 0);
  }
  to {
    transform: translate3d(30vw, -115vh, 0);
  }
}
.particle-box:nth-child(151) .circle {
  -webkit-animation-delay: 2613ms;
          animation-delay: 2613ms;
}
.particle-box:nth-child(152) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-152;
          animation-name: move-frames-152;
  -webkit-animation-duration: 33300ms;
          animation-duration: 33300ms;
  -webkit-animation-delay: 26664ms;
          animation-delay: 26664ms;
}
@-webkit-keyframes move-frames-152 {
  from {
    transform: translate3d(52vw, 103vh, 0);
  }
  to {
    transform: translate3d(1vw, -131vh, 0);
  }
}
@keyframes move-frames-152 {
  from {
    transform: translate3d(52vw, 103vh, 0);
  }
  to {
    transform: translate3d(1vw, -131vh, 0);
  }
}
.particle-box:nth-child(152) .circle {
  -webkit-animation-delay: 191ms;
          animation-delay: 191ms;
}
.particle-box:nth-child(153) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-153;
          animation-name: move-frames-153;
  -webkit-animation-duration: 32729ms;
          animation-duration: 32729ms;
  -webkit-animation-delay: 97ms;
          animation-delay: 97ms;
}
@-webkit-keyframes move-frames-153 {
  from {
    transform: translate3d(59vw, 102vh, 0);
  }
  to {
    transform: translate3d(6vw, -104vh, 0);
  }
}
@keyframes move-frames-153 {
  from {
    transform: translate3d(59vw, 102vh, 0);
  }
  to {
    transform: translate3d(6vw, -104vh, 0);
  }
}
.particle-box:nth-child(153) .circle {
  -webkit-animation-delay: 2255ms;
          animation-delay: 2255ms;
}
.particle-box:nth-child(154) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-154;
          animation-name: move-frames-154;
  -webkit-animation-duration: 33465ms;
          animation-duration: 33465ms;
  -webkit-animation-delay: 24152ms;
          animation-delay: 24152ms;
}
@-webkit-keyframes move-frames-154 {
  from {
    transform: translate3d(9vw, 106vh, 0);
  }
  to {
    transform: translate3d(9vw, -130vh, 0);
  }
}
@keyframes move-frames-154 {
  from {
    transform: translate3d(9vw, 106vh, 0);
  }
  to {
    transform: translate3d(9vw, -130vh, 0);
  }
}
.particle-box:nth-child(154) .circle {
  -webkit-animation-delay: 3279ms;
          animation-delay: 3279ms;
}
.particle-box:nth-child(155) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-155;
          animation-name: move-frames-155;
  -webkit-animation-duration: 31144ms;
          animation-duration: 31144ms;
  -webkit-animation-delay: 10362ms;
          animation-delay: 10362ms;
}
@-webkit-keyframes move-frames-155 {
  from {
    transform: translate3d(82vw, 105vh, 0);
  }
  to {
    transform: translate3d(80vw, -125vh, 0);
  }
}
@keyframes move-frames-155 {
  from {
    transform: translate3d(82vw, 105vh, 0);
  }
  to {
    transform: translate3d(80vw, -125vh, 0);
  }
}
.particle-box:nth-child(155) .circle {
  -webkit-animation-delay: 3849ms;
          animation-delay: 3849ms;
}
.particle-box:nth-child(156) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-156;
          animation-name: move-frames-156;
  -webkit-animation-duration: 34029ms;
          animation-duration: 34029ms;
  -webkit-animation-delay: 21611ms;
          animation-delay: 21611ms;
}
@-webkit-keyframes move-frames-156 {
  from {
    transform: translate3d(90vw, 101vh, 0);
  }
  to {
    transform: translate3d(2vw, -118vh, 0);
  }
}
@keyframes move-frames-156 {
  from {
    transform: translate3d(90vw, 101vh, 0);
  }
  to {
    transform: translate3d(2vw, -118vh, 0);
  }
}
.particle-box:nth-child(156) .circle {
  -webkit-animation-delay: 671ms;
          animation-delay: 671ms;
}
.particle-box:nth-child(157) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-157;
          animation-name: move-frames-157;
  -webkit-animation-duration: 34543ms;
          animation-duration: 34543ms;
  -webkit-animation-delay: 31025ms;
          animation-delay: 31025ms;
}
@-webkit-keyframes move-frames-157 {
  from {
    transform: translate3d(17vw, 108vh, 0);
  }
  to {
    transform: translate3d(32vw, -131vh, 0);
  }
}
@keyframes move-frames-157 {
  from {
    transform: translate3d(17vw, 108vh, 0);
  }
  to {
    transform: translate3d(32vw, -131vh, 0);
  }
}
.particle-box:nth-child(157) .circle {
  -webkit-animation-delay: 1882ms;
          animation-delay: 1882ms;
}
.particle-box:nth-child(158) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-158;
          animation-name: move-frames-158;
  -webkit-animation-duration: 31831ms;
          animation-duration: 31831ms;
  -webkit-animation-delay: 33030ms;
          animation-delay: 33030ms;
}
@-webkit-keyframes move-frames-158 {
  from {
    transform: translate3d(35vw, 103vh, 0);
  }
  to {
    transform: translate3d(57vw, -108vh, 0);
  }
}
@keyframes move-frames-158 {
  from {
    transform: translate3d(35vw, 103vh, 0);
  }
  to {
    transform: translate3d(57vw, -108vh, 0);
  }
}
.particle-box:nth-child(158) .circle {
  -webkit-animation-delay: 729ms;
          animation-delay: 729ms;
}
.particle-box:nth-child(159) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-159;
          animation-name: move-frames-159;
  -webkit-animation-duration: 34913ms;
          animation-duration: 34913ms;
  -webkit-animation-delay: 36106ms;
          animation-delay: 36106ms;
}
@-webkit-keyframes move-frames-159 {
  from {
    transform: translate3d(60vw, 103vh, 0);
  }
  to {
    transform: translate3d(66vw, -114vh, 0);
  }
}
@keyframes move-frames-159 {
  from {
    transform: translate3d(60vw, 103vh, 0);
  }
  to {
    transform: translate3d(66vw, -114vh, 0);
  }
}
.particle-box:nth-child(159) .circle {
  -webkit-animation-delay: 3367ms;
          animation-delay: 3367ms;
}
.particle-box:nth-child(160) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-160;
          animation-name: move-frames-160;
  -webkit-animation-duration: 34735ms;
          animation-duration: 34735ms;
  -webkit-animation-delay: 14060ms;
          animation-delay: 14060ms;
}
@-webkit-keyframes move-frames-160 {
  from {
    transform: translate3d(93vw, 105vh, 0);
  }
  to {
    transform: translate3d(38vw, -117vh, 0);
  }
}
@keyframes move-frames-160 {
  from {
    transform: translate3d(93vw, 105vh, 0);
  }
  to {
    transform: translate3d(38vw, -117vh, 0);
  }
}
.particle-box:nth-child(160) .circle {
  -webkit-animation-delay: 2934ms;
          animation-delay: 2934ms;
}
.particle-box:nth-child(161) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-161;
          animation-name: move-frames-161;
  -webkit-animation-duration: 33898ms;
          animation-duration: 33898ms;
  -webkit-animation-delay: 27011ms;
          animation-delay: 27011ms;
}
@-webkit-keyframes move-frames-161 {
  from {
    transform: translate3d(11vw, 103vh, 0);
  }
  to {
    transform: translate3d(80vw, -106vh, 0);
  }
}
@keyframes move-frames-161 {
  from {
    transform: translate3d(11vw, 103vh, 0);
  }
  to {
    transform: translate3d(80vw, -106vh, 0);
  }
}
.particle-box:nth-child(161) .circle {
  -webkit-animation-delay: 3537ms;
          animation-delay: 3537ms;
}
.particle-box:nth-child(162) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-162;
          animation-name: move-frames-162;
  -webkit-animation-duration: 36367ms;
          animation-duration: 36367ms;
  -webkit-animation-delay: 28016ms;
          animation-delay: 28016ms;
}
@-webkit-keyframes move-frames-162 {
  from {
    transform: translate3d(62vw, 106vh, 0);
  }
  to {
    transform: translate3d(32vw, -125vh, 0);
  }
}
@keyframes move-frames-162 {
  from {
    transform: translate3d(62vw, 106vh, 0);
  }
  to {
    transform: translate3d(32vw, -125vh, 0);
  }
}
.particle-box:nth-child(162) .circle {
  -webkit-animation-delay: 167ms;
          animation-delay: 167ms;
}
.particle-box:nth-child(163) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-163;
          animation-name: move-frames-163;
  -webkit-animation-duration: 31448ms;
          animation-duration: 31448ms;
  -webkit-animation-delay: 11581ms;
          animation-delay: 11581ms;
}
@-webkit-keyframes move-frames-163 {
  from {
    transform: translate3d(96vw, 108vh, 0);
  }
  to {
    transform: translate3d(79vw, -138vh, 0);
  }
}
@keyframes move-frames-163 {
  from {
    transform: translate3d(96vw, 108vh, 0);
  }
  to {
    transform: translate3d(79vw, -138vh, 0);
  }
}
.particle-box:nth-child(163) .circle {
  -webkit-animation-delay: 1621ms;
          animation-delay: 1621ms;
}
.particle-box:nth-child(164) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-164;
          animation-name: move-frames-164;
  -webkit-animation-duration: 36096ms;
          animation-duration: 36096ms;
  -webkit-animation-delay: 3672ms;
          animation-delay: 3672ms;
}
@-webkit-keyframes move-frames-164 {
  from {
    transform: translate3d(8vw, 104vh, 0);
  }
  to {
    transform: translate3d(48vw, -131vh, 0);
  }
}
@keyframes move-frames-164 {
  from {
    transform: translate3d(8vw, 104vh, 0);
  }
  to {
    transform: translate3d(48vw, -131vh, 0);
  }
}
.particle-box:nth-child(164) .circle {
  -webkit-animation-delay: 674ms;
          animation-delay: 674ms;
}
.particle-box:nth-child(165) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-165;
          animation-name: move-frames-165;
  -webkit-animation-duration: 32295ms;
          animation-duration: 32295ms;
  -webkit-animation-delay: 10520ms;
          animation-delay: 10520ms;
}
@-webkit-keyframes move-frames-165 {
  from {
    transform: translate3d(81vw, 106vh, 0);
  }
  to {
    transform: translate3d(1vw, -133vh, 0);
  }
}
@keyframes move-frames-165 {
  from {
    transform: translate3d(81vw, 106vh, 0);
  }
  to {
    transform: translate3d(1vw, -133vh, 0);
  }
}
.particle-box:nth-child(165) .circle {
  -webkit-animation-delay: 197ms;
          animation-delay: 197ms;
}
.particle-box:nth-child(166) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-166;
          animation-name: move-frames-166;
  -webkit-animation-duration: 29792ms;
          animation-duration: 29792ms;
  -webkit-animation-delay: 2763ms;
          animation-delay: 2763ms;
}
@-webkit-keyframes move-frames-166 {
  from {
    transform: translate3d(85vw, 110vh, 0);
  }
  to {
    transform: translate3d(98vw, -113vh, 0);
  }
}
@keyframes move-frames-166 {
  from {
    transform: translate3d(85vw, 110vh, 0);
  }
  to {
    transform: translate3d(98vw, -113vh, 0);
  }
}
.particle-box:nth-child(166) .circle {
  -webkit-animation-delay: 1992ms;
          animation-delay: 1992ms;
}
.particle-box:nth-child(167) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-167;
          animation-name: move-frames-167;
  -webkit-animation-duration: 33357ms;
          animation-duration: 33357ms;
  -webkit-animation-delay: 7404ms;
          animation-delay: 7404ms;
}
@-webkit-keyframes move-frames-167 {
  from {
    transform: translate3d(47vw, 110vh, 0);
  }
  to {
    transform: translate3d(60vw, -134vh, 0);
  }
}
@keyframes move-frames-167 {
  from {
    transform: translate3d(47vw, 110vh, 0);
  }
  to {
    transform: translate3d(60vw, -134vh, 0);
  }
}
.particle-box:nth-child(167) .circle {
  -webkit-animation-delay: 2634ms;
          animation-delay: 2634ms;
}
.particle-box:nth-child(168) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-168;
          animation-name: move-frames-168;
  -webkit-animation-duration: 28519ms;
          animation-duration: 28519ms;
  -webkit-animation-delay: 3850ms;
          animation-delay: 3850ms;
}
@-webkit-keyframes move-frames-168 {
  from {
    transform: translate3d(8vw, 103vh, 0);
  }
  to {
    transform: translate3d(27vw, -120vh, 0);
  }
}
@keyframes move-frames-168 {
  from {
    transform: translate3d(8vw, 103vh, 0);
  }
  to {
    transform: translate3d(27vw, -120vh, 0);
  }
}
.particle-box:nth-child(168) .circle {
  -webkit-animation-delay: 2590ms;
          animation-delay: 2590ms;
}
.particle-box:nth-child(169) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-169;
          animation-name: move-frames-169;
  -webkit-animation-duration: 29449ms;
          animation-duration: 29449ms;
  -webkit-animation-delay: 27475ms;
          animation-delay: 27475ms;
}
@-webkit-keyframes move-frames-169 {
  from {
    transform: translate3d(15vw, 105vh, 0);
  }
  to {
    transform: translate3d(47vw, -121vh, 0);
  }
}
@keyframes move-frames-169 {
  from {
    transform: translate3d(15vw, 105vh, 0);
  }
  to {
    transform: translate3d(47vw, -121vh, 0);
  }
}
.particle-box:nth-child(169) .circle {
  -webkit-animation-delay: 2676ms;
          animation-delay: 2676ms;
}
.particle-box:nth-child(170) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-170;
          animation-name: move-frames-170;
  -webkit-animation-duration: 35421ms;
          animation-duration: 35421ms;
  -webkit-animation-delay: 20604ms;
          animation-delay: 20604ms;
}
@-webkit-keyframes move-frames-170 {
  from {
    transform: translate3d(7vw, 110vh, 0);
  }
  to {
    transform: translate3d(43vw, -136vh, 0);
  }
}
@keyframes move-frames-170 {
  from {
    transform: translate3d(7vw, 110vh, 0);
  }
  to {
    transform: translate3d(43vw, -136vh, 0);
  }
}
.particle-box:nth-child(170) .circle {
  -webkit-animation-delay: 383ms;
          animation-delay: 383ms;
}
.particle-box:nth-child(171) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-171;
          animation-name: move-frames-171;
  -webkit-animation-duration: 35437ms;
          animation-duration: 35437ms;
  -webkit-animation-delay: 9627ms;
          animation-delay: 9627ms;
}
@-webkit-keyframes move-frames-171 {
  from {
    transform: translate3d(71vw, 106vh, 0);
  }
  to {
    transform: translate3d(1vw, -128vh, 0);
  }
}
@keyframes move-frames-171 {
  from {
    transform: translate3d(71vw, 106vh, 0);
  }
  to {
    transform: translate3d(1vw, -128vh, 0);
  }
}
.particle-box:nth-child(171) .circle {
  -webkit-animation-delay: 2087ms;
          animation-delay: 2087ms;
}
.particle-box:nth-child(172) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-172;
          animation-name: move-frames-172;
  -webkit-animation-duration: 34341ms;
          animation-duration: 34341ms;
  -webkit-animation-delay: 2695ms;
          animation-delay: 2695ms;
}
@-webkit-keyframes move-frames-172 {
  from {
    transform: translate3d(34vw, 102vh, 0);
  }
  to {
    transform: translate3d(90vw, -106vh, 0);
  }
}
@keyframes move-frames-172 {
  from {
    transform: translate3d(34vw, 102vh, 0);
  }
  to {
    transform: translate3d(90vw, -106vh, 0);
  }
}
.particle-box:nth-child(172) .circle {
  -webkit-animation-delay: 2735ms;
          animation-delay: 2735ms;
}
.particle-box:nth-child(173) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-173;
          animation-name: move-frames-173;
  -webkit-animation-duration: 34795ms;
          animation-duration: 34795ms;
  -webkit-animation-delay: 9108ms;
          animation-delay: 9108ms;
}
@-webkit-keyframes move-frames-173 {
  from {
    transform: translate3d(31vw, 108vh, 0);
  }
  to {
    transform: translate3d(64vw, -112vh, 0);
  }
}
@keyframes move-frames-173 {
  from {
    transform: translate3d(31vw, 108vh, 0);
  }
  to {
    transform: translate3d(64vw, -112vh, 0);
  }
}
.particle-box:nth-child(173) .circle {
  -webkit-animation-delay: 1018ms;
          animation-delay: 1018ms;
}
.particle-box:nth-child(174) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-174;
          animation-name: move-frames-174;
  -webkit-animation-duration: 32751ms;
          animation-duration: 32751ms;
  -webkit-animation-delay: 6481ms;
          animation-delay: 6481ms;
}
@-webkit-keyframes move-frames-174 {
  from {
    transform: translate3d(88vw, 103vh, 0);
  }
  to {
    transform: translate3d(31vw, -123vh, 0);
  }
}
@keyframes move-frames-174 {
  from {
    transform: translate3d(88vw, 103vh, 0);
  }
  to {
    transform: translate3d(31vw, -123vh, 0);
  }
}
.particle-box:nth-child(174) .circle {
  -webkit-animation-delay: 62ms;
          animation-delay: 62ms;
}
.particle-box:nth-child(175) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-175;
          animation-name: move-frames-175;
  -webkit-animation-duration: 31918ms;
          animation-duration: 31918ms;
  -webkit-animation-delay: 19405ms;
          animation-delay: 19405ms;
}
@-webkit-keyframes move-frames-175 {
  from {
    transform: translate3d(60vw, 106vh, 0);
  }
  to {
    transform: translate3d(48vw, -123vh, 0);
  }
}
@keyframes move-frames-175 {
  from {
    transform: translate3d(60vw, 106vh, 0);
  }
  to {
    transform: translate3d(48vw, -123vh, 0);
  }
}
.particle-box:nth-child(175) .circle {
  -webkit-animation-delay: 357ms;
          animation-delay: 357ms;
}
.particle-box:nth-child(176) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-176;
          animation-name: move-frames-176;
  -webkit-animation-duration: 36932ms;
          animation-duration: 36932ms;
  -webkit-animation-delay: 2967ms;
          animation-delay: 2967ms;
}
@-webkit-keyframes move-frames-176 {
  from {
    transform: translate3d(40vw, 106vh, 0);
  }
  to {
    transform: translate3d(87vw, -128vh, 0);
  }
}
@keyframes move-frames-176 {
  from {
    transform: translate3d(40vw, 106vh, 0);
  }
  to {
    transform: translate3d(87vw, -128vh, 0);
  }
}
.particle-box:nth-child(176) .circle {
  -webkit-animation-delay: 3746ms;
          animation-delay: 3746ms;
}
.particle-box:nth-child(177) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-177;
          animation-name: move-frames-177;
  -webkit-animation-duration: 28631ms;
          animation-duration: 28631ms;
  -webkit-animation-delay: 23721ms;
          animation-delay: 23721ms;
}
@-webkit-keyframes move-frames-177 {
  from {
    transform: translate3d(97vw, 107vh, 0);
  }
  to {
    transform: translate3d(30vw, -118vh, 0);
  }
}
@keyframes move-frames-177 {
  from {
    transform: translate3d(97vw, 107vh, 0);
  }
  to {
    transform: translate3d(30vw, -118vh, 0);
  }
}
.particle-box:nth-child(177) .circle {
  -webkit-animation-delay: 2484ms;
          animation-delay: 2484ms;
}
.particle-box:nth-child(178) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-178;
          animation-name: move-frames-178;
  -webkit-animation-duration: 34400ms;
          animation-duration: 34400ms;
  -webkit-animation-delay: 220ms;
          animation-delay: 220ms;
}
@-webkit-keyframes move-frames-178 {
  from {
    transform: translate3d(32vw, 106vh, 0);
  }
  to {
    transform: translate3d(54vw, -131vh, 0);
  }
}
@keyframes move-frames-178 {
  from {
    transform: translate3d(32vw, 106vh, 0);
  }
  to {
    transform: translate3d(54vw, -131vh, 0);
  }
}
.particle-box:nth-child(178) .circle {
  -webkit-animation-delay: 3385ms;
          animation-delay: 3385ms;
}
.particle-box:nth-child(179) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-179;
          animation-name: move-frames-179;
  -webkit-animation-duration: 30626ms;
          animation-duration: 30626ms;
  -webkit-animation-delay: 22408ms;
          animation-delay: 22408ms;
}
@-webkit-keyframes move-frames-179 {
  from {
    transform: translate3d(100vw, 102vh, 0);
  }
  to {
    transform: translate3d(57vw, -121vh, 0);
  }
}
@keyframes move-frames-179 {
  from {
    transform: translate3d(100vw, 102vh, 0);
  }
  to {
    transform: translate3d(57vw, -121vh, 0);
  }
}
.particle-box:nth-child(179) .circle {
  -webkit-animation-delay: 1958ms;
          animation-delay: 1958ms;
}
.particle-box:nth-child(180) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-180;
          animation-name: move-frames-180;
  -webkit-animation-duration: 33117ms;
          animation-duration: 33117ms;
  -webkit-animation-delay: 27842ms;
          animation-delay: 27842ms;
}
@-webkit-keyframes move-frames-180 {
  from {
    transform: translate3d(58vw, 105vh, 0);
  }
  to {
    transform: translate3d(34vw, -128vh, 0);
  }
}
@keyframes move-frames-180 {
  from {
    transform: translate3d(58vw, 105vh, 0);
  }
  to {
    transform: translate3d(34vw, -128vh, 0);
  }
}
.particle-box:nth-child(180) .circle {
  -webkit-animation-delay: 1447ms;
          animation-delay: 1447ms;
}
.particle-box:nth-child(181) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-181;
          animation-name: move-frames-181;
  -webkit-animation-duration: 28227ms;
          animation-duration: 28227ms;
  -webkit-animation-delay: 8960ms;
          animation-delay: 8960ms;
}
@-webkit-keyframes move-frames-181 {
  from {
    transform: translate3d(42vw, 102vh, 0);
  }
  to {
    transform: translate3d(30vw, -132vh, 0);
  }
}
@keyframes move-frames-181 {
  from {
    transform: translate3d(42vw, 102vh, 0);
  }
  to {
    transform: translate3d(30vw, -132vh, 0);
  }
}
.particle-box:nth-child(181) .circle {
  -webkit-animation-delay: 3656ms;
          animation-delay: 3656ms;
}
.particle-box:nth-child(182) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-182;
          animation-name: move-frames-182;
  -webkit-animation-duration: 33147ms;
          animation-duration: 33147ms;
  -webkit-animation-delay: 36637ms;
          animation-delay: 36637ms;
}
@-webkit-keyframes move-frames-182 {
  from {
    transform: translate3d(65vw, 110vh, 0);
  }
  to {
    transform: translate3d(37vw, -112vh, 0);
  }
}
@keyframes move-frames-182 {
  from {
    transform: translate3d(65vw, 110vh, 0);
  }
  to {
    transform: translate3d(37vw, -112vh, 0);
  }
}
.particle-box:nth-child(182) .circle {
  -webkit-animation-delay: 1093ms;
          animation-delay: 1093ms;
}
.particle-box:nth-child(183) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-183;
          animation-name: move-frames-183;
  -webkit-animation-duration: 30845ms;
          animation-duration: 30845ms;
  -webkit-animation-delay: 29796ms;
          animation-delay: 29796ms;
}
@-webkit-keyframes move-frames-183 {
  from {
    transform: translate3d(31vw, 106vh, 0);
  }
  to {
    transform: translate3d(83vw, -130vh, 0);
  }
}
@keyframes move-frames-183 {
  from {
    transform: translate3d(31vw, 106vh, 0);
  }
  to {
    transform: translate3d(83vw, -130vh, 0);
  }
}
.particle-box:nth-child(183) .circle {
  -webkit-animation-delay: 383ms;
          animation-delay: 383ms;
}
.particle-box:nth-child(184) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-184;
          animation-name: move-frames-184;
  -webkit-animation-duration: 31484ms;
          animation-duration: 31484ms;
  -webkit-animation-delay: 23048ms;
          animation-delay: 23048ms;
}
@-webkit-keyframes move-frames-184 {
  from {
    transform: translate3d(65vw, 108vh, 0);
  }
  to {
    transform: translate3d(54vw, -112vh, 0);
  }
}
@keyframes move-frames-184 {
  from {
    transform: translate3d(65vw, 108vh, 0);
  }
  to {
    transform: translate3d(54vw, -112vh, 0);
  }
}
.particle-box:nth-child(184) .circle {
  -webkit-animation-delay: 2904ms;
          animation-delay: 2904ms;
}
.particle-box:nth-child(185) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-185;
          animation-name: move-frames-185;
  -webkit-animation-duration: 35474ms;
          animation-duration: 35474ms;
  -webkit-animation-delay: 27725ms;
          animation-delay: 27725ms;
}
@-webkit-keyframes move-frames-185 {
  from {
    transform: translate3d(89vw, 102vh, 0);
  }
  to {
    transform: translate3d(38vw, -125vh, 0);
  }
}
@keyframes move-frames-185 {
  from {
    transform: translate3d(89vw, 102vh, 0);
  }
  to {
    transform: translate3d(38vw, -125vh, 0);
  }
}
.particle-box:nth-child(185) .circle {
  -webkit-animation-delay: 2138ms;
          animation-delay: 2138ms;
}
.particle-box:nth-child(186) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-186;
          animation-name: move-frames-186;
  -webkit-animation-duration: 33045ms;
          animation-duration: 33045ms;
  -webkit-animation-delay: 11089ms;
          animation-delay: 11089ms;
}
@-webkit-keyframes move-frames-186 {
  from {
    transform: translate3d(39vw, 107vh, 0);
  }
  to {
    transform: translate3d(30vw, -125vh, 0);
  }
}
@keyframes move-frames-186 {
  from {
    transform: translate3d(39vw, 107vh, 0);
  }
  to {
    transform: translate3d(30vw, -125vh, 0);
  }
}
.particle-box:nth-child(186) .circle {
  -webkit-animation-delay: 535ms;
          animation-delay: 535ms;
}
.particle-box:nth-child(187) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-187;
          animation-name: move-frames-187;
  -webkit-animation-duration: 32674ms;
          animation-duration: 32674ms;
  -webkit-animation-delay: 36058ms;
          animation-delay: 36058ms;
}
@-webkit-keyframes move-frames-187 {
  from {
    transform: translate3d(66vw, 105vh, 0);
  }
  to {
    transform: translate3d(7vw, -119vh, 0);
  }
}
@keyframes move-frames-187 {
  from {
    transform: translate3d(66vw, 105vh, 0);
  }
  to {
    transform: translate3d(7vw, -119vh, 0);
  }
}
.particle-box:nth-child(187) .circle {
  -webkit-animation-delay: 2373ms;
          animation-delay: 2373ms;
}
.particle-box:nth-child(188) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-188;
          animation-name: move-frames-188;
  -webkit-animation-duration: 33001ms;
          animation-duration: 33001ms;
  -webkit-animation-delay: 35248ms;
          animation-delay: 35248ms;
}
@-webkit-keyframes move-frames-188 {
  from {
    transform: translate3d(61vw, 101vh, 0);
  }
  to {
    transform: translate3d(4vw, -130vh, 0);
  }
}
@keyframes move-frames-188 {
  from {
    transform: translate3d(61vw, 101vh, 0);
  }
  to {
    transform: translate3d(4vw, -130vh, 0);
  }
}
.particle-box:nth-child(188) .circle {
  -webkit-animation-delay: 762ms;
          animation-delay: 762ms;
}
.particle-box:nth-child(189) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-189;
          animation-name: move-frames-189;
  -webkit-animation-duration: 36787ms;
          animation-duration: 36787ms;
  -webkit-animation-delay: 11088ms;
          animation-delay: 11088ms;
}
@-webkit-keyframes move-frames-189 {
  from {
    transform: translate3d(78vw, 102vh, 0);
  }
  to {
    transform: translate3d(55vw, -116vh, 0);
  }
}
@keyframes move-frames-189 {
  from {
    transform: translate3d(78vw, 102vh, 0);
  }
  to {
    transform: translate3d(55vw, -116vh, 0);
  }
}
.particle-box:nth-child(189) .circle {
  -webkit-animation-delay: 3932ms;
          animation-delay: 3932ms;
}
.particle-box:nth-child(190) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-190;
          animation-name: move-frames-190;
  -webkit-animation-duration: 34659ms;
          animation-duration: 34659ms;
  -webkit-animation-delay: 21113ms;
          animation-delay: 21113ms;
}
@-webkit-keyframes move-frames-190 {
  from {
    transform: translate3d(50vw, 108vh, 0);
  }
  to {
    transform: translate3d(19vw, -118vh, 0);
  }
}
@keyframes move-frames-190 {
  from {
    transform: translate3d(50vw, 108vh, 0);
  }
  to {
    transform: translate3d(19vw, -118vh, 0);
  }
}
.particle-box:nth-child(190) .circle {
  -webkit-animation-delay: 601ms;
          animation-delay: 601ms;
}
.particle-box:nth-child(191) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-191;
          animation-name: move-frames-191;
  -webkit-animation-duration: 34588ms;
          animation-duration: 34588ms;
  -webkit-animation-delay: 21442ms;
          animation-delay: 21442ms;
}
@-webkit-keyframes move-frames-191 {
  from {
    transform: translate3d(46vw, 105vh, 0);
  }
  to {
    transform: translate3d(65vw, -115vh, 0);
  }
}
@keyframes move-frames-191 {
  from {
    transform: translate3d(46vw, 105vh, 0);
  }
  to {
    transform: translate3d(65vw, -115vh, 0);
  }
}
.particle-box:nth-child(191) .circle {
  -webkit-animation-delay: 2429ms;
          animation-delay: 2429ms;
}
.particle-box:nth-child(192) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-192;
          animation-name: move-frames-192;
  -webkit-animation-duration: 31160ms;
          animation-duration: 31160ms;
  -webkit-animation-delay: 15682ms;
          animation-delay: 15682ms;
}
@-webkit-keyframes move-frames-192 {
  from {
    transform: translate3d(27vw, 109vh, 0);
  }
  to {
    transform: translate3d(64vw, -126vh, 0);
  }
}
@keyframes move-frames-192 {
  from {
    transform: translate3d(27vw, 109vh, 0);
  }
  to {
    transform: translate3d(64vw, -126vh, 0);
  }
}
.particle-box:nth-child(192) .circle {
  -webkit-animation-delay: 1263ms;
          animation-delay: 1263ms;
}
.particle-box:nth-child(193) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-193;
          animation-name: move-frames-193;
  -webkit-animation-duration: 33452ms;
          animation-duration: 33452ms;
  -webkit-animation-delay: 5174ms;
          animation-delay: 5174ms;
}
@-webkit-keyframes move-frames-193 {
  from {
    transform: translate3d(39vw, 109vh, 0);
  }
  to {
    transform: translate3d(76vw, -131vh, 0);
  }
}
@keyframes move-frames-193 {
  from {
    transform: translate3d(39vw, 109vh, 0);
  }
  to {
    transform: translate3d(76vw, -131vh, 0);
  }
}
.particle-box:nth-child(193) .circle {
  -webkit-animation-delay: 1256ms;
          animation-delay: 1256ms;
}
.particle-box:nth-child(194) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-194;
          animation-name: move-frames-194;
  -webkit-animation-duration: 32458ms;
          animation-duration: 32458ms;
  -webkit-animation-delay: 29764ms;
          animation-delay: 29764ms;
}
@-webkit-keyframes move-frames-194 {
  from {
    transform: translate3d(34vw, 105vh, 0);
  }
  to {
    transform: translate3d(23vw, -111vh, 0);
  }
}
@keyframes move-frames-194 {
  from {
    transform: translate3d(34vw, 105vh, 0);
  }
  to {
    transform: translate3d(23vw, -111vh, 0);
  }
}
.particle-box:nth-child(194) .circle {
  -webkit-animation-delay: 318ms;
          animation-delay: 318ms;
}
.particle-box:nth-child(195) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-195;
          animation-name: move-frames-195;
  -webkit-animation-duration: 30672ms;
          animation-duration: 30672ms;
  -webkit-animation-delay: 18120ms;
          animation-delay: 18120ms;
}
@-webkit-keyframes move-frames-195 {
  from {
    transform: translate3d(83vw, 107vh, 0);
  }
  to {
    transform: translate3d(3vw, -123vh, 0);
  }
}
@keyframes move-frames-195 {
  from {
    transform: translate3d(83vw, 107vh, 0);
  }
  to {
    transform: translate3d(3vw, -123vh, 0);
  }
}
.particle-box:nth-child(195) .circle {
  -webkit-animation-delay: 2656ms;
          animation-delay: 2656ms;
}
.particle-box:nth-child(196) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-196;
          animation-name: move-frames-196;
  -webkit-animation-duration: 28560ms;
          animation-duration: 28560ms;
  -webkit-animation-delay: 6350ms;
          animation-delay: 6350ms;
}
@-webkit-keyframes move-frames-196 {
  from {
    transform: translate3d(87vw, 109vh, 0);
  }
  to {
    transform: translate3d(19vw, -121vh, 0);
  }
}
@keyframes move-frames-196 {
  from {
    transform: translate3d(87vw, 109vh, 0);
  }
  to {
    transform: translate3d(19vw, -121vh, 0);
  }
}
.particle-box:nth-child(196) .circle {
  -webkit-animation-delay: 2638ms;
          animation-delay: 2638ms;
}
.particle-box:nth-child(197) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-197;
          animation-name: move-frames-197;
  -webkit-animation-duration: 28042ms;
          animation-duration: 28042ms;
  -webkit-animation-delay: 36875ms;
          animation-delay: 36875ms;
}
@-webkit-keyframes move-frames-197 {
  from {
    transform: translate3d(71vw, 101vh, 0);
  }
  to {
    transform: translate3d(55vw, -119vh, 0);
  }
}
@keyframes move-frames-197 {
  from {
    transform: translate3d(71vw, 101vh, 0);
  }
  to {
    transform: translate3d(55vw, -119vh, 0);
  }
}
.particle-box:nth-child(197) .circle {
  -webkit-animation-delay: 1755ms;
          animation-delay: 1755ms;
}
.particle-box:nth-child(198) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-198;
          animation-name: move-frames-198;
  -webkit-animation-duration: 28313ms;
          animation-duration: 28313ms;
  -webkit-animation-delay: 12425ms;
          animation-delay: 12425ms;
}
@-webkit-keyframes move-frames-198 {
  from {
    transform: translate3d(95vw, 107vh, 0);
  }
  to {
    transform: translate3d(58vw, -130vh, 0);
  }
}
@keyframes move-frames-198 {
  from {
    transform: translate3d(95vw, 107vh, 0);
  }
  to {
    transform: translate3d(58vw, -130vh, 0);
  }
}
.particle-box:nth-child(198) .circle {
  -webkit-animation-delay: 72ms;
          animation-delay: 72ms;
}
.particle-box:nth-child(199) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-199;
          animation-name: move-frames-199;
  -webkit-animation-duration: 34108ms;
          animation-duration: 34108ms;
  -webkit-animation-delay: 32611ms;
          animation-delay: 32611ms;
}
@-webkit-keyframes move-frames-199 {
  from {
    transform: translate3d(9vw, 103vh, 0);
  }
  to {
    transform: translate3d(85vw, -122vh, 0);
  }
}
@keyframes move-frames-199 {
  from {
    transform: translate3d(9vw, 103vh, 0);
  }
  to {
    transform: translate3d(85vw, -122vh, 0);
  }
}
.particle-box:nth-child(199) .circle {
  -webkit-animation-delay: 3941ms;
          animation-delay: 3941ms;
}
.particle-box:nth-child(200) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-200;
          animation-name: move-frames-200;
  -webkit-animation-duration: 35361ms;
          animation-duration: 35361ms;
  -webkit-animation-delay: 20323ms;
          animation-delay: 20323ms;
}
@-webkit-keyframes move-frames-200 {
  from {
    transform: translate3d(60vw, 109vh, 0);
  }
  to {
    transform: translate3d(60vw, -111vh, 0);
  }
}
@keyframes move-frames-200 {
  from {
    transform: translate3d(60vw, 109vh, 0);
  }
  to {
    transform: translate3d(60vw, -111vh, 0);
  }
}
.particle-box:nth-child(200) .circle {
  -webkit-animation-delay: 1602ms;
          animation-delay: 1602ms;
}

canvas{
	background: transparent;
}

/* spin */

.product_wrap {text-align: center;  zoom:5;}
			.product_wrap > div {display: inline-block; }
			.product_wrap .product-viewer {position: relative; z-index: 0; display: inline-block; overflow: hidden; }
			.product_wrap img {display: block; position: relative; z-index: 1; width:100%; }
			.product_wrap .product-sprite {position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 400%; background: url("../img/spin.png") no-repeat center center; background-size: 100%; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
			.product_wrap.loaded .product-sprite { opacity: 1; cursor: ew-resize; }
			.cd-product-viewer-handle {position: relative; z-index: 1; width: 60%; max-width: 300px; border-radius: 50em; margin: 1em auto 3em; height: 4px;  }
			.cd-product-viewer-handle .fill { position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; border-radius: inherit;  -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; }
			.no-csstransitions .cd-product-viewer-handle .fill {display: none; }
			.loaded .cd-product-viewer-handle .fill { opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.2s 0.3s; transition: transform 0.3s, opacity 0.2s 0.3s; }
		
			.cd-product-viewer-handle .handle:active {box-shadow: 0 0 0 0 rgba(181, 66, 64, 0), 0 0 20px rgba(0, 0, 0, 0.2); }
			.loaded .cd-product-viewer-handle .handle {  -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -webkit-animation: cd-bounce 0.3s 0.3s; -moz-animation: cd-bounce 0.3s 0.3s; animation: cd-bounce 0.3s 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; cursor: ew-resize; }

			

@keyframes fuwafuwa {
  0% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(0%);
  }
}

.platform_list{
	margin: 0 0 2.3vw;
	transform: scale(.45);
	filter: drop-shadow(0 0 .5vw #163854) drop-shadow(0 0 .5vw #163854);
}

.platform_list ul{
	display: flex;
	justify-content: center;
	align-items: center;
}

.platform_list ul .img_wrap{
	display: flex;
	justify-content: center;
	padding: 0 .8vw;
	box-sizing: border-box;
}

.platform_list ul li img{

	display: block;
}

.btn-hover {
    width: 100%;
    font-size: .9vw;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 20px auto;
    height: 60px;
    border: none;
    background-size: 300% 100%;
    border-radius: 10px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	background-image: linear-gradient(to right, deepskyblue, #1b7ba3, #1b7ba3, deepskyblue);
    /* box-shadow: 0 4px 15px 0 rgba(195, 195, 195, 0.75); */
	text-align: center;
	text-wrap: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	color: white;
}

.btn-hover:focus {
    outline: none;
}

.p-collectors_detail dt img{
	object-fit: contain;
	width: 17vw;
	margin: 0 auto;
}

.arrowspin{
	position: relative;
	width: 5vw;
	top: 5vw;
	margin: 0 auto;
}

.arrowspin img{
	width: 5vw;
}

h1.img_wrap{
	width: 35.6458333333vw;
	height: 26.979vw;
	position: relative;
	top: 0vw;
	left: 20vw;
	text-indent: -9999px;
	z-index: 1;
}

h1.img_wrap img{
	width: 35vw;
	object-fit: contain;
}

dl.description{
	border-top: solid 1px #ccc;
	position: relative;
	display: flex;
}

.description_label{
	color: white;
	background: gray;
	padding: .3vw 1vw;
	width: 20%;
	text-align: center;
	margin-right: 1vw;
}

.description_item{
	border-bottom: solid 1px #ccc;
	width: 80%;
	
}

.reservebtn{
	width: 20vw;
	height: 8vw;
	display: block;
	position: relative;
	right: 13vw;
	bottom: 9vw;
	background: url("../img/reservebtn.png") no-repeat;
	background-size:contain;
	
}

.reservebtn:hover{
	background: url("../img/reservebtnhover.png") no-repeat;
	background-size: contain;
}

.swiper {
	width: 75vw !important;
	overflow: hidden;
	column-gap: 3rem;
  padding-block: min(20vh, 3rem);
	position: relative;
}

.swiper-slide {
  width: 28.75rem !important;
  height: 60.125rem !important;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: self-start;
	border: 1px solid white;
	padding: 4vw 6vw;
	margin: 0 8vw;

}

.swiper-slide h2 {
  color: #fff;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  padding: 0 0 0 1.563rem;
  text-transform: uppercase;
}

.swiper-slide p {
  color: white;
  font-weight: 300;
  padding: 0 1.563rem;
  line-height: 1.6;
  font-size: 0.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.swiper-slide a {
  margin: 1.25rem 1.563rem 3.438rem 1.563rem;
  padding: 0.438em 1.875rem;
  font-size: 0.9rem;
}

.swiper-slide a:hover {
  color: #005baa;
}

.swiper-slide div {
  display: none;
  opacity: 0;
  padding-bottom: 0.625rem;
}

.swiper-slide-active div {
  display: block;
  opacity: 1;
}



.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {
  background-image: transparent;
}

.slideone{
	background: url("../img/amiibo01.png") no-repeat top;
	background-size: contain;
}

.slidetwo{
	background: url("../img/amiibo02.png") no-repeat top;
	background-size: contain;
}

.slidethree{
	background: url("../img/amiibo03.png") no-repeat top;
	background-size: contain;
}

.notice{
	position: relative;
	top: -6vw;
}