@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
    .non_thum_list li {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .non_thum_list li .link {
        display: block;
        flex: 1;
        min-width: 0;
    }

    .at_ttl {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .tp_sec01 {
        h2 {
            margin-top: -1em;
        }
    }

    .pc_on2 {
        display: block;
    }

    .sp_on2 {
        display: none;
    }

    .anchor {
        scroll-margin-top: 110px;
    }

    .sticky_box .sticky_ul li a.tel_link::before {
        content: none;
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .gnav .gnav__inr .header-drawer-nav {
            margin-left: 30%;
        }

        .tp_sec02 {
            .layout_a .imgbox {
                width: 50%;
                margin-left: 30px;
            }
        }

        &.about-us {
            .sec01 {
                .layout_b .imgbox {
                    width: 45%;
                    margin-right: 60px;
                }
            }
        }

        &.our-strengths {
            .sec02 {
                .layout_b .imgbox {
                    margin-right: 80px;
                    width: 50%;
                }

                .layout_a .imgbox {
                    margin-left: 80px;
                    width: 50%;
                }
            }
        }

        &.purchase,
        &.sale {
            .sec01 {
                .layout_b .imgbox {
                    margin-right: 80px;
                    width: 50%;
                }

                .layout_a .imgbox {
                    margin-left: 80px;
                    width: 50%;
                }
            }
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .gnav .gnav__inr {
            width: 70%;
        }

        main section .page_title {
            width: 100%;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .pc_on2 {
            display: none;
        }

        .sp_on2 {
            display: block;
        }

        .gnav .gnav__inr {
            width: 100%;
        }

        #a02.anchor {
            scroll-margin-top: 200px;
        }

        #a01.anchor {
            scroll-margin-top: 700px;
        }

        .tbl_list02 li .list_ttl {
            width: 20%;
        }

        .tbl_list02 li:before {
            width: 26%;
        }

        .sticky_box .sticky_ul li {
            width: calc((100% - 0px) / 3);
        }

        #page_top {
            display: none !important;
        }
    }
}