@charset "utf-8";
.contact_form
{
	width : 90%;
	padding: 0px 0px 50px 0px;
}
.contact_form table
{
	width : 100%;
}
.contact_form th, .contact_form td
{
	padding : 0px 0px 10px 0px;
}
.contact_form th
{
	width : 200px;
	text-align : left;
}
.contact_form th:after
{
	content : "任意";
	display : inline-block;
	font-size : 10px;
	color : #ffffff;
	background-color : var(--color-gray);
	float : right;
	padding: 1px 5px 1px 5px;
	margin-right : 10px;
}
.contact_form th.required:after
{
	content : "必須";
	background-color : var(--color-red);
}
.contact_form td
{
	width : calc(100% - 200px);
}
.contact_form input[type="text"], .contact_form textarea,
.contact_form select
{
	border : 2px var(--color-palegrayline) solid;
	padding : 10px;
}
.contact_form input[type="text"], .contact_form textarea
{
	width : 100%;
}
.contact_form input[type="text"].size_mini
{
	width : 200px;
}
.contact_form input[type="button"]
{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight : 700;
	background-color : var(--color-blue);
	color: var(--color-white);
	border-radius: var(--btn-radius);
	width : 300px;
	padding : 20px 0px 20px 0px;
	margin : 40px auto 0px auto;
	border : 0px;
	display : block;
}
.mail
{
	display : none;
}
::placeholder {
	color: #d1d0cf;
}
#OTHER_ADDRESS
{
	margin-top : 20px;
}
[name="zipcode"], [name="other_zipcode"]
{
	padding: 10px 10px 10px 30px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='40' width='40'%3E%3Ctext x='5' y='28' font-size='18' fill='%23666'%3E〒%3C/text%3E%3C/svg%3E");
	margin: 0px 0px 10px 0px;
}



@media screen and (max-width: 850px) {
	.contact_form tr
	{
		display: block;
		margin : 0px 0px 20px 0px;
	}
	.contact_form th, .contact_form td
	{
		display: block;
		width : 100%;
	}
	.contact_form td {
		border-bottom: 1px #dfddd7 solid;
		padding: 10px 0px 20px 0px;
	}
}