.top {
  position: relative;
  background: #00669c;
  padding: 20px 100px;
}
.top h1 {
  width: 345px;
}
.top p {
  width: 378px;
}
.top_item {
  position: relative;
  right: -28%;
}
.top_item img {
  max-width: 535px;
}
.top_gradation {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(0deg, #000 0%, transparent 100%);
  z-index: 5;
}
@media screen and (max-width: 960px) {
  .top {
    padding: 0;
  }
  .top h1 {
    width: 260px;
  }
  .top p {
    width: 90%;
  }
  .top_item {
    margin: 50px 0 0;
    max-width: 350px;
  }
  .top_item img {
    width: 100%;
  }
}

.explanation_flexwrap_right {
  width: 45%;
  margin: auto;
}
.explanation_flexwrap_left {
  width: 50%;
}
@media screen and (max-width: 960px) {
  .explanation_flexwrap_right {
    width: 100%;
    max-width: 325px;
    margin: 50px auto 0;
  }
}

.color h3 {
  width: 95px;
}
.color ul li {
  width: 237px;
}
.color ul li img {
  width: 237px;
  height: auto;
}
@media screen and (max-width: 960px) {
  .color h3 {
    width: 95px;
  }
  .color ul li {
    width: 154px;
  }
  .color ul li img {
    width: 154px;
    height: auto;
  }
}/*# sourceMappingURL=style.css.map */