@media screen and (min-width: 769px) {
  .img-content {
    max-width: 900px;
  }
}

.img-content.i2 {
  margin: 0 5%;
}

@media screen and (min-width: 769px) {
  .img-content.i2 {
    margin: 0;
    width: 50%;
  }
}

.img-content.i3 {
  margin-right: 5%;
  margin-left: 5%;
  margin-top: 2%;
}

@media screen and (min-width: 769px) {
  .img-content.i3 {
    margin: 0;
    width: 50%;
  }
}

.img-content.i4 {
  margin: 0;
}

@media screen and (min-width: 769px) {
  .img-content.i4 {
    margin: 0  60% 0 25%;
  }
}

.img-content.i5 {
  margin: 0 12%;
}

@media screen and (min-width: 769px) {
  .img-content.i5 {
    margin: 0 auto;
  }
}

.img-content.i6 {
  width: 80%;
  margin-bottom: 30%;
}

@media screen and (min-width: 769px) {
  .img-content.i6 {
    width: 60%;
    margin: 0 0 20% 40%;
  }
}

.img-content.i7 {
  margin: 0;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .img-content.i7 {
    margin: 0 50% 0 6%;
    width: 40%;
  }
}

.img-content.i8 {
  margin: 0 0 30% 0;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .img-content.i8 {
    width: 35%;
    margin: 0 40% 120px 19%;
  }
}

.img-content.i9 {
  width: 80%;
  margin: 0;
}

@media screen and (min-width: 769px) {
  .img-content.i9 {
    width: 25%;
    margin: 0 20% 0 50%;
  }
}

.img-content.i10 {
  width: 100%;
  margin: 0;
}

@media screen and (min-width: 769px) {
  .img-content.i10 {
    margin: 0 auto;
    width: 30%;
  }
  .img-content.i10 .number {
    right: inherit;
    left: 2%;
  }
}

.img-content.i11 {
  margin: 30% auto;
}

@media screen and (min-width: 769px) {
  .img-content.i11 {
    margin: 10% auto 0;
  }
}

@media screen and (min-width: 769px) {
  .flex {
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
  }
}

@media screen and (min-width: 769px) {
  .p1 {
    margin: 40px 0 0 0;
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .p2 {
    margin: 40px auto 190px;
  }
}

@media screen and (min-width: 769px) {
  .p3 {
    margin: 40px 0 190px;
  }
}

@media screen and (min-width: 769px) {
  .p4 {
    margin: 40px 20% 190px 49.5%;
  }
}

@media screen and (min-width: 769px) {
  .p5 {
    margin: 40px auto 190px;
  }
}

.moviesp {
  margin: 0 0 40% 30%;
}

.moviesp video {
  width: 100%;
  margin-left: 0;
}

@media screen and (min-width: 769px) {
  .movie {
    margin: -20% 20% 200px 50%;
  }
}

@media screen and (min-width: 769px) {
  .other_img {
    display: block !important;
  }
}
/*# sourceMappingURL=03.css.map */