/* ===================================================================
CSS
 file name  :  form.css
=================================================================== */
@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
/* =====================================
フォーム共通
======================================== */
#flow{
	margin-top:20px;
}
.form_table{
	border-top:1px solid #BBB;
	border-left:1px solid #BBB;
	margin-top:30px;
	font-size:90%;
}
.form_table th{
	width:20%;
	text-align:left;
	padding:15px 20px;
	border-bottom:1px solid #BBB;
	border-right:1px solid #BBB;
	background:#F6F6F8;
	vertical-align:top;
}
.form_table td{
	padding:15px 20px;
	border-bottom:1px solid #BBB;
	border-right:1px solid #BBB;
}
.form_table .required{
	background:#FFFCE8;
}
.form_table th .attention{
	margin-left:10px;
}
#ssl_mark{
	margin-top:20px;
}
#ssl_mark span{
	display:inline-block;
	margin-right:20px;
}
.btn_confirm{
	width:400px;
	margin:30px auto auto;
}
.btn_confirm .btn{
	background:#00306D;
	padding:8px 0;
	font-weight:bold;
	font-size:120%;
}
.btn_leave{
	width:400px;
	margin:30px auto auto;
}
.btn_leave .btn{
	background:#F6F6F8;
	border:1px solid #E3E3E3;
	color:#00306D;
	padding:5px 0;
	margin:20px auto auto auto;
}
/* =====================================
会員登録
======================================== */
#member_about p{
	margin-top:20px;
}
#about_list{
	margin-top:20px;
	font-weight:bold;
}
#about_list li{
	background:url(/images/member/circle.png) no-repeat 0 5px;
	padding-left:30px;
}
#reason_list li{
	background:url(/images/member/circle.png) no-repeat 0 5px;
	padding-left:30px;
	margin-top:20px;
}
#entry_joken dt{
	background:#F6F6F8;
	padding:5px 20px;
	color:#00306C;
	margin-bottom:10px;
}
#entry_joken dd{
	margin-bottom:20px;
}
#entry_joken dd:last-child{
	margin-bottom:0;
}
#entry_joken #entry_joken_area,
#entry_joken #entry_joken_line{
	margin-top:10px;
}
#entry_joken #entry_joken_area select,
#entry_joken #entry_joken_line select{
	width:200px;
}
.attention_entry{
	color:#FF0000;
	text-align:center;
	margin-top:20px;
}
.entry_line{
	text-align:center;
	font-weight:bold;
}
.required_attention_entry {
	color: #FFF;
	font-weight: 600;
	background-color: #f00;
	padding: 5px;
	font-size: 12px;
}
.any_attention_entry {
	color: #FFF;
	font-weight: 600;
	background-color: #000080;
	padding: 5px;
	font-size: 12px;
}

/* =====================================
資料請求
======================================== */
.form_table .req_bkn{
	margin-bottom:10px;
}
.form_table .req_bkn .photo{
	float:left;
}
.form_table .req_bkn .text{
	float:left;
	margin-left:20px;
	line-height:160%;
}
.form_table li{
	margin-bottom:5px;
}
.form_table .form_list li{
	float:left;
	margin-right:30px;
}
.form_table .zip_btn{
	display:inline-block;
	background:#00306D;
	padding:2px 15px;
}
#address_form{
	margin-top:15px;	
}
#address_form dt{
}
#address_form dd{
	padding-left:250px;
	margin-top:-25px;
	margin-bottom:10px;
}
#thanks{
	border:1px solid #BBB;
	margin-top:40px;
	padding:50px 30px;
	text-align:center;
}
#thanks #btn_top .btn{
	margin:30px auto auto;
	background:#00306D;
	width:400px;
	padding:10px 0;
}
/* =====================================
希望条件変更
======================================== */
#joken_tab{
	margin-top:30px;
	padding:5px;
	background:#F6F6F8;
}
#joken_tab li{
	float:left;
	width:20%;
	padding:5px;
	box-sizing:border-box;
}
#joken_tab li .btn{
	background:#FFFFFF;
	color:#00306C;
}
#joken_tab li .on{
	background:#00306C;
	color:#FFFFFF;
}
.joken dt{
	background:#F6F6F8;
	padding:5px 20px;
	color:#00306C;
	margin-bottom:10px;	
}
.joken  dd{
	margin-bottom:20px;
}
.joken :last-child{
	margin-bottom:0;
}
#joken_text{
	margin-top:30px;
	font-weight:bold;
	color:#FF8000;
}
.joken_attention{
	color:#FF0000;
	font-weight:normal;
}
.form_table .title_num{
	width:5%;
	padding:15px 20px;
	background:#F6F6F8;
}
.ensen_joken li{
	float:left;
	margin-right:25px;
}
/* =====================================
売却査定
======================================== */
#satei_lead{
	margin-top:30px;
}
.form_sell_table th{
	width:25%;
}
.form_table td.sell_kind{
	border-right: none;
	width: 220px;
	box-sizing: border-box;
	vertical-align: top;
}
.sell_kind_photo{
	float: left;
	margin: 0 20px 0 0;
}
.form_list_sr li{
	float:left;
	width:25%;
}
.form_list_sr li:last-child{
	width:100%;
}

.err_txt
{
    color: #FFFFFF;
    background: #f60;
    width:300px;
    padding:3px 5px;
    margin-top:3px;
    font-size: 12px;
}

.entry_line{
text-align:center;
font-weight:bold;
}

}
@media screen and (max-width: 768px) {
/* スマートフォン用のスタイル記述 */
/* =====================================
フォーム共通
======================================== */
.lead{
	margin:auto 10px;
}
#flow{
	margin:10px;
}
.form_table{
	border-top:1px solid #BBB;
	margin-top:10px;
}
.form_table th{
	display:block;
	text-align:left;
	padding:10px 20px;
	border-bottom:1px solid #BBB;
	background:#F6F6F8;
	vertical-align:top;
}
.form_table td{
	display:block;
	padding:10px 20px;
	border-bottom:1px solid #BBB;
}
.form_table .required{
	background:#FFFCE8;
}
.form_table th .attention{
	margin-left:10px;
}
input,textarea{
	width:100%;
	font-size:120%;
	box-sizing:border-box;
}
input[type="radio"]{
	width:20px;
}
input[type="checkbox"]{
	width:20px;
}
.zip1_width{
	width:40px;
}
.zip2_width{
	width:50px;
}
.tel_width{
	width:50px;
}
#ssl_mark{
	margin:10px 10px auto 10px;
}
#ssl_mark span{
	display:block;
}
.btn_confirm{
	margin:10px;
}
.btn_confirm .btn{
	background:#00306D;
	padding:8px 0;
	font-weight:bold;
	font-size:120%;
}
.btn_leave{
	margin:10px;
}
.btn_leave .btn{
	background:#F6F6F8;
	border:1px solid #E3E3E3;
	color:#00306D;
	padding:8px 0;
	margin:10px auto auto auto;
}
/* =====================================
会員登録
======================================== */
#member_about p{
	margin:10px;
}
#about_list{
	margin:10px;
	font-weight:bold;
}
#about_list li{
	background-image:url(/images/member/circle.png);
	background-repeat:no-repeat;
	background-size:14px 14px;
	background-position:0 3px;
	padding-left:25px;
}
#reason_list{
	margin:10px;
}
#reason_list li{
	background-image:url(/images/member/circle.png);
	background-repeat:no-repeat;
	background-size:14px 14px;
	background-position:0 3px;
	padding-left:25px;
	margin-top:10px;
}
#entry_joken dt{
	background:#F6F6F8;
	padding:5px 10px;
	color:#00306C;
	margin-bottom:10px;
}
#entry_joken dd{
	margin-bottom:20px;
}
#entry_joken dd:last-child{
	margin-bottom:0;
}
#entry_joken #entry_joken_area,
#entry_joken #entry_joken_line{
	margin-top:10px;
}
#entry_joken #entry_joken_area select,
#entry_joken #entry_joken_line select{
	display:block;
}
.attention_entry{
	color:#FF0000;
	text-align:center;
	margin-top:10px;
}
.entry_line{
text-align:center;
font-weight:bold;
}
.required_attention_entry {
	color: #FFF;
	font-weight: 600;
	background-color: #f00;
	padding: 5px;
	font-size: 12px;
}
.any_attention_entry {
	color: #FFF;
	font-weight: 600;
	background-color: #0000ff;
	padding: 5px;
	font-size: 12px;
}



/* =====================================
資料請求
======================================== */
.form_table .req_bkn{
	margin-bottom:10px;
}
.form_table .req_bkn .photo{
	float:left;
	width:35%;
}
.form_table .req_bkn .text{
	float:left;
	width:60%;
	margin-left:5%;
}
.form_table li{
	margin-bottom:5px;
}
.form_table .form_list li{
}
.form_table .zip_btn{
	display:block;
	background:#00306D;
	padding:5px 15px;
	margin-top:10px;
}
#address_form{
	margin-top:15px;	
}
#address_form dt{
}
#address_form dd{
	margin-bottom:10px;
}
#thanks{
	margin-top:10px;
	padding:10px;
}
#thanks #btn_top .btn{
	margin:20px auto auto;
	background:#00306D;
	padding:10px 0;
}
/* =====================================
希望条件変更
======================================== */
#joken_tab{
	margin-top:10px;
	padding:10px;
	background:#F6F6F8;
	display: flex;
	justify-content: center;
}
#joken_tab li{
	float:left;
	padding:5px;
	box-sizing:border-box;
}
#joken_tab li .btn{
	background:#FFFFFF;
	color:#00306C;
	padding:5px 10px;
}
#joken_tab li .on{
	background:#00306C;
	color:#FFFFFF;
}
.joken dt{
	background:#F6F6F8;
	padding:5px 20px;
	color:#00306C;
	margin-bottom:10px;	
}
.joken  dd{
	margin-bottom:20px;
}
.joken :last-child{
	margin-bottom:0;
}
.joken_input_width{
	width:35%;
}
#joken_text{
	margin:10px;
	font-weight:bold;
	color:#FF8000;
}
.joken_attention{
	color:#FF0000;
	font-weight:normal;
}
.form_table .title_num{
	padding:10px 20px;
	background:#F6F6F8;
}
.ensen_joken li{
	float:left;
	margin-right:20px;
}
.ensen_joken li input{
	width:50px;
}
/* =====================================
売却査定
======================================== */
.form_table td.sell_kind{
	border-bottom: none;
	box-sizing: border-box;
	vertical-align: top;
}
.sell_kind_photo{
	float: left;
	margin: 0 10px 10px 0;
}
#satei_lead{
	margin:10px;
}
.satei_input_w{
	width:50%;
}
.satei_input_w_num{
	width:20%;
}
.err_txt
{
    color: #FFFFFF;
    background: #f60;
    width:100%;
    padding:3px 5px;
    margin-top:3px;
    font-size: 12px;
}
}