@charset "utf-8";

/* お問い合わせ
***********************************************************/

.contact_1000{
}

.contact_1100{
}
.contact_1110{
}

.contact_1200{
	width: 1200px;
	margin: 20px auto 0;
}
.contact_1200 p{
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 10px;
	border-bottom: 1px solid #9296a0;
}
.contact_1300{
	width: 1200px;
	margin: 20px auto 80px;
}
.contact_main_form{
	padding: 20px;
	border: solid 1px #e6e6e6;
	font-size: 12px;
	font-weight: 700;
	color: #666666;
}
.contact_main_form input{
	margin-left: 8px;
	padding: 10px;
	border: 1px solid #cccccc;
	font-size: 13px;
}
.contact_main_form textarea{
	width: 100%;
	height: 80px;
	margin-top: 8px;
	padding: 10px;
	border: 1px solid #cccccc;
	font-size: 13px;
	resize: vertical;
}
.contact_must{
	padding-left: 12px;
	font-size: 10px;
	font-weight: 700;
	color: #de514e;
}
.contact_head{
	width: 220px;
}
.contact_text{
	font-weight: 400;
}
.contact_1310{
}
.contact_customer{
	display: flex;
	justify-content: space-between;
}
.contact_customer_head{
	width: 220px;
}
.contact_customer_head p{
	font-size: 16px;
	font-weight: 700;
	color: #333333
}
.contact_customer_contain{
	width: 900px;
}
.contact_customer_name,
.contact_customer_kana,
.contact_customer_corp,
.contact_customer_tel,
.contact_customer_mail,
.contact_customer_mail2,
.contact_customer_no,
.contact_customer_addr{
	display: flex;
	align-items: center;
	margin-top: 13px;
}
.name_input,
.kana_input,
.tel_input{
	display: flex;
	align-items: center;
}
.contact_customer_name input,
.contact_customer_kana input{
	width: 300px;
}
.contact_customer_tel input{
	width: 100px;
}
.contact_customer_corp input,
.contact_customer_mail input,
.contact_customer_mail2 input{
	width: 608px;
}
.contact_customer_addr{
	display: block;
}
.contact_customer_tel .tel_input span{
	margin-left: 8px;
}
.contact_1320{
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #e6e6e6;
}
.contact_inquiry{
	display: flex;
	justify-content: space-between;
}
.contact_inquiry_head{
	width: 220px;
}
.contact_inquiry_head p{
	font-size: 16px;
	font-weight: 700;
	color: #333333
}
.contact_inquiry_contain{
	width: 900px;
}
.contact_inquiry_type,
.contact_inquiry_category,
.contact_inquiry_model,
.contact_inquiry_cd,
.contact_inquiry_rental_time,
.contact_inquiry_machine,
.contact_inquiry_buy_time,
.contact_inquiry_main{
	display: flex;
	align-items: center;
	margin-top: 13px;
}
.contact_inquiry_machine,
.contact_inquiry_main{
	display: block;
}
.contact_inquiry_rental_time .contact_time_inner,
.contact_inquiry_buy_time .contact_time_inner{
	display: flex;
	align-items: center;
}
.contact_inquiry_type select,
.contact_inquiry_category select,
.contact_inquiry_model input,
.contact_inquiry_cd input,
.contact_inquiry_rental_time .contact_time_inner select,
.contact_inquiry_buy_time .contact_time_inner select{
	margin-left: 8px;
	padding: 10px;
	border: 1px solid #cccccc;
	appearance: auto;
}
.contact_inquiry_rental_time .contact_time_inner span,
.contact_inquiry_buy_time .contact_time_inner span{
	margin: 0 8px;
	font-weight: 400;
}
#contact_form_error{
	margin-top: 20px;
	font-weight: 700;
	color: #de514e;
}

.contact_1330{
	display: flex;
	justify-content: center;
	margin: 40px auto 0;
}
.contact_1331_button,
.contact_1332_button{
	width: 400px;
	padding: 15px;
	border-radius: 4px;
	background-color: #0061b0;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}
.contact_1332_button{
	margin-left: 50px;
}
.contact_1331_button:disabled,
.contact_1332_button:disabled{
	background-color: #cccccc;
	color: #999999;
	cursor: wait;
}
.contact_main_line{
	display: flex;
	margin-top: 13px;
}
.contact_main_line .contact_main_head{
	width: 220px;
}
.contact_main_line .contact_main_content{
	margin-left: 30px;
	font-weight: 400;
}

/* お問い合わせ SP
***********************************************************/
@media screen and (max-width: 768px) {

.contact_1000{
	margin-top: 50px;
}

.contact_1100,
.contact_1200,
.contact_1300{
	width: 100%;
}
.contact_1300{
	padding-left: 15px;
}
.contact_1200 p{
	margin-left: 3%;
	margin-right: 3%;
	font-size: 20px;
}

.contact_customer,
.contact_inquiry{
	flex-direction: column;
}
.contact_customer_contain,
.contact_inquiry_contain{
	width: 100%;
}

.contact_customer_name,
.contact_customer_kana,
.contact_customer_corp,
.contact_customer_tel,
.contact_customer_mail,
.contact_customer_mail2,
.contact_customer_no,
.contact_customer_addr,
.contact_inquiry_type,
.contact_inquiry_category,
.contact_inquiry_model,
.contact_inquiry_cd,
.contact_inquiry_rental_time,
.contact_inquiry_machine,
.contact_inquiry_buy_time,
.contact_inquiry_main{
	flex-direction: column;
	align-items: flex-start;
	margin-top: 20px;
}

.contact_main_form input:first-child,
.contact_customer_corp input,
.contact_customer_mail input,
.contact_customer_mail2 input,
.contact_inquiry_type select,
.contact_inquiry_category select,
.contact_inquiry_model input,
.contact_inquiry_cd input,
.contact_inquiry_rental_time .contact_time_inner select,
.contact_inquiry_buy_time .contact_time_inner select{
	margin-left: 0;
}
.contact_main_form input,
.contact_inquiry_type select,
.contact_inquiry_category select,
.contact_inquiry_model select,
.contact_inquiry_cd select,
.contact_inquiry_rental_time .contact_time_inner select,
.contact_inquiry_buy_time .contact_time_inner select{
	margin-top: 8px;
}
.contact_time_inner{
	flex-wrap: wrap;
}
.name_input,
.kana_input,
.tel_input{
	width: 100%;
}

.contact_customer_name input,
.contact_customer_kana input{
	width: 45%;
}
.contact_customer_corp input,
.contact_customer_mail input,
.contact_customer_mail2 input{
	width: 90%;
}
.contact_customer_tel input{
	width: 25%;
}
.contact_1331_button{
	width: auto;
}

.contact_main_line{
	flex-direction: column;
}
.contact_main_line .contact_main_content{
	margin-left: 10px;
}

.contact_1331_button,
.contact_1332_button{
	width: auto;
}
.contact_1332_button{
	margin-left: 5%;
}



}
