.display {
  display: block;
}
.display-none {
  display: none;
}
.error {
  color: #f00;
}
.soudan-wrap li button:disabled {
  background: #ddd;
  border-bottom: 4px solid #bbb;
}
.soudan-wrap li button:disabled:after {
  visibility: hidden;
}
.bg-blue.large {
  font-size: 22px;
  line-height: 36px;
  padding-bottom: 2px;
}
.sec-soudan h2.large {
  font-size: 20px;
}
.mark p {
  color: #fff;
}

/*---------------------------
input周りのサイズ調整
---------------------------*/
.form-step-name-age ul li input,.form-step-name-age ul li input,.form-step-phonenumber-mailaddress ul li input,.form-step-07 ul li input{
width: 100%;
height: 50px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
display: block;
padding: 0 12px;
}
.form-step-name-age ul li select{
width: 100%;
height: 50px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-align: left;
color: #212121;
display: block;
padding: 12px;
-webkit-appearance: none;
appearance: none;
}
.form-step-name-age li:nth-of-type(3) div:nth-of-type(2){
position:relative;
}
.form-step-name-age li:nth-of-type(3) div:nth-of-type(2):before{
content: '';
width: 10px;
height: 10px;
border: 0;
border-top: solid 2px #212121;
border-right: solid 2px #212121;
position: absolute;
top: 45%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
right: 24px;
transform: rotate(135deg);
margin-top: -3px;
}

/*---------------------------
20240705 フォーム画面で文字調整
---------------------------*/
.form-step-phonenumber-mailaddress ul li:nth-of-type(3) a {
  text-decoration: none;
  font-size: 12px;
}
.soudan-wrap .form-step-phonenumber-mailaddress li button[name="submit"] .s {
  font-size: 14px;
  font-weight: normal;
}
.soudan-wrap .form-step-phonenumber-mailaddress li button[name="submit"] span:nth-of-type(2) {
  color: #fff600;
}
.soudan-wrap .form-step-phonenumber-mailaddress li button[name="submit"]:disabled span:nth-of-type(2) {
  color: #999999;
}