@charset "UTF-8";

/* ! CSSの構成 お問い合わせ ================================================== 

お問い合わせA
お問い合わせB
お問い合わせC
  
-------------------------------------------------- */

/* ! お問い合わせA ================================================== */
main  form  .white_wrap{
	padding: 0 0 30px;
}

.radio_wrap {
  margin: 20px 0;
}
.radio_wrap > p{
	width: 160px;
}
.radio_wrap > div{
	width: calc((100% - 160px));
	width: -webkit-calc((100% - 160px));
}
.radio_wrap > div > span{
	display: inline-block;
	width: 210px;
}
.radio_wrap label{
	cursor: pointer;
}
main  form .btnarea{
	margin: 30px auto 0;
}
.mw_wp_form .horizontal-item + .horizontal-item{
	margin-left: 0; 
}

@media screen and (max-width: 450px){
	.radio_wrap > div,
	.radio_wrap > p{
		width: 100%;
	}
	.radio_wrap > div{
		margin: 5px -5px 0;
	}
	.radio_wrap > div > span{
		background: #f7f7f7;
    border: solid thin #eee;
    margin: 5px !important;
	}
	.checkbox_wrap label input + span:before, 
	.checkbox_wrap label input + span:after, .radio_wrap label input + span:before, 
	.radio_wrap label input + span:after{
		left: 7px;
	}
	.checkbox_wrap label, .radio_wrap label{
		padding: 0 0 0 30px;
	}
}
@media screen and (max-width: 440px){
	.radio_wrap > div > span{
		width: 100%;
	}
}

/* ! 確認 ================================================== */
.mw_wp_form_confirm ul{
	margin: 0;
}
.mw_wp_form_confirm ul li,
.mw_wp_form_confirm .radio_wrap,
.mw_wp_form_confirm .textarea{
	width: 100%;
	padding: 10px;
  border-bottom: solid thin #ccc;
}
.mw_wp_form_confirm .radio_wrap{
	margin: 0;
}
.mw_wp_form_confirm .radio_wrap > p{
	display: none;
}


/* ! 完了 ================================================== */
.contact_complete .white_wrap{
	padding: 0px 30px 30px;
}
.contact_complete h2,
.contact_complete p{
	text-align: center;
}
.contact_complete .btnarea{
	margin: 40px auto 0;
}