/* 家族情報・建物情報：スマホ・狭幅（顧客詳細と同方針：stackable グリッド、unstackable 表、横スクロール） */

@media (max-width: 768px) {
    .family_confidential_page,
    .structure_confidential_page,
    .free_inspect_page {
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }

    .family_confidential_page .ui.main.container.fixed_header.report_page,
    .structure_confidential_page .ui.main.container.fixed_header.report_page,
    .free_inspect_page .ui.main.container.fixed_header.report_page {
        width: 100% !important;
        max-width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
        box-sizing: border-box;
    }

    .family_confidential_page h2.ui.dividing.header,
    .structure_confidential_page h2.ui.dividing.header,
    .free_inspect_page h2.ui.dividing.header {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .family_confidential_page h2.ui.dividing.header .btn_wrap,
    .structure_confidential_page h2.ui.dividing.header .btn_wrap,
    .free_inspect_page h2.ui.dividing.header .btn_wrap {
        align-self: flex-start;
    }

    .family_confidential_page .gridtable.cols-2,
    .structure_confidential_page .gridtable.cols-2 {
        grid-template-columns: minmax(0, 1fr);
    }

    .family_confidential_page .gridtable.cols-2 dt,
    .structure_confidential_page .gridtable.cols-2 dt {
        margin-top: 0.5rem;
    }

    .family_confidential_page .gridtable.cols-2 dt:first-child,
    .structure_confidential_page .gridtable.cols-2 dt:first-child {
        margin-top: 0;
    }

    .family_confidential_page .gridtable.cols-2 dd,
    .structure_confidential_page .gridtable.cols-2 dd {
        word-break: break-word;
        overflow-wrap: anywhere;
        align-items: flex-start;
    }

    .family_confidential_page .gridtable.cols-4,
    .structure_confidential_page .gridtable.cols-4 {
        grid-template-columns: minmax(0, 1fr);
    }

    .family_confidential_page .gridtable.cols-4 .span3col,
    .structure_confidential_page .gridtable.cols-4 .span3col {
        grid-column: auto;
    }

    .family_confidential_page .gridtable.cols-4 dt,
    .structure_confidential_page .gridtable.cols-4 dt {
        margin-top: 0.4rem;
    }

    .family_confidential_page .gridtable.cols-4 dt:first-child,
    .structure_confidential_page .gridtable.cols-4 dt:first-child {
        margin-top: 0;
    }

    .family_confidential_page .gridtable dt,
    .family_confidential_page .gridtable dd,
    .structure_confidential_page .gridtable dt,
    .structure_confidential_page .gridtable dd {
        min-width: 0;
    }

    .family_confidential_page .gridtable dd ol,
    .structure_confidential_page .gridtable dd ol {
        font-size: 0.9rem;
    }

    .family_confidential_page .commentbox,
    .structure_confidential_page .commentbox {
        max-width: 100%;
        word-break: break-word;
        overflow-wrap: anywhere;
    }

    /* 建物状況ブロック内の入力がはみ出さないよう */
    .structure_confidential_page .structure_area .select_input,
    .structure_confidential_page .structure_area .num_input {
        max-width: 100%;
        box-sizing: border-box;
    }

    .structure_confidential_page .structure_area dd {
        flex-wrap: wrap;
    }

    /* 家族一覧テーブル */
    .family_confidential_page .family_table_scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
    }

    .family_confidential_page .family_table_scroll table.ui.table th,
    .family_confidential_page .family_table_scroll table.ui.table td {
        white-space: normal;
    }

    .family_confidential_page .family_table {
        min-width: 960px;
    }

    /* 室内一覧テーブル */
    .structure_confidential_page .structure_table_scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
    }

    .structure_confidential_page .structure_table_scroll table.ui.table th,
    .structure_confidential_page .structure_table_scroll table.ui.table td {
        white-space: normal;
    }

    .structure_confidential_page .structure_table {
        min-width: 880px;
    }
}