/* --- アップロードファイル内容のスタイル (抗核抗体・抗ミトコンドリア) --- */

/* セクション全体の余白調整 */
.topic-content {
    margin-bottom: 3em; /* セクションの下に余白を追加 */
}

/* 個別トピックのセクション：外枠を削除 */
.topic-section {
    margin-bottom: 0; /* セクション間の余白を区切り線で調整 */
    padding: 0;
}

/* セクション間の区切り線 */
.section-spacer {
    display: block;
    height: 1px;
    background-color: #ddd;
    margin: 2.5em 0; /* セクション間に十分なスペースと区切り線 */
    border: none;
}

/* メインタイトル (H3) */
.topic-title {
    font-size: 1.4em;
    font-weight: 600;
    color: #494949;
    border: 3px solid #ccc;
    border-radius: 20px;
    padding: 0.5em 1.0em;
    margin-bottom: 1.5em;
    /* text-align: center; は要素内のテキストを中央揃えにするので残します */
    text-align: center;
    /* * width: auto; を削除するか、
     * 要素をコンテンツの幅に合わせるために display を変更します
     */
    display: inline-block; /* 👈 これを追加/変更します */
    width: auto; /* 👈 このままでも動作しますが、不要であれば削除してもOKです */
    background-color: #f0e68c;
}

/* サブタイトル (H4) */
.sub-title {
    font-size: 1.4em;
    font-weight: 600;
    color: #2a6496;
    margin-top: 0;
    margin-bottom: 1em;
    padding-left: 10px;
    border-left: 5px solid #2a6496;
}

/* 本文テキスト */
.text {
    font-size: 1em;
    line-height: 1.7;
    margin-bottom: 1em;
}

.text2 {
    font-size: 1.25em;
font-weight:600;
    line-height: 1.7;
    margin-bottom: 1em;
}

/* 強調文字 */
.highlight {
    font-weight: 700;
    color: #cc0000;
}

/* リストスタイル */
.disease-list,
.significance-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 1.5em;
}

.disease-list li,
.significance-list li {
    font-size: 1.2em;
    line-height: 1.6;
    margin-bottom: 0.5em;
    padding-left: 1.5em;
    position: relative;
}

/* カスタムリストマーカー */
.disease-list li::before,
.significance-list li::before {
    content: "・";
    color: #2a6496;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/* テーブルタイトル */
.table-title {
    font-size: 1.0em;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

/* --- テーブルのレスポンシブ対応 --- */

/* 画面幅が狭い時に横スクロールを可能にする */
.table-responsive {
    overflow-x: auto;
    width: 100%;
    margin-bottom: 2em;
}

/* テーブルの基本的なスタイル */
.data-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
    /* 修正した表の内容に合わせて、罫線を再調整 */
    border: 1px solid #ddd;
}

.data-table th,
.data-table td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
    white-space: nowrap;
    font-size: 1.2em;
}

.data-table th {
    background-color: #f2f2f2;
    font-weight: 700;
    color: #333;
    text-align: center;
}

.data-table td {
    background-color: #fff;
 text-align: center;
}

.data-table tr:nth-child(even) td {
    /* 偶数行の背景色を設定したい場合はここに指定 */
}

.mojiiro-ao02 {
color: #4fadea;
}