@charset "UTF-8";
.colStep .btn {
  background-color: var(--basicBG);
  color: var(--blue);
}

.colStep .btn.active {
  background-color: var(--blue);
  color: var(--white);
}

#sectStep1 ul,
#sectStep2A ul,
#sectStep2B ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#sectStep1 ul li,
#sectStep2B ul li,
#sectStep2A ul li {
  width: calc(50% - 7.5px);
  margin-bottom: 16px;
}
#sectStep1 ul li a,
#sectStep2A ul li a,
#sectStep2B ul li a {
  width: 100%;
}

.baloonBox_area {
  position: relative;
}

.w50per {
  width: 50% !important;
}

.tab {
  margin-top: 0px;
}

/* layout (PConly) */
@media screen and (min-width: 768px) {
  #sectStep1 ul,
  #sectStep2A ul,
  #sectStep2B ul {
    flex-wrap: nowrap;
  }
  #sectStep1 ul li,
  #sectStep2B ul li {
    display: flex;
    width: calc(20% - 12px);
    margin-bottom: 0;
  }
  #sectStep2A ul li {
    width: calc(25% - 12px);
    margin-bottom: 0;
  }
  .form__selctList .form__selctList__item {
    width: 216px;
  }
}

/* layout (SPonly) */
@media screen and (max-width: 767px) {
  .baloonBox_wid {
    max-width: 186px !important;
  }
  .pdmg_none {
    padding: 0px;
    margin: 0px;
  }
  .form__selctList .form__selctList__item {
    width: 180px;
  }
  .form__inputBox.c-input-any-text input[type="text"] {
    max-width: 198px;
  }
}