@charset "utf-8";

/*	numberのスピンボタン非表示	*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance:textfield;
}
/*	numberのスピンボタン非表示	*/

/*	PC用のcss	*/
@media screen and (min-width:641px) { 
	form{
		width:95%;
		margin:15px auto;
		padding-bottom: 40px;
		box-shadow:3px 3px 6px #ddd,-1px -1px 2px #ddd;
		overflow:hidden;
	}

	form table{
		width:90%;
		margin:20px auto;
	}

	form table td,
	form table th{
		padding:15px;
		border-bottom:solid 1px #eee;
		text-align:left;
		vertical-align:middle;
		font-size:20px;
	}

	form table th{
		width:35%;
		position:relative;
		color:#272;
	}


	form table th span.ninni,
	form table th span.hissu{
		position:absolute;
		right:10px;
		color:#fff;
		font-size:12px;
		font-weight:normal;
		padding:3px 10px;
		border-radius:3px;
	}

	form table th span.hissu{
		background:#f66;
	}

	form table th span.ninni{
		background:#47f;
	}

	form table th span.brackets{
		color:#272;
	}

	form table td{
		position:relative;
		padding-left:20px;
	}

	form table td::after{
		content:"";
		position:absolute;
		height:50%;
		width:1px;
		left:0;
		top:25%;
		background:#eee;
	}

	form table td textarea,
	form table td select,
	form table td input[type="email"],
	form table td input[type="number"],
	form table td input[type="text"]{
		padding:5px 10px;
		border:solid 1px #ccc;
		border-radius:3px;
		width:80%;
		font-size:15px;
		display:block;
	}

	form table td input[type="radio"],
	form table td input[type="checkbox"]{
		width:30px;
		height:30px;
		vertical-align: bottom;
		margin-right:10px;
	}

	input[type="button"],input[type="submit"] {
		-webkit-appearance: none;
	}

	form table td textarea{
		height:7em;
	}

	form table td li{
		width:50%;
		float:left;
		margin-bottom:10px;
	}

	#user_tel,
	#user_name_kana,
	#user_name{
		width:35%;
	}

	#user_zip{
		display:inline-block;
		width:22%;
		margin-bottom:7px;
	}

	#kashitu_wariai1,
	#kashitu_wariai2,
	#accident_year,
	#accident_month,
	#accident_day{
		width:18%;
		display:inline-block;
		margin-right:7px;
	}

	#kashitu_wariai1{
		margin-bottom:10px;
	}

	#form_top p.attention{
		font-size:12px;
		text-align:left;
		margin:20px auto 0;
		font-weight:bold;
		clear:both;
	}
	
	.sbmt_btn{
		margin:30px auto 20px;
		text-align:center;
	}

	.thanks_tel,
	.sbmt_btn input[type="submit"]{
		cursor:pointer;
		border:solid 2px #64a45f;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.51, #0ea100), color-stop(0.50, #55b649));
		background: -webkit-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: -moz-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: -o-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: -ms-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: linear-gradient(to bottom, #55b649 50%, #0ea100 51%);
		color:#fff;
		font-size:28px;
		width:60%;
		margin:auto;
		padding:10px 0;
		box-shadow:1px 1px 0px #8dd185 inset,-1px -1px 0px #8dd185 inset;
		border-radius:10px;
		letter-spacing:0.2em;
	}

	.sbmt_btn input[type="submit"]:hover{
		opacity:0.8;
	}

	.fm_pivacy {
		text-align: center;
	}

	.fm_pivacy a {
		display: inline;
		text-decoration: underline;
    color: #0067a3;
	}

}



/*	スマホ用のcss	*/
@media screen and (max-width:640px) { 
	form{
		overflow:hidden;
		padding-bottom: 40px;
	}

	form table{
		width:98%;
		margin:20px auto;
	}

	form table td,
	form table th{
		padding:10px;
		border:solid 1px #eef;
		text-align:left;
		vertical-align:middle;
		font-size:20px;
		display:block;
	}

	form table th{
		position:relative;
		color:#272;
		background:#fcfcff;
		border-bottom:none;
	}


	form table th span.hissu,
	form table th span.ninni{
		position:absolute;
		right:10px;
		color:#fff;
		font-size:12px;
		font-weight:normal;
		padding:3px 10px;
		border-radius:3px;
	}

	form table th span.brackets{
		color:#272;
	}

	form table th span.hissu{
		background:#f66;
	}

	form table th span.ninni{
		background:#47f;
	}

	form table td{
		position:relative;
		margin-bottom:20px;
		overflow:hidden;
	}

	form table td textarea,
	form table td select,
	form table td input[type="email"],
	form table td input[type="number"],
	form table td input[type="text"]{
		padding:5px 10px;
		border:solid 1px #ccc;
		border-radius:3px;
		width:95%;
		font-size:15px;
		display:block;
		box-sizing:border-box;
		margin:auto;
	}

	form table td input[type="radio"],
	form table td input[type="checkbox"]{
		width:30px;
		height:30px;
		vertical-align: middle;
		margin-right:5px;
	}

	input[type="button"],input[type="submit"] {
		-webkit-appearance: none;
	}

	form table td textarea{
		height:7em;
	}

	form table td li{
		width:100%;
		margin-bottom:5px;
		border-bottom:dotted 1px #eee;
	}

	#user_zip{
		display:inline-block;
		width:50%;
		margin-bottom:7px;
	}

	#form_top p.attention{
		font-size:12px;
		text-align:left;
		margin:20px auto 0;
		font-weight:bold;
		clear:both;
	}

	#kashitu_wariai1,
	#kashitu_wariai2{
		width:35%;
		display:inline-block;
		margin-right:7px;
		margin-bottom:7px;
	}

	#accident_year,
	#accident_month,
	#accident_day{
		width:28%;
		display:inline-block;
		margin-right:5px;
		font-size:12px;
		padding:5px;
	}


	#kousai_kikan{
		width:70%;
		display:inline-block;
		margin-right:7px;
		margin-bottom:7px;
	}

	#futei_kaisuu{
		display:inline-block;
		width:20%;
		margin-right:7px;
		margin-left:7px;
	}

	#shiharai_kanou_kingaku_ikkatsu{
		width:25%;
		display:inline-block;
		margin-right:7px;
		margin-bottom:7px;
	}

	#shiharai_kanou_sougaku_bunkatsu,
	#shiharai_kanou_kingaku_tsukiduki{
		display:inline-block;
		width:20%;
		margin-right:7px;
		margin-left:7px;
	}

	#aite_kongo_text{
		width:90%;
	}


	.sbmt_btn{
		margin:10px auto 20px;
		text-align:center;
	}

	.thanks_tel,
	.sbmt_btn input[type="submit"]{
		color:#fff;
		font-size:18px;
		font-weight:bold;
		width:80%;
		margin:auto;
		padding:8px 0;
		letter-spacing:0.2em;
		border:solid 2px #64a45f;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.51, #0ea100), color-stop(0.50, #55b649));
		background: -webkit-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: -moz-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: -o-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: -ms-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: linear-gradient(to bottom, #55b649 50%, #0ea100 51%);
		box-shadow:1px 1px 0px #8dd185 inset,-1px -1px 0px #8dd185 inset;
		border-radius:10px;
	}

	.sbmt_btn input[type="submit"]:hover{
		opacity:0.8;
	}

	p.fm_pivacy {
		width: 90%;
		margin: 0 auto;
	}

	.fm_pivacy a {
		display: inline;
		text-decoration: underline;
    color: #0067a3;
	}

}

.thanks_tel{
	width:80%;
	text-decoration:none;
	margin:auto;
	display:block;
	font-size:20px;
	text-align:center;
}

.thanks_tel_mes{
	width:80%;
	margin:10px auto;
	text-decoration:underline;
	color:#f77;
}