.out_box {
  width: 100%;
  overflow: hidden;
}
.shape_box {
  border-bottom-left-radius: 100% 450px;
  border-bottom-right-radius: 100% 450px;
  width: calc(100% + 100px);
  margin-left: -50px;
  overflow: hidden;
}
.image_box {
  height: 620px;
  width: 100%;
  background-image: linear-gradient(to right, #ffffff, #b1defc);
}

.header {
  height: 100px;
}

.box {
  text-align: center;
  color: white;
  padding-top: 100px;
}

.banner_img_align {
  max-width: 600px;
  margin: 0px auto;
}

.banner_img {
  width: 100%;
  margin-top: 20px;
}

@media only screen and (max-width: 901px) {
  .banner_img_align {
    max-width: 480px;
  }
}

@media only screen and (max-width: 600px) {
  .image_box {
    height: 550px;
  }
  .box {
    padding: 60px 60px 0px 60px;
  }
  .banner_img_align {
    max-width: 300px;
  }
}
