/* 見出し（dtタグ）のスタイル */
.text-xl { font-size: 1.25rem; /* 20px */ }
.font-semibold { font-weight: 600; }
.text-blue-800 { color: #1e40af; } /* 濃い青色 */
.p-4 { padding: 1rem; /* 16px */ }
.bg-blue-50 { background-color: #eff6ff; } /* 薄い青色の背景 */
.rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } /* 上部の角を丸める */
.border-b { border-bottom-width: 1px; }
.border-blue-200 { border-color: #bfdbfe; } /* 青みがかったボーダー色 */

/* 詳細（ddタグ）のスタイル */
.border { border-width: 1px; }
.border-t-0 { border-top-width: 0px; }
.border-gray-300 { border-color: #d1d5db; } /* グレーのボーダー色 */
.rounded-b-lg { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } /* 下部の角を丸める */

/* リスト全体（ulタグ）のスタイル */
.list-none { list-style-type: none; }
.space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.5rem; /* 8px */ } /* リスト項目間の垂直マージン */
.text-gray-700 { color: #374151; } /* やや濃いグレーの文字色 */

/* 各リスト項目（liタグ）のスタイル */
.pl-5 { padding-left: 1.25rem; /* 20px */ }
.relative { position: relative; }
/* before擬似要素で箇条書きの「・」を作成 */
.before\:content-\[\'\E3\83\BB\'\]::before { content: '・'; }
.before\:absolute::before { position: absolute; }
.before\:left-0::before { left: 0; }
.before\:text-blue-600::before { color: #2563eb; } /* 青色の「・」 */