/* ====================================
   基本設定：全体的な読みやすさを向上
   ==================================== */
.entry-content {
    /* ページの最大幅を設定し、中央寄せにして読みやすくする */
    max-width: 800px;
    margin: 0 auto;
    /* 基本フォントの設定 */
    font-family: 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
    line-height: 1.8; /* 行間を広げて読みやすくする */
    font-size: 16px;
    color: #333;
    padding: 20px 15px; /* モバイル対応のため左右にパディング */
}

/* ====================================
   サブセクション (sectionタグ) のスタイル
   ==================================== */
/* プライバシーポリシーの各セクションの区切りを明確にする */
.entry-content section.content-element {
    /* 背景が薄いグレー (.bg_gray) のセクション */
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 4px; /* 角を丸くする */
}
/* inner や row は構造的なもので、個別のスタイルは基本的に不要 */

/* ====================================
   見出しスタイル
   ==================================== */

/* H3見出し（「当社が取扱う個人情報について」など） */
.entry-content h3 {
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.3em; /* 20.8px程度 */
    font-weight: bold;
    color: #ceab4b; /* テーマカラー */
    border-bottom: 2px solid #ceab4b; /* 下線で区切る */
    padding-bottom: 5px;
}

/* ====================================
   段落スタイルと太字の小見出し
   ==================================== */
.entry-content p {
    margin-bottom: 1.5em;
line-height: 3rem;
}

/* 段落内の太字（例：【個人情報の取得、利用、提供】）を強調 */
.entry-content p strong,
.entry-content p b {
    display: block; /* 独立したブロックとして扱い、区切りを明確にする */
    margin-top: 1.5em; /* 上に余白を追加 */
    margin-bottom: 0.5em;
    font-size: 1.1em;
    color: #333; /* 本文と異なる色にする場合は #ceab4b など */
    /* 下線や背景でさらに強調しても良い */
}

/* ====================================
   テーブル（表）スタイル
   ==================================== */
.entry-content .normal-table {
    margin: 1.5em 0;
    overflow-x: auto; /* スマホで表がはみ出す場合の横スクロールを許可 */
}

.entry-content table {
    width: 100%;
    border-collapse: collapse; /* セルの境界線を結合 */
    font-size: 0.9em; /* 表内の文字は少し小さめに */
    line-height: 1.5;
}

.entry-content table th,
.entry-content table td {
    padding: 10px;
    border: 1px solid #ccc; /* 境界線を設定 */
    text-align: left;
    vertical-align: top;
}

.entry-content table thead th {
    background-color: #f0f0f0;
    font-weight: bold;
    color: #333;
}

/* ====================================
   リンクスタイル
   ==================================== */
.entry-content a {
    color: #ceab4b; /* リンクをテーマカラーに */
    text-decoration: underline; /* リンクとわかるように下線を残す */
}
.entry-content a:hover {
    text-decoration: none; /* ホバー時に下線を消す */
}