/**
 * input関係
 * unit内は横並び（flex）、inputはwidth:100%とし、子要素のdivの12分割グリッドで幅調整
 */
 .unit {
  display: flex;
}
.unit input, .unit select {
  width: 100%;
}
.unit .inputerr {
  color:red;
  font-size: small;
}
/**
 * 12分割グリッド
 */
.unit .col-1 {
  flex-basis: 8.3%;
}
.unit .col-2 {
  flex-basis: 16.6%;
}
.unit .col-3 {
  flex-basis: 24.9%;
}
.unit .col-4 {
  flex-basis: 33.2%;
}
.unit .col-5 {
  flex-basis: 41.5%;
}
.unit .col-6 {
  flex-basis: 49.8%;
}
.unit .col-7 {
  flex-basis: 58.1%;
}
.unit .col-8 {
  flex-basis: 66.4%;
}
.unit .col-9 {
  flex-basis: 74.7%;
}
.unit .col-10 {
  flex-basis: 83.0%;
}
.unit .col-11 {
  flex-basis: 91.3%;
}
.unit .col-12 {
  flex-basis: 99.6%;
}
/**
* 追加ボタン関係
*/
div.removeButton {
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle {
  font-size: 120%;
  font-weight: bold;
  border: 1px solid #999;
  color: #999;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  width: 1.3em;
  line-height: 1.3em;
  cursor: pointer;
  transition: .2s;
}
.circle:hover {
  background: #333;
  border-color: #333;
  color: #FFF;
}