.top {
  background: #1a679d;
  position: relative;
  padding: 0;
}
.top h1 {
  width: 408px;
}
.top p {
  width: 363px;
}
.top_item {
  position: relative;
  right: -32%;
  max-width: 695px;
}
.top_wrap {
  padding: 0 100px;
}
.top_gradient {
  position: absolute;
  width: 100%;
  height: 40%;
  bottom: 0;
  background: linear-gradient(to top, black, 20%, transparent);
  z-index: 100;
}
@media screen and (max-width: 960px) {
  .top h1 {
    width: 255px;
  }
  .top p {
    width: 90%;
  }
  .top_item {
    margin: 80px 0 0;
    max-width: 335px;
  }
  .top_wrap {
    padding: 0;
  }
}

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

.color h3 {
  width: 100px;
}
.color ul li {
  width: 240px;
}
.color ul li img {
  width: 240px;
  height: auto;
}
@media screen and (max-width: 960px) {
  .color h3 {
    width: 77px;
  }
  .color ul li {
    width: 159px;
  }
  .color ul li img {
    width: 159px;
    height: auto;
  }
}

.youtube_01 {
  margin-bottom: 30px !important;
}/*# sourceMappingURL=style.css.map */