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

.bg02 {
  text-align: center;
  margin: 0 auto;
  background: linear-gradient(to bottom, #D4ECF0 0%, #D4ECF0 50%, #77B8C7 50%, #77B8C7 100%);
  padding: 3% 0;
}

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

.bg04 {
  text-align: center;
  margin: 0 auto;
  background: linear-gradient(to bottom, #77B8C7 0%, #77B8C7 50%, #D4ECF0 50%, #D4ECF0 100%);
  padding: 3% 0;
}

.bg05 {
  text-align: center;
  margin: 0 auto;
  background-color: #77B8C7;
  padding-bottom: 3%;
}

.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;
}

.red__text {
  color: #e60021;
}