@charset "utf-8";
/* CSS Document */

h3 {
	margin-bottom: 2em;
}

th {
	font-weight: normal;
}

.tel:before {
	content: "\f098";
}

.mail:before {
	content: "\f0e0";
}

.file:before {
	content: "\f15c";
}

.maximize:before {
	content: "\f15b";
}

.tel:before,
.mail:before,
.file:before,
.maximize:before {
	margin-right: 0.5em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.tel,
.mail,
.maximize {
	display: block;
}

dl {
	display: flex;
}

dt,
dt {
	display: block;
}

dt {
	width: 30%;
}

dd {
	width: 50%;
}

@media (min-width:320px) and (max-width:728px) {
	dl {
		flex-direction: column;
	}

	dt,
	dt {
		display: block;
	}

	dt {
		width: 100%;
	}

	dd {
		width: 100%;
	}
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	width: 40%;
	text-align: left;
	padding: 1em;
	background: #F5F4F4;
	border-top: 1px dashed #cccccc;
}

tr:first-child th,
tr:first-child td {
	border-top: 1px solid #cccccc;
}

td {
	width: 50%;
	padding: 1em 0 1em 3em;
	border-top: 1px dashed #cccccc;
}

/*tr:nth-child(1){border-top: 1px solid #cccccc;}*/
tr:not(:first-child) {
	border-top: 1px dashed #cccccc;
}

tr:last-child {
	border-bottom: 1px solid #cccccc;
	;
}

@media (min-width:320px) and (max-width:728px) {
	article table {
		width: 98%;
	}

	th {
		width: 94%;
		padding: 1em;
		display: block;
	}

	td {
		width: 94%;
		padding: 1em 0 1em 3em;
		display: block;
		border-top: none !important;
	}

	tr:nth-child(1) {
		border-top: none;
	}

	tr:not(:first-child) {
		border-top: none;
	}

	tr:last-child {
		border-bottom: 1px solid #cccccc;
		;
	}
}