@charset "UTF-8";

/* ======================================
   管理会社変更ページ（pageTemplate/page-change.php）
====================================== */

/* FV見出し：2行目が1行に収まる大きさにする */
.page_change .top_fv .wrap .inner .cont .h1_box .h1_text { font-size: 52px; }

/* FV右ボックス：チェックシートと資料請求への導線 */
.page_change .top_fv .fv_form_pc .title_box .text_box .catch { font-size: 24px; }
.page_change .top_fv .fv_form_pc .form_inner { padding: 20px 28px 26px; }
.page_change .top_fv .fv_form_pc .form_inner .fv_guide_item + .fv_guide_item { margin-top: 22px; padding-top: 22px; border-top: 1px solid #e5e5e5; }
.page_change .top_fv .fv_form_pc .form_inner .fv_guide_item .fv_guide_ttl { font-size: 17px; font-weight: 700; color: var(--main-color); letter-spacing: .05em; }
.page_change .top_fv .fv_form_pc .form_inner .fv_guide_item .fv_guide_text { margin-top: 8px; font-size: 14px; line-height: 1.8; }
.page_change .top_fv .fv_form_pc .form_inner .fv_guide_item .fv_guide_list { margin-top: 12px; padding: 12px 18px; background: #FAFAFA; }
.page_change .top_fv .fv_form_pc .form_inner .fv_guide_item .fv_guide_list .fv_guide_li { font-size: 14px; font-weight: 700; color: var(--main-color); line-height: 1.6; padding-left: 1.2em; position: relative; }
.page_change .top_fv .fv_form_pc .form_inner .fv_guide_item .fv_guide_list .fv_guide_li::before { content: "✓"; position: absolute; left: 0; color: var(--point-color); }
.page_change .top_fv .fv_form_pc .form_inner .fv_guide_item .fv_guide_list .fv_guide_li + .fv_guide_li { margin-top: 4px; }
.page_change .top_fv .fv_form_pc .form_inner .fv_guide_item .fv_guide_btn { display: flex; align-items: center; justify-content: center; margin-top: 14px; min-height: 50px; background-color: var(--point-color); color: #fff; font-size: 15px; font-weight: 700; letter-spacing: .1em; position: relative; }
.page_change .top_fv .fv_form_pc .form_inner .fv_guide_item .fv_guide_btn::after { content: ""; position: absolute; top: 50%; right: 25px; translate: 0 -50%; width: 7px; aspect-ratio: 1; border-right: 2px solid #fff; border-bottom: 2px solid #fff; rotate: -45deg; }
.page_change .top_fv .fv_form_pc .form_inner .fv_guide_item .fv_guide_btn.-green { background-color: var(--main-color); }

/* 乗り換えで変わること：各サービスページへのリンク */
.page_change .common_page_features .bg .add_section .checklist_wrap .check_item .text_area .txt .change_detail_link { display: inline-block; margin-top: 0.6em; color: var(--main-color); text-decoration: underline; }

/* 見直しの導線：右列が写真より高いため、写真を下端ではなく上端にそろえる（既存は flex-end） */
.page_change .common_page_features .attempt_sec.change_guide_sec .cont { align-items: flex-start; }

/* 見直しの導線：ボタンは文言に合わせた幅 */
.page_change .common_page_features .attempt_sec.change_guide_sec .text_area .change_guide_btn { margin-top: 32px; }
.page_change .common_page_features .attempt_sec.change_guide_sec .text_area .change_guide_btn .btn { width: fit-content; padding: 0 48px; }

/* 賃貸管理開始までの流れ */
.page_change .top_case_sec.change_flow_sec { background-color: #f7f7f7; }
.page_change .top_case_sec.change_flow_sec .common_case_area .common_case_list { margin-top: 20px; }
.page_change .top_case_sec.change_flow_sec .common_case_area .common_case_list .tab_content .change_flow_hidden_ttl { display: none; }

/* 知っておきたいこと：段落間の余白 */
.page_change .area_custom_sec .zigzag-list .zigzag-item .text-box .text + .text { margin-top: 1em; }

@media (max-width: 750px) {
    .page_change .top_fv .wrap .inner .cont .h1_box .h1_text { font-size: 10vw; }
    .page_change .common_page_features .attempt_sec.change_guide_sec .text_area .change_guide_btn { margin-top: 8.5vw; }
    .page_change .common_page_features .attempt_sec.change_guide_sec .text_area .change_guide_btn .btn { width: 100%; padding: 0 4.3vw; }
    .page_change .top_case_sec.change_flow_sec .common_case_area .common_case_list { margin-top: 5.3vw; }
}