@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC用 SP用
**************************************************
--------------------------------------------------*/

.error{
	font-weight:bold;
	color:#cc0000;
}

/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	body.contact div.header_box{
		height: 400px;
		background:url("../imgs/contact/main_bg.jpg")no-repeat center center;
		background-size:cover;
	}
	
	#contact table {
		width: 100%;
		margin-right:auto;
		margin-left:auto;
	}
	#contact th,
	#contact td {
		padding: 20px 10px;
	}
	#contact th {
		width: 20%;
		text-align:left;
		vertical-align: top;
		font-weight: normal;
	}
	#contact td {
		width: 75%;
		vertical-align: top;
	}
	#contact .must {
		background: #FFF;
		color: #df0020;
		padding: 2px 10px;
		font-size: 12px;
		margin-right: 10px;
		border: 1px solid #df0020;
	}
	#contact .option {
		background: #FFF;
		color: #2c70c5;
		padding: 2px 10px;
		font-size: 12px;
		margin-right: 10px;
		border: 1px solid #2c70c5;
	}
	#contact select,
	#contact textarea {
		border: 1px solid #c0c0c0;
		padding: 6px 10px;
	}
	#contact input {
		border: 1px solid #c0c0c0;
		padding: 10px;
	}

	#contact textarea {
		width:100%;
		min-height: 120px;
		max-width:800px;
	}
	#contact input[type="text"],
	#contact input[type="email"]{
		width:300px;
	}
	#contact td ul li {
		margin: 5px 10px;
	}
	
	.input_btn {
		font-size: 14px;
		font-weight: bold;
		display: block;
		text-align: center;
		color: #FFF;
		background: #8f1d22;
		padding: 15px 0 !important;
		border: 1px solid #8f1d22 !important;
		position: relative;
		transition: all .3s;
		width: 30%;
		margin: 40px auto 0;
	}
	.input_btn:hover {
		cursor: pointer;
		background: #FFF;
		color: #8f1d22;
	}
	.btn_area form {
		width: 25%;
		display: inline-block;
		margin: 0 10px;
	}
	.btn_area .input_btn {
		width: 100%;
	}
	.back_btn {
		font-size: 14px;
		font-weight: bold;
		display: block;
		text-align: center;
		color: #FFF;
		background: #666;
		padding: 15px 0 !important;
		position: relative;
		border: 1px solid #000 !important;
		transition: all .3s;
		width: 100%;
		margin: 30px auto 0;
	}
	.back_btn:hover {
		cursor: pointer;
		background: #FFF;
		color: #000;
	}
	


}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	body.contact div.header_box{
		height: 78.13vw;
		background:url("../imgs/company/main_bg.jpg")no-repeat center center;
		background-size:cover;
	}
	
	#contact table {
		width:100%;
		margin-right:auto;
		margin-left:auto;
	}
	#contact table th,
	#contact table td{
		display:block;
		width:100%;
		padding:15px 20px;
	}
	#contact table th {
		text-align:left;
		font-weight:normal;
		border-bottom: none;
		padding-bottom: 5px;
	}
	#contact table td{
		width:100%;
	}
	#contact .must {
		background: #FFF;
		color: #df0020;
		padding: 2px 10px;
		font-size: 12px;
		margin-right: 10px;
		border: 1px solid #df0020;
	}
	#contact .option {
		background: #FFF;
		color: #2c70c5;
		padding: 2px 10px;
		font-size: 12px;
		margin-right: 10px;
		border: 1px solid #2c70c5;
	}
	.must{
		border: 1px solid #cc0000;
		color: #cc0000;
	}
	.option{
		border: 1px solid #1e95cd;
		color: #1e95cd;
	}
	#contact table input,
	#contact table textarea {
		width:100%;
		border: 1px solid #c0c0c0;
		padding: 10px;
		font-size:16px;
	}
	#contact table select {
		width:85%;
		border: 1px solid #c0c0c0;
		padding: 10px;
		font-size:16px;
		margin: 10px 0;
	}
	#contact table input[type="radio"] {
		width: auto !important;
	}
	#contact td ul li {
		margin: 5px 10px;
	}
	#contact table input[type="checkbox"] {
		width: auto !important;
	}
	
	.input_btn {
		font-size: 4vw;
		font-weight: bold;
		display: block;
		text-align: center;
		color: #FFF;
		background: #8f1d22;
		padding: 15px 0 !important;
		position: relative;
		transition: all .3s;
		width: 80%;
		margin: 40px auto 0;
		border: 1px solid #8f1d22;
	}
	.input_btn:hover {
		cursor: pointer;
		background: #FFF;
		color: #8f1d22;
	}
	.btn_area form {
		width: 80%;
		margin: 0 auto;
	}
	.btn_area .input_btn {
		width: 100%;
	}
	.back_btn {
		font-size: 18px;
		font-weight: bold;
		display: block;
		text-align: center;
		color: #FFF;
		background: #666;
		padding: 15px 0 !important;
		position: relative;
		border: 1px solid #000 !important;
		transition: all .3s;
		width: 100%;
		margin: 30px auto 0;
	}
	.back_btn:hover {
		cursor: pointer;
		background: #FFF;
		color: #000;
	}
	
	
	
}/* End SP */