/* ===================================================================
CSS
 file name  :  sell_form.css
=================================================================== */

.s_wrap {
    font-size: 16px;
}

/* =====================================
ページタイトル
======================================== */
h2#page_title{
	background-image: url(../images/sell_form/ttl_contact.png)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	h2#page_title{
		background-image: url(../images/sell_form/ttl_contact@2x.png);
	}
}
input[type="radio"]{
	width:25px;
}
input[type="checkbox"]{
	width:25px;
}
input,textarea{
	width:100%;
	box-sizing:border-box;
	padding: 10px;
	border: 1px solid #CCC;
}
select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
select::-ms-expand {
    display: none;
}
.select_box{
	position: relative;
	border: 1px solid #CCC;
	background: #ffffff;
}
.select_box::before {
	position: absolute;
	top: 1.0em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.select_box select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}
@media print, screen and (min-width: 769px) {
/* =====================================
フォーム
======================================== */
	.bn_quo{
		text-align: center;
	}
	p.bn_text{
		width: 730px;
		margin: 0 auto 30px auto;
		font-size: 70%;
	}
	p.lead_txt{
		text-align: center;
		color: #DA0003;
		font-size: 120%;
	}
	p.lead_txt2{
		padding: 20px 20px 0 20px;
		text-align: center;
	}
	p.lead_txt3{
		text-align: center;
		font-size: 120%;
	}
	.form_table{
		border-top:1px solid #BBB;
		border-left:1px solid #BBB;
		margin-top:30px;
		font-size:90%;
		display:table;
	}
	.form_table th{
		width:30%;
		display:table-cell;
		text-align:left;
		padding:13px 20px;
		border-bottom:1px solid #BBB;
		border-right:1px solid #BBB;
		background:#F6F6F8;
		color:#00306C;
		vertical-align:top;
		font-weight: normal;
	}
	.form_table td{
		display:table-cell;
		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;
	}
	.select_width{
		width: 200px;
		display: inline-block;
	}
	.width03{
		display: flex;
		flex-wrap: wrap;
	}
	.width03 li{
		width: 30%;
		margin: 2px 0;
	}
	.thanks_txt{
		padding: 40px;
		text-align: center;
		border: 1px solid #002954;
	}
	.btn_area{
		margin:50px auto auto;
		display: flex;
		width: 600px;
	}
	.btn_back{
		width: 200px;
		margin-right: 20px;
		box-shadow:0 2px 0 0 #808080;
		background: #D5D5D5;
		border: none;
	}
	.btn_send{
		display: block;
		width:100%;
		box-sizing:border-box;
		padding: 15px 0;
		background: #00306D;
		font-size: 120%;
		border: none;
		color:#FFFFFF;
		cursor: pointer;
		outline: none;
		box-shadow:0 2px 0 0 #808080;
	}
	.btn_send:hover {
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		-moz-opacity:0.8;
		opacity: 0.8;
	}
}
@media screen and (max-width: 768px) {
/* =====================================
フォーム
======================================== */
  .s_wrap {
      margin: 30px auto auto auto;
  }
	.bn_quo{
		padding: 0;
		text-align: center;
		background: #F0F7FF;
	}
	p.bn_text{
		margin: 10px 20px;
	}
	p.lead_txt{
		margin: 20px;
		text-align: center;
		color: #DA0003;
		font-size: 120%;
	}
	p.lead_txt2{
		padding: 20px 20px 0 20px;
		text-align: center;
	}
	p.lead_txt3{
		text-align: center;
		font-size: 120%;
	}
	.form_table{
		border-top:1px solid #BBB;
		margin-top:20px;
		box-sizing:border-box;
	}
	.form_table th{
		display:block;
		text-align:left;
		padding:10px 20px;
		border-bottom:1px solid #BBB;
		background:#F6F6F8;
		color:#00306C;
		font-weight: normal;
	}
	.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;
	}
	.select_width{
		width: 40%;
		display: inline-block;
	}
	.btn_area{
		margin:20px;
	}
	.btn_back{
		display: block;
		margin:auto auto 20px auto;;
		box-shadow:0 2px 0 0 #808080;
		width: 50%;
		background: #D5D5D5;
		border: none;
	}
	.btn_send{
		display: block;
		width:100%;
		box-sizing:border-box;
		padding: 15px 0;
		background: #00306D;
		font-size: 120%;
		border: none;
		color:#FFFFFF;
		cursor: pointer;
		outline: none;
		box-shadow:0 2px 0 0 #808080;
	}
	.thanks_txt{
		padding: 20px;
		text-align: center;
	}
}