@charset "UTF-8";
#bottom-contact{
	display: none;
}

#contact .inner {
	padding: 80px 0 150px;
}
#contact .message {
	font-size: 16px;
	line-height: 1.667;
	margin-bottom: 20px;
}
#contact .message .min{
	font-size: 15px;
	display: block;
	margin-top: 10px;
}
#contact .privacy {
	background: var(--bg-red);
	padding: 25px;
	font-size: 16px;
	line-height: 1.625;
	margin-top: 25px;
}
#contact .privacy a{
	text-decoration: underline;
	font-weight: 500;
	display: block;
}
#contact .privacy a:hover{
	opacity: .7;
}
.require {
	color: #eb1c1c;
	font-size: 14px;
	margin-left: 10px;
}

/* table */
#contact form table{
	margin-bottom: 40px;
}
#contact form table tr {
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
}
#contact form table tr th {
	width: 290px;
	background: var(--bg-gray);
	padding: 25px;
	line-height: 1;
	font-weight: 500;
}
#contact form table tr td {
	padding: 25px;
}

#contact .note {
	margin-top: 7px;
	display: block;
	font-size: 14px;
}

#contact input[value="住所をセットする"] {
	background: var(--black);
	color: #fff;
	padding: 5px 8px;
	font-size: 13px;
	box-sizing: border-box;
	border-radius: 5px;
	cursor: pointer;
}

#contact .notice{
	padding-top: 40px;
	font-size: 17px;
	line-height: 1.7;
}

/* 調整 */
#contact form table:nth-child(3) tr{
	border-top: none;
	border-bottom: none;
}
#contact form table:nth-child(3) td{
	padding: 0;
}
#contact form table:nth-child(3) td label{
	font-size: 18px;
}

#contact label{
	display: inline-block;
	width: 40%;
}
#contact input[name="zipcode"]{
	margin: 0 10px 0 5px;
}
#contact #error {
	color: #eb1c1c;
}

/*------------------------
確認画面
------------------------*/
#contact form .back {
	width: 280px;
	margin: 0;
	background: #f2f2f2;
	color: var(--black);
	border: none;
}
#contact form .back:hover {
	opacity: .6;
	color: var(--brown);
}
#contact form .go {
	margin-left: 40px;
}
#contact.confirm .privacy{
	display: none;
}


/*------------------------
サンクスページ
------------------------*/
#thanks .inner {
	padding: 80px 0 150px;
	width: 800px;
	text-align: center;
}
#thanks h2 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
}
#thanks .text {
	font-size: 18px;
	margin-bottom: 60px;
}
#thanks .btn a {
	width: 340px;
	height: 60px;
	font-size: 18px;
	margin: 0 auto;
}
#thanks .btn a::after {
	right: 0;
	left: 20px;
	width: 8px;
	height: 10px;
	transform: rotate(-180deg);
}