/* ------------------------------------------------------------------------- general
---------------------------------------------------------------------------------- */
.box__button.between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}
.box__button.end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.box__button.center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

/* ------------------------------------------------------------------- box__register
---------------------------------------------------------------------------------- */
.register .select2-results__option {
  text-align: left;
}

#box__register {
  background: url(../img/bg/bg__head-1.webp) no-repeat center 0;
  background-size: 100vw auto;
  padding: 0 0 3.125vw;
}
@media (min-width: 961px) and (max-width: 1480px) {
  #box__register {
    padding: 0 0 4.0625vw;
  }
}
@media (max-width: 960px) {
  #box__register {
    background: url(../img/mobile/bg/bg__head-2.webp) no-repeat center 0;
    background-size: 100% auto;
    padding: 0 0 7.8125vw;
  }
}
#box__register .head__info {
  color: #fff;
  font-family: "DB Heavent Bd";
  font-size: 3.75vw;
  line-height: 9.84375vw;
  margin: 0 0 1.5625vw;
  text-align: center;
  height: 9.84375vw;
}
@media (min-width: 961px) and (max-width: 1480px) {
  #box__register .head__info {
    margin: 0 0 2.03125vw;
  }
}
@media (max-width: 960px) {
  #box__register .head__info {
    font-size: 9.375vw;
    line-height: 24.8697916667vw;
    margin: 0;
    height: 24.8697916667vw;
  }
}
#box__register .form__info {
  overflow: hidden;
  border-radius: 0.2604166667vw;
}
@media (max-width: 960px) {
  #box__register .form__info {
    border-radius: 0;
  }
}
#box__register .form__info .box__head {
  background: #032221;
  padding: 0.78125vw 0.78125vw 0.6770833333vw;
}
@media (max-width: 960px) {
  #box__register .form__info .box__head {
    padding: 1.953125vw 1.953125vw 1.6927083333vw;
  }
}
#box__register .form__info .box__head .head {
  color: #fff;
  margin: 0;
  text-align: center;
}
#box__register .form__info .box__detail {
  border: #D5D5D5 0.1041666667vw solid;
  border-top: 0;
  padding: 1.5625vw;
}
@media (max-width: 960px) {
  #box__register .form__info .box__detail {
    border: 0;
    padding: 3.90625vw;
  }
}
#box__register .form__info .box__detail .box {
  padding-bottom: 1.5625vw;
}
@media (max-width: 960px) {
  #box__register .form__info .box__detail .box {
    padding-bottom: 3.90625vw;
  }
}
#box__register .form__info .list__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
  width: 100%;
}
@media (max-width: 960px) {
  #box__register .form__info .list__step {
    margin: 0 0 1.953125vw;
    position: relative;
    top: 0;
  }
}
#box__register .form__info .list__step .item {
  background: #fff;
  border: red 0.1041666667vw solid;
  color: red;
  margin: 0 0.5208333333vw 1.0416666667vw;
  line-height: 2.1875vw;
  text-align: center;
  width: 2.2916666667vw;
  height: 2.2916666667vw;
  border-radius: 2.2916666667vw;
}
@media (max-width: 960px) {
  #box__register .form__info .list__step .item {
    margin: 0 1.3020833333vw 2.6041666667vw;
    line-height: 8.0729166667vw;
    width: 8.3333333333vw;
    height: 8.3333333333vw;
    border-radius: 8.3333333333vw;
  }
}
#box__register .form__info .list__step .item a {
  display: block;
}
#box__register .form__info .list__step .item.active {
  background: red;
  color: #fff;
}
#box__register .form__info .box__text {
  padding: 0 0.78125vw;
}
@media (max-width: 960px) {
  #box__register .form__info .box__text {
    padding: 0;
  }
}
#box__register .form__info .subhead {
  color: #032221;
  font-size: 1.875vw;
  margin-bottom: 0.78125vw;
}
@media (min-width: 961px) and (max-width: 1480px) {
  #box__register .form__info .subhead {
    font-size: 2.4375vw;
  }
}
@media (max-width: 960px) {
  #box__register .form__info .subhead {
    font-size: 7.8125vw;
    margin-bottom: 1.953125vw;
  }
}
#box__register .form__info .subhead em {
  color: #eb212e;
  font-family: "DB Heavent Md";
  font-style: normal;
}
@media (min-width: 961px) {
  #box__register .form__info .tel-work {
    width: 32vw;
  }
}
#box__register .form__info .select-year,
#box__register .form__info .select-month {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 1.3020833333vw 0 0;
  width: 6.7708333333vw;
}
@media (max-width: 960px) {
  #box__register .form__info .select-year,
  #box__register .form__info .select-month {
    margin: 0 3.2552083333vw 0 0;
    width: 20.8333333333vw;
  }
}
#box__register .form__info .select-month {
  width: 10.1041666667vw;
}
@media (max-width: 960px) {
  #box__register .form__info .select-month {
    width: 36.4583333333vw;
  }
}
@media (min-width: 961px) {
  #box__register .form__info .info .form-check {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 2.6041666667vw;
  }
}
#box__register .form__info .info .form-check + .dropdown,
#box__register .form__info .info .form-check + .dropdown + .select2 {
  width: 5.2083333333vw !important;
}
@media (max-width: 960px) {
  #box__register .form__info .info .form-check + .dropdown,
  #box__register .form__info .info .form-check + .dropdown + .select2 {
    width: 13.0208333333vw !important;
  }
}
#box__register .form__info .info .form-control,
#box__register .form__info .info .select2-container .select2-selection--single .select2-selection__rendered {
  text-align: left;
}
#box__register .form__info .info .row {
  margin-left: -0.78125vw;
  margin-right: -0.78125vw;
}
@media (max-width: 960px) {
  #box__register .form__info .info .row {
    margin-left: -1.953125vw;
    margin-right: -1.953125vw;
  }
}
#box__register .form__info .info .row > * {
  padding-left: 0.78125vw;
  padding-right: 0.78125vw;
}
@media (max-width: 960px) {
  #box__register .form__info .info .row > * {
    padding-left: 1.953125vw;
    padding-right: 1.953125vw;
  }
}
@media (min-width: 961px) {
  #box__register .form__info .info .row .col-lg {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 0% !important;
            flex: 1 0 0% !important;
  }
}
@media (max-width: 960px) {
  #box__register .form__info .info .row [class^=col]:not(:last-child) > * {
    margin-bottom: 3.90625vw;
  }
}
#box__register .form__info .box__condition {
  background: #E6E6E6;
  margin: 0 0.78125vw 1.5625vw;
  padding: 1.5625vw;
  border-radius: 0.2604166667vw;
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition {
    margin: 0 -3.90625vw 3.90625vw;
    padding: 3.90625vw;
    border-radius: 0;
  }
}
#box__register .form__info .box__condition p {
  color: #022221;
  font-size: 1.1458333333vw;
  margin: 0 0 0.5208333333vw;
  text-align: center;
}
@media (min-width: 961px) and (max-width: 1480px) {
  #box__register .form__info .box__condition p {
    font-size: 1.4895833333vw;
  }
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition p {
    font-size: 5.859375vw;
    margin: 0 0 1.953125vw;
    padding: 0 1.953125vw;
  }
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition p span {
    display: block;
  }
}
#box__register .form__info .box__condition ul, #box__register .form__info .box__condition ol {
  margin: 0 0 0.5208333333vw;
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition ul, #box__register .form__info .box__condition ol {
    margin: 0 0 1.953125vw;
    padding: 0 1.953125vw;
  }
}
#box__register .form__info .box__condition li {
  color: #022221;
  font-size: 1.1458333333vw;
}
@media (min-width: 961px) and (max-width: 1480px) {
  #box__register .form__info .box__condition li {
    font-size: 1.4895833333vw;
  }
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition li {
    font-size: 5.859375vw;
  }
}
#box__register .form__info .box__condition .note {
  color: #ec1f26;
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition .box__link {
    margin: 0 0 3.90625vw;
    text-align: center;
  }
  #box__register .form__info .box__condition .box__link:after {
    background: #022221;
    content: "";
    z-index: 10;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #box__register .form__info .box__condition .box__link a {
    display: block;
  }
}
#box__register .form__info .box__condition .box__check {
  margin: 0 6.25vw 0 15.1041666667vw;
  padding: 0.5208333333vw 0 0;
}
@media (min-width: 961px) and (max-width: 1480px) {
  #box__register .form__info .box__condition .box__check {
    margin: 0 4.6875vw 0 11.328125vw;
  }
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition .box__check {
    margin: 0;
  }
}
#box__register .form__info .box__condition .box__check .head-check {
  font-family: "DB Heavent Md";
  font-size: 1.1458333333vw;
  text-align: left;
  margin: 0 0 0.5208333333vw;
}
@media (min-width: 961px) and (max-width: 1480px) {
  #box__register .form__info .box__condition .box__check .head-check {
    font-size: 1.4895833333vw;
    margin: 0 0 0.6770833333vw;
  }
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition .box__check .head-check {
    font-size: 5.859375vw;
    margin: 0 0 1.3020833333vw;
  }
}
#box__register .form__info .box__condition .form-check {
  margin: 0 0 0.5208333333vw;
}
@media (min-width: 961px) and (max-width: 1480px) {
  #box__register .form__info .box__condition .form-check {
    margin: 0 0 0.5208333333vw;
  }
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition .form-check {
    margin: 0 0 1.953125vw;
    width: 100%;
  }
}
#box__register .form__info .box__condition .form-check .form-check-input {
  top: 0.3125vw;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (min-width: 961px) and (max-width: 1480px) {
  #box__register .form__info .box__condition .form-check .form-check-input {
    top: 0.3645833333vw;
  }
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition .form-check .form-check-input {
    top: 2.2135416667vw;
  }
}
#box__register .form__info .box__condition .form-check .form-check-label {
  font-size: 1.1458333333vw;
  text-align: left;
}
@media (min-width: 961px) and (max-width: 1480px) {
  #box__register .form__info .box__condition .form-check .form-check-label {
    font-size: 1.4895833333vw;
  }
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition .form-check .form-check-label {
    font-size: 5.859375vw;
  }
}
#box__register .form__info .box__condition .box__description {
  padding-bottom: 0.5208333333vw;
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition .box__description {
    padding-bottom: 1.3020833333vw;
  }
}
#box__register .form__info .box__condition .box__description p, #box__register .form__info .box__condition .box__description li {
  text-align: left;
}
#box__register .form__info .box__condition .box__description ul {
  margin-left: 1.0416666667vw;
}
@media (max-width: 960px) {
  #box__register .form__info .box__condition .box__description ul {
    margin-left: 4.5572916667vw;
  }
}
#box__register .form__info .box__condition .box__description ul li {
  list-style: disc;
}
#box__register .form__info .box__button {
  padding: 1.5625vw 0;
}
@media (max-width: 960px) {
  #box__register .form__info .box__button {
    padding: 3.90625vw 0;
  }
}
#box__register .form__info .submit,
#box__register .form__info .cancel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0.78125vw;
  padding: 0 3.125vw;
  width: auto;
  min-width: 12.5vw;
}
@media (max-width: 960px) {
  #box__register .form__info .submit,
  #box__register .form__info .cancel {
    margin: 0 1.953125vw;
    padding: 0 7.8125vw;
    min-width: 39.0625vw;
  }
}
#box__register .form__info .submit span,
#box__register .form__info .cancel span {
  font-style: normal;
}
#box__register .btn-back {
  background: #e51921;
  border: 0;
  cursor: pointer;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0.78125vw;
  padding: 0 3.125vw;
  width: auto;
  min-width: 12.5vw;
  height: 3.3333333333vw;
  border-radius: 3.3333333333vw;
}
@media (min-width: 961px) and (max-width: 1480px) {
  #box__register .btn-back {
    height: 4.3333333333vw;
    border-radius: 4.3333333333vw;
  }
}
@media (max-width: 960px) {
  #box__register .btn-back {
    margin: 0 1.953125vw;
    padding: 0 7.8125vw;
    min-width: 52.0833333333vw;
    height: 10.4166666667vw;
    border-radius: 10.4166666667vw;
  }
}
#box__register .btn-back span {
  color: #fff;
  display: block;
  font-size: 1.6666666667vw;
  letter-spacing: 1px;
  line-height: 3.3333333333vw;
  height: 100%;
}
@media (min-width: 961px) and (max-width: 1480px) {
  #box__register .btn-back span {
    font-size: 2.1666666667vw;
    line-height: 4.3333333333vw;
  }
}
@media (max-width: 960px) {
  #box__register .btn-back span {
    font-size: 6.640625vw;
    line-height: 10.4166666667vw;
  }
}
#box__register .box__thank {
  border: #D5D5D5 0.1041666667vw solid;
  padding: 1.5625vw;
  text-align: center;
  border-radius: 0.2604166667vw;
}
@media (max-width: 960px) {
  #box__register .box__thank {
    border: 0;
    padding: 3.90625vw;
  }
}
#box__register .box__thank p {
  margin: 0 0 1.3020833333vw;
}
@media (max-width: 960px) {
  #box__register .box__thank p {
    margin: 0 0 3.2552083333vw;
  }
}
@media (min-width: 961px) {
  #box__register .box__thank p span {
    display: block;
  }
}
#box__register .box__thank p strong {
  color: #5FADDE;
  font-family: "DB Heavent Md";
  font-size: 1.875vw;
}
@media (max-width: 960px) {
  #box__register .box__thank p strong {
    font-size: 7.8125vw;
  }
}
#box__register .box__thank .pic img {
  display: block;
  margin: 0 auto;
  width: 6.25vw;
}
@media (max-width: 960px) {
  #box__register .box__thank .pic img {
    width: 26.0416666667vw;
  }
}

/* --------------------------------------------------------- popup__choose-form-type
---------------------------------------------------------------------------------- */
.popup__choose-form-type .detail {
  padding: 3.125vw;
  width: 52.0833333333vw;
}
@media (max-width: 960px) {
  .popup__choose-form-type .detail {
    padding: 7.8125vw 3.90625vw 7.8125vw;
    width: 92.1875vw;
  }
}
.popup__choose-form-type .detail .title-text {
  margin: 0 0 1.5625vw;
  text-align: center;
}
@media (max-width: 960px) {
  .popup__choose-form-type .detail .title-text {
    margin: 0;
  }
  .popup__choose-form-type .detail .title-text span {
    display: block;
  }
}
.popup__choose-form-type .detail .submit, .popup__choose-form-type .detail .cancel {
  margin: 0 0.78125vw;
  padding: 0 4.6875vw;
  width: auto;
}
@media (min-width: 961px) and (max-width: 1480px) {
  .popup__choose-form-type .detail .submit, .popup__choose-form-type .detail .cancel {
    margin: 0 1.015625vw;
    padding: 0 6.09375vw;
  }
}
@media (max-width: 960px) {
  .popup__choose-form-type .detail .submit, .popup__choose-form-type .detail .cancel {
    margin: 0 1.953125vw;
    padding: 0;
    width: 36.4583333333vw;
  }
}
.popup__choose-form-type .detail .submit span, .popup__choose-form-type .detail .cancel span {
  font-style: normal;
}
.popup__choose-form-type .detail .box__choose {
  margin: 0 0 1.5625vw;
  padding: 1.5625vw 0;
}
@media (max-width: 960px) {
  .popup__choose-form-type .detail .box__choose {
    margin: 0 0 3.90625vw;
  }
}
.popup__choose-form-type .detail .box__choose .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 960px) {
  .popup__choose-form-type .detail .box__choose .box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 3.90625vw 0;
  }
}
.popup__choose-form-type .detail .box__choose .box .pic {
  margin: 0 0 1.5625vw;
  width: 100%;
}
@media (max-width: 960px) {
  .popup__choose-form-type .detail .box__choose .box .pic {
    margin: 0 3.90625vw 0 0;
    width: 23.4375vw;
  }
}
.popup__choose-form-type .detail .box__choose .box .pic img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 12.3958333333vw;
}
@media (max-width: 960px) {
  .popup__choose-form-type .detail .box__choose .box .pic img {
    height: 20.8333333333vw;
  }
}
.popup__choose-form-type .detail .box__choose .box .form-check {
  margin: 0;
}
.popup__choose-form-type .detail .box__choose .box .form-check i {
  font-style: normal;
}
@media (max-width: 960px) {
  .popup__choose-form-type .detail .box__choose .box .form-check {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .popup__choose-form-type .detail .box__choose .box .form-check i {
    display: block;
  }
}
@media (min-width: 961px) {
  .popup__choose-form-type .detail .box__choose:after {
    background: #D5D5D5;
    content: "";
    z-index: 10;
    width: 0.1041666667vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.popup__choose-form-type .detail .close {
  background: url(../img/icon/close-3.svg) no-repeat center center;
  background-size: 1.5625vw auto;
  display: block;
  float: none;
  opacity: 1;
  padding: 0;
  text-indent: -9998px;
  z-index: 10;
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  right: 0;
}
@media (max-width: 960px) {
  .popup__choose-form-type .detail .close {
    background: url(../img/icon/close-3.svg) no-repeat center center;
    background-size: 3.90625vw auto;
    width: 10.4166666667vw;
    height: 10.4166666667vw;
  }
}