body {
  color: #9BA177;
  font-family: Arial, sans-serif;
  font-size: 18px;
  background-color: #fff;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-image: url(header-visual.svg);
  background-position: -180px -280px;
  background-repeat: no-repeat;
}

.wrapper {
  display: flex;
  align-items: flex-end;
  min-height: 100dvh;
  width: 100%;
  flex-wrap: wrap;
  background-image: url(footer-visual.svg);
  background-position: right 180px;
  background-repeat: no-repeat;
}

.logo svg {
  width: 100%;
  max-width: 980px;
  margin-bottom: 50px;
  margin-top: 150px;
}

.center-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
}

.text {
  width: 80%;
  margin: 0 auto;
}
.text p + p {
  margin-top: 30px;
}

.simple, .simple a {
  color: #9BA177;
}

.lead, .lead a {
  font-weight: 700;
  color: #E8783B;
}

.gray, .gray a {
  color: #707070 !important;
}

footer {
  display: flex;
}

footer svg {
  width: 100%;
  max-width: 200px;
}

footer .thank-you {
  border-left: 3px solid #E8783B;
  padding-top: 30px;
  padding-left: 20px;
  text-align: left;
  margin-top: 80px;
}

footer .thank-you span {
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin-bottom: 10px;
}

footer .thank-you strong {
  font-size: 16px;
  font-weight: 700;
}


@media(max-width: 1470px) {
  .wrapper {
    background-position: 118% 180px;
  }
  .logo svg {
    max-width: 780px;
  }
  .text {
    width: 60%;
  }
}

@media(max-width: 1210px) {
  body {
    background-position: -220px -290px;
  }
  .logo svg {
    max-width: 720px;
    margin-bottom: 25px;
  }
  .wrapper {
    background-position: 152% 180px;
  }
  footer {
    background-color: #fff;
    padding-right: 40px;
  }
}

@media(max-width: 995px) {
  body {
    background-position: -51px -59px;
    background-size: 77%;
  }
  .logo svg {
    max-width: 520px;
    margin-bottom: 0;
  }
  .wrapper {
    background-position: 134% 330px;
    background-size: 65%;
  }
  .text {
    width: 60%;
  }
}

@media(max-width: 880px) {
  /*body {
    background-position: -270px -320px;
  }*/
  .wrapper {
    background: none;
  }
  .logo {
    width: 60%;
    margin: 0 auto;
  }
  .text {
    width: 60%;
  }
}


@media(max-width: 570px) {
  body {
    background-position: -38px -49px;
    background-size: 82% 20%;
  }

  .logo {
    width: 80%;
  }
  .logo svg {
    margin-top: 70px;
  }
  .text {
    width: 80%;
  }

  footer svg {
    max-width: 100px;
  }
}