@charset "utf-8";
/*==========================================
全体
===========================================*/
#form .renovation-area .form_flex_item {
    margin-top: 15px;
}
@-moz-document url-prefix() {
    #form .form_control {
        line-height: 2;
    }
}
/*==========================================
現住所と同じ　幅合わせ
===========================================*/
.renovation-area {
    display: flex;
}
@media screen and (max-width: 767px) {
    .renovation-area {
        display: block;
    }
}
.address_same {
    padding: 0px 0 5px 0;
}
/*==========================================
SPメニュー修正
===========================================*/
@media screen and (max-width: 767px) {
    .sp-menu-item a {
        white-space: nowrap;
    }
}
/*==========================================
WAKATTEを知ったきっかけ【資料請求】
===========================================*/
.flex_colum {
    display: flex;
    flex-direction: column;
}
.form-item-source02 .display_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0px;
}
.display_flex .mwform-checkbox-field {
    border: 0px solid #ccc;
    width: calc(98%/2);
    height: 30px;
    line-height: 1;
    border-radius: 5px;
    font-size: 1em;
    margin: 0px 0px 10px 0px !important;
}
.mwform-checkbox-field-text {
    position: relative;
    bottom: 0px;
}
#form .form_flex_item .form_control_wrap {
    font-size: 1em;
}
@media screen and (max-width: 767px) {
    .display_flex .mwform-checkbox-field {
        border: 0px solid #ccc;
        width: 100%;
        height: 30px;
        line-height: 1;
        border-radius: 5px;
        font-size: 1.5rem;
        margin: 0px 0px 10px 0px !important;
    }
    #form .form_flex_item .form_control_wrap {
        font-size: 1.0em;
    }
}
/*==========================================
お名前、フリガナのエラーメッセージ調整
===========================================*/
.form_name-item {}
.form_name-item .form-item-cts{
  padding: 12px 4% 0 24px;
  margin: 0;
}
.form_name-item input{
  width: calc(100% - 100px) !important;
}
.form_name-item .error{
  margin-left: 100px;
}


@media(min-width:768px) and (max-width:1040px){
  #form .form_flex_item_add.form_name-item{
    flex-basis: calc((95% - 220px) / 2);
  }
	.form_name-item input{
		width: 100%!important;
	}
}