@charset "UTF-8";
/* dl 全体のスタイル */
.table-list {
	font-size: 1.1em;
	line-height: 1.5em;

	display: grid;

	color: #555;

	grid-template-columns: 1fr 2fr; /* dt と dd の幅比率 */
	gap: 10px 20px;
}

/* dt のスタイル（ラベル部分） */
.table-list dt {
	font-weight: bold;

	-webkit-align-self: center;
	-ms-flex-item-align: center;
	        align-self: center;

	color: #007acc;
}

/* dd のスタイル（内容部分） */
.table-list dd {
	padding: 10px;

	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
}

/* レスポンシブ対応 */
@media (max-width: 767px) {
	.table-list {
		grid-template-columns: 1fr; /* モバイルで1列表示 */
	}
}