@charset "utf-8";

/* --------- --------- --------- --------- transaction --------- */
section.transaction dl {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1rem;
	width: 50rem;
	margin: 4rem auto 0 auto;
}
@media screen and (max-width: 768px) {
	section.transaction dl {
		width: 100%;
	}
}
section.transaction dl dt {
	display: flex;
	align-items: center;
	width: 14rem;
}
section.transaction dl dd {
	width: calc(100% - 15rem);
}
section.transaction dl dt,
section.transaction dl dd {
	padding: 2rem 1rem;
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.4;
	border-bottom: 2px solid #ddd6ce;
}
section.transaction dl dt:last-of-type,
section.transaction dl dd:last-of-type {
	border-bottom: 0;
}
section.transaction dl dd a {
	display: inline-block;
	color: #6c8c9d;
	font-size: .875rem;
	font-weight: 600;
	text-decoration: underline;
	transition: opacity .2s;
}
section.transaction dl dd a:hover {
	opacity: .75;
}
@media screen and (max-width: 768px) {
	section.transaction dl dt,
	section.transaction dl dd {
		width: 100%;
	}
	section.transaction dl dt {
		border-bottom: initial;
		padding-bottom: .25rem;
		font-weight: 800;
	}
	section.transaction dl dd {
		padding-top: .25rem;
	}
}