@charset "utf-8";

/* 特定商取引法に基づく表示
   ---------------------------------- */
.tabular > dd {
	margin: 0 0 1em;
}
@media all and (max-width: 639px) {
	.tabular > dt {
		position: relative;
		line-height: 1.4;
		margin-top: 2em;
		margin-bottom: .5em;
		padding-bottom: 4px;
		padding-left: 16px;
		border-bottom: 1px solid #ddd1c2;
		font-size: 15px;
		font-size: 1.5rem;
		letter-spacing: .04em;
	}
	.tabular > dt:before {
		display: block;
		content: "";
		position: absolute;
		left: 0;
		top: 1px;
		width: 4px;
		height: 50%;
		background: #c19c55;
	}
	.tabular > dt:after {
		display: block;
		content: "";
		position: absolute;
		left: 0;
		bottom: 1px;
		width: 4px;
		height: 50%;
		background: #a77e2f;
	}
}
@media all and (min-width: 640px) {
	.tabular {
		display: table;
		width: 100%;
		margin: 0;
	}
	.tabular > dt,
	.tabular > dd {
		display: table-cell;
		margin: 0;
		padding: .75em 1em;
		border-bottom: 1px solid #ddd1c2;
		vertical-align: top;
	}
	.tabular > dt {
		width: 10em;
		background: #f4f0eb;
	}
}