/* ===================================================================
CSS
 file name  : form.css
=================================================================== */
@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
/* =====================================
フォーム共通
======================================== */
#flow{
	margin-top:20px;
	text-align: center;
}
.form_table{
	border-top:1px solid #BBB;
	border-left:1px solid #BBB;
	margin-top:30px;
	font-size:90%;
}
.form_table th{
	width:30%;
	text-align:left;
	padding:13px 20px;
	border-bottom:1px solid #BBB;
	border-right:1px solid #BBB;
	background:#F6F6F8;
	color:#00306C;
	vertical-align:top;
}
.form_table td{
	padding:13px 20px;
	border-bottom:1px solid #BBB;
	border-right:1px solid #BBB;
}
.icon_required{
	background:#D90000;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding:4px 8px;
	line-height:1;
}
.form_table .icon_required{
	float:right;
}
.icon_optional{
	background:#0000D9;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding:4px 8px;
	line-height:1;
}
.form_table .icon_optional{
	float:right;
}
.form_table .attention{
	font-weight:normal;
	color:#FF2626;
}
.form_table .attention2{
	font-weight:normal;
	color:#2626FF;
}
.form_table td dt{
	min-height:25px;
}
.form_table td dd{
	min-height:25px;
	padding-left:130px;
	margin-top:-25px;
	margin-bottom:10px;
}
.form_table td dd:last-child{
	margin-bottom:0px;
}
.form_table ul.list li{
	margin-bottom: 5px;
}
.form_table ul.list li:last-child{
	margin-bottom: 0;
}
#mail_attention{
	margin-top:10px;
	font-size:14px;
}
#ssl_mark{
	margin:20px auto auto 280px;
}
#ssl_mark.side{
	margin:20px auto auto 100px;
}
#ssl_mark span{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	font-size:14px;
}
.btn_confirm{
	width:400px;
	margin:30px auto auto;
}
.btn_confirm .btn{
	background:#00306D;
	padding:10px 0;
	font-size:120%;
}
.btn_send{
	width:400px;
	margin:30px 120px auto auto;
	float:right;
}
.btn_confirm .btn,
.btn_send .btn{
	background:#00306D;
	padding:10px 0;
	font-size:120%;
}
.btn_del .btn{
	width:300px;
	margin:20px auto auto;
	border:1px solid #00306D;
	background:#FFFFFF;
	color:#00306D;
	padding:7px 0;
	font-size:14px;
}
.btn_back{
	width:300px;
	margin:33px auto auto 120px;
	float:left;
}
.btn_back_recruit{
	width:300px;
	margin:20px auto auto auto;
}
.btn_back_recruit .btn,
.btn_back .btn{
	border:1px solid #00306D;
	color:#00306D;
	background:#F5F5F5;
	padding:10px 0;
}
#thanks{
	border:1px solid #BBB;
	margin-top:40px;
	padding:50px 30px;
	text-align:center;
}
#thanks #btn_top .btn{
	width:600px;
	margin:30px auto auto;
	background:#00306D;
	padding:10px 0;
}
.form_list li{
	float:left;
	width:25%;
}
.form_list1 li{
	float:left;
	margin-right:20px;
	display:inline;
}
.form_list2 li{
	float:left;
	width:50%;
}
.form_list3 li{
	float:left;
	width:30%;
}
/* =====================================
会員登録
======================================== */
#tokuten{
	background:#F6F6F8;
	padding:30px;
	margin-bottom:30px;
}
#tokuten dt{
	margin-top:30px;
}
#tokuten dd{
	padding-left:160px;
	margin-top:-125px;
}
#tokuten dd h4{
	font-size:20px;
	color:#00306D;
	font-weight:bold;
	margin-bottom:10px;
}
#tokuten dd p.left_text{
	width:450px;
	float:left;
}
#tokuten dd img{
	float:right;
	margin-left:30px
}
#tokuten dd .small{
	font-size:14px;
}
#entry_width{
	width:900px;
	margin:auto;
}
.entry_form_table{
	border-left:1px solid #BBB;
	font-size:90%;
}
.entry_form_table th{
	width:270px;
	text-align:left;
	padding:13px 20px;
	border-bottom:1px solid #BBB;
	border-right:1px solid #BBB;
	background:#F6F6F8;
	color:#00306C;
	vertical-align:top;
	box-sizing:border-box;
}
.entry_form_table td{
	padding:13px 20px;
	border-bottom:1px solid #BBB;
	border-right:1px solid #BBB;
}
.entry_form_table .icon_required{
	float:right;
}
.entry_form_table .icon_optional{
	float:right;
}
.entry_form_table .attention{
	font-weight:normal;
	color:#FF2626;
}
.entry_form_table .attention2{
	font-weight:normal;
	color:#2626FF;
}
.entry_form_table td dt{
	min-height:25px;
}
.entry_form_table td dd{
	min-height:25px;
	padding-left:130px;
	margin-top:-25px;
	margin-bottom:10px;
}
.entry_form_table td dd:last-child{
	margin-bottom:0px;
}
.entry_form_table ul.list li{
	margin-bottom: 5px;
}
.entry_form_table ul.list li:last-child{
	margin-bottom: 0;
}
#joken_box {
	position: relative;
	background: #FFFFFF;
	border: 5px solid #00306D;
	margin-top:35px;
	padding:20px;
	border-radius:8px;
	box-sizing:border-box;
}
#joken_box:after, #joken_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#joken_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFFFFF;
	border-width: 30px;
	margin-left: -30px;
}
#joken_box:before {
	border-color: rgba(0, 48, 109, 0);
	border-bottom-color: #00306D;
	border-width: 37px;
	margin-left: -37px;
}
#joken_box h3{
	margin-top:0;
}
#joken_box .form_table{
	margin-top:0;
	border-top:none;
}
/* =====================================
資料請求
======================================== */
.form_table .req_bkn{
	margin-bottom:10px;
}
.form_table .req_bkn:last-child{
	margin-bottom:0px;
}
.form_table .req_bkn .photo{
	float:left;
}
.form_table .req_bkn .text{
	float:left;
	margin-left:20px;
	line-height:160%;
}
.form_table .req_bkn .text a{
	color:#00306D;
}
.form_table .req_bkn .text a:hover{
	color:#0059B2;
}
/* =====================================
希望条件登録
======================================== */
.joken_form_table {
	margin-top:0;
	border-top:none;
}
.joken_form_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%;
}
/* =====================================
採用情報
======================================== */
#recruit_main{
	text-align: center;
	border: 1px solid #00306D;
	padding: 30px;
}
#recruit_main .btn{
	margin: 30px auto auto auto;
	background: #00306D;
	padding: 7px 0;
	width: 400px;
}
.recruit_lead{
	margin-top: 20px;
}
/* =====================================
物件リクエスト
======================================== */

.typ_list li { width:30%; float:left;}
.invisible{	display: none;}
.typ li{ width:20%; display:inline-table;}
.schedule li { display:inline-table; width:200px;} 
}
@media screen and (max-width: 768px ){
/* スマートフォン用のスタイル記述 */
/* =====================================
フォーム共通
======================================== */
#flow{
	margin:10px;
}
.lead{
	margin:auto 10px;
}
.form_table{
	border-top:1px solid #BBB;
	margin-top:10px;
	box-sizing:border-box;
}
.form_table th{
	display:block;
	text-align:left;
	padding:10px 20px;
	border-bottom:1px solid #BBB;
	background:#F6F6F8;
	color:#00306C;
}
.form_table td{
	display:block;
	padding:10px 20px;
	border-bottom:1px solid #BBB;
}
.icon_required{
	background:#D90000;
	color:#FFFFFF;
	font-weight:normal;
	padding:0 8px;
}
.form_table .icon_required{
	float:right;
}
.icon_optional{
	background:#0000D9;
	color:#FFFFFF;
	font-weight:normal;
	padding:0 8px;
}
.form_table .icon_optional{
	float:right;
}
.form_table .attention{
	font-weight:normal;
	color:#FF2626;
}
.form_table .attention2{
	font-weight:normal;
	color:#2626FF;
}
.form_table td dt{
	font-weight:bold;
}
.form_table td dd{
	margin-bottom:10px;
}
.form_table td dd:last-child{
	margin-bottom:0px;
}
input,textarea,select{
	width:100%;
	font-size:120%;
	box-sizing:border-box;
}
.sp_conti{
	margin-top:10px;
}
input[type="radio"]{
	width:20px;
}
input[type="checkbox"]{
	width:20px;
}
.zip1_width{
	width:40%;
}
.joken_input1_width{
	width:30%;
}
.joken_input2_width{
	width:40%;
}
.width20{
	width: 20%;
}
.width30{
	width: 30%;
}
.width40{
	width: 40%;
}
.width50{
	width: 50%;
}
#ssl_mark{
	margin:10px 20px;
	text-align:center;
}
#ssl_mark span{
	display:block;
	text-align:center;
}
#privacy_link{
	text-align:center;
}
#privacy_link a{
	margin:10px 20px;
	color:#00306D;
}
.btn_confirm,
.btn_send{
	margin:10px;
}
.btn_confirm .btn,
.btn_send .btn{
	background:#00306D;
	padding:8px 0;
	font-weight:bold;
	font-size:120%;
}
.btn_del .btn{
	margin:10px auto;
	width:70%;
	border:1px solid #00306D;
	background:#FFFFFF;
	color:#00306D;
	padding:8px 0;
}
.btn_back{
	margin:10px auto;
	width:70%;
}
.btn_back_recruit{
	margin:10px auto;
	width:70%;
}
.btn_back_recruit .btn,
.btn_back .btn{
	border:1px solid #00306D;
	color:#00306D;
	background:#F5F5F5;
	padding:8px 0;
	font-size:120%;
}
#thanks{
	margin:10px 20px;
}
#thanks #btn_top .btn{
	margin:10px auto auto;
	background:#00306D;
	padding:10px 0;
}
/* =====================================
会員登録
======================================== */
#tokuten{
	background:#F6F6F8;
	padding:20px;
	margin-bottom:30px;
}
#tokuten dt{
	margin-top:20px;
}
#tokuten dt img{
	width:50px
}
#tokuten dd{
	padding-left:70px;
	margin-top:-50px;
}
#tokuten dd h4{
	font-size:120%;
	color:#00306D;
	font-weight:bold;
	margin-bottom:7px;
}
#tokuten dd p.left_text{
}
#tokuten dd img{
	margin-top:10px;
}
#tokuten dd .small{
	font-size:85%;
}
#entry_width{
	width:100%;
	margin:auto;
}
.entry_form_table th{
	display:block;
	text-align:left;
	padding:10px 20px;
	border-bottom:1px solid #BBB;
	background:#F6F6F8;
	color:#00306C;
}
.entry_form_table td{
	display:block;
	padding:10px 20px;
	border-bottom:1px solid #BBB;
}
.entry_form_table .icon_required{
	float:right;
}
.entry_form_table .icon_optional{
	float:right;
}
.entry_form_table .attention{
	font-weight:normal;
	color:#FF2626;
}
.entry_form_table .attention2{
	font-weight:normal;
	color:#2626FF;
}
.entry_form_table td dt{
	font-weight:bold;
}
.entry_form_table td dd{
	margin-bottom:10px;
}
.entry_form_table td dd:last-child{
	margin-bottom:0px;
}
#joken_box .form_table{
	margin-top:0;
	border-top:none
}
/* =====================================
資料請求
======================================== */
.form_table .req_bkn{
	margin-bottom:10px;
}
.form_table .req_bkn:last-child{
	margin-bottom:0px;
}
.form_table .req_bkn .photo{
	float:left;
	width:35%;
}
.form_table .req_bkn .text{
	float:left;
	width:60%;
	margin-left:5%;
}
.form_table .form_list li{
	float:left;
	width:30%;
}
/* =====================================
希望条件登録
======================================== */
.joken_form_table{
	margin-top:0;
	border-top:none;
}
/* =====================================
売却査定
======================================== */
.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;
}
/* =====================================
採用情報
======================================== */
#recruit_main{
	text-align: center;
	margin: 10px;
	border: 1px solid #00306D;
	padding: 20px;
}
#recruit_main .btn{
	margin-top: 10px;
	background: #00306D;
	padding: 7px 0;
	font-size: 120%;
}
.recruit_lead{
	margin:10px 20px;
}
/* =====================================
物件リクエスト
======================================== */

.typ_list li{ width:33%; float:left;} 
.invisible{	display: none;}
.typ li{ width:48%; display:inline-table; margin-bottom:15px;}
.schedule li { width:48%; display:inline-table; margin-bottom:10px;}
}