@charset "utf-8";

.content_header { padding-bottom: 16px; margin-bottom: 24px; border-bottom: 1px solid var(--border-color); }
.content_title { font-size: 1.8rem; font-weight: 700; margin: 0; }

.qa_list { display: flex; flex-direction: column; }
.qa_item { padding: 24px 0; border-bottom: 1px solid var(--border-color); }
.qa_question_group { display: flex; gap: 12px; margin-bottom: 16px; }
.qa_q_prefix { font-size: 1.5rem; font-weight: 700; color: var(--main-color); }
.qa_question { font-size: 1.25rem; font-weight: 700; line-height: 1.6; }
.qa_answer_group { display: flex; gap: 12px; }
.qa_a_prefix { font-size: 1.5rem; font-weight: 700; color: var(--accent-color, #ef4444); }
.qa_answer { font-size: 0.95rem; line-height: 1.8; color: var(--sub-text-color); }

.qa_related_solutions { margin-top: 20px; padding-top: 20px; border-top: 1px dashed var(--border-color); }
.solutions_title { font-size: 0.8rem; font-weight: 700; margin-bottom: 8px; }
.solutions_tag_list { display: flex; flex-wrap: wrap; gap: 8px; }
.solutions_tag a {
    display: block; padding: 4px 10px; font-size: 0.8rem; background-color: #f8f9fa;
    border: 1px solid var(--border-color); border-radius: 6px;
}
.solutions_tag a:hover { background-color: var(--bright-comp-color); border-color: var(--main-color); }

/* --- もっと見るボタン --- */
.load_more_button_wrapper { text-align: center; margin-top: 40px; padding: 20px 0; }
.load_more_button {
    display: inline-block; min-width: 200px; padding: 12px 24px; font-size: 1rem;
    font-weight: 700; color: var(--main-color); background-color: transparent;
    border: 2px solid var(--main-color); border-radius: 999px; cursor: pointer;
    transition: all 0.2s ease;
}
.load_more_button:hover { background-color: var(--main-color); color: white; }

/* --- 非表示のQ&A --- */
.qa_item.is_hidden { display: none; }

/* レスポンシブ */
@media screen and (max-width: 1024px) {
    .sidebar_area { display: none; /* スマホではサイドバーを非表示 */ }
}
@media screen and (max-width: 768px) {
    .content_title { font-size: 1.5rem; }
    .qa_question { font-size: 1.1rem; }
}