@charset "utf-8";

section#contact {
}

/* 確認画面
------------------------------------------------------------------------------------ */
section#contactConfirm {
}
section#contactConfirm table.contactForm {
	border-top: 1px solid #CCC;
	border-collapse:collapse;
	border-spacing: 0;
}
section#contactConfirm table.contactForm tr th {
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
	padding: 30px 40px 30px 0;
	border-bottom: 1px solid #CCC;
}
section#contactConfirm table.contactForm tr td {
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #CCC;
}
section#contactConfirm div.contact__posn,
section#contactConfirm div.contact__check {
	display: none;
}

/* 完了画面
------------------------------------------------------------------------------------ */
section#contactComplete {
}
section#contactComplete div.contactCompleteData {
	margin-top: 30px;
}



/* タブレット用
------------------------------------------------------------------------------------ */
@media screen and (min-width:768px) and (max-width:1279px) {
	section#contactConfirm table.contactForm tr th {
		display: table-cell;
		width: auto;
	}
	section#contactConfirm table.contactForm tr td {
		display: table-cell;
		width: 100%;
	}
}



/* スマホ用
------------------------------------------------------------------------------------ */
@media screen and (max-width:767px) {
	section#contactConfirm table.contactForm tr th {
		text-align: left;
		padding: 20px 0 5px 0;
		border-bottom: none;
	}
	section#contactConfirm table.contactForm tr td {
		padding: 0 0 20px 0;
		border-bottom: 1px solid #CCC;
	}
}