@charset "UTF-8";

@media screen and (max-width: 1024px) {
    #contents {
        margin-top: 3rem;
    }
    #list_sec .list_box {
        margin: 30px 2.5% 20px;
    }
    #list_sec .con_bnr a {
        font-size: 2.5vw;
    }
    #list_sec .list_tbl {
        width: 95%;
    }
    #re_sec .gaiyou {
        margin: 0 2.5%;
    }
    #re_sec .gaiyou .gaiyou_rent_wrap {
        width: auto;
    }
    #re_sec table {
        margin: 0 auto;
        width: 95%;
    }
    #re_sec .con_bnr a {
        font-size: 2.5vw;
    }

}

@media screen and (max-width: 767px) {
    #contents {
        margin-top: 2rem;
    }
    
    #list h2 {
        font-size: 8vw;
        margin: 0 0 1.5rem;
    }
    #list_sec h3 {
        align-items: flex-start;
    }
    #list_sec .list_box {
        margin: 30px 2.5% 20px;
        display: block;
    }
    
    #list_sec .list_box > div {
        margin-right: 0;
    }
    
    #list_sec .list_box > div img {
        max-width: 60%;
        display: block;
        margin: 0 auto;
    }
    
    #list_sec .list_box table {
        margin-top: 2rem;
        width: 100%;
    }
    
    #list_sec .list_tbl.pc {
        display: none;
    }
    
    #list_sec .list_tbl {
        display: block;
        border-top: none;
    }
    #list_sec .list_tbl tbody {
        border-top: none;
    }
    
    #list_sec .list_tbl th {
        border-top: 1px solid #bdc8ca;
    }
    
    #list_sec .list_tbl th,#list_sec .list_tbl td {
        display: block;
        width: auto;
    }
    
    #list_sec .list_tbl td.map img {
        height: auto;
        display: block;
        margin: 0 auto;
    }
    
    #list_sec .con_bnr a {
        font-size: 4.5vw;
        padding: 15px 0;
        border-radius: 48px;
        width: 95%;
    }
    
    #re_sec .restabl {
        width: 100%;
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-all;
    }
    
    #re_sec .gaiyou {
        display: block;
    }
    
    #re_sec .restabl th {
        display: block;
        width: auto;
    }
    
    #re_sec .restabl td {
        display: block;
        width: auto;
        border: none;
    }
    
    #re_sec {
        padding: 0 2.5%;
    }
    
    #re_sec h2 {
        font-size: 8vw;
        margin: 0 0 1.5rem;
    }
        
    #re_sec h3 .h3type {
        white-space: nowrap;
    }
    #re_sec h3 .h3 span {
        display: block;
    }
    #re_sec .gaiyou .contact {
        width: 100%;
        margin-top: 20px;
    }
    #re_sec .gaiyou .contact .bnr a .fas {
        display: inline-block;
    }

    #re_sec .gaiyou .contact dl {
        margin-top: 15px;
    }
    #thumb {
        width: 100%;
    }
    #thumb img {
        height: 70px;
    }
    #re_sec .con_bnr {
        margin: 30px 0 0;
    }
    #re_sec .con_bnr a, #re_sec .gaiyou .contact .bnr a {
        font-size: 4.5vw;
        padding: 15px 0;
        border-radius: 48px;
        width: 95%;
    }
    #re_sec .spec {
        justify-content: center;
    }
    #re_sec .spec li.active {
        margin: 0 4px 10px;
    }
    
}