@charset "UTF-8";
/*! sanitize.css v3.0.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
/*
 * Normalization
 */
audio:not([controls]) {
  display: none;
  /* Chrome 44-, iOS 8+, Safari 9+ */
}

button {
  overflow: visible;
  /* Internet Explorer 11- */
  -webkit-appearance: button;
  /* iOS 8+ */
}

details {
  display: block;
  /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* Edge 12+, Internet Explorer 11- */
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

input {
  -webkit-border-radius: 0;
}

input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* iOS 8+ */
}

input[type=search] {
  -webkit-appearance: textfield;
  /* Chrome 45+, Safari 9+ */
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Chrome 45+, Safari 9+ */
}

main {
  display: block;
  /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */
}

pre {
  overflow: auto;
  /* Internet Explorer 11- */
}

progress {
  display: inline-block;
  /* Internet Explorer 11-, Windows Phone 8.1+ */
}

small {
  font-size: 75%;
  /* All browsers */
}

summary {
  display: block;
  /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

template {
  display: none;
  /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */
}

textarea {
  overflow: auto;
  /* Edge 12+, Internet Explorer 11- */
}

[hidden] {
  display: none;
  /* Internet Explorer 10- */
}

/*
 * Universal inheritance
 */
*,
:before,
:after {
  box-sizing: inherit;
}

* {
  font-size: inherit;
  line-height: inherit;
}

:before,
:after {
  text-decoration: inherit;
  vertical-align: inherit;
}

/*
 * Opinionated defaults
 */
/* specify the border style and width of all elements */
*,
:before,
:after {
  border-style: solid;
  border-width: 0;
}

/* specify the core styles of all elements */
* {
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}

/* specify the root styles of the document */
:root {
  background-color: #ffffff;
  box-sizing: border-box;
  color: #000000;
  cursor: default;
  font: 100%/1.5 sans-serif;
  text-rendering: optimizeLegibility;
}

/* specify the text decoration of anchors */
a {
  text-decoration: none;
}

/* specify the alignment of media elements */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/* specify the background color of form elements */
button,
input,
select,
textarea {
  background-color: transparent;
}

/* specify the inherited color and font of form elements */
button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

/* specify the minimum height of form elements */
button,
[type=button],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=reset],
[type=search],
[type=submit],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
  min-height: 1.5em;
}

/* specify the font family of code elements */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

/* specify the list style of nav lists */
nav ol,
nav ul {
  list-style: none;
}

/* specify the standard appearance of selects */
select {
  -moz-appearance: none;
  /* Firefox 40+ */
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
  /* Edge 12+, Internet Explorer 11- */
}

select::-ms-value {
  color: currentColor;
  /* Edge 12+, Internet Explorer 11- */
}

/* specify the border styling of tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* specify the resizability of textareas */
textarea {
  resize: vertical;
}

/* specify the background color, font color, and drop shadow of text selections */
::-moz-selection {
  background-color: #b3d4fc;
  /* required when declaring ::selection */
  color: #4c2b03;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* required when declaring ::selection */
  color: #4c2b03;
  text-shadow: none;
}

/* specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* specify the style of visually hidden yet accessible elements */
[hidden][aria-hidden=false] {
  clip: rect(0 0 0 0);
  display: inherit;
  position: absolute;
}

[hidden][aria-hidden=false]:focus {
  clip: auto;
}


/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow {
  width: 20px;
  height: 20px;
  border-top: solid #fff 1px;
  border-right: solid #fff 1px;
  cursor: pointer;
  position: absolute;
  top: 36%;
  margin-top: -12px;
  transition: 0.2s all;
  z-index: 10;
}
.slick-prev {
  left: -25px;
  transform: rotate(-135deg);
}
.slick-next {
  right: -25px;
  transform: rotate(45deg);
}
.slick-dots {
  display: flex;
  list-style: none;
  text-align: center;
  justify-content: center;
  margin-top: 2rem;
}
.slick-dots li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  transition: 0.2s all;
  color: transparent;
}
.slick-dots li:not(:first-child) {
  margin-left: 2rem;
}
.slick-dots .slick-active {
  background: #6E82B4;
}

.archive-list--top .slick-arrow {
  width: 60px;
  height: 100%;
  border: none;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  position: absolute;
  top: 12px;
  z-index: 10;
}
.archive-list--top .slick-arrow:before {
  content: "";
  width: 20px;
  height: 20px;
  border-right: solid 3px #fff;
  border-top: solid 3px #fff;
  margin-top: -10px;
  margin-left: -14px;
  position: absolute;
  left: 50%;
  top: 50%;
}
.archive-list--top .slick-prev {
  left: 0px;
  transform: none;
}
.archive-list--top .slick-prev:before {
  transform: rotate(-135deg);
}
.archive-list--top .slick-next {
  right: 0px;
  transform: none;
}
.archive-list--top .slick-next:before {
  transform: rotate(45deg);
}

.product__images {
  padding: 0 60px;
}
.product__images .img_box img {
  transition: 0.2s all;
}
.product__images .img_box:hover img {
  opacity: 0.5;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?ibtd1");
  src: url("../fonts/icomoon.eot?ibtd1#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ibtd1") format("truetype"), url("../fonts/icomoon.woff?ibtd1") format("woff"), url("../fonts/icomoon.svg?ibtd1#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-external-link:before {
  content: "\e904";
}

.icon-location:before {
  content: "\e902";
}

.icon-volume-high:before {
  content: "\ea26";
}

.icon-share2:before {
  content: "\ea82";
}

.icon-google-plus:before {
  content: "\ea8b";
}

.icon-google-plus2:before {
  content: "\ea8c";
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-facebook2:before {
  content: "\ea91";
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-hexagon:before {
  content: "\e903";
}

.icon-line:before {
  content: "\e901";
  color: #00c300;
}

.icon-link:before {
  content: "\e900";
}

@keyframes load {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes move {
  0% {
    margin-left: -50px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes line-right {
  100% {
    height: 100%;
  }
}
@keyframes light-text {
  0% {
    text-shadow: 2px 2px 12px #2f89ab, -2px 2px 12px #2f89ab, 2px -2px 12px #2f89ab, -2px -2px 12px #2f89ab, 0px 2px 12px #2f89ab, -2px 0px 12px #2f89ab, 2px 0px 12px #2f89ab, 0px -2px 12px #2f89ab;
  }
  50% {
    text-shadow: 6px 6px 12px #2f89ab, -6px 6px 12px #2f89ab, 6px -6px 12px #2f89ab, -6px -6px 12px #2f89ab, 0px 6px 12px #2f89ab, -6px 0px 12px #2f89ab, 6px 0px 12px #2f89ab, 0px -6px 12px #2f89ab;
  }
  100% {
    text-shadow: 2px 2px 12px #2f89ab, -2px 2px 12px #2f89ab, 2px -2px 12px #2f89ab, -2px -2px 12px #2f89ab, 0px 2px 12px #2f89ab, -2px 0px 12px #2f89ab, 2px 0px 12px #2f89ab, 0px -2px 12px #2f89ab;
  }
}
:root {
  font-size: 62.5%;
}

html.menu-open, html.menu-open body {
  overflow: hidden;
  height: 100%;
}

body {
  font-family: "FOT-マティス Pro DB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ddd;
  font-size: 1.4rem;
  line-height: 1.5;
  background: #000 url(../images/bg.jpg) no-repeat center top;
  background-size: contain;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  height: auto;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

:focus {
  outline: 0;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}
.row__item {
  width: 100%;
  padding: 0 20px;
}

.col-mobile-1 {
  width: 8.3333333333%;
}

.col-mobile-2 {
  width: 16.6666666667%;
}

.col-mobile-3 {
  width: 25%;
}

.col-mobile-4 {
  width: 33.3333333333%;
}

.col-mobile-5 {
  width: 41.6666666667%;
}

.col-mobile-6 {
  width: 50%;
}

.col-mobile-7 {
  width: 58.3333333333%;
}

.col-mobile-8 {
  width: 66.6666666667%;
}

.col-mobile-9 {
  width: 75%;
}

.col-mobile-10 {
  width: 83.3333333333%;
}

.col-mobile-11 {
  width: 91.6666666667%;
}

.col-mobile-12 {
  width: 100%;
}

@media screen and (min-width: 640px) {
  .col-tablet-1 {
    width: 8.3333333333%;
  }
}

@media screen and (min-width: 640px) {
  .col-tablet-2 {
    width: 16.6666666667%;
  }
}

@media screen and (min-width: 640px) {
  .col-tablet-3 {
    width: 25%;
  }
}

@media screen and (min-width: 640px) {
  .col-tablet-4 {
    width: 33.3333333333%;
  }
}

@media screen and (min-width: 640px) {
  .col-tablet-5 {
    width: 41.6666666667%;
  }
}

@media screen and (min-width: 640px) {
  .col-tablet-6 {
    width: 50%;
  }
}

@media screen and (min-width: 640px) {
  .col-tablet-7 {
    width: 58.3333333333%;
  }
}

@media screen and (min-width: 640px) {
  .col-tablet-8 {
    width: 66.6666666667%;
  }
}

@media screen and (min-width: 640px) {
  .col-tablet-9 {
    width: 75%;
  }
}

@media screen and (min-width: 640px) {
  .col-tablet-10 {
    width: 83.3333333333%;
  }
}

@media screen and (min-width: 640px) {
  .col-tablet-11 {
    width: 91.6666666667%;
  }
}

@media screen and (min-width: 640px) {
  .col-tablet-12 {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .col-desktop-1 {
    width: 8.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .col-desktop-2 {
    width: 16.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .col-desktop-3 {
    width: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .col-desktop-4 {
    width: 33.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .col-desktop-5 {
    width: 41.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .col-desktop-6 {
    width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .col-desktop-7 {
    width: 58.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .col-desktop-8 {
    width: 66.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .col-desktop-9 {
    width: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .col-desktop-10 {
    width: 83.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .col-desktop-11 {
    width: 91.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .col-desktop-12 {
    width: 100%;
  }
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 639px) {
  .hidden-mobile {
    display: none;
  }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .hidden-tablet {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .hidden-desktop {
    display: none;
  }
}

.alignleft,
.alignright,
.aligncenter {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1em auto;
}

.aligncenter {
  text-align: center;
}

@media screen and (min-width: 640px) {
  .alignleft {
    float: left;
    margin: 0 1em 0 0;
  }
}

@media screen and (min-width: 640px) {
  .alignright {
    float: right;
    margin: 0 0 0 1em;
  }
}

img.aligncenter {
  max-width: 100%;
  height: auto;
}

.container {
  position: relative;
  max-width: 640px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 1;
}
.header {
  position: relative;
  display: table;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.single-product .header, .single-world .header, .single-mechanic .header, .single-update .header, .single-movie .header {
  height: 180px;
}
.post-type-archive .header {
  height: 180px;
}
.page .header {
  background-image: url(../images/map.jpg);
}
.page-id-123 .header {
  background-image: url(../images/map.jpg);
}
.post-type-archive-movie .header {
  background-image: url(../images/bg_movie.jpg);
}
.page-id-299 .header {
  background-image: url(../images/rbi_card_omote2.jpg);
}
.post-type-archive-product .header, .single-product .header {
  background-image: url(../images/raybrade_pkg.jpg);
  background-position: top 25px center;
  background-size: 80%;
}
.page-id-720 .header, .post-type-archive-world .header, .single-world .header {
  background-image: url(../images/tower.jpg);
}
.post-type-archive-mechanic .header, .single-mechanic .header {
  background-image: url(../images/bg_mechanic.jpg);
}
.post-type-archive-update .header, .single-update .header {
  background-image: url(../images/bg_update.jpg);
}
.post-type-archive-mission_01_governors .header, .single-mission_01_governors .header {
  background-image: url(../images/hexa_event_header_05.jpg);
}
.post-type-archive-free_build .header, .single-free_build .header, .post-id-1044 .header {
  background-image: url(../images/hero_custom.jpg);
}
.page-id-827 .header {
  background-image: url(../images/hero_event.jpg);
}
.post-type-archive-mission .header, .post-id-1039 .header:after {
  background-image: url(../images/hexa_event_header_05.jpg);
}
.page-id-1078 .header, .page-id-704 .header {
  background-image: url(../images/hexa_event_header_03.jpg);
}
.header .container {
  display: table-cell;
  vertical-align: middle;
  height: 180px;
}
.header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
.header:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  display: block;
  background: rgb(0, 0, 0);
  z-index: 0;
}
.home .header:after {
  background: none;
}
.header__logo {
  position: fixed;
  top: 16px;
  left: 10px;
  z-index: 1000;
}
.header__logo svg {
  width: 180px;
  height: 18px;
  fill: #fff;
}
.header__body--event.container {
  height: auto;
  padding: 8rem 0 4rem;
  text-align: center;
}
.header__body--event.container img {
  display: inline-block;
  max-width: 90%;
  margin-bottom: 3rem;
}
.header--event {
  padding: 3rem 0 4rem;
}
.header__title {
  position: relative;
  z-index: 1;
}
.header__event-date {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 3.5rem;
}
.header.loaded .header__event-catch {
  animation: boss 1s ease-out forwards;
}

@keyframes boss {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.root-title {
  margin-top: 5rem;
  font-weight: normal;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.02em;
}
.root-title__en {
  position: relative;
  display: block;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.4rem;
  margin-bottom: 10px;
}
.root-title__en:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #fff 50%, transparent 100%);
}
.root-title__ja {
  display: block;
  font-size: 1.2rem;
}

.header-menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
}
.header-menu__text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.06em;
  writing-mode: vertical-rl;
  margin-top: 30px;
}
.header-menu__text:before {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  background: #fff;
  margin-bottom: 10px;
}

.menu-bar {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1000;
  height: 50px;
  transition: 0.2s all;
}

.sp-back {
  background: rgba(0, 0, 0, 0.5);
}

.menu-btn {
  position: relative;
  width: 50px;
  height: 50px;
  background: rgb(0, 0, 0);
  cursor: pointer;
  overflow: hidden;
  transition: 0.2s ease-out;
  z-index: 1000;
}
.menu-btn__line {
  position: absolute;
  left: 14px;
  top: 50%;
  height: 2px;
  background: #fff;
  transition: 0.2s ease-out;
}
.menu-btn__line:nth-child(1) {
  width: 22px;
  transform: translateY(-8px);
}
.menu-btn__line:nth-child(2) {
  width: 20px;
  transform: translateY(0px);
}
.menu-btn__line:nth-child(3) {
  width: 12px;
  transform: translateY(8px);
}
.menu-open .menu-btn__line {
  width: 22px;
}
.menu-open .menu-btn__line:nth-child(1) {
  transform: translateY(-1px) rotate(45deg);
}
.menu-open .menu-btn__line:nth-child(3) {
  transform: translateY(-1px) rotate(-45deg);
}
.menu-open .menu-btn__line:nth-child(2) {
  transform: translateY(-1px) translateX(80px);
}

.lang {
  display: flex;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.lang__title:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 1px;
  background: #fff;
  vertical-align: middle;
  margin-left: 10px;
}
.lang__data {
  position: relative;
  padding: 0 10px;
}
.lang__data:not(:first-of-type):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #fff;
  transform: skew(-15deg);
}
.lang__link {
  color: #888;
}
.lang__link--active {
  color: #fff;
}
.lang__link:hover {
  color: #fff;
  animation: light-text 3s infinite;
}

.nav {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.nav__item {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.nav__item--menu {
  left: 0;
  background: url(../images/bg_menu.jpg) no-repeat top;
  background-size: 100% auto;
}
.nav__footer {
  padding: 2rem;
  height: 20%;
}
.nav__official {
  position: relative;
  display: inline-block;
  margin-top: 1.5rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
}
.nav__official::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}
.nav__official::after {
  content: "\e904";
  display: inline-block;
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-size: 1.6rem;
  color: white;
  margin-left: 0.5rem;
}

.nav-list {
  height: calc(80% - 50px);
  margin-top: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  flex-wrap: wrap;
}
.nav-list__item {
  position: relative;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.nav-list__item:nth-child(2n) {
  border-right: none;
}
.nav-list__item__window .text:after, .nav-list__item__blank .text:after, .nav-list__item__tw .text:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  margin-left: 1rem;
  vertical-align: top;
}
.nav-list__item__window .text:after {
  content: "\e904";
  display: inline-block;
  font-family: "icomoon" !important;
  font-style: normal;
  font-size: 1.6rem;
  color: white;
  transform: translate(-4px, -4px);
}
.nav-list__item__blank .text:after {
  background: url(../images/icon_link.svg) no-repeat center;
  background-size: 13px;
}
.nav-list__item__tw .text:after {
  background: url(../images/icon_tw.svg) no-repeat center;
  background-size: 16px;
}
.nav-list__item--light span.text {
  animation: light-text 3s infinite;
}
.nav-list__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: inherit;
  letter-spacing: 0.06em;
}
.menu-open ul.nav-list li:nth-child(odd) {
  position: relative;
}
.menu-open ul.nav-list li:nth-child(odd):before {
  content: "";
  width: 1px;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  animation: 0.2s ease-out 0.6s 1 forwards line-right;
}
.menu-open ul.nav-list li:nth-child(1) {
  animation: 0.2s linear 0.05s 1 forwards fade, 0.2s ease-out 0.05s 1 move;
}
.menu-open ul.nav-list li:nth-child(2) {
  animation: 0.2s linear 0.05s 1 forwards fade, 0.2s ease-out 0.05s 1 move;
}
.menu-open ul.nav-list li:nth-child(3) {
  animation: 0.2s linear 0.1s 1 forwards fade, 0.2s ease-out 0.1s 1 move;
}
.menu-open ul.nav-list li:nth-child(4) {
  animation: 0.2s linear 0.15s 1 forwards fade, 0.2s ease-out 0.15s 1 move;
}
.menu-open ul.nav-list li:nth-child(5) {
  animation: 0.2s linear 0.2s 1 forwards fade, 0.2s ease-out 0.2s 1 move;
}
.menu-open ul.nav-list li:nth-child(6) {
  animation: 0.2s linear 0.25s 1 forwards fade, 0.2s ease-out 0.25s 1 move;
}
.menu-open ul.nav-list li:nth-child(7) {
  animation: 0.2s linear 0.3s 1 forwards fade, 0.2s ease-out 0.3s 1 move;
}
.menu-open ul.nav-list li:nth-child(8) {
  animation: 0.2s linear 0.35s 1 forwards fade, 0.2s ease-out 0.35s 1 move;
}
.menu-open ul.nav-list li:nth-child(9) {
  animation: 0.2s linear 0.4s 1 forwards fade, 0.2s ease-out 0.4s 1 move;
}
.menu-open ul.nav-list li:nth-child(10) {
  animation: 0.2s linear 0.45s 1 forwards fade, 0.2s ease-out 0.45s 1 move;
}
.menu-open ul.nav-list li:nth-child(11) {
  animation: 0.2s linear 0.5s 1 forwards fade, 0.2s ease-out 0.4s 1 move;
}
.menu-open ul.nav-list li:nth-child(12) {
  animation: 0.2s linear 0.55s 1 forwards fade, 0.2s ease-out 0.45s 1 move;
}
.menu-open ul.nav-list li:nth-child(13) {
  animation: 0.2s linear 0.6s 1 forwards fade, 0.2s ease-out 0.45s 1 move;
}
.menu-open ul.nav-list li:nth-child(13) {
  animation: 0.2s linear 0.65s 1 forwards fade, 0.2s ease-out 0.45s 1 move;
}

.mv {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: url(../images/top_mv_bg.jpg) no-repeat center top;
  background-size: auto 70%;
}
.mv__contents {
  position: absolute;
  bottom: 100px;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.mv__contents__icon {
  margin-bottom: 2rem;
}
.mv__contents__icon img {
  width: 45%;
  max-width: 280px;
}
.mv__contents__text {
  font-size: 1.7rem;
}
.mv__contents__arrow {
  position: absolute;
  left: 50%;
  margin-left: -12px;
  height: 40px;
  width: 20px;
  top: calc(100% + 24px);
  z-index: 20;
}
.mv__contents__arrow__line {
  position: absolute;
  width: 15px;
  height: 15px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  border-color: #fff;
  transition: all 0.1s;
  transform: rotate(45deg);
}
.mv__contents__arrow__line:nth-child(1) {
  top: 0;
  animation: top_mv_arrow1 1s linear infinite;
}
.mv__contents__arrow__line:nth-child(2) {
  top: 8px;
  animation: top_mv_arrow2 1s linear infinite;
}
.mv__contents__arrow__line:nth-child(3) {
  top: 16px;
  animation: top_mv_arrow3 1s linear infinite;
}

@keyframes top_mv_arrow1 {
  0% {
    opacity: 0;
  }
  12% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes top_mv_arrow2 {
  0% {
    opacity: 0;
  }
  12% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes top_mv_arrow3 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.top_hero_wrap--first {
  background: url(../images/bg.jpg) no-repeat center top;
}
.top_hero_wrap--second {
  background: url(../images/bg_second.jpg) no-repeat center top;
  background-size: cover;
}

.hero {
  position: relative;
  padding: 40px 0;
}
.hero--mechanic a, .hero--world a, .hero--movie a {
  color: #fff;
}

.movie-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  text-align: center;
  margin-top: -5rem;
}
.movie-list__item {
  width: 100%;
  text-align: center;
  text-align: -webkit-center;
  margin-top: 5rem;
}
.movie__title, .movie__text {
  padding: 0 2rem;
}
.movie__title {
  font-size: 1.8rem;
  margin-top: 2rem;
  text-align: -webkit-center;
}
.movie__text {
  font-size: 1.4rem;
  text-align: -webkit-left;
}
.movie__link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.region-list {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.region-list li {
  width: 50%;
}
.region-list__link {
  display: block;
  color: #fff;
  text-align: center;
  padding: 1.6rem;
  border: solid 1px #fff;
  box-shadow: 0 0 16px 1px #33a5c2;
  transition: 0.2s ease-out;
  position: relative;
}
.region-list__link:before {
  content: "\e902";
  color: #6e82b4;
  font-family: "icomoon";
  font-size: 2rem;
  position: absolute;
  left: 10px;
  top: 8px;
  transition: 0.3s all;
}

.shoplist {
  width: 100%;
  margin-top: 2rem;
}
.shoplist th, .shoplist td {
  border: solid 1px #fff;
  padding: 1rem 1.5rem;
}
.shoplist-name {
  width: 40%;
}
.shoplist-address {
  width: 40%;
}
.shoplist-tel {
  width: 20%;
}
.shoplist td {
  vertical-align: top;
}
.shoplist th {
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background: rgba(110, 130, 180, 0.45);
}

.pager {
  padding: 20px 0px 12px;
}

.single-pager-list {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-pager-list__item--prev {
  margin-right: auto;
}
.single-pager-list__item--next {
  margin-left: auto;
}
.single-pager-list__link {
  position: relative;
  display: block;
  font-size: 2rem;
  color: inherit;
  line-height: 1;
  padding: 0 30px;
}
.single-pager-list__link--prev:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  transform: translateY(-50%) rotate(-45deg);
}
.single-pager-list__link--next:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  transform: translateY(-60%) rotate(45deg);
}

.pager-list {
  list-style: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.pager-list__item--prev, .pager-list__item--next {
  position: absolute;
  top: 0;
}
.pager-list__item--prev {
  left: 0;
}
.pager-list__item--next {
  right: 0;
}
.pager-list__link {
  display: block;
  color: inherit;
  line-height: 50px;
}
.pager-list__link--prev, .pager-list__link--next {
  font-size: 1.2rem;
  padding: 0;
}
.pager-list__link--next:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(-45deg);
  vertical-align: middle;
  margin-left: 4px;
}
.pager-list__link--prev:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
  vertical-align: middle;
  margin-right: 4px;
}
.pager-list__link--number {
  font-size: 2rem;
  text-shadow: 0 2px 6px rgba(65, 116, 255, 0.8);
  padding: 0 10px;
}

.page-btm-sns-share {
  padding: 28px;
  border-top: rgba(110, 130, 180, 0.5) 1px solid;
}

.share-list {
  list-style: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.share-list a {
  display: block;
  width: 56px;
  height: 48px;
  background-size: 56px 48px;
  background-repeat: no-repeat;
}
.share-list__item {
  margin-left: 8px;
}
.share-list__item--text {
  margin-right: 20px;
  font-size: 1.8rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.share-list__item--tw a {
  background-image: url(../images/share_tw.svg);
}
.share-list__item--fb a {
  background-image: url(../images/share_fb.svg);
}
.share-list__item--ln a {
  background-image: url(../images/share_ln.svg);
}
.share-list__item--go a {
  background-image: url(../images/share_go.svg);
}

.archive-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.archive-list--top {
  display: flex;
  justify-content: center;
  margin-right: -15px;
  margin-left: -15px;
}
.archive-list__item {
  margin: 0 0 10px;
}
.archive-list__item--top {
  margin: 0 10px;
}
.archive-list__item--world, .archive-list__item--mechanic, .archive-list__item--update {
  position: relative;
  display: flex;
  width: 100%;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(110, 130, 180, 0.5);
}
.archive-list__item--world .archive-card__time, .archive-list__item--mechanic .archive-card__time, .archive-list__item--update .archive-card__time {
  float: right;
}
.archive-list__item--governor {
  display: block;
  width: 100%;
}
.archive-list__item--governor .archive-card {
  display: flex;
  padding: 10px 12px;
}
.archive-list__item--governor .archive-card__thumbnail {
  width: 120px;
  margin-top: 0;
  margin-right: 12px;
}
.archive-list__item--governor .archive-card__body {
  flex: 1;
  position: relativere;
  z-index: 2;
}
.archive-list__item--governor .archive-card__title {
  position: relative;
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.archive-list__item--governor .archive-card__title:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #fff, transparent);
}

.slick-slider .archive-card {
  margin: 0;
}

.related {
  padding: 40px 0;
  background: url(../images/bg.jpg) no-repeat top;
}

.contents {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
.contents__item {
  width: 50%;
  padding: 15px;
}

.blog__title {
  text-align: center;
}
.blog__title-ja {
  display: block;
  font-size: 1.4rem;
}
.blog__title-en {
  display: block;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3rem;
}
.blog__body {
  height: 435px;
  overflow-y: scroll;
  border: 1px solid rgba(110, 130, 180, 0.7);
  background: rgba(0, 0, 0, 0.5);
  padding: 20px;
  margin: 0 0 30px 0;
}
.blog__footer {
  text-align: center;
}
.blog__more {
  font-size: 1.8rem;
  color: inherit;
}

.blogfeed {
  position: relative;
  display: flex;
  padding: 15px 0;
}
.blogfeed:first-child {
  padding-top: 0;
}
.blogfeed:last-child {
  padding-bottom: 0;
}
.blogfeed:not(:first-child) {
  border-top: 1px solid #fff;
}
.blogfeed__media {
  width: 80px;
}
.blogfeed__body {
  flex: 1 0 0;
  margin-left: 10px;
}
.blogfeed__date {
  font-size: 1.2rem;
}
.blogfeed__title {
  font-size: 1.3rem;
  margin-top: 10px;
}
.blogfeed__more {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.archive-card {
  position: relative;
  display: block;
  border: 1px solid rgba(110, 130, 180, 0.7);
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 12px 20px 12px;
}
.archive-card__more {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 5;
}
.archive-card__time {
  display: inline-block;
  font-size: 1.1rem;
  padding: 5px 8px 2px;
  background: rgba(110, 130, 180, 0.5);
}
.archive-card__title {
  font-size: 1.4rem;
  font-weight: normal;
}
.archive-card__title--bordered {
  border-top: 1px solid rgba(110, 130, 180, 0.5);
  padding-top: 8px;
}
.archive-card__title2 {
  font-size: 1.6rem;
  margin-bottom: 4px;
}
.archive-card__title2 span {
  display: block;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.archive-card__excerpt {
  margin-bottom: 1rem;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.25;
}
.archive-card__thumbnail--lefty {
  margin-top: 0;
  width: 140px;
  margin-right: 10px;
}
.archive-card__smr {
  flex: 1 0 0;
}
.archive-card--top {
  margin: 0 50px;
}
.archive-card--liberty:before, .archive-card--msgvf:before, .archive-card--heterodox:before {
  content: "";
  display: block;
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 2rem;
  opacity: 0.5;
  z-index: 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.archive-card--liberty {
  border-color: rgba(65, 116, 255, 0.5);
  background: rgba(65, 116, 255, 0.2);
}
.archive-card--liberty:before {
  background-image: url(../images/icon_camp_liberty.png);
}
.archive-card--liberty .archive-card__title:after {
  background: linear-gradient(90deg, #4174FF, transparent);
}
.archive-card--msgvf {
  border-color: rgba(188, 9, 23, 0.5);
  background: rgba(188, 9, 23, 0.2);
}
.archive-card--msgvf:before {
  background-image: url(../images/icon_camp_msgvf.png);
}
.archive-card--msgvf .archive-card__title:after {
  background: linear-gradient(90deg, #BC0917, transparent);
}
.archive-card--heterodox {
  border-color: rgba(123, 22, 180, 0.5);
  background: rgba(123, 22, 180, 0.2);
}
.archive-card--heterodox:before {
  background-image: url(../images/icon_camp_unknown.png);
}
.archive-card--heterodox .archive-card__title:after {
  background: linear-gradient(90deg, #7B16B4, transparent);
}
.archive-card__data {
  font-size: 1rem;
}
.archive-card__data dt, .archive-card__data dd {
  margin-bottom: 0.5rem;
}
.archive-card__data dt {
  float: left;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.archive-card__data dd {
  padding-left: 76px;
}

.mechanic-card__thumbnail {
  margin-bottom: 30px;
}
.mechanic-card__row {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
.mechanic-card__item {
  width: 50%;
  padding: 0 15px;
}
.mechanic-card__name {
  position: relative;
}
.mechanic-card__name:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background: #fff;
}
.mechanic-card__name-ja {
  display: block;
  font-size: 1.4rem;
}
.mechanic-card__name-en {
  display: block;
  font-size: 1.8rem;
}
.mechanic-card__more {
  display: inline-block;
  font-size: 1.8rem;
  color: #fff;
  margin-top: 30px;
}
.mechanic-card__description {
  font-size: 1.4rem;
  line-height: 2.4;
}

.update-meta {
  position: relative;
  display: inline-block;
  font-size: 1.1rem;
  padding: 5px 8px 2px;
  margin-bottom: 6px;
  background: rgba(110, 130, 180, 0.5);
}
.update-meta__icon {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 12px;
  height: 20.7846096px;
  background: #fff;
  transform: translateY(-50%);
}
.update-meta__icon:before, .update-meta__icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
}
.update-meta__icon:before {
  transform: rotate(60deg);
}
.update-meta__icon:after {
  transform: rotate(-60deg);
}
.update-meta__category {
  display: inline-block;
  margin-right: 1rem;
}

.update-card {
  position: relative;
}
.update-card__meta:before, .update-card__meta:after {
  content: "";
  position: absolute;
  left: 0;
  height: 50%;
  border-left: 1px solid #fff;
}
.update-card__meta:before {
  width: 20px;
  top: 0;
  border-top: 1px solid #fff;
  transform: skew(-30deg);
  transform-origin: left bottom;
}
.update-card__meta:after {
  width: 100%;
  bottom: 0;
  border-bottom: 1px solid #fff;
  transform: skew(30deg);
  transform-origin: left top;
}
.update-card:first-child .update-card__more {
  padding-top: 0;
}
.update-card__more {
  display: block;
  color: inherit;
  border-bottom: rgba(110, 130, 180, 0.5) 1px solid;
  padding: 16px 12px;
}

.update {
  padding: 20px 0 40px;
}
.update > .container {
  margin-bottom: 3.2rem;
}
.update__title {
  font-size: 2.4rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.25;
}
.update__single__header {
  margin: 1rem 0 3.2rem;
  padding: 12px;
  background: rgba(0, 0, 0, 0.5);
  border: rgba(110, 130, 180, 0.5) 1px solid;
}
.update__single__meta {
  margin-top: 1rem;
  text-align: right;
}

.event {
  padding: 2rem 0 3rem;
}

.event-card__title {
  font-size: 1.2rem;
  font-weight: normal;
  margin-top: 1.2rem;
}
.event-card__title.event-title {
  margin-bottom: 2rem;
}
.event-card__title--bordered {
  border-top: 1px solid rgba(110, 130, 180, 0.5);
  padding-top: 1rem;
}
.event-card__thumbnail {
  margin-bottom: 1rem;
}
.event-card__briefing-title {
  margin-bottom: 3rem;
}
.event-card__briefing-title span {
  display: block;
}
.event-card__briefing-title--ttl {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  color: #2F89AB;
}
.event-card__briefing-title--ttl:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 0.5rem;
  vertical-align: middle;
}
.event-card__briefing-title--ttl-a:before {
  background: url(../images/briefing-bg_liberty.png) no-repeat center/cover;
}
.event-card__briefing-title--smr {
  font-size: 1.6rem;
  text-shadow: 0 0 10px #59D4E7;
}
.event-card__term {
  margin-top: 2rem;
  text-align: right;
}
.event-title {
  position: relative;
  font-size: 2.8rem;
  text-align: center;
  line-height: 1;
  padding: 0 1.5rem;
  overflow: visible;
}
.event-title:before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 50%;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(188, 9, 23, 0.6) 50%, transparent 100%);
  animation: 0.5s title_bgslide 1s forwards;
}
.archive-list__item .event-title {
  margin-top: 12px;
}
.event-title span {
  display: block;
  opacity: 0;
  transform: translateX(100px);
  animation: 0.5s title_textslide 1.5s forwards;
}
.event-card__title--main {
  font-size: 2.8rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.archive-list__item .event-card__title--main {
  font-size: 2.2rem;
}

.event-card__title--sub {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.archive-list__item .event-card__title--sub {
  margin-bottom: 0.8rem;
  font-size: 1.3rem;
}

@keyframes title_bgslide {
  0% {
    left: 50%;
    width: 0;
  }
  100% {
    left: 0;
    width: 100%;
  }
}
@keyframes title_textslide {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.event-bgslider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.event-bgslider__item {
  position: absolute;
  height: 100%;
}
.event-bgslider__bg {
  height: 100%;
  background: no-repeat center center;
  background-size: cover;
  transition: 8s linear;
}
.slick-active .event-bgslider__bg {
  transform: scale(1.2);
}
.event-bgslider .slick-list,
.event-bgslider .slick-track {
  height: 100%;
}
.event-bgslider:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(../images/overlay.png) repeat;
  opacity: 0.5;
}

.event-loader {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.event-loader:before, .event-loader:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 50%;
  background: #000;
  transition: 0.7s ease-out;
  z-index: 0;
}
.event-loader:before {
  left: 0;
}
.event-loader:after {
  right: 0;
}
.event-loader__inner {
  position: relative;
  width: 100%;
  font-size: 10vw;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #E60012;
  text-align: center;
  padding: 15rem 0;
  overflow: hidden;
  z-index: 1;
}
.event-loader__inner:before, .event-loader__inner:after {
  content: "";
  position: absolute;
  left: -50px;
  right: -50px;
  display: block;
  height: 40px;
  background-image: repeating-linear-gradient(90deg, #E60012 0px, #E60012 70px, transparent 70px, transparent 90px);
}
.event-loader__inner:before {
  top: 0;
  animation: 1s warning infinite linear;
}
.event-loader__inner:after {
  bottom: 0;
  animation: 1s warning_rev infinite linear;
}
.event-loader__text {
  animation: 1s flashing infinite linear;
}
.event-loader__text:before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url(../images/warning.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin: 0 auto;
}
.event-loader--loaded:before, .event-loader--loaded:after {
  width: 0%;
}

@keyframes flashing {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes warning {
  0% {
    transform: translateX(0px) skew(-60deg);
  }
  100% {
    transform: translateX(90px) skew(-60deg);
  }
}
@keyframes warning_rev {
  0% {
    transform: translateX(0px) skew(-60deg);
  }
  100% {
    transform: translateX(-90px) skew(-60deg);
  }
}
.event-summary {
  position: relative;
  padding: 30px 0;
}
.event-summary:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}

.event-content {
  margin-bottom: 3rem;
}

.event-button {
  display: flex;
  justify-content: center;
  width: 100%;
  color: inherit;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.4);
  transition: 0.4s ease-out;
  padding: 3.6rem 1.5rem;
  overflow: hidden;
}
.event-button:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 150px;
  height: 90px;
  background: no-repeat center center;
  background-size: contain;
  transition: 0.3s ease-out;
  opacity: 0.5;
}
.event-button__box {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  border-color: #42555D;
  padding: 2rem 0;
  transition: 0.4s ease-out;
  z-index: 0;
}
.event-button__box:after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 50%;
  width: 75px;
  height: 75px;
  background-size: contain;
  background-position: center center;
  transform: translate(-50%, -50%);
  transition: 0.4s ease-out;
}
.event-button--entry .event-button__box {
  color: #42555D;
  background-color: #fff;
}
.event-button--entry .event-button__box:after {
  background-image: url(../images/btn01.png);
  z-index: -1;
}
.event-button--goback .event-button__box {
  color: #fff;
  background-color: #000;
}
.event-button--goback .event-button__box:after {
  opacity: 0.5;
  background-image: url(../images/btn04.png);
  z-index: -1;
}
.event-button__text {
  text-shadow: 0 2px 6px #59D4E7;
  text-align: center;
  position: relativere;
  z-index: 2;
}
.event-button__text-en {
  display: block;
  font-size: 2rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  white-space: nowrap;
}
.event-button__text-ja {
  display: block;
  font-size: 1.3rem;
}
.event-button--briefing:before {
  background-image: url(../images/btn04.png);
}
.event-button--enemydata:before {
  background-image: url(../images/bnt03.png);
}
.event-button--landscape:before {
  background-image: url(../images/target_blue.png);
}
.event-button--governors:before {
  background-image: url(../images/btn02.png);
}
.event-button--goback {
  margin-top: 24px;
  padding: 0;
}
.event-button--entry {
  margin-top: 1rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.9);
}
.event-button--entry:before {
  display: none;
}
.event-button--entry .event-button__text {
  display: block;
  text-shadow: none;
  line-height: 1.4;
}
.event-button--entry .event-button__text-en {
  font-size: 2.4rem;
  color: #2F89AB;
  letter-spacing: 0.1rem;
}
.event-button--entry .event-button__text-ja {
  font-size: 1.3rem;
  color: #1E576B;
}

.event-button-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}
.event-button-list__item {
  position: relative;
  width: 50%;
  padding: 4px;
}
.event-button-list__item a {
  background: rgba(0, 0, 0, 0.5);
}

.enemy-data {
  padding: 36px 0;
  overflow: hidden;
}
.enemy-data__bg {
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  z-index: 0;
}

.battle-meter {
  display: flex;
  align-items: center;
}
.battle-meter--totalwrap {
  border-top: solid 3px #2F89AB;
}
.battle-meter__name {
  flex: 1 0 0;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.01rem;
  line-height: 1.5;
  padding: 12px 0;
}
.battle-meter__name-en {
  display: block;
  font-size: 1.6rem;
  text-shadow: 0 3px 6px #2F89AB;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.battle-meter__name-ja {
  display: block;
  font-size: 1.4rem;
  color: #2F89AB;
}
.battle-meter__line {
  position: relative;
  flex: 0 0 55%;
  height: 36px;
  background: rgba(255, 255, 255, 0.14);
  overflow: hidden;
}
.battle-meter__line-inner {
  display: block;
  height: 100%;
  background: #2F89AB;
  transform: translateX(-100%);
  transition: 0.4s ease-out;
}
.battle-meter--active .battle-meter__line-inner {
  transform: translateX(0);
}
.battle-meter__value {
  font-size: 2.2rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  line-height: 36px;
  width: 100%;
  text-align: center;
}
.battle-meter--total .battle-meter__line-inner {
  background: #777777;
}

.governor-data__wrap {
  position: relative;
  padding: 2rem 1.5rem;
  z-index: 0;
}
.governor-data__wrap:before, .governor-data__wrap:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.governor-data__wrap:before {
  background-image: url(../images/hex.png);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: right bottom;
  opacity: 0.5;
}
.governor-data__line:before, .governor-data__line:after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, rgba(30, 87, 107, 0) 0%, #7EC5DD 25%, #7EC5DD 50%, #7EC5DD 75%, rgba(30, 87, 107, 0) 100%);
}
.governor-data__line:before {
  top: 0;
}
.governor-data__line:after {
  bottom: 0;
}

.gd-prof {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  z-index: 1;
}
.gd-prof__thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border: 1px solid rgba(89, 212, 231, 0.24);
  background-color: rgb(42, 55, 58);
}
.gd-prof__thumbnail img {
  width: auto;
  height: 85%;
  margin: auto;
}
.gd-prof__data {
  display: block;
  width: calc(100% - 90px);
  overflow: hidden;
}
.gd-prof__data a {
  color: #fff;
  text-decoration: underline;
}
.gd-prof__list {
  position: relative;
  display: flex;
  width: 100%;
  height: 20px;
  list-style: none;
  margin-bottom: 1rem;
}
.gd-prof__title, .gd-prof__contents {
  display: block;
  height: 100%;
  line-height: 20px;
}
.gd-prof__title {
  position: relative;
  width: 60px;
  font-size: 1.2rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  background: #1E576B;
}
.gd-prof__contents {
  width: calc(100% - 60px);
  font-size: 1.3rem;
  padding-left: 1rem;
  background-image: linear-gradient(90deg, rgba(30, 87, 107, 0.35) 0%, rgba(80, 108, 118, 0) 100%);
}
.gd-prof__contents--twitter {
  padding-right: 1rem;
  border-right: 1px solid #fff;
}
.gd-prof__contents--facebook {
  padding-left: 1rem;
}

.gd-message {
  position: relative;
  padding: 2rem 1.5rem;
  z-index: 1;
  background-image: linear-gradient(0deg, rgba(30, 87, 107, 0.35) 0%, rgba(80, 108, 118, 0.17) 50%, rgba(30, 87, 107, 0.35) 100%);
}
.gd-message__title {
  display: inline-block;
  font-size: 1.2rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 0.5rem;
  background: #1E576B;
  padding: 0 0.5rem;
}
.gd-message__text {
  font-size: 1.3rem;
  line-height: 1.8;
}
.gd-message:before, .gd-message:after {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, rgba(89, 212, 231, 0.55) 0%, rgba(89, 212, 231, 0) 100%);
}
.gd-message:before {
  top: 0;
}
.gd-message:after {
  bottom: 0;
}

.landscape {
  position: relative;
  padding: 36px 0;
  background: url(../images/bg_landscape.png) no-repeat center 5rem;
  background-size: cover;
}
.landscape__item {
  padding: 4rem;
}
.landscape__chart {
  position: relative;
  background: url(../images/bg_landscape_doughnut.png) no-repeat center center;
  background-size: contain;
  padding: 6.8%;
}
.landscape__doughnut {
  margin: auto;
}

.landscape-graph__title {
  position: relative;
  margin-bottom: 1rem;
  padding-left: 6rem;
  letter-spacing: 0.05em;
}
.landscape-graph__title-en {
  position: relative;
  display: block;
  font-size: 1.8rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.landscape-graph__title-en:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #fff, transparent);
}
.landscape-graph__title-ja {
  display: block;
  font-size: 1.2rem;
}
.landscape-graph__title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 8rem;
  height: 100%;
  background: no-repeat left center;
  background-size: contain;
}
.landscape-graph__title--liberty {
  text-shadow: 0 2px 6px #4174FF;
}
.landscape-graph__title--liberty:before {
  background-image: url(../images/icon_camp_liberty.png);
}
.landscape-graph__title--msg {
  text-shadow: 0 2px 6px #BC0917;
}
.landscape-graph__title--msg:before {
  background-image: url(../images/icon_camp_msgvf.png);
}
.landscape-graph__title--other {
  text-shadow: 0 2px 6px #7B16B4;
}
.landscape-graph__title--other:before {
  background-image: url(../images/icon_camp_unknown.png);
}
.landscape-graph + .landscape-graph {
  margin-top: 3rem;
}

.landscape-meter {
  overflow: hidden;
}
.landscape-meter, .landscape-meter__inner {
  position: relative;
  height: 4rem;
}
.landscape-meter:before, .landscape-meter:after, .landscape-meter__inner:before, .landscape-meter__inner:after {
  content: "";
  position: absolute;
  display: block;
  background: #fff;
}
.landscape-meter:before, .landscape-meter__inner:before {
  width: 1px;
  height: 100%;
}
.landscape-meter:after, .landscape-meter__inner:after {
  width: 100%;
  height: 1px;
}
.landscape-meter:before, .landscape-meter:after {
  top: 0;
  left: 0;
}
.landscape-meter__inner {
  font-size: 1.5rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1;
  letter-spacing: 0.02em;
  padding: 12px;
}
.landscape-meter__inner:before, .landscape-meter__inner:after {
  right: 0;
  bottom: 0;
}
.landscape-meter__percentage {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transform: translateX(-100%);
  transition: 0.4s ease-out;
}
.landscape-meter--active .landscape-meter__percentage {
  transform: translateX(0);
}
.landscape-meter--liberty:before, .landscape-meter--liberty:after,
.landscape-meter--liberty .landscape-meter__inner:before,
.landscape-meter--liberty .landscape-meter__inner:after {
  box-shadow: 0 0 6px 2px #4174FF;
}
.landscape-meter--liberty .landscape-meter__inner {
  text-shadow: 0 2px 6px #4174FF;
}
.landscape-meter--liberty .landscape-meter__percentage {
  background: rgba(65, 116, 255, 0.4);
}
.landscape-meter--msg:before, .landscape-meter--msg:after,
.landscape-meter--msg .landscape-meter__inner:before,
.landscape-meter--msg .landscape-meter__inner:after {
  box-shadow: 0 0 6px 2px #BC0917;
}
.landscape-meter--msg .landscape-meter__inner {
  text-shadow: 0 2px 6px #BC0917;
}
.landscape-meter--msg .landscape-meter__percentage {
  background: rgba(188, 9, 23, 0.4);
}
.landscape-meter--heterodox:before, .landscape-meter--heterodox:after,
.landscape-meter--heterodox .landscape-meter__inner:before,
.landscape-meter--heterodox .landscape-meter__inner:after {
  box-shadow: 0 0 6px 2px #7B16B4;
}
.landscape-meter--heterodox .landscape-meter__inner {
  text-shadow: 0 2px 6px #7B16B4;
}
.landscape-meter--heterodox .landscape-meter__percentage {
  background: rgba(123, 22, 180, 0.4);
}

.ls-frame {
  display: flex;
}
.ls-frame__side {
  position: relative;
  width: 1px;
  background: #fff;
  box-shadow: 0 0 6px 2px #2f89ab;
}
.ls-frame__side:before, .ls-frame__side:after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 10px;
  background: #fff;
  box-shadow: 0 0 6px 2px #2f89ab;
}
.ls-frame__side:before {
  top: 0;
}
.ls-frame__side:after {
  bottom: 0;
}
.ls-frame__side--left:before {
  transform: rotate(45deg) translateY(-100%);
  transform-origin: top;
}
.ls-frame__side--left:after {
  transform: rotate(-45deg) translateY(100%);
  transform-origin: bottom;
}
.ls-frame__side--right:before {
  transform: rotate(-45deg) translateY(-100%);
  transform-origin: top;
}
.ls-frame__side--right:after {
  transform: rotate(45deg) translateY(100%);
  transform-origin: bottom;
}
.ls-frame__main {
  flex: 1 0 0;
  padding: 0 12px;
}
.ls-frame--liberty .ls-frame__side {
  box-shadow: 0 0 6px 2px #4174FF;
}
.ls-frame--liberty .ls-frame__side:before, .ls-frame--liberty .ls-frame__side:after {
  box-shadow: 0 0 6px 2px #4174FF;
}
.ls-frame--msg .ls-frame__side {
  box-shadow: 0 0 6px 2px #BC0917;
}
.ls-frame--msg .ls-frame__side:before, .ls-frame--msg .ls-frame__side:after {
  box-shadow: 0 0 6px 2px #BC0917;
}
.ls-frame--heterodox .ls-frame__side {
  box-shadow: 0 0 6px 2px #7B16B4;
}
.ls-frame--heterodox .ls-frame__side:before, .ls-frame--heterodox .ls-frame__side:after {
  box-shadow: 0 0 6px 2px #7B16B4;
}

.event-list__item:not(:first-child) {
  margin-top: 2rem;
}

.bg-primary,
.world,
.update,
.product,
.mechanic,
.main {
  background: url(../images/bg.jpg) no-repeat center top;
}

.main {
  overflow: hidden;
}

.bg-secondary {
  background: url(../images/bg_second_b.jpg) repeat center top;
}

.back-archive {
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.back-archive a {
  display: block;
  height: 108px;
  line-height: 108px;
  font-size: 1.6rem;
  color: #fff;
  z-index: 1;
  position: relative;
}
.back-archive__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: no-repeat center center;
  background-size: cover;
  z-index: 0;
  filter: blur(2px) brightness(70%);
}
.single-product .back-archive__bg {
  background-image: url(../images/raybrade_pkg.jpg);
}
.single-world .back-archive__bg {
  background-image: url(../images/tower.jpg);
}
.single-mechanic .back-archive__bg {
  background-image: url(../images/bg_mechanic.jpg);
}
.single-update .back-archive__bg {
  background-image: url(../images/bg_update.jpg);
}
.single-free_build .back-archive__bg {
  background-image: url(../images/hexa_event_header_02.jpg);
}
.back-archive--custom .back-archive__bg {
  background-image: url(../images/hexa_event_header_05.jpg);
}

.world {
  position: relative;
  padding: 40px 0;
}
.world:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
.world__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  z-index: 0;
  filter: blur(3px);
}
.world__header {
  display: flex;
  justify-content: start;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(110, 130, 180, 0.5);
  margin-bottom: 2.4rem;
  padding: 0 1.5rem;
}
.world__camp {
  display: block;
  width: 100px;
  margin-right: 20px;
}
.world__title {
  font-size: 2.2rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1;
  letter-spacing: 0.06em;
}
.world__description {
  margin: 40px 0;
}

.mechanic {
  position: relative;
  padding: 40px 0;
}
.mechanic:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
.mechanic__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  z-index: 0;
  filter: blur(3px);
}
.mechanic__header {
  display: flex;
  justify-content: start;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(110, 130, 180, 0.5);
  margin-bottom: 2.4rem;
}
.mechanic__camp {
  display: block;
  width: 100px;
  margin-right: 20px;
}
.mechanic__title {
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.06em;
}
.mechanic__title-en, .mechanic__title-ja {
  display: block;
}
.mechanic__title-ja {
  margin-bottom: 4px;
  font-size: 1rem;
}
.mechanic__title-en {
  font-size: 1.8rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.mechanic__description {
  margin: 40px 0;
}

.frame {
  display: flex;
  margin: 8px 0 20px;
  background-image: linear-gradient(#fff 0%, #fff 100%), linear-gradient(#fff 0%, #fff 100%), linear-gradient(#fff 0%, #fff 100%), linear-gradient(#fff 0%, #fff 100%);
  background-size: 6px 6px, 6px 6px, 6px 6px, 6px 6px;
  background-position: left 4px top 3px, right 4px top 3px, left 4px bottom 3px, right 4px bottom 3px;
  background-repeat: no-repeat;
}
.frame__side {
  position: relative;
  width: 1px;
  background: #fff;
  box-shadow: 0 0 6px 1.5px #33a5c2;
}
.frame__side:before, .frame__side:after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 6px;
  background: #fff;
  box-shadow: 0 0 6px 1.5px #33a5c2;
}
.frame__side:before {
  top: 0;
}
.frame__side:after {
  bottom: 0;
}
.frame__side--left:before {
  transform: rotate(45deg) translateY(-100%);
  transform-origin: top;
}
.frame__side--left:after {
  transform: rotate(-45deg) translateY(100%);
  transform-origin: bottom;
}
.frame__side--right:before {
  transform: rotate(-45deg) translateY(-100%);
  transform-origin: top;
}
.frame__side--right:after {
  transform: rotate(45deg) translateY(100%);
  transform-origin: bottom;
}
.frame__main {
  flex: 1 0 0;
  padding: 5px;
}
.frame__inner {
  position: relative;
}
.frame__inner:before, .frame__inner:after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
  box-shadow: 0 0 6px 1.5px #33a5c2;
}
.frame__inner:before {
  left: 0px;
}
.frame__inner:after {
  right: 0px;
}
.frame__body {
  position: relative;
  padding: 1px;
}
.frame__body:before, .frame__body:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  box-shadow: 0 0 6px 1.5px #33a5c2;
}
.frame__body:before {
  top: 0px;
}
.frame__body:after {
  bottom: 0px;
}
.frame__body--pad {
  padding: 50px;
}
.frame__body--pro {
  padding: 20px;
}
.frame--movie {
  max-width: 600px;
  position: relative;
}
.frame--movie img {
  width: 100%;
  height: auto;
}

.product {
  padding: 40px 0;
}
.product__title {
  font-size: 2.4rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  margin-bottom: 1em;
}
.product__row {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
.product__item {
  padding: 15px;
}
.product__thumbnail {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(110, 130, 180, 0.5);
}
.event-content .product__thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}
.product__information {
  width: 520px;
}
.product__images {
  margin: 28px 0;
}
.event-content .product__images {
  margin: 20px 0;
}
.product__spec {
  font-size: 2.8rem;
  line-height: 40px;
  background: url(../svg/subject.svg) no-repeat left bottom;
  background-size: 2020px 40px;
  padding-left: 50px;
  margin-bottom: 20px;
}
.product__data {
  font-size: 1.4rem;
}
.product__data dt,
.product__data dd {
  padding: 10px 0;
  line-height: 20px;
}
.product__data dt {
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.product__data dd {
  padding-left: 140px;
  margin-top: -40px;
}
.product-slider__item {
  margin: 0 5px;
}
.product-slider__item img {
  -webkit-clip-path: polygon(100% 50%, 75% 6.7%, 25% 6.7%, 0 50%, 25% 93.3%, 75% 93.3%);
          clip-path: polygon(100% 50%, 75% 6.7%, 25% 6.7%, 0 50%, 25% 93.3%, 75% 93.3%);
}
.product__description {
  margin-top: 40px;
}

.article-h1-primary {
  text-align: center;
  margin-bottom: 2rem;
}
.article-h1-primary_en {
  display: block;
  font-size: 2.6rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.article-h1-primary_ja {
  display: block;
  font-size: 1.4rem;
}

.h2 {
  margin-bottom: 2rem;
  font-size: 2.2rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 40px;
  background: url(../svg/subject.svg) no-repeat left bottom;
  background-size: 2020px 40px;
  padding-left: 50px;
}
.h2:not(:first-child) {
  margin-top: 1em;
}

.h2_b {
  margin-bottom: 0.5rem;
  padding: 0.75rem 0;
  padding-left: 0.75rem;
  font-size: 2rem;
  line-height: 1.25;
  background: linear-gradient(90deg, #1E576B 0%, transparent 100%);
}
.h2_b:not(:first-child) {
  margin-top: 1em;
}

h2.h2.related__mechanic {
  margin-top: 50px;
}

.post-type-event,
.post-type-product,
.post-type-world,
.post-type-mechanic,
.post-type-update,
.post-type-page {
  font-size: 1.4rem;
  line-height: 1.8;
}
.post-type-event a,
.post-type-product a,
.post-type-world a,
.post-type-mechanic a,
.post-type-update a,
.post-type-page a {
  color: #7ec5dd;
}
.post-type-event p:not(:first-child),
.post-type-product p:not(:first-child),
.post-type-world p:not(:first-child),
.post-type-mechanic p:not(:first-child),
.post-type-update p:not(:first-child),
.post-type-page p:not(:first-child) {
  margin-top: 1rem;
}
.post-type-event img,
.post-type-product img,
.post-type-world img,
.post-type-mechanic img,
.post-type-update img,
.post-type-page img {
  max-width: 100%;
  height: auto;
  margin: 10px auto;
}
.post-type-event .youtube-responsive,
.post-type-product .youtube-responsive,
.post-type-world .youtube-responsive,
.post-type-mechanic .youtube-responsive,
.post-type-update .youtube-responsive,
.post-type-page .youtube-responsive {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.post-type-event .youtube-responsive iframe,
.post-type-product .youtube-responsive iframe,
.post-type-world .youtube-responsive iframe,
.post-type-mechanic .youtube-responsive iframe,
.post-type-update .youtube-responsive iframe,
.post-type-page .youtube-responsive iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.post-type-event a.link,
.post-type-product a.link,
.post-type-world a.link,
.post-type-mechanic a.link,
.post-type-update a.link,
.post-type-page a.link {
  color: #6e82b4;
  border-bottom: solid 1px #6e82b4;
}
.post-type-event ul.ul,
.post-type-product ul.ul,
.post-type-world ul.ul,
.post-type-mechanic ul.ul,
.post-type-update ul.ul,
.post-type-page ul.ul {
  list-style-type: none;
  margin: 2rem 0;
}
.post-type-event ul.ul li,
.post-type-product ul.ul li,
.post-type-world ul.ul li,
.post-type-mechanic ul.ul li,
.post-type-update ul.ul li,
.post-type-page ul.ul li {
  padding-left: 3rem;
  margin-top: 0.5rem;
  position: relative;
}
.post-type-event ul.ul li:before,
.post-type-product ul.ul li:before,
.post-type-world ul.ul li:before,
.post-type-mechanic ul.ul li:before,
.post-type-update ul.ul li:before,
.post-type-page ul.ul li:before {
  content: "";
  width: 12px;
  height: 12px;
  background: url(../images/hexa.svg) 100% no-repeat;
  background-position: left center;
  position: absolute;
  left: 6px;
  top: 5px;
}
.post-type-event .h2,
.post-type-product .h2,
.post-type-world .h2,
.post-type-mechanic .h2,
.post-type-update .h2,
.post-type-page .h2 {
  font-size: 2rem;
  line-height: 40px;
  background: url(../svg/subject.svg) no-repeat left bottom;
  background-size: 2020px 40px;
  background-size: 2020px 40px;
  margin-bottom: 1rem;
  padding-left: 50px;
}
.post-type-event .h2:not(:first-child),
.post-type-product .h2:not(:first-child),
.post-type-world .h2:not(:first-child),
.post-type-mechanic .h2:not(:first-child),
.post-type-update .h2:not(:first-child),
.post-type-page .h2:not(:first-child) {
  margin-top: 40px;
}
.post-type-event .h3,
.post-type-product .h3,
.post-type-world .h3,
.post-type-mechanic .h3,
.post-type-update .h3,
.post-type-page .h3 {
  color: #fff;
  background-size: 22px;
  font-size: 2rem;
  line-height: 43px;
  padding: 5px 10px 0;
  margin-top: 50px;
  margin-bottom: 26px;
  position: relative;
  background: linear-gradient(90deg, #112b42 0%, transparent 100%);
}
.post-type-event .h3:before, .post-type-event .h3:after,
.post-type-product .h3:before,
.post-type-product .h3:after,
.post-type-world .h3:before,
.post-type-world .h3:after,
.post-type-mechanic .h3:before,
.post-type-mechanic .h3:after,
.post-type-update .h3:before,
.post-type-update .h3:after,
.post-type-page .h3:before,
.post-type-page .h3:after {
  content: "";
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
  position: absolute;
  left: 0;
}
.post-type-event .h3:before,
.post-type-product .h3:before,
.post-type-world .h3:before,
.post-type-mechanic .h3:before,
.post-type-update .h3:before,
.post-type-page .h3:before {
  top: 0;
}
.post-type-event .h3:after,
.post-type-product .h3:after,
.post-type-world .h3:after,
.post-type-mechanic .h3:after,
.post-type-update .h3:after,
.post-type-page .h3:after {
  bottom: 0;
}
.post-type-event .h4,
.post-type-product .h4,
.post-type-world .h4,
.post-type-mechanic .h4,
.post-type-update .h4,
.post-type-page .h4 {
  font-size: 2rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-top: 30px;
  position: relative;
}
.post-type-event .h4:before,
.post-type-product .h4:before,
.post-type-world .h4:before,
.post-type-mechanic .h4:before,
.post-type-update .h4:before,
.post-type-page .h4:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #fff 0%, transparent 100%);
}
.post-type-event .box,
.post-type-product .box,
.post-type-world .box,
.post-type-mechanic .box,
.post-type-update .box,
.post-type-page .box {
  border-bottom: solid 1px #6e82b4;
  padding-bottom: 10px;
  margin: 30px 0 50px;
}
.post-type-event .box-name,
.post-type-product .box-name,
.post-type-world .box-name,
.post-type-mechanic .box-name,
.post-type-update .box-name,
.post-type-page .box-name {
  font-size: 2rem;
  margin-top: 30px;
  margin-bottom: 26px;
  position: relative;
}
.post-type-event .box-name:before,
.post-type-product .box-name:before,
.post-type-world .box-name:before,
.post-type-mechanic .box-name:before,
.post-type-update .box-name:before,
.post-type-page .box-name:before {
  content: "";
  height: 2px;
  width: calc(100% - 14px);
  border-bottom: solid 1px #6e82b4;
  position: absolute;
  bottom: 0;
  left: 0;
}
.post-type-event .box-name:after,
.post-type-product .box-name:after,
.post-type-world .box-name:after,
.post-type-mechanic .box-name:after,
.post-type-update .box-name:after,
.post-type-page .box-name:after {
  content: "";
  height: 6px;
  width: 18px;
  background: #6e82b4;
  transform: skewX(40deg) rotate(270deg);
  position: absolute;
  right: 0;
  bottom: -11px;
}

.post-type-page {
  padding: 5rem 0;
}

.footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 240px;
  text-align: center;
  background: url(../images/tower.jpg) no-repeat center center;
  background-size: cover;
  padding: 32px 0;
}
.footer__logo {
  width: 180px;
  height: 18px;
  fill: #fff;
}
.footer__copy {
  font-size: 1.8rem;
  margin-top: 10px;
}

#jumper {
  display: inline-block;
  background: url(../images/scroller.svg) no-repeat;
  width: 52px;
  height: 46px;
  position: relative;
}

.jumper-wrap {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  text-align: right;
  z-index: 100;
}

.btn {
  position: relative;
  display: block;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  line-height: 1;
}
.btn:before, .btn:after {
  content: "";
  position: absolute;
  left: 10px;
  height: 1px;
  background: #fff;
  animation: light 3s linear infinite;
}
.btn:before {
  top: 0;
  width: calc(100% - 20px);
}
.btn:after {
  bottom: 0;
  width: calc(100% - 30px);
}
.btn--normal {
  width: 264px;
}
.btn--large {
  width: 400px;
}
.btn__inner {
  position: relative;
  display: block;
  padding: 20px;
  text-align: center;
  color: #fff;
}
.btn__inner:before, .btn__inner:after {
  animation: light 3s linear infinite;
}
.btn__inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  width: 1px;
  height: calc(100% - 10px);
  background: #fff;
}
.btn__inner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  width: 1px;
  height: 100%;
  background: #fff;
}
.btn__left {
  position: absolute;
  left: 0;
  top: 10px;
  width: 1px;
  height: calc(100% - 20px);
  background: #fff;
  animation: light 3s linear infinite;
}
.btn__left:before {
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  width: 1px;
  height: 14px;
  background: #fff;
  animation: light 3s linear infinite;
  transform: rotate(45deg);
  transform-origin: bottom;
}
.btn__left:after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 1px;
  height: 14px;
  background: #fff;
  animation: light 3s linear infinite;
  transform: rotate(-45deg);
  transform-origin: top;
}
.btn__right {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: calc(100% - 10px);
  background: #fff;
  animation: light 3s linear infinite;
}
.btn__right:before, .btn__right:after {
  content: "";
  position: absolute;
  bottom: -14px;
  right: 0;
  width: 1px;
  height: 14px;
  background: #fff;
  transform: rotate(45deg);
  transform-origin: top;
  animation: light 3s linear infinite;
}
.btn__right:after {
  right: 10px;
}
.archive-card .btn {
  margin-bottom: 12px;
}

@keyframes light {
  0% {
    box-shadow: 0 0 1px 1px #33a5c2;
  }
  50% {
    box-shadow: 0 0 16px 3px #33a5c2;
  }
  100% {
    box-shadow: 0 0 1px 1px #33a5c2;
  }
}
@keyframes light-text {
  0% {
    text-shadow: 2px 2px 12px #2f89ab, -2px 2px 12px #2f89ab, 2px -2px 12px #2f89ab, -2px -2px 12px #2f89ab, 0px 2px 12px #2f89ab, -2px 0px 12px #2f89ab, 2px 0px 12px #2f89ab, 0px -2px 12px #2f89ab;
  }
  50% {
    text-shadow: 6px 6px 12px #2f89ab, -6px 6px 12px #2f89ab, 6px -6px 12px #2f89ab, -6px -6px 12px #2f89ab, 0px 6px 12px #2f89ab, -6px 0px 12px #2f89ab, 6px 0px 12px #2f89ab, 0px -6px 12px #2f89ab;
  }
  100% {
    text-shadow: 2px 2px 12px #2f89ab, -2px 2px 12px #2f89ab, 2px -2px 12px #2f89ab, -2px -2px 12px #2f89ab, 0px 2px 12px #2f89ab, -2px 0px 12px #2f89ab, 2px 0px 12px #2f89ab, 0px -2px 12px #2f89ab;
  }
}
/* 粒子 */
/* Pauls awesome mixin */
.animation-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-bg {
  background: url("http://kotosvr2.sakura.ne.jp/hexagear_wp/wp-content/themes/hexagear/images/raybrade_pkg.jpg") no-repeat center;
  background-blend-mode: screen;
  background-size: cover;
  z-index: -1;
}

.particle,
.particle:after {
  background: transparent;
}

.particle:after {
  position: absolute;
  content: "";
  top: 2560px;
}

.particle-1 {
  animation: animParticle 60s linear infinite;
  box-shadow: 0px 0px #33A5C2, 1158px 594px #33A5C2, 950px 1774px #33A5C2, 1613px 2496px #33A5C2, 577px 522px #33A5C2, 1945px 1804px #33A5C2, 858px 1021px #33A5C2, 1279px 661px #33A5C2, 32px 713px #33A5C2, 1254px 2285px #33A5C2, 1645px 2016px #33A5C2, 1953px 1154px #33A5C2, 173px 437px #33A5C2, 1695px 966px #33A5C2, 1875px 1563px #33A5C2, 1834px 318px #33A5C2, 1935px 2178px #33A5C2, 680px 717px #33A5C2, 2363px 2456px #33A5C2, 735px 12px #33A5C2, 1393px 562px #33A5C2, 1781px 750px #33A5C2, 453px 375px #33A5C2, 793px 1714px #33A5C2, 2078px 1067px #33A5C2, 474px 1109px #33A5C2, 251px 1675px #33A5C2, 1038px 1038px #33A5C2, 2384px 1703px #33A5C2, 1439px 2333px #33A5C2, 2455px 1522px #33A5C2, 392px 1645px #33A5C2, 2264px 1335px #33A5C2, 1057px 1512px #33A5C2, 1672px 2364px #33A5C2, 471px 1393px #33A5C2, 314px 594px #33A5C2, 184px 1358px #33A5C2, 398px 2205px #33A5C2, 407px 293px #33A5C2, 2476px 2122px #33A5C2, 1371px 2488px #33A5C2, 345px 2150px #33A5C2, 140px 671px #33A5C2, 833px 1733px #33A5C2, 2420px 656px #33A5C2, 933px 1310px #33A5C2, 1200px 2324px #33A5C2, 1988px 569px #33A5C2, 1083px 1706px #33A5C2, 364px 2388px #33A5C2, 1108px 939px #33A5C2, 1153px 1739px #33A5C2, 1923px 514px #33A5C2, 91px 837px #33A5C2, 1468px 333px #33A5C2, 1597px 1136px #33A5C2, 309px 1376px #33A5C2, 2330px 2198px #33A5C2, 700px 1107px #33A5C2, 2412px 2109px #33A5C2, 1376px 2480px #33A5C2, 148px 704px #33A5C2, 442px 345px #33A5C2, 1092px 2270px #33A5C2, 1133px 359px #33A5C2, 2344px 602px #33A5C2, 1256px 121px #33A5C2, 772px 735px #33A5C2, 808px 1442px #33A5C2, 2213px 2052px #33A5C2, 809px 2117px #33A5C2, 1304px 542px #33A5C2, 1793px 1917px #33A5C2, 2357px 303px #33A5C2, 333px 772px #33A5C2, 74px 2043px #33A5C2, 840px 670px #33A5C2, 670px 540px #33A5C2, 216px 2201px #33A5C2, 41px 788px #33A5C2, 547px 1080px #33A5C2, 1727px 2503px #33A5C2, 495px 1889px #33A5C2, 284px 1031px #33A5C2, 218px 1910px #33A5C2, 693px 416px #33A5C2, 1485px 2405px #33A5C2, 1467px 973px #33A5C2, 766px 322px #33A5C2, 1603px 2146px #33A5C2, 322px 1683px #33A5C2, 1223px 1076px #33A5C2, 1746px 172px #33A5C2, 1609px 812px #33A5C2, 223px 532px #33A5C2, 2501px 1226px #33A5C2, 1083px 31px #33A5C2, 202px 2110px #33A5C2, 118px 1041px #33A5C2, 2044px 1678px #33A5C2, 2438px 1524px #33A5C2, 1083px 420px #33A5C2, 2113px 231px #33A5C2, 2006px 187px #33A5C2, 1452px 1131px #33A5C2, 1965px 2395px #33A5C2, 2038px 757px #33A5C2, 1257px 1262px #33A5C2, 547px 2221px #33A5C2, 1790px 1305px #33A5C2, 1192px 2088px #33A5C2, 770px 2444px #33A5C2, 63px 2114px #33A5C2, 190px 1193px #33A5C2, 389px 2291px #33A5C2, 69px 969px #33A5C2, 519px 479px #33A5C2, 2143px 1072px #33A5C2, 1176px 1187px #33A5C2, 1527px 1113px #33A5C2, 487px 17px #33A5C2, 1408px 117px #33A5C2, 934px 2414px #33A5C2, 1327px 217px #33A5C2, 218px 1298px #33A5C2, 1008px 145px #33A5C2, 1229px 1021px #33A5C2, 2201px 1982px #33A5C2, 1663px 1110px #33A5C2, 550px 1506px #33A5C2, 458px 1483px #33A5C2, 343px 1744px #33A5C2, 182px 2059px #33A5C2, 1044px 1412px #33A5C2, 1040px 834px #33A5C2, 41px 2085px #33A5C2, 1444px 2309px #33A5C2, 250px 1914px #33A5C2, 1106px 921px #33A5C2, 336px 706px #33A5C2, 494px 2166px #33A5C2, 1819px 2554px #33A5C2, 1867px 2053px #33A5C2, 696px 895px #33A5C2, 450px 955px #33A5C2, 726px 3px #33A5C2, 1736px 532px #33A5C2, 1530px 2364px #33A5C2, 449px 1644px #33A5C2, 2557px 91px #33A5C2, 1333px 418px #33A5C2, 1840px 1005px #33A5C2, 1102px 947px #33A5C2, 1343px 2239px #33A5C2, 2255px 914px #33A5C2, 1019px 304px #33A5C2, 538px 141px #33A5C2, 2140px 1511px #33A5C2, 2077px 394px #33A5C2, 1185px 2237px #33A5C2, 955px 967px #33A5C2, 1259px 1129px #33A5C2, 1367px 1030px #33A5C2, 1885px 1169px #33A5C2, 438px 555px #33A5C2, 325px 1288px #33A5C2, 2397px 944px #33A5C2, 459px 2087px #33A5C2, 226px 5px #33A5C2, 1585px 1285px #33A5C2, 682px 428px #33A5C2, 332px 395px #33A5C2, 1983px 1729px #33A5C2, 1040px 1872px #33A5C2, 995px 1201px #33A5C2, 2243px 739px #33A5C2, 1273px 67px #33A5C2, 311px 959px #33A5C2, 1399px 1185px #33A5C2, 827px 1983px #33A5C2, 359px 2305px #33A5C2, 146px 506px #33A5C2, 492px 1653px #33A5C2, 2205px 458px #33A5C2, 230px 844px #33A5C2, 709px 2548px #33A5C2, 2124px 398px #33A5C2, 2346px 290px #33A5C2, 697px 675px #33A5C2, 1590px 154px #33A5C2, 1730px 2444px #33A5C2, 71px 1292px #33A5C2, 1740px 1605px #33A5C2, 1857px 1316px #33A5C2, 2469px 1508px #33A5C2, 1630px 131px #33A5C2, 1631px 1860px #33A5C2, 190px 500px #33A5C2, 1608px 341px #33A5C2, 228px 1013px #33A5C2, 1893px 493px #33A5C2, 2045px 167px #33A5C2, 1416px 1761px #33A5C2, 177px 1118px #33A5C2, 780px 698px #33A5C2, 1964px 1581px #33A5C2, 1891px 2075px #33A5C2, 1994px 1027px #33A5C2, 2209px 1381px #33A5C2, 1939px 2548px #33A5C2, 391px 2405px #33A5C2, 1941px 1051px #33A5C2, 694px 2469px #33A5C2, 604px 739px #33A5C2, 1747px 2012px #33A5C2, 2447px 2518px #33A5C2, 1972px 2552px #33A5C2, 387px 1401px #33A5C2, 1166px 260px #33A5C2, 292px 2069px #33A5C2, 1906px 574px #33A5C2, 2487px 1128px #33A5C2, 2348px 2321px #33A5C2, 2288px 1965px #33A5C2, 540px 1671px #33A5C2, 1038px 2537px #33A5C2, 1418px 128px #33A5C2, 1706px 232px #33A5C2, 708px 526px #33A5C2, 621px 1437px #33A5C2, 2221px 530px #33A5C2, 2137px 1925px #33A5C2, 376px 1351px #33A5C2, 2548px 651px #33A5C2, 1404px 58px #33A5C2, 2125px 54px #33A5C2, 1020px 220px #33A5C2, 593px 1597px #33A5C2, 1416px 1993px #33A5C2, 1756px 1803px #33A5C2, 477px 1509px #33A5C2, 104px 2423px #33A5C2, 2489px 2205px #33A5C2, 901px 1978px #33A5C2, 141px 1473px #33A5C2, 704px 2224px #33A5C2, 723px 926px #33A5C2, 1665px 1972px #33A5C2, 1999px 2336px #33A5C2, 837px 52px #33A5C2, 174px 1156px #33A5C2, 2112px 1408px #33A5C2, 2359px 1713px #33A5C2, 1059px 1459px #33A5C2, 1057px 247px #33A5C2, 1552px 25px #33A5C2, 1206px 400px #33A5C2, 1605px 2510px #33A5C2, 2450px 1624px #33A5C2, 880px 2161px #33A5C2, 673px 1004px #33A5C2, 397px 1609px #33A5C2, 884px 392px #33A5C2, 994px 771px #33A5C2, 2101px 1420px #33A5C2, 407px 2336px #33A5C2, 400px 1435px #33A5C2, 1249px 807px #33A5C2, 2401px 877px #33A5C2, 5px 853px #33A5C2, 2425px 1640px #33A5C2, 112px 2203px #33A5C2, 958px 1282px #33A5C2, 2244px 920px #33A5C2, 2071px 200px #33A5C2, 2074px 2147px #33A5C2, 2024px 370px #33A5C2, 2323px 638px #33A5C2, 1428px 889px #33A5C2, 1760px 726px #33A5C2, 287px 931px #33A5C2, 826px 1523px #33A5C2, 1730px 469px #33A5C2, 2391px 1613px #33A5C2, 2118px 887px #33A5C2, 1026px 920px #33A5C2, 1685px 2149px #33A5C2, 687px 1352px #33A5C2, 129px 1357px #33A5C2, 418px 1308px #33A5C2, 2431px 484px #33A5C2, 284px 1515px #33A5C2, 584px 2057px #33A5C2, 512px 2194px #33A5C2, 2237px 1947px #33A5C2, 1101px 1451px #33A5C2, 1288px 798px #33A5C2, 1005px 2153px #33A5C2, 1819px 777px #33A5C2, 1225px 111px #33A5C2, 1274px 2557px #33A5C2, 392px 833px #33A5C2, 777px 1759px #33A5C2, 192px 1782px #33A5C2, 1123px 2423px #33A5C2, 1138px 1669px #33A5C2, 2406px 200px #33A5C2, 1067px 381px #33A5C2, 248px 2469px #33A5C2, 1138px 1550px #33A5C2, 1733px 166px #33A5C2, 2134px 981px #33A5C2, 1598px 1661px #33A5C2, 505px 501px #33A5C2, 1565px 2320px #33A5C2, 952px 184px #33A5C2, 1728px 1205px #33A5C2, 1578px 1498px #33A5C2, 1177px 688px #33A5C2, 2157px 1080px #33A5C2, 2099px 186px #33A5C2, 2111px 2439px #33A5C2, 1811px 2450px #33A5C2, 2316px 2517px #33A5C2, 2487px 1058px #33A5C2, 731px 1970px #33A5C2, 1070px 1252px #33A5C2, 462px 937px #33A5C2, 2px 472px #33A5C2, 1884px 2356px #33A5C2, 2023px 590px #33A5C2, 1884px 2267px #33A5C2, 130px 1166px #33A5C2, 216px 204px #33A5C2, 2002px 2221px #33A5C2, 311px 1052px #33A5C2, 1699px 516px #33A5C2, 1794px 407px #33A5C2, 541px 1244px #33A5C2, 363px 868px #33A5C2, 841px 2203px #33A5C2, 387px 1880px #33A5C2, 560px 1740px #33A5C2, 1905px 240px #33A5C2, 2549px 1400px #33A5C2, 1539px 1357px #33A5C2, 2486px 1127px #33A5C2, 1409px 1302px #33A5C2, 1076px 1464px #33A5C2, 254px 465px #33A5C2, 1757px 1497px #33A5C2, 1912px 1029px #33A5C2, 1192px 2258px #33A5C2, 1848px 2021px #33A5C2, 85px 2085px #33A5C2, 1751px 1825px #33A5C2, 447px 478px #33A5C2, 81px 1861px #33A5C2, 2406px 927px #33A5C2, 736px 2068px #33A5C2, 1777px 2362px #33A5C2, 73px 2190px #33A5C2, 1554px 259px #33A5C2, 2337px 2px #33A5C2, 2094px 1979px #33A5C2, 1823px 567px #33A5C2, 1244px 439px #33A5C2, 1712px 2034px #33A5C2, 389px 1213px #33A5C2, 2197px 1162px #33A5C2, 433px 1504px #33A5C2, 1841px 174px #33A5C2, 2408px 2154px #33A5C2, 1042px 1206px #33A5C2, 1451px 2506px #33A5C2, 2390px 479px #33A5C2, 983px 177px #33A5C2, 1297px 1415px #33A5C2, 144px 2340px #33A5C2, 13px 425px #33A5C2, 1783px 1894px #33A5C2, 273px 2554px #33A5C2, 48px 1066px #33A5C2, 1909px 1528px #33A5C2, 25px 430px #33A5C2, 1317px 2102px #33A5C2, 724px 1111px #33A5C2, 649px 27px #33A5C2, 76px 236px #33A5C2, 589px 1351px #33A5C2, 1057px 1927px #33A5C2, 561px 1502px #33A5C2, 2045px 286px #33A5C2, 1298px 1554px #33A5C2, 1920px 82px #33A5C2, 728px 1322px #33A5C2, 1531px 1876px #33A5C2, 1993px 1899px #33A5C2, 26px 1921px #33A5C2, 2545px 1904px #33A5C2, 2085px 845px #33A5C2, 1802px 2239px #33A5C2, 51px 957px #33A5C2, 366px 2094px #33A5C2, 124px 2390px #33A5C2, 1940px 1063px #33A5C2, 144px 1495px #33A5C2, 2319px 1116px #33A5C2, 2497px 1279px #33A5C2, 2540px 2251px #33A5C2, 975px 2070px #33A5C2, 2209px 1736px #33A5C2, 1091px 417px #33A5C2, 104px 260px #33A5C2, 2380px 1423px #33A5C2, 1225px 1348px #33A5C2, 1774px 161px #33A5C2, 1982px 524px #33A5C2, 1706px 1490px #33A5C2, 1283px 2046px #33A5C2, 1154px 1533px #33A5C2, 2216px 2483px #33A5C2, 1252px 1764px #33A5C2, 739px 941px #33A5C2, 2284px 841px #33A5C2, 1879px 1813px #33A5C2, 1245px 861px #33A5C2, 100px 1603px #33A5C2, 30px 923px #33A5C2, 2323px 1861px #33A5C2, 1013px 807px #33A5C2, 100px 416px #33A5C2, 321px 369px #33A5C2, 1046px 1660px #33A5C2, 2037px 2264px #33A5C2, 1095px 57px #33A5C2, 1478px 411px #33A5C2, 195px 2009px #33A5C2, 2551px 2368px #33A5C2, 1886px 2059px #33A5C2, 1774px 1006px #33A5C2, 1342px 53px #33A5C2, 1958px 737px #33A5C2, 1173px 2226px #33A5C2, 408px 877px #33A5C2, 156px 213px #33A5C2, 1570px 1461px #33A5C2, 299px 791px #33A5C2, 1748px 39px #33A5C2, 2003px 1891px #33A5C2, 623px 392px #33A5C2, 1268px 128px #33A5C2, 1979px 1447px #33A5C2, 1385px 1696px #33A5C2, 1748px 138px #33A5C2, 1904px 1662px #33A5C2, 933px 1910px #33A5C2, 932px 1862px #33A5C2, 2419px 1219px #33A5C2, 669px 2167px #33A5C2, 473px 1222px #33A5C2, 868px 1583px #33A5C2, 1121px 789px #33A5C2, 2202px 33px #33A5C2, 1605px 660px #33A5C2, 1535px 618px #33A5C2, 1259px 680px #33A5C2, 1900px 961px #33A5C2, 2184px 1897px #33A5C2, 1414px 1171px #33A5C2, 1767px 599px #33A5C2, 2246px 52px #33A5C2, 613px 1885px #33A5C2, 2253px 120px #33A5C2, 2034px 1511px #33A5C2, 2455px 765px #33A5C2, 604px 1809px #33A5C2, 1108px 1560px #33A5C2, 1153px 1814px #33A5C2, 121px 2121px #33A5C2, 972px 872px #33A5C2, 1454px 204px #33A5C2, 2121px 1667px #33A5C2, 794px 70px #33A5C2, 1708px 854px #33A5C2, 1281px 884px #33A5C2, 92px 2367px #33A5C2, 228px 259px #33A5C2, 505px 1966px #33A5C2, 2138px 1900px #33A5C2, 559px 267px #33A5C2, 194px 199px #33A5C2, 1786px 513px #33A5C2, 38px 745px #33A5C2, 515px 604px #33A5C2, 513px 1986px #33A5C2, 440px 848px #33A5C2, 1944px 1093px #33A5C2, 2541px 1091px #33A5C2, 16px 217px #33A5C2, 1835px 1370px #33A5C2, 2523px 1825px #33A5C2, 390px 1944px #33A5C2, 1437px 1338px #33A5C2, 904px 1434px #33A5C2, 2169px 1304px #33A5C2, 1504px 39px #33A5C2, 2053px 1970px #33A5C2, 706px 528px #33A5C2, 1287px 1367px #33A5C2, 2356px 2347px #33A5C2, 1601px 2419px #33A5C2, 2391px 1689px #33A5C2, 7px 445px #33A5C2, 1493px 673px #33A5C2, 1657px 1672px #33A5C2, 1565px 1630px #33A5C2, 1479px 1102px #33A5C2, 1068px 601px #33A5C2, 1537px 1755px #33A5C2, 2071px 343px #33A5C2, 466px 249px #33A5C2, 422px 188px #33A5C2, 209px 2077px #33A5C2, 778px 227px #33A5C2, 1540px 1383px #33A5C2, 904px 2464px #33A5C2, 1491px 553px #33A5C2, 2397px 1638px #33A5C2, 448px 351px #33A5C2, 2108px 721px #33A5C2, 521px 1283px #33A5C2, 1673px 1438px #33A5C2, 70px 2441px #33A5C2, 1953px 119px #33A5C2, 2013px 2393px #33A5C2, 1410px 1990px #33A5C2, 230px 1411px #33A5C2, 1505px 2056px #33A5C2, 2353px 1330px #33A5C2, 826px 862px #33A5C2, 206px 1138px #33A5C2, 1802px 1455px #33A5C2, 811px 2406px #33A5C2, 654px 580px #33A5C2, 1115px 1552px #33A5C2, 861px 1770px #33A5C2, 1251px 552px #33A5C2, 2545px 1683px #33A5C2, 1346px 1547px #33A5C2, 2527px 2437px #33A5C2, 870px 183px #33A5C2, 1016px 141px #33A5C2, 1848px 1997px #33A5C2, 622px 947px #33A5C2, 1671px 1681px #33A5C2, 1111px 2070px #33A5C2, 682px 1140px #33A5C2, 929px 487px #33A5C2, 1419px 1496px #33A5C2, 126px 1866px #33A5C2, 928px 1085px #33A5C2, 2147px 512px #33A5C2, 220px 1457px #33A5C2, 2384px 1372px #33A5C2, 214px 1212px #33A5C2, 1348px 1573px #33A5C2, 2326px 1476px #33A5C2, 2532px 1551px #33A5C2, 615px 455px #33A5C2, 1654px 2098px #33A5C2, 1725px 541px #33A5C2, 2223px 555px #33A5C2, 1562px 1396px #33A5C2, 604px 1880px #33A5C2, 1511px 2066px #33A5C2, 156px 1311px #33A5C2, 2435px 1389px #33A5C2, 1741px 358px #33A5C2, 867px 2044px #33A5C2, 337px 772px #33A5C2, 982px 2275px #33A5C2, 2292px 1875px #33A5C2, 347px 291px #33A5C2, 327px 1540px #33A5C2, 1590px 1377px #33A5C2, 18px 1329px #33A5C2, 1451px 43px #33A5C2, 944px 1580px #33A5C2, 582px 209px #33A5C2, 714px 501px #33A5C2, 235px 1390px #33A5C2, 469px 1335px #33A5C2, 181px 2212px #33A5C2, 2px 889px #33A5C2, 1675px 34px #33A5C2, 553px 165px #33A5C2, 602px 178px #33A5C2, 1211px 287px #33A5C2, 2487px 616px #33A5C2;
  height: 1px;
  width: 1px;
}

.particle-1:after {
  box-shadow: 0px 0px #33A5C2, 1860px 180px #33A5C2, 10px 680px #33A5C2, 738px 1513px #33A5C2, 101px 2404px #33A5C2, 1747px 381px #33A5C2, 1140px 1000px #33A5C2, 801px 569px #33A5C2, 601px 1064px #33A5C2, 890px 827px #33A5C2, 2155px 814px #33A5C2, 1784px 541px #33A5C2, 506px 1111px #33A5C2, 1404px 405px #33A5C2, 1083px 1711px #33A5C2, 1932px 277px #33A5C2, 479px 2032px #33A5C2, 1223px 1025px #33A5C2, 1738px 1883px #33A5C2, 385px 2354px #33A5C2, 2245px 625px #33A5C2, 2417px 2177px #33A5C2, 1155px 57px #33A5C2, 1176px 747px #33A5C2, 672px 1441px #33A5C2, 201px 1968px #33A5C2, 1838px 474px #33A5C2, 769px 1197px #33A5C2, 816px 153px #33A5C2, 1835px 1830px #33A5C2, 1609px 1834px #33A5C2, 2319px 1739px #33A5C2, 1835px 1225px #33A5C2, 2464px 1411px #33A5C2, 2149px 1297px #33A5C2, 1420px 688px #33A5C2, 1635px 1271px #33A5C2, 1925px 702px #33A5C2, 1823px 824px #33A5C2, 146px 577px #33A5C2, 441px 1659px #33A5C2, 948px 1104px #33A5C2, 1125px 1737px #33A5C2, 698px 1085px #33A5C2, 223px 1230px #33A5C2, 2299px 2492px #33A5C2, 999px 2280px #33A5C2, 2385px 1575px #33A5C2, 2044px 1247px #33A5C2, 570px 2205px #33A5C2, 655px 1887px #33A5C2, 938px 1427px #33A5C2, 2263px 971px #33A5C2, 704px 870px #33A5C2, 1705px 1857px #33A5C2, 2534px 1353px #33A5C2, 130px 874px #33A5C2, 1386px 2169px #33A5C2, 969px 1981px #33A5C2, 2015px 2295px #33A5C2, 584px 752px #33A5C2, 1475px 779px #33A5C2, 1744px 2014px #33A5C2, 728px 1960px #33A5C2, 2405px 1346px #33A5C2, 1849px 1813px #33A5C2, 731px 217px #33A5C2, 296px 1924px #33A5C2, 1282px 1328px #33A5C2, 1365px 2526px #33A5C2, 2552px 2138px #33A5C2, 2201px 912px #33A5C2, 580px 2384px #33A5C2, 2057px 1479px #33A5C2, 1865px 1580px #33A5C2, 1765px 1591px #33A5C2, 1899px 1872px #33A5C2, 2097px 156px #33A5C2, 153px 2523px #33A5C2, 734px 1028px #33A5C2, 1600px 2071px #33A5C2, 1837px 111px #33A5C2, 81px 568px #33A5C2, 1059px 1970px #33A5C2, 1250px 1592px #33A5C2, 1337px 1923px #33A5C2, 34px 1840px #33A5C2, 1847px 567px #33A5C2, 1829px 1148px #33A5C2, 2275px 1740px #33A5C2, 2074px 1115px #33A5C2, 739px 303px #33A5C2, 739px 1187px #33A5C2, 1239px 2213px #33A5C2, 2556px 346px #33A5C2, 44px 1358px #33A5C2, 1500px 1252px #33A5C2, 2439px 597px #33A5C2, 1551px 1986px #33A5C2, 1653px 1116px #33A5C2, 1183px 227px #33A5C2, 693px 430px #33A5C2, 1568px 1378px #33A5C2, 1068px 1670px #33A5C2, 1426px 1069px #33A5C2, 655px 471px #33A5C2, 2263px 251px #33A5C2, 2389px 1801px #33A5C2, 1153px 715px #33A5C2, 2014px 1226px #33A5C2, 929px 122px #33A5C2, 1283px 2156px #33A5C2, 842px 1938px #33A5C2, 823px 2494px #33A5C2, 61px 67px #33A5C2, 1820px 115px #33A5C2, 492px 595px #33A5C2, 1922px 2070px #33A5C2, 2015px 1365px #33A5C2, 737px 2241px #33A5C2, 183px 2487px #33A5C2, 632px 2050px #33A5C2, 2295px 685px #33A5C2, 888px 1890px #33A5C2, 2042px 1636px #33A5C2, 246px 1792px #33A5C2, 47px 839px #33A5C2, 885px 1569px #33A5C2, 403px 343px #33A5C2, 1146px 1428px #33A5C2, 872px 1669px #33A5C2, 817px 2010px #33A5C2, 829px 2452px #33A5C2, 1459px 2008px #33A5C2, 2446px 1713px #33A5C2, 2166px 410px #33A5C2, 143px 987px #33A5C2, 827px 162px #33A5C2, 1899px 2459px #33A5C2, 900px 957px #33A5C2, 529px 302px #33A5C2, 1242px 827px #33A5C2, 1971px 2389px #33A5C2, 1111px 53px #33A5C2, 1184px 2278px #33A5C2, 941px 1561px #33A5C2, 1248px 1289px #33A5C2, 696px 1499px #33A5C2, 114px 1659px #33A5C2, 2204px 174px #33A5C2, 718px 710px #33A5C2, 2347px 1660px #33A5C2, 1871px 228px #33A5C2, 2196px 2438px #33A5C2, 459px 2140px #33A5C2, 1844px 702px #33A5C2, 1220px 2185px #33A5C2, 678px 1679px #33A5C2, 1069px 2271px #33A5C2, 2249px 848px #33A5C2, 2404px 1974px #33A5C2, 93px 306px #33A5C2, 1691px 45px #33A5C2, 84px 1562px #33A5C2, 336px 1926px #33A5C2, 1414px 1022px #33A5C2, 11px 1341px #33A5C2, 893px 332px #33A5C2, 2490px 371px #33A5C2, 2095px 881px #33A5C2, 2537px 2289px #33A5C2, 730px 1689px #33A5C2, 900px 59px #33A5C2, 1945px 1657px #33A5C2, 993px 2238px #33A5C2, 442px 1564px #33A5C2, 1220px 310px #33A5C2, 2014px 1004px #33A5C2, 44px 1501px #33A5C2, 1345px 1837px #33A5C2, 48px 1645px #33A5C2, 2418px 1073px #33A5C2, 1381px 1417px #33A5C2, 30px 2077px #33A5C2, 2370px 2016px #33A5C2, 711px 449px #33A5C2, 1162px 2107px #33A5C2, 1636px 789px #33A5C2, 329px 1823px #33A5C2, 1629px 2204px #33A5C2, 1239px 717px #33A5C2, 1625px 908px #33A5C2, 1880px 895px #33A5C2, 2177px 1299px #33A5C2, 181px 1255px #33A5C2, 2372px 802px #33A5C2, 2070px 1421px #33A5C2, 94px 309px #33A5C2, 299px 1594px #33A5C2, 660px 1189px #33A5C2, 1251px 2018px #33A5C2, 2184px 1870px #33A5C2, 1329px 1298px #33A5C2, 1498px 869px #33A5C2, 692px 817px #33A5C2, 614px 1164px #33A5C2, 282px 396px #33A5C2, 1143px 767px #33A5C2, 21px 1593px #33A5C2, 1264px 542px #33A5C2, 396px 343px #33A5C2, 145px 1113px #33A5C2, 45px 856px #33A5C2, 1036px 1696px #33A5C2, 1233px 1786px #33A5C2, 559px 47px #33A5C2, 1281px 1823px #33A5C2, 2334px 148px #33A5C2, 1760px 466px #33A5C2, 1865px 1266px #33A5C2, 751px 1740px #33A5C2, 1628px 2189px #33A5C2, 979px 1333px #33A5C2, 2413px 2207px #33A5C2, 655px 1589px #33A5C2, 1800px 280px #33A5C2, 2181px 2321px #33A5C2, 478px 1335px #33A5C2, 465px 405px #33A5C2, 1076px 687px #33A5C2, 2528px 2207px #33A5C2, 803px 674px #33A5C2, 904px 1330px #33A5C2, 2284px 1417px #33A5C2, 1524px 503px #33A5C2, 2063px 1967px #33A5C2, 303px 2212px #33A5C2, 926px 2218px #33A5C2, 81px 1208px #33A5C2, 64px 73px #33A5C2, 495px 2081px #33A5C2, 1348px 1064px #33A5C2, 1722px 1888px #33A5C2, 126px 1172px #33A5C2, 733px 451px #33A5C2, 1371px 2048px #33A5C2, 2117px 1509px #33A5C2, 1844px 1911px #33A5C2, 2457px 2195px #33A5C2, 862px 2175px #33A5C2, 2411px 1765px #33A5C2, 1609px 330px #33A5C2, 1931px 2112px #33A5C2, 764px 1231px #33A5C2, 1604px 672px #33A5C2, 342px 1629px #33A5C2, 1666px 1592px #33A5C2, 1202px 1084px #33A5C2, 2471px 205px #33A5C2, 1147px 371px #33A5C2, 2077px 2006px #33A5C2, 1175px 2194px #33A5C2, 925px 2557px #33A5C2, 2143px 732px #33A5C2, 584px 1507px #33A5C2, 558px 1913px #33A5C2, 288px 1314px #33A5C2, 2034px 1501px #33A5C2, 1772px 2383px #33A5C2, 2049px 2158px #33A5C2, 1878px 2030px #33A5C2, 1820px 993px #33A5C2, 367px 1392px #33A5C2, 1410px 1196px #33A5C2, 1384px 2416px #33A5C2, 1739px 948px #33A5C2, 936px 2047px #33A5C2, 1778px 1027px #33A5C2, 1762px 54px #33A5C2, 110px 116px #33A5C2, 1500px 1981px #33A5C2, 1710px 481px #33A5C2, 557px 510px #33A5C2, 2220px 1407px #33A5C2, 13px 1885px #33A5C2, 1118px 2040px #33A5C2, 601px 2222px #33A5C2, 2460px 1956px #33A5C2, 949px 301px #33A5C2, 2083px 221px #33A5C2, 568px 1081px #33A5C2, 111px 785px #33A5C2, 1284px 2465px #33A5C2, 1344px 124px #33A5C2, 172px 2543px #33A5C2, 1473px 538px #33A5C2, 1047px 1188px #33A5C2, 1516px 73px #33A5C2, 701px 296px #33A5C2, 1367px 1478px #33A5C2, 1644px 2375px #33A5C2, 763px 2279px #33A5C2, 1306px 359px #33A5C2, 1673px 1126px #33A5C2, 2009px 2009px #33A5C2, 1280px 1043px #33A5C2, 1435px 2354px #33A5C2, 1778px 1475px #33A5C2, 832px 1851px #33A5C2, 817px 1334px #33A5C2, 1014px 1866px #33A5C2, 1912px 710px #33A5C2, 1737px 2036px #33A5C2, 1312px 1769px #33A5C2, 1792px 180px #33A5C2, 312px 520px #33A5C2, 183px 1817px #33A5C2, 2326px 554px #33A5C2, 2542px 1996px #33A5C2, 472px 605px #33A5C2, 2458px 659px #33A5C2, 1784px 85px #33A5C2, 582px 337px #33A5C2, 1576px 1851px #33A5C2, 2479px 753px #33A5C2, 905px 1406px #33A5C2, 1152px 1414px #33A5C2, 1225px 1681px #33A5C2, 1956px 660px #33A5C2, 567px 2256px #33A5C2, 1776px 628px #33A5C2, 2502px 249px #33A5C2, 2232px 291px #33A5C2, 337px 588px #33A5C2, 1223px 2281px #33A5C2, 1301px 2202px #33A5C2, 75px 1636px #33A5C2, 2494px 592px #33A5C2, 1836px 860px #33A5C2, 1432px 590px #33A5C2, 2459px 1295px #33A5C2, 2342px 1795px #33A5C2, 1679px 1596px #33A5C2, 687px 201px #33A5C2, 388px 314px #33A5C2, 406px 1310px #33A5C2, 2033px 1755px #33A5C2, 2192px 1182px #33A5C2, 617px 2359px #33A5C2, 2243px 1598px #33A5C2, 257px 2335px #33A5C2, 2509px 2259px #33A5C2, 1922px 1989px #33A5C2, 323px 1959px #33A5C2, 2213px 2246px #33A5C2, 1360px 332px #33A5C2, 677px 503px #33A5C2, 548px 649px #33A5C2, 2228px 2411px #33A5C2, 270px 2153px #33A5C2, 1761px 334px #33A5C2, 943px 1511px #33A5C2, 1851px 610px #33A5C2, 94px 1085px #33A5C2, 2122px 304px #33A5C2, 580px 1686px #33A5C2, 490px 2242px #33A5C2, 441px 900px #33A5C2, 1835px 2441px #33A5C2, 1181px 1842px #33A5C2, 110px 1886px #33A5C2, 2013px 1219px #33A5C2, 1294px 2365px #33A5C2, 2346px 1316px #33A5C2, 880px 1622px #33A5C2, 1896px 389px #33A5C2, 190px 890px #33A5C2, 807px 569px #33A5C2, 1971px 1969px #33A5C2, 1280px 2400px #33A5C2, 1496px 1828px #33A5C2, 38px 964px #33A5C2, 1440px 222px #33A5C2, 405px 2240px #33A5C2, 246px 322px #33A5C2, 1463px 1887px #33A5C2, 2039px 2444px #33A5C2, 1072px 2418px #33A5C2, 2381px 2096px #33A5C2, 2001px 2557px #33A5C2, 51px 2260px #33A5C2, 1311px 1712px #33A5C2, 435px 1387px #33A5C2, 2209px 2187px #33A5C2, 2420px 378px #33A5C2, 1963px 1697px #33A5C2, 1580px 2257px #33A5C2, 42px 219px #33A5C2, 319px 2075px #33A5C2, 136px 61px #33A5C2, 60px 1462px #33A5C2, 613px 1753px #33A5C2, 1235px 1948px #33A5C2, 225px 722px #33A5C2, 2045px 646px #33A5C2, 1053px 2137px #33A5C2, 1578px 2038px #33A5C2, 459px 2418px #33A5C2, 2115px 2127px #33A5C2, 1049px 352px #33A5C2, 135px 2012px #33A5C2, 1637px 128px #33A5C2, 364px 2492px #33A5C2, 638px 1113px #33A5C2, 1307px 2340px #33A5C2, 2027px 1703px #33A5C2, 309px 497px #33A5C2, 1754px 2385px #33A5C2, 1913px 73px #33A5C2, 626px 2064px #33A5C2, 189px 21px #33A5C2, 316px 46px #33A5C2, 2442px 949px #33A5C2, 1080px 1045px #33A5C2, 947px 2454px #33A5C2, 975px 1699px #33A5C2, 1538px 1602px #33A5C2, 374px 409px #33A5C2, 2267px 229px #33A5C2, 1459px 1778px #33A5C2, 1647px 622px #33A5C2, 2199px 1564px #33A5C2, 1078px 160px #33A5C2, 114px 388px #33A5C2, 1086px 519px #33A5C2, 1938px 1481px #33A5C2, 2008px 294px #33A5C2, 1965px 954px #33A5C2, 2275px 382px #33A5C2, 1291px 2490px #33A5C2, 1552px 1417px #33A5C2, 77px 888px #33A5C2, 1456px 2095px #33A5C2, 1156px 2233px #33A5C2, 477px 2273px #33A5C2, 374px 2030px #33A5C2, 413px 2151px #33A5C2, 1610px 1939px #33A5C2, 90px 1202px #33A5C2, 1492px 1899px #33A5C2, 1189px 1646px #33A5C2, 879px 2551px #33A5C2, 1660px 1750px #33A5C2, 165px 1985px #33A5C2, 100px 2241px #33A5C2, 2361px 399px #33A5C2, 2555px 1422px #33A5C2, 1616px 1934px #33A5C2, 1505px 1426px #33A5C2, 1195px 1807px #33A5C2, 293px 1207px #33A5C2, 704px 1821px #33A5C2, 1364px 1794px #33A5C2, 754px 2173px #33A5C2, 2312px 2301px #33A5C2, 1389px 2167px #33A5C2, 1905px 292px #33A5C2, 261px 346px #33A5C2, 278px 235px #33A5C2, 1524px 543px #33A5C2, 798px 536px #33A5C2, 2350px 809px #33A5C2, 2504px 603px #33A5C2, 2524px 1164px #33A5C2, 2422px 1477px #33A5C2, 2161px 2407px #33A5C2, 1573px 1175px #33A5C2, 1890px 895px #33A5C2, 119px 877px #33A5C2, 395px 722px #33A5C2, 1435px 68px #33A5C2, 529px 2192px #33A5C2, 224px 1117px #33A5C2, 2428px 1335px #33A5C2, 1468px 28px #33A5C2, 920px 529px #33A5C2, 675px 2283px #33A5C2, 2426px 1100px #33A5C2, 395px 1272px #33A5C2, 1902px 1713px #33A5C2, 519px 360px #33A5C2, 1335px 2499px #33A5C2, 2392px 2249px #33A5C2, 1761px 1133px #33A5C2, 1772px 1124px #33A5C2, 2517px 376px #33A5C2, 2428px 867px #33A5C2, 500px 2347px #33A5C2, 1241px 1694px #33A5C2, 85px 1672px #33A5C2, 1949px 2381px #33A5C2, 1720px 777px #33A5C2, 1484px 2264px #33A5C2, 45px 2333px #33A5C2, 2068px 193px #33A5C2, 558px 2528px #33A5C2, 737px 995px #33A5C2, 491px 736px #33A5C2, 1095px 2314px #33A5C2, 2330px 126px #33A5C2, 1451px 303px #33A5C2, 1639px 1857px #33A5C2, 1580px 528px #33A5C2, 491px 1754px #33A5C2, 1746px 2259px #33A5C2, 1015px 737px #33A5C2, 1434px 504px #33A5C2, 966px 1429px #33A5C2, 1522px 1187px #33A5C2, 1481px 115px #33A5C2, 1297px 638px #33A5C2, 665px 1991px #33A5C2, 768px 262px #33A5C2, 1424px 2032px #33A5C2, 793px 1933px #33A5C2, 524px 727px #33A5C2, 2437px 175px #33A5C2, 198px 2237px #33A5C2, 72px 1817px #33A5C2, 2516px 210px #33A5C2, 1317px 261px #33A5C2, 339px 2527px #33A5C2, 883px 967px #33A5C2, 1690px 1452px #33A5C2, 384px 2348px #33A5C2, 122px 1385px #33A5C2, 1662px 1558px #33A5C2, 514px 2448px #33A5C2, 2017px 1073px #33A5C2, 363px 478px #33A5C2, 2467px 521px #33A5C2, 2061px 1090px #33A5C2, 877px 1656px #33A5C2, 1954px 1566px #33A5C2, 2249px 2029px #33A5C2, 369px 492px #33A5C2, 1615px 693px #33A5C2, 669px 2486px #33A5C2, 1248px 2337px #33A5C2, 2555px 758px #33A5C2, 38px 427px #33A5C2, 2401px 1106px #33A5C2, 457px 756px #33A5C2, 2358px 57px #33A5C2, 711px 827px #33A5C2, 1203px 1833px #33A5C2, 1347px 973px #33A5C2, 1443px 127px #33A5C2, 2209px 1413px #33A5C2, 1600px 2533px #33A5C2, 1926px 1903px #33A5C2, 874px 2335px #33A5C2, 1606px 659px #33A5C2, 1138px 549px #33A5C2, 210px 873px #33A5C2, 1598px 44px #33A5C2, 1079px 599px #33A5C2, 2419px 143px #33A5C2, 1164px 2401px #33A5C2, 88px 2537px #33A5C2, 2533px 2515px #33A5C2, 1708px 2516px #33A5C2, 2390px 996px #33A5C2, 1664px 23px #33A5C2, 989px 328px #33A5C2, 2128px 598px #33A5C2, 1782px 1229px #33A5C2, 194px 344px #33A5C2, 754px 2396px #33A5C2, 1555px 1794px #33A5C2, 2481px 2254px #33A5C2, 192px 826px #33A5C2, 1296px 225px #33A5C2, 2212px 493px #33A5C2, 1111px 369px #33A5C2, 61px 1791px #33A5C2, 2085px 2263px #33A5C2, 2181px 2439px #33A5C2, 1239px 2077px #33A5C2, 1168px 136px #33A5C2, 1676px 810px #33A5C2, 845px 974px #33A5C2, 1471px 1632px #33A5C2, 1405px 1502px #33A5C2, 2198px 1677px #33A5C2, 2248px 503px #33A5C2, 1836px 2200px #33A5C2, 158px 2307px #33A5C2, 1245px 1857px #33A5C2, 861px 1112px #33A5C2, 1250px 1462px #33A5C2;
  height: 1px;
  width: 1px;
}

.particle-2 {
  animation: animParticle 120s linear infinite;
  box-shadow: 0px 0px #33A5C2, 1561px 2122px #33A5C2, 1033px 1612px #33A5C2, 500px 1265px #33A5C2, 64px 1923px #33A5C2, 2342px 22px #33A5C2, 1601px 956px #33A5C2, 1210px 1628px #33A5C2, 1387px 2332px #33A5C2, 1272px 1233px #33A5C2, 496px 734px #33A5C2, 2257px 169px #33A5C2, 427px 1438px #33A5C2, 1466px 2077px #33A5C2, 2120px 2029px #33A5C2, 1076px 685px #33A5C2, 193px 2246px #33A5C2, 918px 2356px #33A5C2, 2526px 2552px #33A5C2, 1176px 1877px #33A5C2, 2470px 1580px #33A5C2, 354px 1322px #33A5C2, 824px 1511px #33A5C2, 967px 271px #33A5C2, 564px 1906px #33A5C2, 1254px 1637px #33A5C2, 487px 1702px #33A5C2, 1429px 2169px #33A5C2, 2074px 1607px #33A5C2, 1498px 652px #33A5C2, 1125px 1537px #33A5C2, 887px 1802px #33A5C2, 188px 734px #33A5C2, 1723px 344px #33A5C2, 1788px 2305px #33A5C2, 656px 1893px #33A5C2, 814px 1202px #33A5C2, 79px 1515px #33A5C2, 381px 897px #33A5C2, 825px 1765px #33A5C2, 932px 947px #33A5C2, 523px 411px #33A5C2, 2142px 1322px #33A5C2, 1135px 329px #33A5C2, 930px 2475px #33A5C2, 1498px 1286px #33A5C2, 1258px 869px #33A5C2, 1148px 2039px #33A5C2, 447px 643px #33A5C2, 788px 2431px #33A5C2, 2312px 516px #33A5C2, 1426px 1130px #33A5C2, 1014px 673px #33A5C2, 1984px 362px #33A5C2, 14px 222px #33A5C2, 1354px 384px #33A5C2, 784px 1057px #33A5C2, 335px 804px #33A5C2, 1932px 1432px #33A5C2, 1978px 496px #33A5C2, 13px 17px #33A5C2, 1384px 926px #33A5C2, 2068px 512px #33A5C2, 478px 883px #33A5C2, 1405px 2270px #33A5C2, 887px 187px #33A5C2, 1091px 2295px #33A5C2, 181px 610px #33A5C2, 151px 1029px #33A5C2, 1977px 2387px #33A5C2, 886px 1207px #33A5C2, 1839px 1137px #33A5C2, 1937px 722px #33A5C2, 737px 1960px #33A5C2, 1194px 2022px #33A5C2, 714px 2001px #33A5C2, 2152px 948px #33A5C2, 1038px 928px #33A5C2, 2300px 1238px #33A5C2, 2039px 994px #33A5C2, 842px 2176px #33A5C2, 2533px 105px #33A5C2, 144px 139px #33A5C2, 2059px 533px #33A5C2, 332px 539px #33A5C2, 197px 142px #33A5C2, 738px 584px #33A5C2, 398px 2272px #33A5C2, 1854px 19px #33A5C2, 2489px 2264px #33A5C2, 722px 649px #33A5C2, 170px 122px #33A5C2, 1577px 140px #33A5C2, 2153px 2280px #33A5C2, 203px 1991px #33A5C2, 891px 2300px #33A5C2, 1224px 1092px #33A5C2, 1408px 137px #33A5C2, 844px 235px #33A5C2, 2081px 2525px #33A5C2, 1747px 290px #33A5C2, 520px 1845px #33A5C2, 1226px 981px #33A5C2, 2285px 1302px #33A5C2, 831px 973px #33A5C2, 1893px 1748px #33A5C2, 1508px 367px #33A5C2, 1331px 172px #33A5C2, 1418px 81px #33A5C2, 2236px 791px #33A5C2, 1059px 1284px #33A5C2, 845px 1375px #33A5C2, 715px 1358px #33A5C2, 1531px 2307px #33A5C2, 1909px 1342px #33A5C2, 2360px 2146px #33A5C2, 782px 1291px #33A5C2, 967px 1668px #33A5C2, 2427px 198px #33A5C2, 729px 727px #33A5C2, 357px 488px #33A5C2, 572px 1077px #33A5C2, 2128px 2394px #33A5C2, 1540px 499px #33A5C2, 1124px 753px #33A5C2, 103px 595px #33A5C2, 283px 70px #33A5C2, 489px 2018px #33A5C2, 2017px 1755px #33A5C2, 1345px 2419px #33A5C2, 2463px 486px #33A5C2, 411px 623px #33A5C2, 949px 1679px #33A5C2, 1388px 2134px #33A5C2, 1111px 79px #33A5C2, 161px 724px #33A5C2, 1378px 2102px #33A5C2, 1995px 1575px #33A5C2, 2275px 985px #33A5C2, 2470px 1653px #33A5C2, 715px 23px #33A5C2, 1716px 633px #33A5C2, 2379px 1142px #33A5C2, 1500px 583px #33A5C2, 2535px 768px #33A5C2, 852px 2339px #33A5C2, 716px 1357px #33A5C2, 999px 1329px #33A5C2, 1470px 2211px #33A5C2, 45px 1426px #33A5C2, 1018px 1855px #33A5C2, 323px 786px #33A5C2, 1876px 622px #33A5C2, 488px 2548px #33A5C2, 2299px 1797px #33A5C2, 926px 2037px #33A5C2, 8px 1135px #33A5C2, 2326px 2046px #33A5C2, 337px 397px #33A5C2, 955px 2362px #33A5C2, 348px 2538px #33A5C2, 1470px 1838px #33A5C2, 1625px 1129px #33A5C2, 1994px 1424px #33A5C2, 16px 1014px #33A5C2, 1754px 1645px #33A5C2, 678px 2001px #33A5C2, 1689px 1056px #33A5C2, 39px 224px #33A5C2, 2269px 1700px #33A5C2, 1849px 2382px #33A5C2, 1203px 913px #33A5C2, 485px 1887px #33A5C2, 1396px 2083px #33A5C2, 180px 2396px #33A5C2, 2120px 170px #33A5C2, 673px 2312px #33A5C2, 1015px 1979px #33A5C2, 159px 1383px #33A5C2, 1136px 2548px #33A5C2, 492px 529px #33A5C2, 1941px 1628px #33A5C2, 212px 870px #33A5C2, 1435px 866px #33A5C2, 911px 665px #33A5C2, 739px 1825px #33A5C2, 1509px 391px #33A5C2, 654px 1688px #33A5C2, 897px 660px #33A5C2, 2203px 485px #33A5C2, 201px 1775px #33A5C2, 284px 1682px #33A5C2, 1813px 994px #33A5C2, 2191px 2507px #33A5C2, 2299px 412px #33A5C2, 2388px 1927px #33A5C2, 2187px 4px #33A5C2, 1700px 1302px #33A5C2, 1195px 1160px #33A5C2, 796px 33px #33A5C2, 1118px 1243px #33A5C2;
  height: 2px;
  width: 2px;
}

.particle-2:after {
  box-shadow: 0px 0px #33A5C2, 976px 738px #33A5C2, 719px 2228px #33A5C2, 2239px 1182px #33A5C2, 1337px 146px #33A5C2, 2055px 126px #33A5C2, 483px 961px #33A5C2, 477px 775px #33A5C2, 1571px 412px #33A5C2, 2023px 286px #33A5C2, 1918px 1557px #33A5C2, 140px 398px #33A5C2, 1027px 1915px #33A5C2, 2262px 371px #33A5C2, 1232px 194px #33A5C2, 370px 2552px #33A5C2, 1920px 430px #33A5C2, 871px 1539px #33A5C2, 982px 883px #33A5C2, 1698px 1601px #33A5C2, 1190px 2547px #33A5C2, 314px 425px #33A5C2, 762px 953px #33A5C2, 678px 1628px #33A5C2, 1919px 1184px #33A5C2, 477px 786px #33A5C2, 1352px 2523px #33A5C2, 1313px 795px #33A5C2, 1691px 2339px #33A5C2, 979px 2477px #33A5C2, 220px 422px #33A5C2, 617px 106px #33A5C2, 733px 213px #33A5C2, 1701px 67px #33A5C2, 1755px 1647px #33A5C2, 1279px 2px #33A5C2, 865px 1850px #33A5C2, 1962px 1747px #33A5C2, 1252px 1167px #33A5C2, 420px 31px #33A5C2, 2343px 2261px #33A5C2, 171px 1605px #33A5C2, 1828px 2302px #33A5C2, 379px 2287px #33A5C2, 1544px 144px #33A5C2, 1150px 1874px #33A5C2, 972px 119px #33A5C2, 322px 629px #33A5C2, 2007px 2540px #33A5C2, 8px 445px #33A5C2, 180px 742px #33A5C2, 673px 1194px #33A5C2, 617px 797px #33A5C2, 2043px 378px #33A5C2, 717px 336px #33A5C2, 2171px 1640px #33A5C2, 722px 700px #33A5C2, 1762px 976px #33A5C2, 88px 1327px #33A5C2, 1371px 1692px #33A5C2, 1053px 1095px #33A5C2, 1838px 1076px #33A5C2, 1890px 1649px #33A5C2, 986px 724px #33A5C2, 1701px 750px #33A5C2, 806px 2425px #33A5C2, 504px 315px #33A5C2, 995px 503px #33A5C2, 877px 549px #33A5C2, 1344px 1604px #33A5C2, 473px 1298px #33A5C2, 441px 44px #33A5C2, 2315px 267px #33A5C2, 2222px 771px #33A5C2, 106px 53px #33A5C2, 1353px 1096px #33A5C2, 1574px 1054px #33A5C2, 1442px 1429px #33A5C2, 2261px 2118px #33A5C2, 1022px 2292px #33A5C2, 25px 2146px #33A5C2, 1134px 610px #33A5C2, 1192px 1264px #33A5C2, 1704px 1185px #33A5C2, 1654px 462px #33A5C2, 2078px 1945px #33A5C2, 2131px 2535px #33A5C2, 1218px 1360px #33A5C2, 2434px 617px #33A5C2, 1325px 1569px #33A5C2, 1197px 2269px #33A5C2, 1254px 883px #33A5C2, 1950px 1925px #33A5C2, 2188px 1412px #33A5C2, 2204px 1822px #33A5C2, 2164px 1174px #33A5C2, 1349px 2194px #33A5C2, 637px 503px #33A5C2, 2255px 1546px #33A5C2, 924px 1480px #33A5C2, 1278px 425px #33A5C2, 123px 1860px #33A5C2, 1415px 1009px #33A5C2, 2239px 2370px #33A5C2, 2514px 665px #33A5C2, 1839px 2527px #33A5C2, 1586px 2088px #33A5C2, 1682px 1212px #33A5C2, 1484px 1905px #33A5C2, 1128px 619px #33A5C2, 2494px 1565px #33A5C2, 1428px 1505px #33A5C2, 1630px 498px #33A5C2, 910px 456px #33A5C2, 2535px 1812px #33A5C2, 1683px 82px #33A5C2, 1457px 2491px #33A5C2, 745px 319px #33A5C2, 334px 1480px #33A5C2, 1501px 1773px #33A5C2, 1508px 1714px #33A5C2, 1477px 119px #33A5C2, 2135px 1300px #33A5C2, 633px 1570px #33A5C2, 1335px 782px #33A5C2, 666px 1899px #33A5C2, 1136px 716px #33A5C2, 1532px 701px #33A5C2, 574px 1985px #33A5C2, 425px 2502px #33A5C2, 821px 1582px #33A5C2, 182px 857px #33A5C2, 1163px 389px #33A5C2, 1171px 1259px #33A5C2, 1530px 1908px #33A5C2, 1373px 2023px #33A5C2, 381px 848px #33A5C2, 1276px 2285px #33A5C2, 1225px 1244px #33A5C2, 107px 2442px #33A5C2, 1141px 1257px #33A5C2, 463px 941px #33A5C2, 973px 1604px #33A5C2, 253px 272px #33A5C2, 1397px 764px #33A5C2, 1162px 1881px #33A5C2, 529px 1589px #33A5C2, 2319px 379px #33A5C2, 579px 919px #33A5C2, 950px 2263px #33A5C2, 1477px 1814px #33A5C2, 1556px 1120px #33A5C2, 195px 1927px #33A5C2, 1839px 1416px #33A5C2, 902px 633px #33A5C2, 1209px 1590px #33A5C2, 1470px 1122px #33A5C2, 418px 5px #33A5C2, 1770px 534px #33A5C2, 943px 1342px #33A5C2, 38px 1429px #33A5C2, 1501px 159px #33A5C2, 1547px 1659px #33A5C2, 2198px 2340px #33A5C2, 1952px 1011px #33A5C2, 2505px 1512px #33A5C2, 777px 277px #33A5C2, 853px 769px #33A5C2, 304px 1651px #33A5C2, 1751px 288px #33A5C2, 1715px 17px #33A5C2, 212px 1143px #33A5C2, 2438px 2535px #33A5C2, 2035px 1024px #33A5C2, 362px 987px #33A5C2, 1007px 636px #33A5C2, 165px 2157px #33A5C2, 1197px 1585px #33A5C2, 2406px 2270px #33A5C2, 1828px 910px #33A5C2, 1636px 2336px #33A5C2, 1136px 901px #33A5C2, 1407px 1203px #33A5C2, 129px 861px #33A5C2, 1053px 570px #33A5C2, 511px 1746px #33A5C2, 1093px 2084px #33A5C2, 1550px 674px #33A5C2, 1432px 1117px #33A5C2, 160px 754px #33A5C2, 1104px 82px #33A5C2, 1343px 218px #33A5C2, 926px 1649px #33A5C2, 2546px 365px #33A5C2, 334px 489px #33A5C2, 798px 97px #33A5C2, 947px 1603px #33A5C2, 2066px 739px #33A5C2, 1361px 553px #33A5C2, 1879px 982px #33A5C2, 1109px 972px #33A5C2;
  height: 2px;
  width: 2px;
}

.particle-3 {
  animation: animParticle 180s linear infinite;
  box-shadow: 0px 0px #33A5C2, 541px 901px #33A5C2, 628px 516px #33A5C2, 323px 1207px #33A5C2, 190px 1591px #33A5C2, 1154px 142px #33A5C2, 1182px 1109px #33A5C2, 1878px 1818px #33A5C2, 2197px 782px #33A5C2, 2003px 1895px #33A5C2, 2434px 1896px #33A5C2, 1453px 757px #33A5C2, 2533px 129px #33A5C2, 874px 1377px #33A5C2, 534px 1396px #33A5C2, 903px 904px #33A5C2, 216px 984px #33A5C2, 435px 359px #33A5C2, 1449px 1995px #33A5C2, 2123px 525px #33A5C2, 2205px 1469px #33A5C2, 135px 1591px #33A5C2, 1021px 427px #33A5C2, 1062px 2360px #33A5C2, 1041px 765px #33A5C2, 1656px 1561px #33A5C2, 884px 2549px #33A5C2, 1265px 21px #33A5C2, 2308px 1799px #33A5C2, 2270px 2530px #33A5C2, 609px 1300px #33A5C2, 169px 651px #33A5C2, 58px 850px #33A5C2, 1296px 1932px #33A5C2, 334px 1997px #33A5C2, 1440px 759px #33A5C2, 13px 1998px #33A5C2, 306px 2403px #33A5C2, 201px 1321px #33A5C2, 2270px 280px #33A5C2, 2342px 1754px #33A5C2, 2552px 1608px #33A5C2, 2555px 1596px #33A5C2, 2259px 2036px #33A5C2, 2199px 729px #33A5C2, 2377px 1197px #33A5C2, 37px 1752px #33A5C2, 2043px 1341px #33A5C2, 863px 2362px #33A5C2, 122px 55px #33A5C2, 231px 2099px #33A5C2, 2165px 69px #33A5C2, 2289px 1646px #33A5C2, 1265px 1681px #33A5C2, 1302px 2140px #33A5C2, 1737px 427px #33A5C2, 1558px 1686px #33A5C2, 310px 1344px #33A5C2, 521px 1477px #33A5C2, 587px 424px #33A5C2, 852px 1303px #33A5C2, 768px 1566px #33A5C2, 2224px 591px #33A5C2, 2151px 823px #33A5C2, 544px 1280px #33A5C2, 952px 2441px #33A5C2, 1591px 742px #33A5C2, 124px 2116px #33A5C2, 790px 1617px #33A5C2, 1166px 2557px #33A5C2, 1636px 498px #33A5C2, 796px 64px #33A5C2, 510px 1227px #33A5C2, 117px 1985px #33A5C2, 1536px 1374px #33A5C2, 1045px 170px #33A5C2, 2045px 1992px #33A5C2, 1636px 2540px #33A5C2, 1127px 2380px #33A5C2, 2441px 1633px #33A5C2, 1859px 137px #33A5C2, 1062px 2436px #33A5C2, 403px 1283px #33A5C2, 2191px 1145px #33A5C2, 1382px 332px #33A5C2, 304px 1031px #33A5C2, 1299px 2160px #33A5C2, 1985px 1811px #33A5C2, 1859px 2179px #33A5C2, 1121px 2136px #33A5C2, 2228px 1051px #33A5C2, 410px 2341px #33A5C2, 997px 754px #33A5C2, 2343px 2153px #33A5C2, 2550px 1665px #33A5C2, 854px 1671px #33A5C2, 465px 1878px #33A5C2, 758px 1261px #33A5C2, 2194px 853px #33A5C2, 2194px 1680px #33A5C2, 2206px 989px #33A5C2;
  height: 3px;
  width: 3px;
}

.particle-3:after {
  box-shadow: 0px 0px #33A5C2, 448px 1397px #33A5C2, 1054px 2004px #33A5C2, 311px 2251px #33A5C2, 1342px 1178px #33A5C2, 2514px 2399px #33A5C2, 325px 2200px #33A5C2, 708px 2149px #33A5C2, 1995px 1031px #33A5C2, 1037px 1183px #33A5C2, 90px 745px #33A5C2, 2504px 2003px #33A5C2, 636px 83px #33A5C2, 960px 1839px #33A5C2, 26px 723px #33A5C2, 1920px 666px #33A5C2, 1529px 1218px #33A5C2, 903px 1761px #33A5C2, 1645px 122px #33A5C2, 2067px 2430px #33A5C2, 2030px 1214px #33A5C2, 210px 2151px #33A5C2, 2535px 1059px #33A5C2, 2507px 1684px #33A5C2, 40px 1712px #33A5C2, 1976px 810px #33A5C2, 411px 400px #33A5C2, 573px 1671px #33A5C2, 253px 2069px #33A5C2, 1018px 481px #33A5C2, 261px 760px #33A5C2, 754px 2462px #33A5C2, 141px 2164px #33A5C2, 378px 450px #33A5C2, 2087px 1739px #33A5C2, 128px 2280px #33A5C2, 34px 1261px #33A5C2, 619px 1803px #33A5C2, 1680px 1696px #33A5C2, 1991px 219px #33A5C2, 542px 222px #33A5C2, 719px 2346px #33A5C2, 168px 1120px #33A5C2, 2176px 313px #33A5C2, 971px 1833px #33A5C2, 296px 1254px #33A5C2, 1524px 1859px #33A5C2, 1847px 1155px #33A5C2, 2087px 1911px #33A5C2, 983px 2081px #33A5C2, 776px 292px #33A5C2, 1891px 2175px #33A5C2, 287px 1120px #33A5C2, 1417px 1097px #33A5C2, 1975px 1887px #33A5C2, 60px 955px #33A5C2, 1485px 190px #33A5C2, 1316px 322px #33A5C2, 1867px 1444px #33A5C2, 1557px 2249px #33A5C2, 940px 98px #33A5C2, 2200px 1639px #33A5C2, 2429px 748px #33A5C2, 1559px 792px #33A5C2, 1339px 232px #33A5C2, 827px 1282px #33A5C2, 527px 212px #33A5C2, 192px 470px #33A5C2, 2424px 2495px #33A5C2, 1881px 2322px #33A5C2, 1259px 1749px #33A5C2, 638px 1155px #33A5C2, 1633px 513px #33A5C2, 2039px 2243px #33A5C2, 245px 955px #33A5C2, 963px 1849px #33A5C2, 2228px 668px #33A5C2, 2395px 811px #33A5C2, 447px 498px #33A5C2, 694px 931px #33A5C2, 2178px 726px #33A5C2, 1907px 2276px #33A5C2, 703px 1733px #33A5C2, 703px 600px #33A5C2, 1116px 334px #33A5C2, 448px 1299px #33A5C2, 208px 1197px #33A5C2, 1467px 1131px #33A5C2, 1552px 2410px #33A5C2, 887px 1058px #33A5C2, 2333px 919px #33A5C2, 1570px 1892px #33A5C2, 1212px 356px #33A5C2, 884px 864px #33A5C2, 2080px 1792px #33A5C2, 2519px 367px #33A5C2, 1349px 73px #33A5C2, 185px 1572px #33A5C2, 90px 926px #33A5C2, 1762px 800px #33A5C2, 1886px 956px #33A5C2;
  height: 3px;
  width: 3px;
}

.particle-4 {
  animation: animParticle 600s linear infinite;
  box-shadow: 0px 0px #33A5C2, 691px 2190px #33A5C2, 553px 1669px #33A5C2, 1165px 1778px #33A5C2, 577px 1870px #33A5C2, 978px 2244px #33A5C2, 1035px 28px #33A5C2, 1056px 19px #33A5C2, 1545px 551px #33A5C2, 2276px 2157px #33A5C2, 1083px 1696px #33A5C2, 1167px 570px #33A5C2, 267px 1113px #33A5C2, 1429px 1998px #33A5C2, 1316px 1472px #33A5C2, 1079px 2109px #33A5C2, 639px 835px #33A5C2, 1336px 2557px #33A5C2, 655px 1276px #33A5C2, 1251px 1121px #33A5C2, 2051px 172px #33A5C2, 2105px 666px #33A5C2, 2113px 1823px #33A5C2, 2069px 1822px #33A5C2, 2210px 859px #33A5C2, 1357px 459px #33A5C2, 1190px 1426px #33A5C2, 1532px 2475px #33A5C2, 1379px 1349px #33A5C2, 1610px 2555px #33A5C2, 414px 477px #33A5C2, 1849px 1376px #33A5C2, 1060px 1656px #33A5C2, 2517px 1949px #33A5C2, 1111px 160px #33A5C2, 1582px 2553px #33A5C2, 408px 1783px #33A5C2, 195px 519px #33A5C2, 1439px 941px #33A5C2, 1499px 1867px #33A5C2, 292px 146px #33A5C2, 756px 1913px #33A5C2, 2027px 1166px #33A5C2, 2449px 1588px #33A5C2, 1930px 191px #33A5C2, 2190px 836px #33A5C2, 1505px 858px #33A5C2, 910px 1603px #33A5C2, 1182px 700px #33A5C2, 1492px 392px #33A5C2, 1485px 1602px #33A5C2, 2493px 2007px #33A5C2, 1315px 534px #33A5C2, 2354px 2245px #33A5C2, 2559px 2248px #33A5C2, 2088px 2113px #33A5C2, 1010px 1469px #33A5C2, 1509px 581px #33A5C2, 1089px 1800px #33A5C2, 1263px 22px #33A5C2, 1898px 143px #33A5C2, 2430px 1991px #33A5C2, 1458px 2046px #33A5C2, 554px 643px #33A5C2, 549px 2040px #33A5C2, 1187px 216px #33A5C2, 1725px 644px #33A5C2, 1251px 2225px #33A5C2, 2213px 36px #33A5C2, 263px 739px #33A5C2, 2126px 418px #33A5C2, 70px 25px #33A5C2, 810px 1258px #33A5C2, 983px 854px #33A5C2, 1866px 669px #33A5C2, 803px 1387px #33A5C2, 2325px 813px #33A5C2, 2273px 1000px #33A5C2, 788px 61px #33A5C2, 2204px 1092px #33A5C2, 1922px 2235px #33A5C2, 2135px 220px #33A5C2, 55px 265px #33A5C2, 1698px 378px #33A5C2, 488px 1482px #33A5C2, 1642px 1067px #33A5C2, 2356px 240px #33A5C2, 2056px 1353px #33A5C2, 1342px 1405px #33A5C2, 1336px 1811px #33A5C2, 2248px 1386px #33A5C2, 27px 439px #33A5C2, 1388px 2038px #33A5C2, 1665px 2344px #33A5C2, 2425px 2471px #33A5C2, 228px 1076px #33A5C2, 852px 558px #33A5C2, 1461px 1551px #33A5C2, 357px 1589px #33A5C2, 500px 1166px #33A5C2, 2199px 1874px #33A5C2, 1103px 1107px #33A5C2, 1695px 2417px #33A5C2, 1685px 1445px #33A5C2, 525px 2332px #33A5C2, 981px 2300px #33A5C2, 991px 1055px #33A5C2, 669px 247px #33A5C2, 1465px 29px #33A5C2, 208px 251px #33A5C2, 2155px 2182px #33A5C2, 962px 619px #33A5C2, 2311px 2472px #33A5C2, 2392px 51px #33A5C2, 1698px 2511px #33A5C2, 283px 1391px #33A5C2, 2525px 1248px #33A5C2, 2278px 1538px #33A5C2, 506px 1034px #33A5C2, 524px 2335px #33A5C2, 1428px 491px #33A5C2, 2430px 2461px #33A5C2, 2261px 1908px #33A5C2, 1849px 728px #33A5C2, 1073px 585px #33A5C2, 2435px 2012px #33A5C2, 1332px 832px #33A5C2, 1954px 600px #33A5C2, 909px 355px #33A5C2, 120px 1404px #33A5C2, 2142px 1867px #33A5C2, 1237px 524px #33A5C2, 582px 227px #33A5C2, 278px 990px #33A5C2, 1448px 725px #33A5C2, 188px 2249px #33A5C2, 1767px 663px #33A5C2, 2103px 1590px #33A5C2, 2313px 1474px #33A5C2, 785px 896px #33A5C2, 874px 2539px #33A5C2, 818px 1278px #33A5C2, 2183px 79px #33A5C2, 1942px 355px #33A5C2, 575px 313px #33A5C2, 2228px 431px #33A5C2, 217px 1227px #33A5C2, 2px 282px #33A5C2, 1240px 1964px #33A5C2, 686px 882px #33A5C2, 2500px 1798px #33A5C2, 1392px 994px #33A5C2, 1800px 80px #33A5C2, 2293px 1949px #33A5C2, 1331px 1855px #33A5C2, 1392px 1253px #33A5C2, 388px 121px #33A5C2, 1799px 355px #33A5C2, 1725px 533px #33A5C2, 1581px 906px #33A5C2, 2386px 1007px #33A5C2, 115px 651px #33A5C2, 1351px 840px #33A5C2, 2419px 2218px #33A5C2, 1641px 2480px #33A5C2, 1081px 2471px #33A5C2, 323px 244px #33A5C2, 725px 61px #33A5C2, 232px 2292px #33A5C2, 1598px 2330px #33A5C2, 2176px 1976px #33A5C2, 1769px 2327px #33A5C2, 608px 1552px #33A5C2, 2124px 432px #33A5C2, 785px 858px #33A5C2, 1102px 489px #33A5C2, 925px 1255px #33A5C2, 328px 2253px #33A5C2, 1129px 479px #33A5C2, 1680px 1116px #33A5C2, 47px 2082px #33A5C2, 2143px 1378px #33A5C2, 741px 671px #33A5C2, 930px 2091px #33A5C2, 298px 1699px #33A5C2, 1785px 1344px #33A5C2, 990px 196px #33A5C2, 956px 738px #33A5C2, 1709px 1200px #33A5C2, 1497px 1942px #33A5C2, 528px 661px #33A5C2, 1704px 701px #33A5C2, 17px 1539px #33A5C2, 891px 1350px #33A5C2, 2121px 55px #33A5C2, 899px 1515px #33A5C2, 1726px 1184px #33A5C2, 1745px 862px #33A5C2, 761px 62px #33A5C2, 1802px 788px #33A5C2, 284px 219px #33A5C2, 1997px 152px #33A5C2, 1755px 11px #33A5C2, 1868px 82px #33A5C2, 961px 1339px #33A5C2, 974px 266px #33A5C2, 1472px 1811px #33A5C2, 2474px 1718px #33A5C2, 386px 824px #33A5C2, 1699px 720px #33A5C2, 1475px 1523px #33A5C2, 2156px 841px #33A5C2, 1334px 578px #33A5C2, 1601px 2108px #33A5C2, 1731px 1724px #33A5C2, 2314px 254px #33A5C2, 1560px 1576px #33A5C2, 222px 29px #33A5C2, 1615px 1114px #33A5C2, 1998px 2452px #33A5C2, 1324px 15px #33A5C2, 1010px 466px #33A5C2, 1931px 1198px #33A5C2, 524px 1341px #33A5C2, 2174px 930px #33A5C2, 1894px 1459px #33A5C2, 611px 2263px #33A5C2, 1904px 764px #33A5C2, 77px 1131px #33A5C2, 2012px 963px #33A5C2, 2176px 2224px #33A5C2, 1442px 2524px #33A5C2, 1723px 1382px #33A5C2, 681px 683px #33A5C2, 1717px 1834px #33A5C2, 2293px 1059px #33A5C2, 1136px 251px #33A5C2, 135px 66px #33A5C2, 1971px 1562px #33A5C2, 376px 2278px #33A5C2, 39px 1429px #33A5C2, 2133px 1677px #33A5C2, 1030px 8px #33A5C2, 2103px 74px #33A5C2, 989px 2425px #33A5C2, 1190px 2136px #33A5C2, 983px 2333px #33A5C2, 1465px 1642px #33A5C2, 1043px 2073px #33A5C2, 1011px 2231px #33A5C2, 510px 797px #33A5C2, 502px 1709px #33A5C2, 1287px 1181px #33A5C2, 1088px 2492px #33A5C2, 1056px 712px #33A5C2, 307px 86px #33A5C2, 63px 1204px #33A5C2, 1910px 577px #33A5C2, 356px 1407px #33A5C2, 1586px 525px #33A5C2, 1721px 1157px #33A5C2, 612px 236px #33A5C2, 2134px 852px #33A5C2, 1253px 576px #33A5C2, 852px 176px #33A5C2, 1364px 96px #33A5C2, 2110px 933px #33A5C2, 727px 1895px #33A5C2, 1788px 1614px #33A5C2, 621px 967px #33A5C2, 1102px 1654px #33A5C2, 2003px 1928px #33A5C2, 991px 604px #33A5C2, 788px 1523px #33A5C2, 1771px 2320px #33A5C2, 560px 1447px #33A5C2, 1798px 1542px #33A5C2, 123px 2548px #33A5C2, 1645px 931px #33A5C2, 1447px 2247px #33A5C2, 797px 2162px #33A5C2, 2493px 64px #33A5C2, 276px 583px #33A5C2, 1012px 107px #33A5C2, 469px 2034px #33A5C2, 481px 5px #33A5C2, 886px 1798px #33A5C2, 1600px 1603px #33A5C2, 2410px 2172px #33A5C2, 1092px 2121px #33A5C2, 1532px 381px #33A5C2, 1558px 2511px #33A5C2, 357px 1031px #33A5C2, 1051px 1895px #33A5C2, 190px 669px #33A5C2, 1995px 513px #33A5C2, 637px 1244px #33A5C2, 2366px 2107px #33A5C2, 1714px 802px #33A5C2, 799px 1242px #33A5C2, 1657px 68px #33A5C2, 1916px 1126px #33A5C2, 1528px 334px #33A5C2, 1467px 926px #33A5C2, 1954px 1447px #33A5C2, 877px 1654px #33A5C2, 342px 1497px #33A5C2, 1579px 875px #33A5C2, 2376px 162px #33A5C2, 327px 2264px #33A5C2, 2458px 2363px #33A5C2, 1801px 1301px #33A5C2, 698px 2428px #33A5C2, 408px 569px #33A5C2, 1283px 1509px #33A5C2, 1471px 2056px #33A5C2, 798px 527px #33A5C2, 904px 2343px #33A5C2, 999px 1227px #33A5C2, 1556px 2113px #33A5C2, 288px 1795px #33A5C2, 2526px 282px #33A5C2, 957px 2001px #33A5C2, 290px 2340px #33A5C2, 2558px 1888px #33A5C2, 979px 2239px #33A5C2, 1878px 2088px #33A5C2, 1918px 2468px #33A5C2, 267px 1135px #33A5C2, 1582px 2336px #33A5C2, 505px 1680px #33A5C2, 2101px 315px #33A5C2, 909px 1787px #33A5C2, 681px 410px #33A5C2, 2133px 1004px #33A5C2, 320px 2311px #33A5C2, 2271px 2158px #33A5C2, 1587px 1252px #33A5C2, 2480px 770px #33A5C2, 1793px 313px #33A5C2, 1790px 7px #33A5C2, 1465px 556px #33A5C2, 1166px 992px #33A5C2, 546px 2517px #33A5C2, 113px 2000px #33A5C2, 1489px 1727px #33A5C2, 1960px 1881px #33A5C2, 1117px 1541px #33A5C2, 867px 198px #33A5C2, 1188px 1896px #33A5C2, 2269px 1323px #33A5C2, 368px 1743px #33A5C2, 2410px 480px #33A5C2, 2323px 1382px #33A5C2, 2070px 1373px #33A5C2, 2071px 795px #33A5C2, 936px 258px #33A5C2, 977px 1559px #33A5C2, 1595px 1664px #33A5C2, 187px 1239px #33A5C2, 1661px 570px #33A5C2, 2274px 2215px #33A5C2, 2207px 1457px #33A5C2, 203px 1438px #33A5C2, 1567px 2290px #33A5C2, 708px 763px #33A5C2, 1126px 1016px #33A5C2, 1208px 852px #33A5C2, 2140px 2447px #33A5C2, 1056px 1658px #33A5C2, 72px 1601px #33A5C2, 1646px 1677px #33A5C2, 726px 389px #33A5C2, 9px 2328px #33A5C2, 1041px 464px #33A5C2, 2505px 1552px #33A5C2, 118px 636px #33A5C2, 135px 494px #33A5C2, 2516px 1558px #33A5C2, 1167px 2347px #33A5C2, 1955px 964px #33A5C2, 736px 195px #33A5C2, 2095px 2101px #33A5C2, 110px 2390px #33A5C2, 1609px 574px #33A5C2, 622px 1621px #33A5C2, 2329px 959px #33A5C2, 518px 286px #33A5C2, 2202px 505px #33A5C2, 828px 1647px #33A5C2, 579px 1756px #33A5C2, 2517px 1702px #33A5C2, 69px 732px #33A5C2, 548px 992px #33A5C2, 696px 465px #33A5C2, 1279px 1366px #33A5C2, 2065px 2218px #33A5C2, 2315px 2050px #33A5C2, 2546px 2464px #33A5C2, 1429px 1148px #33A5C2, 1435px 1771px #33A5C2;
  height: 1px;
  width: 1px;
}

.particle-4:after {
  box-shadow: 0px 0px #33A5C2, 410px 2309px #33A5C2, 47px 709px #33A5C2, 1374px 471px #33A5C2, 851px 1214px #33A5C2, 241px 1115px #33A5C2, 141px 1013px #33A5C2, 2364px 1819px #33A5C2, 809px 295px #33A5C2, 680px 1599px #33A5C2, 295px 302px #33A5C2, 360px 248px #33A5C2, 344px 2080px #33A5C2, 1346px 641px #33A5C2, 2531px 122px #33A5C2, 833px 264px #33A5C2, 1050px 1802px #33A5C2, 219px 1828px #33A5C2, 913px 9px #33A5C2, 2334px 1037px #33A5C2, 1349px 1175px #33A5C2, 2188px 1449px #33A5C2, 402px 1279px #33A5C2, 2122px 464px #33A5C2, 1705px 2435px #33A5C2, 1621px 1104px #33A5C2, 297px 2040px #33A5C2, 2502px 831px #33A5C2, 620px 1810px #33A5C2, 2116px 2103px #33A5C2, 1140px 1969px #33A5C2, 71px 1416px #33A5C2, 1048px 618px #33A5C2, 1149px 437px #33A5C2, 1648px 2352px #33A5C2, 1375px 1406px #33A5C2, 1900px 653px #33A5C2, 1209px 423px #33A5C2, 2066px 2152px #33A5C2, 2260px 2215px #33A5C2, 1996px 270px #33A5C2, 1302px 974px #33A5C2, 1243px 1040px #33A5C2, 550px 936px #33A5C2, 815px 1896px #33A5C2, 1192px 61px #33A5C2, 2015px 346px #33A5C2, 2554px 314px #33A5C2, 827px 735px #33A5C2, 2425px 1834px #33A5C2, 2015px 700px #33A5C2, 1770px 701px #33A5C2, 1836px 23px #33A5C2, 1177px 459px #33A5C2, 1719px 373px #33A5C2, 574px 479px #33A5C2, 817px 1022px #33A5C2, 2336px 554px #33A5C2, 1233px 502px #33A5C2, 2107px 1053px #33A5C2, 268px 1735px #33A5C2, 2325px 50px #33A5C2, 1293px 331px #33A5C2, 512px 2113px #33A5C2, 1951px 210px #33A5C2, 1934px 505px #33A5C2, 2527px 497px #33A5C2, 1310px 2529px #33A5C2, 2528px 1428px #33A5C2, 2238px 393px #33A5C2, 236px 2386px #33A5C2, 439px 750px #33A5C2, 1532px 38px #33A5C2, 2445px 1521px #33A5C2, 2544px 932px #33A5C2, 334px 2416px #33A5C2, 825px 491px #33A5C2, 391px 2188px #33A5C2, 2415px 1273px #33A5C2, 32px 1855px #33A5C2, 905px 2029px #33A5C2, 868px 797px #33A5C2, 846px 563px #33A5C2, 1141px 1826px #33A5C2, 1493px 2410px #33A5C2, 1441px 414px #33A5C2, 904px 1200px #33A5C2, 2305px 1528px #33A5C2, 1534px 805px #33A5C2, 2187px 1577px #33A5C2, 1582px 2542px #33A5C2, 2174px 2459px #33A5C2, 1531px 2377px #33A5C2, 737px 822px #33A5C2, 1233px 1824px #33A5C2, 1579px 2033px #33A5C2, 887px 1406px #33A5C2, 1787px 147px #33A5C2, 1251px 1706px #33A5C2, 1082px 1480px #33A5C2, 989px 1750px #33A5C2, 911px 230px #33A5C2, 2441px 218px #33A5C2, 486px 268px #33A5C2, 2376px 1194px #33A5C2, 1703px 1875px #33A5C2, 2525px 342px #33A5C2, 2055px 1022px #33A5C2, 1992px 411px #33A5C2, 1422px 1406px #33A5C2, 2218px 2426px #33A5C2, 444px 244px #33A5C2, 2246px 1384px #33A5C2, 282px 2113px #33A5C2, 1083px 983px #33A5C2, 1867px 1100px #33A5C2, 865px 12px #33A5C2, 1798px 1457px #33A5C2, 2553px 618px #33A5C2, 2213px 201px #33A5C2, 1697px 2044px #33A5C2, 449px 2546px #33A5C2, 32px 1614px #33A5C2, 1745px 2369px #33A5C2, 2350px 131px #33A5C2, 34px 2319px #33A5C2, 1314px 2167px #33A5C2, 1185px 110px #33A5C2, 1115px 1282px #33A5C2, 575px 2364px #33A5C2, 2166px 958px #33A5C2, 246px 1316px #33A5C2, 1806px 880px #33A5C2, 1618px 2242px #33A5C2, 1643px 1505px #33A5C2, 363px 2141px #33A5C2, 154px 1908px #33A5C2, 208px 1156px #33A5C2, 2285px 1784px #33A5C2, 1554px 1857px #33A5C2, 626px 1166px #33A5C2, 1005px 2177px #33A5C2, 1654px 592px #33A5C2, 1366px 1066px #33A5C2, 2078px 2092px #33A5C2, 1007px 564px #33A5C2, 2314px 1991px #33A5C2, 2136px 165px #33A5C2, 696px 1963px #33A5C2, 1676px 1517px #33A5C2, 1129px 390px #33A5C2, 1392px 673px #33A5C2, 1508px 1212px #33A5C2, 870px 1608px #33A5C2, 2169px 7px #33A5C2, 2279px 300px #33A5C2, 1923px 1485px #33A5C2, 2430px 982px #33A5C2, 255px 1774px #33A5C2, 1606px 2127px #33A5C2, 1332px 2363px #33A5C2, 1847px 820px #33A5C2, 1534px 2277px #33A5C2, 2519px 356px #33A5C2, 1533px 1069px #33A5C2, 386px 456px #33A5C2, 2333px 276px #33A5C2, 873px 2148px #33A5C2, 1361px 2213px #33A5C2, 709px 888px #33A5C2, 465px 1777px #33A5C2, 2268px 783px #33A5C2, 583px 1524px #33A5C2, 1644px 2478px #33A5C2, 2383px 2136px #33A5C2, 454px 2555px #33A5C2, 1903px 256px #33A5C2, 287px 1125px #33A5C2, 2032px 984px #33A5C2, 2402px 436px #33A5C2, 491px 2251px #33A5C2, 2459px 1854px #33A5C2, 362px 1180px #33A5C2, 666px 1588px #33A5C2, 746px 1770px #33A5C2, 846px 491px #33A5C2, 2525px 432px #33A5C2, 488px 1093px #33A5C2, 670px 702px #33A5C2, 587px 2307px #33A5C2, 1078px 2535px #33A5C2, 304px 526px #33A5C2, 1295px 2445px #33A5C2, 1430px 2263px #33A5C2, 762px 1418px #33A5C2, 2016px 292px #33A5C2, 1141px 138px #33A5C2, 2300px 1430px #33A5C2, 598px 104px #33A5C2, 379px 2472px #33A5C2, 2098px 131px #33A5C2, 1402px 1166px #33A5C2, 668px 2263px #33A5C2, 1355px 1561px #33A5C2, 743px 727px #33A5C2, 1064px 1726px #33A5C2, 2290px 225px #33A5C2, 1808px 582px #33A5C2, 864px 1092px #33A5C2, 497px 961px #33A5C2, 1727px 376px #33A5C2, 2118px 1216px #33A5C2, 2542px 1022px #33A5C2, 83px 576px #33A5C2, 1560px 2526px #33A5C2, 1183px 2275px #33A5C2, 716px 312px #33A5C2, 2513px 8px #33A5C2, 1893px 934px #33A5C2, 693px 964px #33A5C2, 1502px 582px #33A5C2, 1354px 2155px #33A5C2, 778px 1032px #33A5C2, 917px 2106px #33A5C2, 1639px 493px #33A5C2, 939px 459px #33A5C2, 2517px 1700px #33A5C2, 216px 1167px #33A5C2, 456px 205px #33A5C2, 665px 1710px #33A5C2, 1573px 334px #33A5C2, 270px 875px #33A5C2, 436px 1874px #33A5C2, 1471px 637px #33A5C2, 1136px 2350px #33A5C2, 178px 755px #33A5C2, 184px 1489px #33A5C2, 1660px 2164px #33A5C2, 1351px 494px #33A5C2, 1403px 1336px #33A5C2, 2px 49px #33A5C2, 2204px 1465px #33A5C2, 1298px 917px #33A5C2, 269px 2008px #33A5C2, 1089px 749px #33A5C2, 940px 2039px #33A5C2, 1289px 263px #33A5C2, 384px 1864px #33A5C2, 1679px 1028px #33A5C2, 649px 1413px #33A5C2, 1299px 2124px #33A5C2, 165px 1346px #33A5C2, 343px 2287px #33A5C2, 378px 1885px #33A5C2, 1207px 388px #33A5C2, 1503px 236px #33A5C2, 1443px 2356px #33A5C2, 497px 1642px #33A5C2, 868px 2168px #33A5C2, 1623px 56px #33A5C2, 325px 997px #33A5C2, 2115px 2317px #33A5C2, 383px 419px #33A5C2, 2321px 1714px #33A5C2, 344px 1085px #33A5C2, 2048px 713px #33A5C2, 895px 1459px #33A5C2, 2108px 1642px #33A5C2, 1787px 2324px #33A5C2, 1333px 1019px #33A5C2, 1105px 2044px #33A5C2, 1184px 1181px #33A5C2, 1620px 461px #33A5C2, 2127px 1252px #33A5C2, 2106px 1359px #33A5C2, 2184px 712px #33A5C2, 2227px 2321px #33A5C2, 1846px 210px #33A5C2, 501px 1547px #33A5C2, 524px 474px #33A5C2, 613px 354px #33A5C2, 1181px 1866px #33A5C2, 1656px 1438px #33A5C2, 2171px 357px #33A5C2, 87px 953px #33A5C2, 1605px 64px #33A5C2, 738px 2438px #33A5C2, 2466px 676px #33A5C2, 1869px 2269px #33A5C2, 1415px 920px #33A5C2, 1966px 1259px #33A5C2, 258px 2382px #33A5C2, 783px 1956px #33A5C2, 459px 2244px #33A5C2, 2063px 217px #33A5C2, 1193px 1347px #33A5C2, 49px 1814px #33A5C2, 766px 908px #33A5C2, 637px 1834px #33A5C2, 688px 1396px #33A5C2, 2059px 1108px #33A5C2, 226px 584px #33A5C2, 30px 775px #33A5C2, 2406px 419px #33A5C2, 48px 2261px #33A5C2, 1033px 1787px #33A5C2, 1996px 1702px #33A5C2, 958px 614px #33A5C2, 1390px 376px #33A5C2, 785px 2361px #33A5C2, 1891px 257px #33A5C2, 2185px 939px #33A5C2, 2244px 188px #33A5C2, 1648px 490px #33A5C2, 1113px 1825px #33A5C2, 944px 2477px #33A5C2, 1258px 1933px #33A5C2, 2456px 2513px #33A5C2, 1867px 917px #33A5C2, 991px 920px #33A5C2, 1594px 2359px #33A5C2, 2314px 625px #33A5C2, 327px 1369px #33A5C2, 1253px 273px #33A5C2, 1981px 1121px #33A5C2, 1879px 469px #33A5C2, 1336px 1553px #33A5C2, 704px 1993px #33A5C2, 2328px 1569px #33A5C2, 1854px 2455px #33A5C2, 2381px 2453px #33A5C2, 345px 81px #33A5C2, 1270px 2255px #33A5C2, 2395px 397px #33A5C2, 1506px 2040px #33A5C2, 1810px 714px #33A5C2, 963px 1380px #33A5C2, 169px 1521px #33A5C2, 2134px 717px #33A5C2, 820px 307px #33A5C2, 1267px 646px #33A5C2, 1705px 702px #33A5C2, 1910px 138px #33A5C2, 2524px 2108px #33A5C2, 629px 139px #33A5C2, 527px 511px #33A5C2, 2144px 319px #33A5C2, 949px 1597px #33A5C2, 774px 1384px #33A5C2, 931px 1922px #33A5C2, 1053px 2224px #33A5C2, 708px 1072px #33A5C2, 2092px 142px #33A5C2, 2287px 1933px #33A5C2, 1682px 289px #33A5C2, 1266px 2499px #33A5C2, 2203px 1000px #33A5C2, 856px 2354px #33A5C2, 448px 1191px #33A5C2, 2360px 773px #33A5C2, 1471px 1691px #33A5C2, 1768px 346px #33A5C2, 594px 2035px #33A5C2, 885px 320px #33A5C2, 1007px 1103px #33A5C2, 2238px 1233px #33A5C2, 538px 563px #33A5C2, 2007px 2182px #33A5C2, 460px 761px #33A5C2, 940px 1776px #33A5C2, 1316px 2485px #33A5C2, 1239px 1657px #33A5C2, 2201px 306px #33A5C2, 1339px 916px #33A5C2, 1066px 717px #33A5C2, 890px 190px #33A5C2, 404px 2181px #33A5C2, 1930px 192px #33A5C2, 1216px 1860px #33A5C2, 2306px 2023px #33A5C2, 1449px 2359px #33A5C2, 2185px 107px #33A5C2, 2544px 1595px #33A5C2, 2075px 883px #33A5C2, 398px 2287px #33A5C2, 730px 1870px #33A5C2, 1040px 2405px #33A5C2, 2556px 1255px #33A5C2, 2092px 1218px #33A5C2, 1698px 2489px #33A5C2, 790px 884px #33A5C2, 1484px 1881px #33A5C2, 844px 2172px #33A5C2, 697px 2135px #33A5C2, 1991px 2136px #33A5C2, 77px 405px #33A5C2, 1177px 1475px #33A5C2, 2348px 1413px #33A5C2, 631px 1982px #33A5C2, 2487px 33px #33A5C2, 106px 992px #33A5C2;
  height: 1px;
  width: 1px;
}

@keyframes animParticle {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2560px);
  }
}
.page-wrapper {
  text-align: center;
  color: #fff;
  z-index: 2;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 1rem -5px;
}
@media screen and (min-width: 640px) {
  .gallery-caption {
    font-size: 1.4rem;
    margin-top: 1rem;
  }
}
.gallery-item {
  text-align: center;
  padding: 5px;
}
.gallery-item img {
  width: 100%;
  height: auto;
}
.gallery dl.gallery-item {
  margin: 0 0 10px;
}
.gallery dl.gallery-item .gallery-icon {
  margin: 0 5px;
}

.gallery-columns-5 .gallery-item {
  width: 33.333333%;
}

.gallery-columns-4 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33.3333333%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.error404 .title-box {
  display: none;
}

.error {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
.error__title {
  font-size: 4rem;
  text-align: center;
}
.error__text {
  display: block;
  font-size: 1.6rem;
  margin-top: 0;
  margin-bottom: 50px;
  text-align: center;
}
.error p {
  font-size: 1.5rem;
}

.form-main-container .error {
  min-height: auto;
  font-size: 93%;
  color: #e40000;
  background: #ffe7e7;
  display: block;
  border: #e40000 solid 1px;
  padding: 5px 5px 5px 26px;
  margin-top: 5px;
  position: relative;
}
.form-main-container .error:before {
  content: "※";
  color: #e40000;
  position: absolute;
  left: 5px;
  top: 5px;
}

.econtent-header,
.econtent-footer {
  display: flex;
  align-items: flex-end;
  margin: 4px 0;
}
.econtent-header__inner,
.econtent-footer__inner {
  flex: 0 0 32px;
}
.econtent-header__line,
.econtent-footer__line {
  position: relative;
  flex: 1 0 0;
  height: 1px;
  animation: light 3s linear infinite;
}
.econtent-header__line:after,
.econtent-footer__line:after {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  background: #fff;
  top: -1px;
}
.econtent-header__line--left,
.econtent-footer__line--left {
  background: linear-gradient(-90deg, #fff, #666);
}
.econtent-header__line--left:after,
.econtent-footer__line--left:after {
  left: -1px;
}
.econtent-header__line--right,
.econtent-footer__line--right {
  background: linear-gradient(90deg, #fff, #666);
}
.econtent-header__line--right:after,
.econtent-footer__line--right:after {
  right: -1px;
}
.econtent-header__trapezoid,
.econtent-footer__trapezoid {
  position: relative;
  width: calc(100% - 4px);
  height: 1px;
  background: #fff;
  margin: 0 auto 3px;
  animation: light 3s linear infinite;
}
.econtent-header__trapezoid:before, .econtent-header__trapezoid:after,
.econtent-footer__trapezoid:before,
.econtent-footer__trapezoid:after {
  content: "";
  position: absolute;
  top: 0;
  width: 3px;
  height: 1px;
  background: #fff;
  animation: light 3s linear infinite;
}
.econtent-header__trapezoid:before,
.econtent-footer__trapezoid:before {
  left: -3px;
  transform: rotate(-45deg);
  transform-origin: right;
}
.econtent-header__trapezoid:after,
.econtent-footer__trapezoid:after {
  right: -3px;
  transform: rotate(45deg);
  transform-origin: left;
}

.econtent-footer {
  align-items: flex-start;
}
.econtent-footer__trapezoid {
  margin: 3px auto 0;
}
.econtent-footer__trapezoid:before {
  transform: rotate(45deg);
}
.econtent-footer__trapezoid:after {
  transform: rotate(-45deg);
}

.briefing {
  position: relative;
  padding: 2rem 1.5rem;
  background: rgba(51, 165, 194, 0.2);
  z-index: 0;
}
.briefing:before {
  position: absolute;
  content: "";
  width: 180px;
  height: 180px;
  top: 80px;
  left: 50%;
  background-size: cover;
  background-position: center center;
  transform: translate(-50%, 0);
  opacity: 0.3;
  z-index: 0;
}
.briefing--liberty:before {
  background-image: url(../images/briefing-bg_liberty.png);
}
.briefing__name, .briefing__title, .briefing__date, .briefing__content {
  position: relative;
  z-index: 1;
}
.briefing__name {
  position: relative;
  margin-bottom: 3.6rem;
  font-size: 2.6rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  line-height: 50px;
  letter-spacing: 0.1em;
  background: linear-gradient(90deg, transparent 0%, rgba(51, 165, 194, 0.5) 50%, transparent 100%);
}
.briefing__name:before, .briefing__name:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, transparent 0%, #fff 50%, transparent 100%);
}
.briefing__name:before {
  top: 0;
}
.briefing__name:after {
  bottom: 0;
}
.briefing__title {
  font-size: 2.4rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  line-height: 1.25;
  letter-spacing: 0.03em;
  margin-bottom: 1.6rem;
}
.briefing__date {
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: 0.05em;
  margin-bottom: 2.4rem;
}

.hexagear-spec-title {
  margin-bottom: 3rem;
  text-align: center;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.hexagear-spec-title span {
  display: block;
}
.hexagear-spec-title .hexagear-spec-title__ribon {
  padding: 1rem;
  margin-bottom: 0.5rem;
  background: linear-gradient(90deg, transparent 0%, rgba(188, 9, 23, 0.6) 50%, transparent 100%);
}
.hexagear-spec-title .hexagear-spec-title__ribon--teamicon {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hexagear-spec-title .hexagear-spec-title__ribon--teamicon:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-size: contain;
  margin-right: 1rem;
}
.hexagear-spec-title .hexagear-spec-title__ribon--teamicon--msgvf:before {
  background-image: url(../images/spec-msg.png);
}
.hexagear-spec-title .hexagear-spec-title__ribon--teamicon--liberty:before {
  background-image: url(../images/spec-liberty.png);
}
.hexagear-spec-title .hexagear-spec-title__ribon--teamicon--heterodox:before {
  background-image: url(../images/spec-heterodox.png);
}
.hexagear-spec-title__name {
  font-size: 2.4rem;
  letter-spacing: 0.1rem;
}

.spec-dl dt {
  margin-top: 1.5rem;
  font-size: 1.75rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.spec-dl dt:first-child {
  margin-top: 0;
}

#custom {
  padding: 20px 0 40px;
}

.iconbg-title {
  padding: 5rem 0;
  font-size: 3.2rem;
  text-align: center;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-shadow: 0 2px 18px #093a4c;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.iconbg-title--wolf {
  background-image: url(../images/btn05.png);
  background-size: 77%;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.form-main-container {
  position: relative;
  z-index: 1;
}

.form-headtext {
  margin: 0 0 1rem;
}

.form-headtext.confirm-only {
  color: #e40000;
  border: #e40000 solid 1px;
  background: #fff;
  padding: 10px;
}

.form-attention {
  border: 1px solid #2F89AB;
  width: 100%;
  line-height: 1.5;
  list-style: none;
  padding: 1.3rem 2rem;
  margin: 0 0 1.2rem;
}
.form-attention__title {
  font-size: 1.7rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  border-bottom: solid 1px #2F89AB;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}
.form-attention__item {
  margin-bottom: 1rem;
}
.form-attention__item:last-child {
  margin-bottom: 0;
}
.form-attention__item:before {
  content: "";
  background: url("../svg/hexa_frmicon.svg") no-repeat center center;
  width: 13px;
  height: 11.5px;
  display: inline-block;
  line-height: 2;
  margin: 0 1rem 0 0;
}

.form__name {
  font-size: 1.5rem;
  color: #fff;
  margin: 0 0 0.5rem;
  display: block;
}
.form__name--required:after {
  content: "*必須";
  font-size: 1.2rem;
  color: #59D4E7;
  display: inline-block;
  font-family: sans-serif;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  vertical-align: middle;
  margin: 0 0 0 2rem;
}
.form__name--optional:after {
  content: "任意";
  font-size: 1.2rem;
  color: #B5B5B5;
  display: inline-block;
  font-family: sans-serif;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  vertical-align: middle;
  margin: 0 0 0 2rem;
}
.form__input, .form__select {
  width: 100%;
  height: 55px;
  background: #1D1D1D;
  border: 1px solid #3D3D3D;
  padding: 0.8rem 1.7rem;
  border-radius: 0;
}
.form__input--text, .form__select--text {
  font-size: 1.6rem;
}
.form__input--camp, .form__select--camp {
  font-size: 1.8rem;
  position: relative;
}
.form__textarea {
  width: 100%;
  height: 175px;
  background: #1D1D1D;
  border: 1px solid #3D3D3D;
  font-size: 1.8rem;
  padding: 0.8rem 1.7rem;
  line-height: 1.6;
  margin-bottom: -0.8rem;
}
.form__title {
  display: block;
  width: 100%;
  line-height: 1.25;
  padding: 18px 0;
  text-align: center;
  margin: 4rem 0 2rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(46, 148, 174, 0.56), rgba(255, 255, 255, 0));
  border-top: 1px solid;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));
     border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));
  border-image-slice: 1;
}
.form__title-en {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.5rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.form__title-ja {
  font-size: 1.4rem;
  display: block;
}
.form__title--information {
  margin: 5rem 0 1rem;
}
.form__title--battlepoint {
  margin: 6rem 0 2.4rem;
}
.form__btn {
  background: #1E576B;
  height: 72px;
  line-height: 72px;
  width: 100%;
  font-size: 1.6rem;
}
.form__btn--back {
  margin: 0 0 3.5rem;
  background: #777;
  transition: 0.4s ease-out;
}
.form__description {
  margin: 0 0 2.2rem;
  display: inline-block;
}
.form__battlepoint {
  /*
  font-size: 4rem;
  color: #6E6E6E;
  font-family: "FOT-マティス Pro EB" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  width: 100%;
  display: block;
  background: #1D1D1D;
  height: 78px;
  border: 1px solid #3D3D3D;
  text-align: center;
  font-family: "FOT-マティス Pro EB" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding: 0 0 0 49px;
  border-radius: 0;
  */
  width: 100%;
  height: 100%;
  padding-right: 20px;
  padding-left: 40%;
}
.form__comment {
  font-size: 1.5rem;
  color: #B5B5B5;
  display: block;
}

.select-box {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  margin: 4rem 0 0;
}
.select-box__bteria {
  position: relative;
  padding: 0;
  margin: 0 0 2rem;
}
.select-box__ttl {
  position: relative;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.select-box__ttl::before {
  position: absolute;
  display: inline-block;
  content: "";
  left: 0;
  width: 0;
  height: 100%;
  border-left: 4px solid #1E576B;
  margin: 0 1rem 0 0;
}
.select-box__ttl--en, .select-box__ttl--jp, .select-box__ttl--jp2 {
  display: block;
  margin-left: 2rem;
}
.select-box__ttl--en {
  font-size: 1.75rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #fff;
}
.select-box__ttl--jp {
  font-size: 1.2rem;
  color: #fff;
}
.select-box__ttl--jp2 {
  font-size: 1.4rem;
  color: #8E8E8E;
  margin-top: 6px;
}

.form-row {
  margin-left: -15px;
  margin-right: -15px;
}
.form-row__item {
  position: relative;
  margin: 1.5rem 0;
  padding: 0 15px;
}
.form-row__item--maincut {
  margin: 0 0 2.3rem;
}

.select-label {
  position: relative;
  display: block;
}

.mw_wp_form_confirm .select-label {
  position: relative;
}

.select-mark {
  position: relative;
  display: block;
  width: 100%;
}
.select-mark::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 13px solid #2F89AB;
  border-bottom: 0;
  display: block;
  vertical-align: bottom;
  position: absolute;
  top: 22px;
  right: 20px;
  z-index: 1;
  pointer-events: none;
}

.total {
  font-size: 2rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.4;
}
.total__number {
  font-size: 3rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #6E6E6E;
  margin: 0 1rem;
}

.caution-text {
  color: #7EC5DD;
  display: inline-block;
  margin: 0 0 2rem;
}

.confirmation {
  background: #1D1D1D;
  padding: 3rem 1rem;
  text-align: center;
  position: relative;
}
.confirmation__text {
  font-size: 1.8rem;
  display: inline-block;
  margin: 0 0 2.3rem;
}
.confirmation__text--link {
  color: #7EC5DD;
  text-decoration: underline;
  cursor: pointer;
}
.confirmation__consent {
  display: block;
  margin: 1rem 0 0;
  line-height: 1;
}
.mw_wp_form_confirm .confirmation__consent:before {
  content: "✓";
  margin-right: 1em;
}

.file-selectbox-img {
  margin: -2px -5px 0;
}
.file-selectbox-img__main {
  padding: 5px;
  position: relative;
}
.file-selectbox-img__main--sub {
  padding-top: 40px;
  position: relative;
}
.file-selectbox-img__main--sub:before {
  position: absolute;
  left: 5px;
  top: 14px;
  font-size: 1.3rem;
}
.file-selectbox-img__main--sub01:before {
  content: "サブカット No.01";
}
.file-selectbox-img__main--sub02:before {
  content: "サブカット No.02";
}
.file-selectbox-img__main--sub03:before {
  content: "サブカット No.03";
}
.file-selectbox-img__main--sub04:before {
  content: "サブカット No.04";
}
.file-selectbox-img__main--sub05:before {
  content: "サブカット No.05";
}
.file-selectbox-img__sub {
  padding: 5px;
  position: relative;
  margin-top: 2rem;
}

.select-box-label {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  font-size: 3rem;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #6E6E6E;
  text-align: center;
  background: #1D1D1D;
  border: 1px solid #3D3D3D;
  border-radius: 0;
  margin: 0 0 1.5rem;
}
.select-box-label::after {
  content: "pt";
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #fff;
  font-size: 3rem;
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.file-wrapper {
  position: relative;
  display: block;
  justify-content: space-between;
  align-items: center;
  background: #1D1D1D;
  height: 60px;
  line-height: 60px;
  width: 100%;
  border: 1px solid #3D3D3D;
  padding: 0 5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.file-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid;
  border-color: #2F89AB #2F89AB transparent transparent;
  transform: translateY(-50%) rotate(45deg);
  border-radius: 2px;
}
.file-wrapper::after {
  content: "画像を選択";
}
.file-wrapper--selected {
  background: rgba(46, 148, 174, 0.37);
  border-color: rgba(82, 186, 213, 0.37);
}
.file-wrapper--selected::after {
  display: none;
}

.mw-wp-form_image img {
  max-width: 100%;
  height: auto;
}
.mw-wp-form_image + .file-wrapper {
  display: none;
}

.mw_wp_form_confirm .file-wrapper {
  display: none;
}

.mw_wp_form input {
  font-family: inherit;
}
.mw_wp_form input[type=file] {
  display: none !important;
}
.mw_wp_form .mwform-file-delete {
  position: absolute;
  bottom: 6px;
  right: 20px;
  transform: translateY(-50%);
  z-index: 1;
}

.mw_wp_form .vertical-item {
  padding-bottom: 5px;
}

.mw_wp_form_input .confirm-only {
  display: none;
}

.mw_wp_form_confirm .input-only {
  display: none;
}

.regulation-text {
  color: #fff;
  font-size: 1.4rem;
  margin-top: 10px;
}
.regulation-link {
  text-decoration: underline;
  color: #33a5c2;
}

.border-imgbtn {
  position: relative;
  display: block;
  margin: 0 auto 60px;
  color: #7ec5dd;
  text-decoration: underline;
  transition: 0.2s all;
  border: 1px solid #B9D1DF;
  background: #000;
  text-align: center;
  max-width: 1002px;
  padding-bottom: 4px;
  text-decoration: none !important;
}
.border-imgbtn__text {
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.border-imgbtn__text::before, .border-imgbtn__text::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 11px;
  background: url(../images/arrow.svg) 0 0/contain no-repeat;
  margin: 0 10px;
}
.border-imgbtn__text::after {
  transform: rotateY(180deg);
}
.border-imgbtn img {
  position: relative;
  z-index: 2;
  width: 100%;
}

.movie-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  text-align: center;
  margin-top: -5rem;
}
.movie-list--3culmun {
  margin-bottom: 5rem;
}
.movie-list__item {
  width: 100%;
  text-align: center;
  text-align: -webkit-center;
  margin-top: 5rem;
}
.movie__title, .movie__text {
  padding: 0 2rem;
}
.movie__title {
  font-size: 1.8rem;
  margin-top: 2rem;
  text-align: -webkit-center;
}
.movie__text {
  font-size: 1.4rem;
  text-align: -webkit-left;
}
.movie__link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

ul.ul-white {
  list-style-type: none;
  margin: 2rem 0;
}
ul.ul-white li {
  padding-left: 3rem;
  margin-top: 0.5rem;
  position: relative;
}
ul.ul-white li:before {
  content: "";
  width: 12px;
  height: 12px;
  background: url(../svg/hexa_white.svg) 100% no-repeat;
  background-position: left center;
  position: absolute;
  left: 6px;
  top: 5px;
}

.onlineshop-btn {
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 680px;
  width: 100%;
  display: block;
  position: relative;
  color: white;
  transition: all 0.3s;
  text-decoration: none !important;
}
.onlineshop-btn::before, .onlineshop-btn::after {
  content: "";
  position: absolute;
  transition: all 0.3s;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.onlineshop-btn::before {
  background: rgba(47, 137, 171, 0.6);
  transform: scale(1, 1);
}
.onlineshop-btn::after {
  opacity: 0;
  transition: all 0.3s;
  border: 1px solid rgb(255, 255, 255);
  background: rgba(47, 137, 171, 0.3);
  transform: scale(0.1, 0.1);
}
.onlineshop-btn:hover::before {
  opacity: 0;
  transform: scale(0.1, 0.1);
}
.onlineshop-btn:hover::after {
  transform: scale(1, 1);
  opacity: 1;
}
.onlineshop-btn__text {
  display: block;
  position: relative;
  z-index: 2;
  padding: 2.5rem 0.5rem;
}
.onlineshop-btn__en, .onlineshop-btn__enmin {
  display: block;
  text-align: center;
  transition: all 0.75s ease 0s;
  color: #fff;
  text-shadow: 0 0 14px rgba(255, 255, 255, 0.8);
}
.onlineshop-btn__en {
  font-size: 1.5rem;
  font-weight: bold;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}
.onlineshop-btn__en::after {
  content: "\e904";
  font-family: "icomoon" !important;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 0.5rem;
}
.onlineshop-btn__enmin {
  font-size: 1.2rem;
  font-weight: bold;
  font-family: "FOT-マティス Pro EB", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

.pc-only {
  display: none;
}
@media screen and (min-width: 1024px) {
  .pc-only {
    display: block;
  }
}

.pc-none {
  display: block;
}
@media screen and (min-width: 1024px) {
  .pc-none {
    display: none;
  }
}