@charset "UTF-8";

main {
  padding: 11.67vw 5.56vw 2.78vw;
  width:auto;
  min-height:166.6vw;
  position:relative;
}

.title {
  margin-top: 9.72vw;
  font-family: "THELuxGoRA";
  font-size: 6.25vw;
  line-height: 8.33vw;
  letter-spacing: -0.025em;
  color: #1a1e27;
}

.user_name > div.input_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 9.44vw;
  margin-bottom: 4.44vw;
  border-bottom: 0.42vw solid #4880ee;
}

.user_name > div.input_box.readonly {
  border-bottom: 0.42vw solid #d6dadf;
}

.user_name > div.input_box input {
  height: 12.5vw;
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  border: none;
  outline: none;
}

.user_name > div.input_box input::placeholder {
  color: #b1b8c0;
}

.user_name .txt_noti {
  font-family: "THELuxGoRA";
  font-size: 4.44vw;
  line-height: 6.25vw;
  color: #1a1e27;
  margin-top: 7.22vw;
}

.radio_box {
  margin-top: 15.28vw;
  display: flex;
  justify-content: center;
}

.radio_box > div {
  margin-left: 5vw;
}

.radio_box > div:first-child {
  margin-left: 0;
}

.radio_box > div input[type="radio"] {
  display: none;
  appearance: none;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.radio_box > div input[type="radio"] + label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 20.83vw;
  height: 20.83vw;
  background: #b1b8c0;
  color: #ffffff;
  border-radius: 100%;
  font-family: "THELuxGoRA";
  font-size: 4.17vw;
  line-height: 4.86vw;
  letter-spacing: -0.12em;
}

.radio_box > div input[type="radio"]:checked + label {
  background: #83b4f9;
}

.term_box {
  margin-top: 28.33vw;
}
.term_box .btn_box {
  display: flex;
  align-items: center;
  margin-left: 4.17vw;
}

.term_box .btn_box > div {
}

.term_box .btn_box > div input[type="checkbox"] {
  display: none;
  appearance: none;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.term_box .btn_box > div input[type="checkbox"] + label {
  position: relative;
  cursor: pointer;
}
.term_box .btn_box > div input[type="checkbox"] + label {
  background: url(/img/renew2/ico_login_onoff.png) 0 0 no-repeat;
  width: 4.44vw;
  height: 2.92vw;
  display: block;
}

.term_box .btn_box > div input[type="checkbox"]:checked + label {
  background: url(/img/renew2/ico_login_onoff.png) 0 0 no-repeat;
  display: block;
  background-position: 0 -3.06vw;
  background-size: 100% auto;
}

.term_box .btn_box a.agree_txt {
  font-family: "THELuxGoRA";
  font-size: 4.44vw;
  line-height: 6.25vw;
  color: #1a1e27;
  margin-left: 2.78vw;
  border-bottom: 0.14vw solid #1a1e27;
}

.term_box {
  margin-top: 69.44vw;
}
.term_box .btn_box {
  display: flex;
  align-items: center;
  margin-left: 4.17vw;
}

.term_box .btn_box > div {
}

.term_box .btn_box > div input[type="checkbox"] {
  display: none;
  appearance: none;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.term_box .btn_box > div input[type="checkbox"] + label {
  position: relative;
  cursor: pointer;
}
.term_box .btn_box > div input[type="checkbox"] + label {
  background: url(/img/renew2/ico_login_onoff.png) 0 0 no-repeat;
  width: 4.44vw;
  height: 2.92vw;
  display: block;
  background-size: 100% auto;
}

.term_box .btn_box > div input[type="checkbox"]:checked + label {
  background: url(/img/renew2/ico_login_onoff.png) 0 0 no-repeat;
  display: block;
  background-position: 0 -3.06vw;
  background-size: 100% auto;
}

.term_box .btn_box a.agree_txt {
  font-family: "THELuxGoRA";
  font-size: 4.44vw;
  line-height: 6.25vw;
  color: #1a1e27;
  margin-left: 2.78vw;
  border-bottom: 0.28vw solid #1a1e27;
}

.next {
  margin-top: 69.44vw;
}

.complete {
  margin-top: 9.72vw;
}

.next,
.complete {
  display: block;
  width: 100%;
  height: 13.89vw;
  text-align: center;
  font-family: "THELuxGoRA";
  font-size: 5.56vw;
  line-height: 6.25vw;
  background: #e6e6e6;
  color: #64768c;
  border-radius: 2.78vw;
}
.next:enabled,
.complete:enabled {
  background: #5f91d6;
  color: #ffffff;
}