/*
@mixin btn-red() {
    display: inline-flex;
    align-items: center;
    color: #FFFFFF;
    background: #C4161C;
    box-sizing: border-box;
    cursor: pointer;
    padding: s1400(19) s1400(40) s1400(22) s1400(40);
    @include adaptiv_padding(19,40,22,40);
    @include adaptiv_param(border-radius,5);
    @include adaptiv_font(700, normal,18,24,-0.02em);
    @media screen and (max-width:999px) and (min-width:760px){
        padding: s760(19) s760(40) s760(22) s760(40);
        @include font-NS(700, normal,s760(18),s760(24),-0.02em);
    }
    @media screen and (max-width: 759px) {
        padding: s320(12) s320(25) s320(15) s320(25);
        width: auto;
    }
}


*/
.header {
  max-width: 100vw;
  overflow-x: hidden;
}

.header_index {
  padding-bottom: 6.51042vw;
  position: relative;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header_index {
    padding-bottom: 8.98438vw;
  }
}

@media screen and (max-width: 767px) {
  .header_index {
    padding-bottom: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .header_index {
    padding-bottom: 125px;
  }
}

.header_index .nav {
  height: auto;
  padding-top: 3.33333vw;
  padding-bottom: 8.85417vw;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header_index .nav {
    padding-top: 2.08333vw;
  }
}

@media screen and (max-width: 767px) {
  .header_index .nav {
    padding-top: 6.25vw;
  }
}

@media screen and (min-width: 1920px) {
  .header_index .nav {
    padding-top: 64px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header_index .nav {
    padding-bottom: 4.42708vw;
  }
}

@media screen and (max-width: 767px) {
  .header_index .nav {
    padding-bottom: 4.375vw;
  }
}

@media screen and (min-width: 1920px) {
  .header_index .nav {
    padding-bottom: 170px;
  }
}

.header_index::before {
  content: '';
  width: 22.29167vw;
  height: 22.29167vw;
  left: -7.70833vw;
  top: -4.89583vw;
  background: rgba(196, 216, 237, 0.5);
  -webkit-filter: blur(200px);
          filter: blur(200px);
  position: absolute;
  border-radius: 50%;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header_index::before {
    width: 0vw;
  }
}

@media screen and (max-width: 767px) {
  .header_index::before {
    width: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .header_index::before {
    width: 428px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header_index::before {
    height: 0vw;
  }
}

@media screen and (max-width: 767px) {
  .header_index::before {
    height: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .header_index::before {
    height: 428px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header_index::before {
    left: 0vw;
  }
}

@media screen and (max-width: 767px) {
  .header_index::before {
    left: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .header_index::before {
    left: -148px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header_index::before {
    top: 0vw;
  }
}

@media screen and (max-width: 767px) {
  .header_index::before {
    top: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .header_index::before {
    top: -94px;
  }
}

.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .header__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.header__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  row-gap: 2.1875vw;
  max-width: 41.66667vw;
  align-self: flex-start;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__content {
    row-gap: 2.34375vw;
  }
}

@media screen and (max-width: 767px) {
  .header__content {
    row-gap: 6.25vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__content {
    row-gap: 42px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__content {
    max-width: 64.84375vw;
  }
}

@media screen and (max-width: 767px) {
  .header__content {
    max-width: 90.3125vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__content {
    max-width: 800px;
  }
}

.header__h1 {
  font-weight: 900;
  font-size: 3.33333vw;
  line-height: 5vw;
  letter-spacing: 0;
  color: #FFFFFF;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__h1 {
    font-size: 4.6875vw;
    line-height: 7.03125vw;
  }
}

@media screen and (max-width: 767px) {
  .header__h1 {
    font-size: 7.5vw;
    line-height: 11.25vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__h1 {
    font-size: 64px;
    line-height: 96px;
  }
}

@media screen and (max-width: 767px) {
  .header__h1 {
    margin-top: 7.8125vw;
    text-align: center;
  }
}

.header__desc {
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.875vw;
  letter-spacing: 0;
  color: #FFFFFF;
  max-width: 41.66667vw;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__desc {
    font-size: 1.82292vw;
    line-height: 2.73438vw;
  }
}

@media screen and (max-width: 767px) {
  .header__desc {
    font-size: 3.75vw;
    line-height: 5.625vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__desc {
    font-size: 24px;
    line-height: 36px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__desc {
    max-width: 54.16667vw;
  }
}

@media screen and (max-width: 767px) {
  .header__desc {
    max-width: 90.3125vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__desc {
    max-width: 800px;
  }
}

@media screen and (max-width: 767px) {
  .header__desc {
    display: none;
  }
}

.header__desc_mb {
  display: none;
}

@media screen and (max-width: 767px) {
  .header__desc_mb {
    display: block;
    text-align: center;
    padding-bottom: 10.3125vw;
  }
}

.header__planet {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet {
    width: 37.76042vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet {
    height: 71.875vw;
  }
}

.header__planet img {
  position: absolute;
}

.header__planet__img {
  width: 38.85417vw;
  height: 34.89583vw;
  left: -1.875vw;
  top: -3.07292vw;
  display: none;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__img {
    width: 97.13542vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__img {
    width: 233.125vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__img {
    width: 746px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__img {
    height: 87.23958vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__img {
    height: 209.375vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__img {
    height: 670px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__img {
    left: -4.6875vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__img {
    left: -11.25vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__img {
    left: -36px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__img {
    top: -7.68229vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__img {
    top: -18.4375vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__img {
    top: -59px;
  }
}

.header__planet__img1 {
  position: absolute;
  width: 29.6875vw;
  height: 32.96875vw;
  left: 5.05208vw;
  top: -2.96875vw;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__img1 {
    width: 30.46875vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__img1 {
    width: 50vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__img1 {
    width: 570px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__img1 {
    height: 33.59375vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__img1 {
    height: 55.3125vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__img1 {
    height: 633px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__img1 {
    left: 2.47396vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__img1 {
    left: 24.375vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__img1 {
    left: 97px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__img1 {
    top: 0vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__img1 {
    top: 7.1875vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__img1 {
    top: -57px;
  }
}

.header__planet__circles {
  width: 38.85417vw;
  height: 34.89583vw;
  left: -1.875vw;
  top: -3.07292vw;
  position: relative;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__circles {
    width: 37.76042vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__circles {
    width: 90.625vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__circles {
    width: 746px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__circles {
    height: 37.76042vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__circles {
    height: 71.875vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__circles {
    height: 670px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__circles {
    left: 0vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__circles {
    left: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__circles {
    left: -36px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__circles {
    top: 0vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__circles {
    top: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__circles {
    top: -59px;
  }
}

.header__planet__wrapper {
  width: 100%;
  height: auto;
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  text-align: center;
  -webkit-transform: rotateX(30deg) rotateZ(-81deg) rotateY(54deg);
          transform: rotateX(30deg) rotateZ(-81deg) rotateY(54deg);
  top: -7.86458vw;
  left: 2.60417vw;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper {
    top: -9.76562vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper {
    top: -9.0625vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper {
    top: -151px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper {
    left: -0.52083vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper {
    left: 3.125vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper {
    left: 50px;
  }
}

.header__planet__wrapper1 {
  top: -7.13542vw;
  left: 1.51042vw;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper1 {
    top: -7.03125vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper1 {
    top: -4.6875vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper1 {
    top: -137px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper1 {
    left: -1.04167vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper1 {
    left: 2.5vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper1 {
    left: 29px;
  }
}

.header__planet__wrapper1 .header__planet__circle1 {
  width: 36.45833vw;
  height: 36.45833vw;
  -webkit-animation: animateCircle1 6s linear infinite;
          animation: animateCircle1 6s linear infinite;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper1 .header__planet__circle1 {
    width: 35.15625vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper1 .header__planet__circle1 {
    width: 59.375vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper1 .header__planet__circle1 {
    width: 700px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper1 .header__planet__circle1 {
    height: 35.15625vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper1 .header__planet__circle1 {
    height: 59.375vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper1 .header__planet__circle1 {
    height: 700px;
  }
}

.header__planet__wrapper2 {
  top: 0vw;
  left: 1.09375vw;
  -webkit-transform: rotateX(25deg) rotateZ(-81deg) rotateY(54deg);
          transform: rotateX(25deg) rotateZ(-81deg) rotateY(54deg);
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper2 {
    top: 1.82292vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper2 {
    top: 10vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper2 {
    top: 0px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper2 {
    left: -1.69271vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper2 {
    left: 0.9375vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper2 {
    left: 21px;
  }
}

.header__planet__wrapper2 .header__planet__circle1 {
  width: 36.45833vw;
  height: 36.45833vw;
  -webkit-animation: animateCircle2 6s linear infinite;
          animation: animateCircle2 6s linear infinite;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper2 .header__planet__circle1 {
    width: 35.15625vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper2 .header__planet__circle1 {
    width: 59.375vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper2 .header__planet__circle1 {
    width: 700px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper2 .header__planet__circle1 {
    height: 35.15625vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper2 .header__planet__circle1 {
    height: 59.375vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper2 .header__planet__circle1 {
    height: 700px;
  }
}

.header__planet__wrapper3 {
  top: 11.875vw;
  left: -0.67708vw;
  -webkit-transform: rotateX(26deg) rotateZ(-81deg) rotateY(54deg);
          transform: rotateX(26deg) rotateZ(-81deg) rotateY(54deg);
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper3 {
    top: 11.06771vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper3 {
    top: 27.1875vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper3 {
    top: 228px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper3 {
    left: -3.25521vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper3 {
    left: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper3 {
    left: -13px;
  }
}

.header__planet__wrapper3 .header__planet__circle1 {
  width: 31.25vw;
  height: 31.25vw;
  -webkit-animation: animateCircle3 6s linear infinite;
          animation: animateCircle3 6s linear infinite;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper3 .header__planet__circle1 {
    width: 32.55208vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper3 .header__planet__circle1 {
    width: 53.125vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper3 .header__planet__circle1 {
    width: 600px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper3 .header__planet__circle1 {
    height: 32.55208vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper3 .header__planet__circle1 {
    height: 53.125vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper3 .header__planet__circle1 {
    height: 600px;
  }
}

.header__planet__wrapper4 {
  top: 22.60417vw;
  left: -1.77083vw;
  -webkit-transform: rotateX(18deg) rotateZ(-81deg) rotateY(54deg);
          transform: rotateX(18deg) rotateZ(-81deg) rotateY(54deg);
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper4 {
    top: 21.35417vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper4 {
    top: 45.625vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper4 {
    top: 434px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper4 {
    left: -3.51562vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper4 {
    left: -3.75vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper4 {
    left: -34px;
  }
}

.header__planet__wrapper4 .header__planet__circle1 {
  width: 18.22917vw;
  height: 18.22917vw;
  border-width: 0.20833vw;
  -webkit-animation: animateCircle4 6s linear infinite;
          animation: animateCircle4 6s linear infinite;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper4 .header__planet__circle1 {
    width: 22.13542vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper4 .header__planet__circle1 {
    width: 29.6875vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper4 .header__planet__circle1 {
    width: 350px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper4 .header__planet__circle1 {
    height: 22.13542vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper4 .header__planet__circle1 {
    height: 29.6875vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper4 .header__planet__circle1 {
    height: 350px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__wrapper4 .header__planet__circle1 {
    border-width: 0.26042vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__wrapper4 .header__planet__circle1 {
    border-width: 0.3125vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__wrapper4 .header__planet__circle1 {
    border-width: 4px;
  }
}

.header__planet__circle1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 21.875vw;
  height: 21.875vw;
  border: 5px solid  #FFF;
  border-left: 5px solid transparent;
  border-width: 0.26042vw;
  border-radius: 50%;
  -webkit-animation: animateCircle 6s linear infinite;
          animation: animateCircle 6s linear infinite;
  -webkit-transform-origin: center;
          transform-origin: center;
  position: relative;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__circle1 {
    width: 26.04167vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__circle1 {
    width: 43.75vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__circle1 {
    width: 420px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__circle1 {
    height: 26.04167vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__circle1 {
    height: 43.75vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__circle1 {
    height: 420px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__circle1 {
    border-width: 0.39062vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__circle1 {
    border-width: 0.625vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__circle1 {
    border-width: 5px;
  }
}

.header__planet__circle1::before {
  content: '';
  position: absolute;
  right: 82%;
  bottom: 11%;
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  background: radial-gradient(23155% 24239.4% at 13793.82% 8685.12%, #FFFFFF 0%, #5CC7FF 100%);
  z-index: 9999;
  display: inline-block;
  opacity: 0;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__circle1::before {
    width: 1.5625vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__circle1::before {
    width: 3.75vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__circle1::before {
    width: 12px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__circle1::before {
    height: 1.5625vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__circle1::before {
    height: 3.75vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__circle1::before {
    height: 12px;
  }
}

.header__planet__circle1::after {
  content: '';
  position: absolute;
  right: 82%;
  top: 11%;
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  background: radial-gradient(23155% 24239.4% at 13793.82% 8685.12%, #FFFFFF 0%, #5CC7FF 100%);
  z-index: 9999;
  display: inline-block;
  opacity: 0;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__circle1::after {
    width: 1.5625vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__circle1::after {
    width: 3.75vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__circle1::after {
    width: 12px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .header__planet__circle1::after {
    height: 1.5625vw;
  }
}

@media screen and (max-width: 767px) {
  .header__planet__circle1::after {
    height: 3.75vw;
  }
}

@media screen and (min-width: 1920px) {
  .header__planet__circle1::after {
    height: 12px;
  }
}

@-webkit-keyframes animateCircle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes animateCircle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes animateCircle1 {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}

@keyframes animateCircle1 {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}

@-webkit-keyframes animateCircle2 {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
  }
}

@keyframes animateCircle2 {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
  }
}

@-webkit-keyframes animateCircle3 {
  0% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(630deg);
            transform: rotate(630deg);
  }
}

@keyframes animateCircle3 {
  0% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(630deg);
            transform: rotate(630deg);
  }
}

@-webkit-keyframes animateCircle4 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes animateCircle4 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.elements {
  max-width: 100vw;
  overflow: hidden;
}

.elements__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 5.20833vw;
  padding-bottom: 8.85417vw;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .elements__wrapper {
    padding-top: 7.03125vw;
  }
}

@media screen and (max-width: 767px) {
  .elements__wrapper {
    padding-top: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .elements__wrapper {
    padding-top: 100px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .elements__wrapper {
    padding-bottom: 10.15625vw;
  }
}

@media screen and (max-width: 767px) {
  .elements__wrapper {
    padding-bottom: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .elements__wrapper {
    padding-bottom: 170px;
  }
}

@media screen and (max-width: 767px) {
  .elements__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 9.6875vw;
    text-align: center;
  }
}

.elements__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .elements__item {
    margin-bottom: 19.6875vw;
  }
}

.elements__item__h2 {
  font-weight: 900;
  font-size: 1.875vw;
  line-height: 2.8125vw;
  letter-spacing: 0;
  color: #71479D;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .elements__item__h2 {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}

@media screen and (max-width: 767px) {
  .elements__item__h2 {
    font-size: 7.5vw;
    line-height: 11.25vw;
  }
}

@media screen and (min-width: 1920px) {
  .elements__item__h2 {
    font-size: 36px;
    line-height: 54px;
  }
}

@media screen and (min-width: 1300px) {
  .elements__item__h2 {
    font-weight: 400;
  }
}

.elements__item__img {
  width: 14.32292vw;
  height: 14.32292vw;
  margin-top: 4.21875vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .elements__item__img {
    width: 18.22917vw;
  }
}

@media screen and (max-width: 767px) {
  .elements__item__img {
    width: 43.75vw;
  }
}

@media screen and (min-width: 1920px) {
  .elements__item__img {
    width: 275px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .elements__item__img {
    height: 18.22917vw;
  }
}

@media screen and (max-width: 767px) {
  .elements__item__img {
    height: 43.75vw;
  }
}

@media screen and (min-width: 1920px) {
  .elements__item__img {
    height: 275px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .elements__item__img {
    margin-top: 7.03125vw;
  }
}

@media screen and (max-width: 767px) {
  .elements__item__img {
    margin-top: 10.9375vw;
  }
}

@media screen and (min-width: 1920px) {
  .elements__item__img {
    margin-top: 81px;
  }
}

.elements__item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.elements__item__img::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: #71479D;
  -webkit-filter: blur(2.34vw);
          filter: blur(2.34vw);
  opacity: 0.5;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

@media screen and (min-width: 1920px) {
  .elements__item__img::before {
    -webkit-filter: blur(45px);
            filter: blur(45px);
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .elements__item__img::before {
    -webkit-filter: blur(3.8vw);
            filter: blur(3.8vw);
  }
}

@media screen and (max-width: 767px) {
  .elements__item__img::before {
    -webkit-filter: blur(6.25vw);
            filter: blur(6.25vw);
  }
}

.elements__item__img::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/svg/index_grid.svg) no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  opacity: .7;
}

.elements__item__img:hover::before {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.slyder {
  background: #71479D;
  padding-top: 2.60417vw;
  padding-right: 2.60417vw;
  padding-bottom: 2.60417vw;
  padding-left: 2.60417vw;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder {
    padding-top: 5.20833vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder {
    padding-top: 10vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder {
    padding-top: 50px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder {
    padding-right: 2.08333vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder {
    padding-right: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder {
    padding-right: 50px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder {
    padding-bottom: 1.5625vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder {
    padding-bottom: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder {
    padding-left: 2.08333vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder {
    padding-left: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder {
    padding-left: 50px;
  }
}

.slyder__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 100vw;
  position: relative;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__wrapper {
    max-width: 95.83333vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__wrapper {
    max-width: 90.3125vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__wrapper {
    max-width: 1920px;
  }
}

.slyder__item__title {
  font-weight: 900;
  font-size: 3.33333vw;
  line-height: 5vw;
  letter-spacing: 0;
  margin-bottom: 3.54167vw;
  color: #FFFFFF;
  text-align: center;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__title {
    font-size: 4.6875vw;
    line-height: 7.03125vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__title {
    font-size: 7.5vw;
    line-height: 11.25vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__title {
    font-size: 64px;
    line-height: 96px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__title {
    margin-bottom: 6.25vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__title {
    margin-bottom: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__title {
    margin-bottom: 68px;
  }
}

.slyder__item__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .slyder__item__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.slyder__item__desc {
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 2.5vw;
  letter-spacing: 0;
  color: #FFFFFF;
  max-width: 29.16667vw;
  margin-left: 0.67708vw;
  margin-right: 0vw;
  padding-top: 2.86458vw;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__desc {
    font-size: 1.5625vw;
    line-height: 3.125vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc {
    font-size: 3.75vw;
    line-height: 7.5vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__desc {
    font-size: 24px;
    line-height: 48px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__desc {
    max-width: 44.53125vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc {
    max-width: 90.3125vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__desc {
    max-width: 560px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__desc {
    margin-left: 2.86458vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc {
    margin-left: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__desc {
    margin-left: 13px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__desc {
    margin-right: 7.55208vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc {
    margin-right: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__desc {
    margin-right: 0px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__desc {
    padding-top: 2.34375vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc {
    padding-top: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__desc {
    padding-top: 55px;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc {
    text-align: center;
  }
}

.slyder__item__desc p {
  margin-bottom: 0.52083vw;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__desc p {
    margin-bottom: 1.30208vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc p {
    margin-bottom: 3.125vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__desc p {
    margin-bottom: 10px;
  }
}

.slyder__item__desc ul {
  list-style: none;
}

.slyder__item__desc ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .slyder__item__desc ul li {
    padding-top: 7.5vw;
    margin-bottom: 10vw;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.slyder__item__desc ul li::before {
  content: '';
  display: block;
  background: #FFFFFF;
  border-radius: 50%;
  width: 1.19792vw;
  min-width: 1.19792vw;
  height: 1.19792vw;
  margin-top: 0.67708vw;
  margin-right: 1.25vw;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__desc ul li::before {
    width: 1.19792vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc ul li::before {
    width: 3.125vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__desc ul li::before {
    width: 23px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__desc ul li::before {
    min-width: 1.19792vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc ul li::before {
    min-width: 3.125vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__desc ul li::before {
    min-width: 23px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__desc ul li::before {
    height: 1.19792vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc ul li::before {
    height: 3.125vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__desc ul li::before {
    height: 23px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__desc ul li::before {
    margin-top: 1.04167vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc ul li::before {
    margin-top: -1.875vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__desc ul li::before {
    margin-top: 13px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__desc ul li::before {
    margin-right: 1.30208vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc ul li::before {
    margin-right: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__desc ul li::before {
    margin-right: 24px;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__desc ul li::before {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0;
  }
}

.slyder__item__media {
  background: url(../img/content/laptop.png) no-repeat;
  background-size: contain;
  width: 45.05208vw;
  height: 29.53125vw;
  margin-left: 0vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__media {
    width: 44.92188vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__media {
    width: 90.3125vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__media {
    width: 865px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__media {
    height: 27.99479vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__media {
    height: 63.75vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__media {
    height: 567px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__media {
    margin-left: 3.125vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__media {
    margin-left: 0vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__media {
    margin-left: 0px;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__media {
    margin-top: 10vw;
  }
}

.slyder__item__media__val {
  width: 32.03125vw;
  height: 20.20833vw;
  margin-left: 6.30208vw;
  margin-top: 1.51042vw;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__media__val {
    width: 32.03125vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__media__val {
    width: 64.0625vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__media__val {
    width: 615px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__media__val {
    height: 20.44271vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__media__val {
    height: 40.3125vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__media__val {
    height: 388px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__media__val {
    margin-left: 6.25vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__media__val {
    margin-left: 12.8125vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__media__val {
    margin-left: 121px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder__item__media__val {
    margin-top: 1.30208vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder__item__media__val {
    margin-top: 3.125vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder__item__media__val {
    margin-top: 29px;
  }
}

.slyder__item__media__val img, .slyder__item__media__val video, .slyder__item__media__val iframe {
  width: 100%;
  height: 100%;
}

.slyder .owl-prev, .slyder .owl-next {
  position: absolute;
  background: url(../img/svg/slyder_left.svg) no-repeat !important;
  background-size: 100% 100% !important;
  width: 5.9375vw;
  height: 5.9375vw;
  cursor: pointer;
  top: 50%;
  left: 0;
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder .owl-prev, .slyder .owl-next {
    width: 6.03646vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder .owl-prev, .slyder .owl-next {
    width: 7.925vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder .owl-prev, .slyder .owl-next {
    width: 114px;
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px) {
  .slyder .owl-prev, .slyder .owl-next {
    height: 6.03646vw;
  }
}

@media screen and (max-width: 767px) {
  .slyder .owl-prev, .slyder .owl-next {
    height: 7.925vw;
  }
}

@media screen and (min-width: 1920px) {
  .slyder .owl-prev, .slyder .owl-next {
    height: 114px;
  }
}

@media screen and (max-width: 767px) {
  .slyder .owl-prev, .slyder .owl-next {
    top: 63.75vw;
  }
}

.slyder .owl-prev span, .slyder .owl-next span {
  display: none;
}

.slyder .owl-next {
  left: auto;
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.footer {
  padding-top: 0;
}
/*# sourceMappingURL=index.css.map */