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

@media only screen and (max-width: 767px) {
	.pc,
	#floatBnr,
	#hope00{
		display:none !important;
	}
	.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{
		width:100%;
		display:block;
	}
	label {
		margin:0;
		border:1px solid #cae0ff;
		box-sizing:border-box;
	}
	#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;
	}
	
}