@charset "UTF-8";

/* ======================================
   管理会社見直しチェックシート（pageTemplate/page-checksheet.php）
====================================== */
.page_changesheet .sheet_sec [hidden],
.page_changesheet .common_page_features .catch_sec[hidden],
.page_changesheet .common_page_features .attempt_sec.sheet_consult_sec[hidden],
.page_changesheet .sheet_retry_area[hidden] { display:none !important; }

/* STEP 1：導入 */
.page_changesheet .common_page_features .catch_sec { padding-bottom:68px; }
.page_changesheet .sheet_sec .sheet_intro .sheet_intro_list { display:flex; justify-content:center; gap:16px; margin-top:40px; }
.page_changesheet .sheet_sec .sheet_intro .sheet_intro_list .sheet_intro_li { display:flex; flex-direction:column; align-items:center; gap:6px; width:180px; padding:22px 10px; background:#fff; }
.page_changesheet .sheet_sec .sheet_intro .sheet_intro_list .sheet_intro_li .sheet_intro_num { font-size:22px; color:var(--point-color); line-height:1; }
.page_changesheet .sheet_sec .sheet_intro .sheet_intro_list .sheet_intro_li .sheet_intro_name { font-size:15px; font-weight:700; color:var(--main-color); }
.page_changesheet .sheet_sec .sheet_intro .sheet_start { display:flex; justify-content:center; margin-top:40px; }
.page_changesheet .sheet_sec .sheet_intro .sheet_start .sheet_start_btn { width:fit-content; min-width:320px; padding:18px 56px; background-color:var(--point-color); color:#fff; font-size:17px; font-weight:700; letter-spacing:.1em; text-align:center; border:none; cursor:pointer; }

/* STEP 2：設問 */
.page_changesheet .sheet_sec .sheet_quiz { max-width:880px; margin:0 auto; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_step_list { display:flex; gap:6px; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_step_list .sheet_step_li { flex-grow:1; flex-basis:0; display:flex; flex-direction:column; align-items:center; gap:4px; padding:12px 6px; background:#e9e9e9; color:#999; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_step_list .sheet_step_li .sheet_step_num { font-size:13px; letter-spacing:.08em; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_step_list .sheet_step_li .sheet_step_name { font-size:13px; font-weight:700; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_step_list .sheet_step_li.is_done { background:#dfe8e2; color:var(--main-color); }
.page_changesheet .sheet_sec .sheet_quiz .sheet_step_list .sheet_step_li.is_current { background:var(--main-color); color:#fff; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_progress { display:flex; align-items:center; gap:16px; margin-top:24px; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_progress .sheet_progress_bar { flex-grow:1; height:6px; background:#e2e2e2; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_progress .sheet_progress_bar .sheet_progress_fill { display:block; width:5%; height:100%; background:var(--point-color); transition:width .3s; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_progress .sheet_progress_text { flex-shrink:0; font-size:16px; color:var(--main-color); }
.page_changesheet .sheet_sec .sheet_quiz .sheet_card { margin-top:20px; padding:48px 48px 40px; background:#fff; text-align:center; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_card_qnum { font-size:36px; color:var(--point-color); line-height:1; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_card_category { margin-top:10px; font-size:14px; color:var(--sub-color); }
.page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_card_question { margin-top:18px; min-height:3.4em; font-size:22px; line-height:1.7; color:var(--main-color); text-wrap:balance; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_answer { display:flex; justify-content:center; gap:20px; margin-top:28px; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_answer .sheet_answer_btn { width:220px; padding:16px 0; background:#fff; border:1px solid var(--main-color); color:var(--main-color); font-size:17px; font-weight:700; cursor:pointer; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_answer .sheet_answer_btn.is_selected { background:var(--main-color); color:#fff; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_nav { display:flex; justify-content:center; gap:16px; margin-top:32px; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_nav .sheet_nav_btn { width:160px; padding:12px 0; font-size:15px; font-weight:700; cursor:pointer; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_nav .sheet_nav_btn.-back { background:#fff; border:1px solid #bbb; color:#666; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_note { margin-top:24px; padding:28px 32px; background:#fff; }
.page_changesheet .sheet_sec .sheet_quiz .sheet_note .sheet_note_ttl { font-size:17px; color:var(--main-color); }
.page_changesheet .sheet_sec .sheet_quiz .sheet_note .sheet_note_text { margin-top:10px; font-size:14px; line-height:1.9; }

/* STEP 3〜6：結果 */
.page_changesheet .sheet_sec .sheet_result { max-width:880px; margin:0 auto; }
.page_changesheet .sheet_sec .sheet_result .sheet_score { margin-top:36px; padding:40px 48px; background:#fff; text-align:center; }
.page_changesheet .sheet_sec .sheet_result .sheet_score .sheet_score_label { font-size:15px; color:var(--sub-color); }
.page_changesheet .sheet_sec .sheet_result .sheet_score .sheet_score_num { margin-top:6px; font-size:56px; line-height:1.1; color:var(--point-color); }
.page_changesheet .sheet_sec .sheet_result .sheet_score .sheet_score_num .sheet_score_total { font-size:0.45em; color:var(--sub-color); }
.page_changesheet .sheet_sec .sheet_result .sheet_score .sheet_score_judge { margin-top:18px; font-size:24px; line-height:1.6; color:var(--main-color); text-wrap:balance; }
.page_changesheet .sheet_sec .sheet_result .sheet_score .sheet_score_text { margin-top:12px; font-size:15px; line-height:1.9; }
.page_changesheet .sheet_sec .sheet_result .sheet_breakdown,
.page_changesheet .sheet_sec .sheet_result .sheet_points { margin-top:24px; padding:36px 48px; background:#fff; }
.page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_block_ttl,
.page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_block_ttl { font-size:20px; color:var(--main-color); text-align:center; }
.page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_block_lead,
.page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_block_lead { margin-top:10px; font-size:14px; line-height:1.8; text-align:center; }
.page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list { margin-top:24px; }
.page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list .sheet_breakdown_li { display:flex; align-items:center; gap:24px; padding:14px 8px; border-bottom:1px solid #e5e5e5; }
.page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list .sheet_breakdown_li .sheet_breakdown_name { flex-shrink:0; width:180px; font-size:16px; font-weight:700; color:var(--main-color); }
.page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list .sheet_breakdown_li .sheet_breakdown_dots { flex-grow:1; display:flex; gap:8px; }
.page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list .sheet_breakdown_li .sheet_breakdown_dots .sheet_dot { font-size:22px; line-height:1; color:#c9c9c9; }
.page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list .sheet_breakdown_li .sheet_breakdown_dots .sheet_dot.is_on { color:var(--point-color); }
.page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list .sheet_breakdown_li .sheet_breakdown_count { flex-shrink:0; font-size:16px; color:var(--sub-color); }
.page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list .sheet_breakdown_li.is_weak { background:#fff8e6; }
/* 見直したいポイント：下向き矢印のカード（定期巡回ページの流れと同じ形） */
.page_changesheet .sheet_sec .sheet_result .sheet_points_wrap { margin-top:24px; filter:drop-shadow(0 6px 15px rgba(0, 0, 0, 0.08)); }
.page_changesheet .sheet_sec .sheet_result .sheet_points_wrap .sheet_points { margin-top:0; padding-bottom:76px; clip-path:polygon(0 0, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px)); }
.page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_points_list { display:flex; flex-direction:column; gap:16px; margin-top:24px; }
.page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_points_list .sheet_point_item { padding:24px 28px; background:#FAFAFA; }
.page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_points_list .sheet_point_item .sheet_point_ttl { font-size:17px; color:var(--main-color); }
.page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_points_list .sheet_point_item .sheet_point_ul { margin-top:12px; }
.page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_points_list .sheet_point_item .sheet_point_ul .sheet_point_li { position:relative; padding-left:1.3em; font-size:15px; line-height:1.8; }
.page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_points_list .sheet_point_item .sheet_point_ul .sheet_point_li::before { content:"・"; position:absolute; left:0; color:var(--point-color); }
/* 結果表示中：チェックシートと相談セクション・もう一度ボタンを同じ背景色でつなげる */
.page_changesheet .add_section.sheet_sec.is_result { padding-bottom:0; }
.page_changesheet .common_page_features.sheet_consult_wrap { padding-top:0; }
.page_changesheet .common_page_features .attempt_sec.sheet_consult_sec { padding-block:48px; background-color:#f7f7f7; }
.page_changesheet .sheet_retry_area { padding-bottom:6em; background-color:#f7f7f7; }
.page_changesheet .sheet_retry_area .sheet_retry { display:flex; justify-content:center; }
.page_changesheet .sheet_retry_area .sheet_retry .sheet_retry_btn { width:fit-content; padding:12px 40px; background:#fff; border:1px solid #bbb; color:#666; font-size:15px; font-weight:700; cursor:pointer; }

/* STEP 6：相談への導線 */
.page_changesheet .common_page_features .attempt_sec.sheet_consult_sec .cont { align-items:flex-start; }
.page_changesheet .common_page_features .attempt_sec.sheet_consult_sec .text_area .sheet_consult_btns { display:flex; flex-direction:column; gap:12px; max-width:400px; margin-top:32px; }
.page_changesheet .common_page_features .attempt_sec.sheet_consult_sec .text_area .sheet_consult_btns .sheet_consult_btn { display:flex; align-items:center; justify-content:center; width:100%; min-height:54px; padding:0 40px; background-color:var(--point-color); color:#fff; font-size:15px; font-weight:700; letter-spacing:.08em; }
.page_changesheet .common_page_features .attempt_sec.sheet_consult_sec .text_area .sheet_consult_btns .sheet_consult_btn.-sub { background-color:var(--main-color); }
.page_changesheet .common_page_features .attempt_sec.sheet_consult_sec .text_area .sheet_consult_btns .sheet_consult_btn.-line { background-color:#fff; border:1px solid var(--main-color); color:var(--main-color); }

@media (max-width:750px){
  .page_changesheet .common_page_features .catch_sec { padding-bottom:15vw; }
  .page_changesheet .sheet_sec .sheet_intro .sheet_intro_list { flex-wrap:wrap; gap:2.7vw; margin-top:8vw; }
  .page_changesheet .sheet_sec .sheet_intro .sheet_intro_list .sheet_intro_li { width:calc((100% - 2.7vw) / 2); padding:4.3vw 2.7vw; }
  .page_changesheet .sheet_sec .sheet_intro .sheet_intro_list .sheet_intro_li .sheet_intro_num { font-size:5.3vw; }
  .page_changesheet .sheet_sec .sheet_intro .sheet_intro_list .sheet_intro_li .sheet_intro_name { font-size:3.7vw; }
  .page_changesheet .sheet_sec .sheet_intro .sheet_start { margin-top:8vw; }
  .page_changesheet .sheet_sec .sheet_intro .sheet_start .sheet_start_btn { min-width:0; width:100%; padding:4.8vw 0; font-size:4.3vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_step_list { gap:1.1vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_step_list .sheet_step_li { padding:2.4vw 0.5vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_step_list .sheet_step_li .sheet_step_num { font-size:2.7vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_step_list .sheet_step_li .sheet_step_name { display:none; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_progress { gap:3.2vw; margin-top:5.3vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_progress .sheet_progress_text { font-size:3.7vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_card { margin-top:4.3vw; padding:8.5vw 5.3vw 7.5vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_card_qnum { font-size:8vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_card_category { margin-top:2.1vw; font-size:3.5vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_card_question { margin-top:4.3vw; font-size:4.5vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_answer { gap:3.2vw; margin-top:6.4vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_answer .sheet_answer_btn { width:36vw; padding:4.3vw 0; font-size:4.3vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_nav { gap:3.2vw; margin-top:7.5vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_card .sheet_nav .sheet_nav_btn { width:32vw; padding:3.2vw 0; font-size:3.7vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_note { margin-top:5.3vw; padding:6.4vw 5.3vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_note .sheet_note_ttl { font-size:4.3vw; }
  .page_changesheet .sheet_sec .sheet_quiz .sheet_note .sheet_note_text { font-size:3.5vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_score { margin-top:8vw; padding:8.5vw 5.3vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_score .sheet_score_label { font-size:3.7vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_score .sheet_score_num { font-size:12.8vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_score .sheet_score_judge { font-size:5.1vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_score .sheet_score_text { font-size:3.7vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_breakdown,
  .page_changesheet .sheet_sec .sheet_result .sheet_points { margin-top:5.3vw; padding:7.5vw 5.3vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_block_ttl,
  .page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_block_ttl { font-size:4.8vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_block_lead,
  .page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_block_lead { font-size:3.5vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list .sheet_breakdown_li { flex-wrap:wrap; gap:2.1vw 4.3vw; padding:3.7vw 2.1vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list .sheet_breakdown_li .sheet_breakdown_name { width:100%; font-size:4vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list .sheet_breakdown_li .sheet_breakdown_dots { gap:2.1vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list .sheet_breakdown_li .sheet_breakdown_dots .sheet_dot { font-size:5.3vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_breakdown .sheet_breakdown_list .sheet_breakdown_li .sheet_breakdown_count { font-size:4vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_points_wrap { margin-top:5.3vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_points_wrap .sheet_points { margin-top:0; padding-bottom:18.2vw; clip-path:polygon(0 0, 100% 0, 100% calc(100% - 10.7vw), 50% 100%, 0 calc(100% - 10.7vw)); }
  .page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_points_list { gap:4.3vw; margin-top:5.3vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_points_list .sheet_point_item { padding:5.3vw 4.3vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_points_list .sheet_point_item .sheet_point_ttl { font-size:4.1vw; }
  .page_changesheet .sheet_sec .sheet_result .sheet_points .sheet_points_list .sheet_point_item .sheet_point_ul .sheet_point_li { font-size:3.7vw; }
  .page_changesheet .common_page_features .attempt_sec.sheet_consult_sec { padding-block:10.7vw; }
  .page_changesheet .sheet_retry_area { padding-bottom:16vw; }
  .page_changesheet .sheet_retry_area .sheet_retry .sheet_retry_btn { padding:3.2vw 8.5vw; font-size:3.7vw; }
  .page_changesheet .common_page_features .attempt_sec.sheet_consult_sec .text_area .sheet_consult_btns { gap:3.2vw; max-width:none; margin-top:7.5vw; }
  .page_changesheet .common_page_features .attempt_sec.sheet_consult_sec .text_area .sheet_consult_btns .sheet_consult_btn { width:100%; min-height:13.3vw; padding:0; font-size:3.9vw; }
}