.bg01 {
  text-align: center;
  margin: 0 auto;
  background-color: #E0E6F1;
  padding: 3% 0;
}

.bg02 {
  text-align: center;
  margin: 0 auto;
  background: linear-gradient(to bottom, #E0E6F1 0%, #E0E6F1 50%, #83A2C1 50%, #83A2C1 100%);
}

.bg03 {
  text-align: center;
  margin: 0 auto;
  background-color: #83A2C1;
  padding: 3% 0;
}

.bg04 {
  text-align: center;
  margin: 0 auto;
  background: linear-gradient(to bottom, #83A2C1 0%, #83A2C1 50%, #E0E6F1 50%, #E0E6F1 100%);
}

.bg05 {
  text-align: center;
  margin: 0 auto;
  background-color: #83A2C1;
  padding-top: 3%;
}

.teaser {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .teaser {
    margin-bottom: 20px;
  }
}

.teaser__btn {
  position: absolute;
  top: 93.5%;
  left: 10%;
  width: 80%;
}

.btn-field {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 0 15px;
}

.btn-img {
  width: 30%;
}

.caution {
  border: #FF0000 1px solid;
  padding: 5px;
  color: #FF0000;
}