:root {
  /*--main01-color: #4468e2;*/
  --main01-color: #0064B4;
  --bg01-color : #f2fdff;
}


.form-label {
  font-weight: bold;
}
.form-box {
}
.form-box.form-box01 {
}
.form-box.form-box02 {
}

.form-box .bg-body-b01{
  background-color: var(--main01-color);
  color:#fff;
}
.form-box .form-box-item {
  padding:30px 60px;
}
.form-box .border{
  border-color: var(--main01-color) !important;
  background-color:#FFF;
}
.form-box .bg-body-b02{
  background-color:#fcdc02;
  color:#111;
}
.form-box .border2{
  border-color:#fcdc02 !important;
}

.form-box.last-box,
.form-box:not(:last-child) {
  margin-bottom: 50px;
  position: relative;
}

.form-box:not(.last-box)::after
.form-box:not(:last-child)::after {
  content: '';
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  bottom: -63px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color:  var(--main01-color);
}

.icon-required {
  padding:2px 8px;
  margin-left:7px;
  background-color:#FF3300;
  color:#FFF;
  font-size:0.7rem;
}

.form-attention li {
  margin-bottom: 5px;
}
.alert-error {
  position: relative;
  display: block;
  padding:20px 0;
}

.alert-error span {
  position: relative;
  background: #ff3300;
  border-radius: 5px;
  padding: 10px 10px;
  color: #fff;
  font-size: 0.85rem;
}

.alert-error span::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 30%;
  transform: translateX(-50%);
  border-width: 0 12px 20px 12px;
  border-style: solid;
  border-color: transparent transparent #ff3300 transparent;
}

@media (max-width: 767px) {
  .form-box .form-box-item {
    padding:20px 20px;
  }
}