@charset "utf-8";
/* CSS Document */
.sp,
.sp_red{
	display:none;
}

@media only screen and (max-width: 767px) {
	.pc,
	#floatBnr,
	#hope00{
		display:none !important;
	}
	p.copy{
		font-size:130%;
	}
	.sp,
	span.br,
	.step{
		display:block;
	}
	div#header,
	div#maincontent,
	.txt,
	.bottom,
	#maincontent img
	form img,
	.step img,
	h1 img,
	h2 img{
		width:100% !important;
	}
	p.ttl,
	p.hope_ttl01{
		width:100%;
		padding:10px 5px;
		background:#CCCCCC;
		box-sizing:border-box;
		font-weight:bold;
		color:#000;
	}
	p.hope_ttl01,
	p.hope_ttl02,
	p.hope_ttl03{
		margin-bottom:1em;
	}
	p.hope_ttl02,
	p.hope_ttl03{
		background: url("../images/arrow.png") right 50% no-repeat #174688 ;
		background-size: 5%;
		background-position-x: 97%;
		width:100%;
		padding:10px 5px;
		box-sizing:border-box;
		font-weight:bold;
		color:#fff;
	}
	.ml10,
	div#header{
		margin:0;
	}
	em{
		font-size:14px;
	}
	hr{
		border: 1px dashed #ddd;
		width: 100%;
		visibility: visible;
		margin-bottom:20px;
	}
	span.red,
	.sp_red{
		background:#E83E36;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		padding:5px;
		margin-right:10px;
	}
	.caution{
		margin-bottom:20px;
		font-size:14px;
	}
	
	
	#header p{
		text-align:center;
	}
	.privacy{
		text-align:center;
		margin:10px auto;
		font-size:16px;
	}
	#header img{
		width:auto;
		text-align:center;
		float:none !important;
		display:block;
		margin:0 auto;
	}
	.title{
		width:90% !important;
	}
	
	.step{
		margin-top:10px;
	}
	.txt p{
		padding:0 1%;
		margin-bottom:5%;
	}
	form{font-size:130%;}
    table {
		width:100%;
		margin-bottom:5%;
	}
    table th,
    table td{
		box-sizing:border-box;
        width: 100%;
        display: block;
        border-top: none;
		padding:0.5em !important;
    }
	table dl.data_box dd.clear,
	dl.data_box dd{
		box-sizing:border-box;
		font-size:18px;
		padding:0.5em !important;
	}
	dl.data_box,
	dl.separate dd{
		width:100%;
	}
    table tr:first-child th{ border-top: 1px solid #ddd; }
	input.submit{
		background:url(../images/spbtn_agree.gif) no-repeat;
	}
	input.submit2{
		background:url(../images/spbtn_send.gif) no-repeat;
	}
	input.back{
		background:url(../images/spbtn_correct.gif) no-repeat;
	}
	input.submit:hover{
		background:url(../images/spbtn_agree_on.gif) no-repeat;
	}
	input.submit2:hover{
		background:url(../images/spbtn_send_on.gif) no-repeat;
	}
	input.back:hover{
		background:url(../images/spbtn_correct_on.gif) no-repeat;
	}
	input.submit,
	input.submit:hover,
	input.submit2,
	input.submit2:hover,
	input.back,
	input.back:hover{
		margin:0 auto !important;
		width: 90%;
		padding-top: 20%;
		height: 0;
		background-size: contain;
	}
	
	select{
		font-size:18px;
		display:block;
		height: 3em;
		margin-bottom:2em;
		width:100%;
		box-sizing:border-box;
	}
	input{
		width:100%;
		display:block;
		height: 3em;
		font-size:18px;
		margin-bottom:2em;
		box-sizing:border-box;
	}
	input[type="checkbox"],
	input[type="radio"]{
		width:20px !important;
		height:20px;
		display: inline-block !important;
		margin-bottom:0;
	}
	table .area{
		margin:0 0 20px 0;
	}
	#zip{
		margin-bottom:0;
	}
	.yoko{
		width:20%;
	}
	.yoko label{
		width:80px;
	}
	.logo{width:60% !important;}
	.bottom li:last-child img{
		width:131px !important;
	}
/*	#pref{margin-top:1.5em;}
*/	p.close{width:172px; margin:0 auto;}
	dd.center{
		margin-left:24% !important;
		margin-right:20px !important;
	}
	input.back,
	input.submit2{margin:0 auto;}
	
	#hope dl,
	#hope_tochi dl.data_box{
		width:100%;
		display:block;
	}
	label {
		margin:0;
		border:1px solid #cae0ff;
		box-sizing:border-box;
		display: block;
	}
	#que label {
		width: 100%;
	}
		
	.fl_l ul li{
		display:block;
		width:auto;
	}
	.fl_l .formError .formErrorContent{
		width:auto;
	}
	.mm th,
	.mm td{
		font-size:16px;
	}
	.mm p{
		margin-bottom:0.5em;
	}
	.chkhvr{
		display:block;
		width:100%;
		height:100%;
		padding:10px;
		box-sizing:border-box;
		border:1px solid #cae0ff;
	}
	.pl5em{
		padding-left:0;
	}
	/*#scene1 ul li, #scene2 ul li{
		display:block;
		width:100%;
	}*/
	/* plan
-------------------------------------------------------------------------------*/
#hope2 li,
#kitchen li,
#jroom li,
#jroom2 li,
#sroom li,
#genkan li,
#stairs li,
#style li,
#closet li,
#croom li,
#direction li{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
#member .long li:last-child{
	width: 100%;
}

#member li input#child01,
#member li input#child02,
#member li input#child03{
	width: 65%;
    display: inline-block;
    margin-top: 20px;
}
#member li input#dog,
#member li input#cat,
#member li:last-child input[type="text"]{
	width: 70%;
    display: inline-block;
    margin-top: 20px;
}
#member .long span,
#member .long li{
	display: block;
}
#member li{
	display: block;
	padding-top: 10px;
}
#kitchen li,
#genkan2 li{
	display: inline-block;
}
#member li input[type="number"]{
	margin-bottom: 10px;
	width: 100%;
}

#car label,
#fukinuke label{
	display: inline-block;
}
#car dd,
#fukinuke dd{
	width: 100%;
    margin: 0;
}
#car dd input[type="number"]{
	width: 50%;
    display: inline-block;
    vertical-align: inherit;
}
#fukinuke dd input[type="number"]{
	width: 100%;
}
#household dd{
	display: inline-block;
	width: 49%;
}
#q9 li,
#q10 li,
#hate li,
#balcony li{
	width: 49%;
	display: inline-flex;
	vertical-align: top;
}
#hiatari li,
#hirosa li{
	width: 100%;
	margin-right:0;
}
#q9 li label,
#q10 li label,
#hiatari li label,
#hirosa li label,
#hate li label,
#balcony li label,
#member .long li label{
	width: 100%;
}
#balcony li:last-child{
	width: 100%;
	display: block;
}
#room li span{
	display: inline;
    vertical-align: text-top;
}
#room li input[type="number"],
#room li input[type="text"]{
	width: 65%;
	display: inline-block;
}
#hiatari li input[type="text"],
#hirosa li input[type="text"],
#balcony li:last-child input[type="text"]{
	width: 80%;
	display: inline-block;
	vertical-align: text-top;
}
#kitchen li textarea,
#jroom li textarea,
#jroom2 li textarea,
#stairs li textarea,
#croom li textarea{
	width: 98%;
	font-size: 16px;
}
#fukinuke input[type="text"]{
	display: inline-block;
    vertical-align: baseline;
}
#work li:nth-child(1),
#work li:nth-child(2){
	display: block;
}
.confirm #member ul li:first-child,
.confirm #room ul li{
	width: 31%;
}
	/* plan
-------------------------------------------------------------------------------*/
.hope_yosan li,
.yotei_member li{
	display: block;
	width: 100%;
}
.hope_yosan li input,
.yotei_member li input{
	width: 50%;
	display: inline-block;
}
.hope_eki input{
	margin-bottom: 10px;
}
.hope_eki input{
	width: 70%;
    margin: 0;
    display: inline-block;
    margin-bottom: 20px;
}
.hope_eki input[type="number"]{
	width: 50%;
}
textarea{
	width: 90%;
}
}