@charset "utf-8";

form {
  margin: 0 0 24px;
}

#form_wrap {
  margin: 16px 0;
}

.form_group_head {
  border-left: 2px solid #191919;
  background: #FDFDFD;
}

.form_group {
	border-top: 1px solid #F7F7F7;
	border-bottom: 1px solid #F7F7F7;
}

.form_group > div {
  padding: 6px 12px;
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
.form_group > div {
  padding: 4px 8px;
}
}/*@media*/

.form_group input[type="text"],
textarea, select {
  font-size: 15rem;
  padding: 6px 8px;
}


/* agree button
===========================*/
.agreeBtns {
  text-align: center;
  margin: 16px;
}

.agreeNext {
  text-align: center;
}

button#agreeBtn,
button#confirmBtn {
  display: block;
  font-weight: bold;
  padding: 16px 0;
  margin: 24px auto;
  width: 28%;
  border: none;
  border-radius: 0;
  transition: .5s;
}
@media screen and (max-width: 600px) {
button#agreeBtn,
button#confirmBtn {
  width: 80%;
}
}/*@media*/

button#agreeBtn {
  color: #555;
  background: #999;
}

button#confirmBtn {
  color: #FFF;
  background: #003D79;
}

button#agreeBtn.on {
  color: #C0DDFF;
  background: #003D79;
}
button#confirmBtn:hover,
button#agreeBtn.on:hover {
  color: #FFF;
  background: #ED6C00;
}


/* submit button
===========================*/
.submitBtns {
  text-align: center;
  margin: 24px 0;
}

.submitBtns button,
#closeBtn {
  font-size: 18rem;
  font-weight: bold;
  width: 28%;
  padding: 12px;
  margin-top: 15px;
  border-radius: 2px;
  transition: .2s;
}
@media screen and (max-width: 600px) {
.submitBtns button,
#closeBtn {
  width: 48%;
}
}/*@media*/

.submitBtns button#submitBtn {
  color: #C0DDFF;
  border: 2px solid #003D79;
  background: #003D79;
}

.submitBtns button#submitBtn:hover{
  color: #FFF;
  background: #ED6C00;
  border-color: #ED6C00;
}

.submitBtns button#backBtn,
#closeBtn {
  color: #000;
  border: 2px solid #c1c1c1;
  background: #ffffff;
  display: inline-block;
}

.submitBtns button#backBtn:hover,
#closeBtn:hover {
  color: #EBEBEB;
  background: #c1c1c1;
}

#closeBtn {
  display: block;
  text-align: center;
  margin: 24px auto;
}


/* error
===========================*/
ul.error_message {
	width: auto;
  margin: 32px 32px 0;
}