/* ========================================
 * fixd-pc.css
 * PC固定ページ
 * ======================================== */

/* ========================================
 * 固定ページ大枠
 * ======================================== */

/* 大枠 */
.fixd-wrap { width: var(--widt-1); margin: 0 auto; background-color: var(--colr-2); border-radius: var(--radi-1); padding: 20px; }

/* ========================================
 * タイトル
 * ======================================== */

/* タイトル */
.fixd-titl { background-color: var(--colr-1); color: var(--colr-2); font-weight: var(--fwgt-1); line-height: 1.4; border-radius: var(--radi-1); padding: var(--padd-2); margin-bottom: 20px; }

/* ========================================
 * 本文
 * ======================================== */

/* 本文 */
.fixd-body { line-height: 1.8; color: #333; border: 5px dashed var(--colr-1); border-radius: 15px; padding: 40px; }

/* 本文内見出し */
.fixd-body h2 { font-weight: var(--fwgt-1); font-size: var(--font-4); color: var(--colr-1); background-color: var(--colr-5); border-left: 16px solid var(--colr-1); border-radius: var(--radi-1); padding: var(--padd-2); margin-top: var(--padd-6); margin-bottom: var(--padd-2); }

/* 本文内見出し（最初の見出しは上余白なし） */
.fixd-body h2:first-child { margin-top: 0; }

/* 本文内段落 */
.fixd-body p { margin-bottom: var(--padd-2); }

/* 本文内区切り線（hr） */
.fixd-body hr { border: none; border-top: 2px dashed var(--colr-6); margin: var(--padd-6) 0; }

/* 本文内強調 */
.fixd-body strong { color: var(--colr-1); font-weight: var(--fwgt-1); }

/* 本文内リスト */
.fixd-body ul { margin-bottom: var(--padd-2); padding: var(--padd-2) var(--padd-2) var(--padd-2) 30px; border: 2px solid var(--colr-1); border-radius: var(--radi-1); list-style: none; }

.fixd-body li { margin-bottom: var(--padd-4); position: relative; }

.fixd-body li::before { content: "●"; color: var(--colr-1); position: absolute; left: -20px; }

/* 固定ページ本文内のリンク、リンクとわかる見た目に */
.fixd-body a { color: var(--colr-1); text-decoration: underline; }

/* ホバー時、アクセントカラーに変化 */
.fixd-body a:hover { color: var(--colr-3); }