@charset "utf-8";

form {
  margin: 24px 0;
}

#form_wrap {
  margin: 16px 0;
  border: 1px solid #ECECEC;
}

.form_group {
  margin: 0 0 1px;
}

.form_group_head {
  background: #ECECEC;
}

.form_group:nth-of-type(even) > div:not(.form_group_head) {
  background: #FAFAFA;
}

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


/* flow
===========================*/
.listFlow {
  font-size: 14rem;
}
@media screen and (max-width: 600px) {
.listFlow {
  font-size: 10rem;
}
}/*@media*/

.listFlow li {
  padding: 4px 8px;
  background: #ECECEC;
}
@media screen and (max-width: 600px) {
.listFlow li {
  width: 24%;
}
}/*@media*/

.listFlow li.current {
  color: #FFF;
  background: #4D4D4D;
}

.listFlow li span {
  font-size: 13rem;
  font-weight: bold;
}


/* next page button
===========================*/
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: #03080E;
}

button#agreeBtn.on {
  color: #FFF;
  background: #1A005D;
}
button#confirmBtn:hover,
button#agreeBtn.on:hover {
  background: #8EC400;
}



/* submit button
===========================*/
.submitBtns {
  text-align: center;
}

.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: #FFF;
  border: 2px solid #000;
  background: #000;
}

.submitBtns button#submitBtn:hover{
  background: #8EC400;
  border-color: #8EC400;
}

.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;
  margin: 24px auto;
}