/* ---------- 徳島賃貸ナビヘッダー ---------- */
#tintai #header .tintai-header-logo {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    width: 94%;
    max-width: 1200px;
    /* height: 130px; */
    overflow: hidden;
    margin: 0 auto;
    margin-top: 2.5rem;
    padding-bottom: 1.5rem;
}

#tintai #header .tintai-header-logo .logo-box {
    width: 100%;
    max-width: 415px;
    min-width: 240px;
    height: auto;
    overflow: hidden;
    float: left;
}

#tintai #header .tintai-header-logo .logo-box a {
    display: block;
    width: 100%;
    max-width: 415px;
    min-width: 240px;
    height: 0;
    overflow: hidden;
    background-image: url("images/chintai_logo.png");
    background-size: auto 35px;
    background-repeat: no-repeat;
    padding-top: 60px;
    margin-top: 35px;
    background-position: left 2px;
}

#tintai #header h1 {
    font-size: 1.6rem;
    position: absolute;
    top: 1rem;
    left: 0;
    font-weight: normal;
    margin-top: 0;
}

#tintai #header .tintai-header-tel {
    width: 50%;
    height: 100px;
    float: left;
    padding-top: 20px;
}

#tintai #header .tintai-header-tel dt {
    display: block;
    width: 100%;
    height: auto;
    font-size: 1.6rem;
    color: var(--main-color);
    text-align: center;
}

#tintai #header .tintai-header-tel dd {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 4rem;
    font-weight: bold;
    color: #333;
}

#tintai #header .tintai-header-logo .city-logo {
    display: block;
    width: 50%;
    max-width: 437px;
    height: 0;
    overflow: hidden;
    padding-top: 90px;
    margin-top: 1rem;
    background-image: url("images/logo.jpg");
    background-size: 100% auto;
    background-position: right center;
    background-repeat: no-repeat;
    float: left;
}

/* ---------- 徳島賃貸ナビメインメニュー ---------- */
#tintai #tintai-main-menu {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: var(--main-color);
}

#tintai #tintai-main-menu .menu-box {
    width: 100%;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    font-size: 1.4rem;
}

#tintai #tintai-main-menu .menu-box ul,
#tintai #tintai-main-menu .menu-box li {
    list-style: none;
}

#tintai #tintai-main-menu .menu-box li a {
    position: relative;
    display: block;
    width: 200px;
    height: auto;
    color: #ffffff;
    text-decoration: none;
    float: left;
    font-weight: bold;
    padding: 1.5rem 0.5rem;
    padding-left: 4.5rem;
    border-left: solid 1px rgba(255, 255, 255, 0.6);
    background-size: auto 2.5rem;
    background-position: 1rem center;
    background-repeat: no-repeat;
}

#tintai #tintai-main-menu .menu-box li.last a {
    border-right: solid 1px rgba(255, 255, 255, 0.6);
}

#tintai #tintai-main-menu .menu-box li a::after {
    content: "";
    width: 0px;
    height: 1px;
    background-color: var(--main-color);
    position: absolute;
    bottom: 0.4rem;
    left: 4px;
    -webkit-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#tintai #tintai-main-menu .menu-box li:hover a::after {
    background-color: #ffffff;
    width: 96%;
}

#tintai #tintai-main-menu .menu-box li.menu01 a {
    background-image: url("images/sa_condition_w.png");
}

#tintai #tintai-main-menu .menu-box li.menu02 a {
    background-image: url("images/gakusei_w.png");
}

#tintai #tintai-main-menu .menu-box li.menu03 a {
    background-image: url("images/houjin_w.png");
}

#tintai #tintai-main-menu .menu-box li.menu04 a {
    background-image: url("images/owner_w.png");
}

#tintai #tintai-main-menu .menu-box li.menu05 a {
    background-image: url("images/nyukyotyu_w.png");
}

#tintai #tintai-main-menu .menu-box li.menu06 a {
    background-image: url("images/kaisya_gaiyou_w.png");
}

#tintai #top-search {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #aadaff;
    position: relative;
}

#tintai #top-search .top-search-body {
    width: 100%;
    max-width: 1200px;
    height: 840px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

#tintai #top-search .mapbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 840px;
    background-image: url("images/ground.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 840px;
}

#tintai #top-search .top-form-box {
    width: 550px;
    height: auto;
    margin-top: 20px;
    float: right;
    /* box-shadow: 5px 5px 10px -5px; */
    border-radius: 0 0 10px 10px;
}

#tintai #top-search .top-form-box h2 {
    width: 100%;
    height: 50px;
    color: var(--main-color);
    font-size: 1.8rem;
    line-height: 50px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    background-color: var(--main-color);
}

#tintai #top-search .top-search-form {
    width: 100%;
    height: 750px;
    overflow: hidden;
    padding: 1rem 2rem;
    background-color: #ffffff;
    font-size: 1.6rem;
}

#tintai #top-search .form-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 0.5rem;
    border-bottom: dotted 1px #666;
    padding: 0.2rem 0;
}

#tintai #top-search .top-search-form dt {
    font-size: 1.6rem;
    color: var(--main-color);
}

#tintai #top-search .area-box {
    padding: 0;
    border: none;
}

#tintai #top-search .area {
    position: absolute;
    width: auto;
    height: auto;
    background-color: rgba(255, 255, 255, 1.0);
    padding: 0.5rem 0.6rem;
    color: var(--main-color);
    font-size: 1.4rem;
    border: solid 1px var(--main-color);
    border-radius: 5px;
    text-align: center;
}

#tintai #top-search .fukidashi {
    display: none;
    width: 200px;
    position: absolute;
    top: 35px;
    left: 0px;
    padding: 1rem;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.9);
    color: #666;
    z-index: 999;
    text-align: left;
}

#tintai #top-search .area .area-button:hover+.fukidashi {
    display: block;
    font-size: 1.6rem;
}

#tintai #top-search .area0 {
    left: 200px;
    top: 380px;
}

#tintai #top-search .area0 .fukidashi {
    width: 480px;
    left: -170px;
    text-align: center;
}

#tintai #top-search .area1 {
    left: 280px;
    top: 430px;
}

#tintai #top-search .area1_hidden {
    display: none;
}

#tintai #top-search .area1 .fukidashi {
    width: 350px;
    left: -110px;
    text-align: center;
}

#tintai #top-search .area2 {
    left: 140px;
    top: 430px;
}

#tintai #top-search .area2_hidden {
    display: none;
}

#tintai #top-search .area2 .fukidashi {
    width: 350px;
    left: -120px;
    text-align: center;
}

#tintai #top-search .area3 {
    left: 210px;
    top: 480px;
}

#tintai #top-search .area3_hidden {
    display: none;
}

#tintai #top-search .area3 .fukidashi {
    width: 420px;
    left: -160px;
    text-align: center;
}

#tintai #top-search .area4 {
    left: 210px;
    top: 290px;
}

#tintai #top-search .area4 .fukidashi {
    width: 200px;
    left: -30px;
    text-align: center;
}

#tintai #top-search .area5 {
    left: 280px;
    top: 100px;
}

#tintai #top-search .area5 .fukidashi {
    text-align: center;
    left: -50px;
}

#tintai #top-search .area6 {
    left: 140px;
    top: 240px;
}

#tintai #top-search .area6 .fukidashi {
    width: 250px;
    left: -40px;
    text-align: center;
}

#tintai #top-search .area7 {
    left: 350px;
    top: 560px;
}

#tintai #top-search .area7 .fukidashi {
    left: -50px;
}

#tintai #top-search .area7 .fukidashi {
    text-align: center;
    top: -50px;
}

#tintai #top-search .area9 {
    left: 0px;
    top: 370px;
}

#tintai #top-search .area9 .fukidashi {
    width: 300px;
    text-align: center;
}

#tintai #top-search .area10 {
    left: 450px;
    top: 620px;
}

#tintai #top-search .area10 .fukidashi {
    top: -50px;
    left: -40px;
    text-align: center;
}

#tintai form-box dt,
#tintai form-box dd {
    list-style: none;
}

#tintai form-box dd {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

#tintai #top-search .type {
    width: 20%;
    float: left;
}

#tintai #top-search .rent-box .rent-main {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#tintai #top-search .rent-box .rent {
    width: 40%;
    height: auto;
    float: left;
}

#tintai #top-search .rent-box .kara {
    width: 10%;
    height: auto;
    float: left;
    text-align: center;
}

#tintai #top-search .rent-box select {
    width: 100%;
    height: auto;
    padding: 0.5rem 0;
    font-size: 1.4rem;
    color: #666;
}

#tintai #top-search .rent-sub {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0.5rem;
}

#tintai #top-search .rent-sub .rent-check01 {
    width: 50%;
    height: auto;
    float: left;
}

#tintai #top-search .rent-sub .rent-check02,
#tintai #top-search .rent-sub .rent-check03 {
    width: 25%;
    height: auto;
    float: left;
}

#tintai #top-search .room {
    width: 25%;
    float: left;
}

#tintai #top-search .structure {
    width: auto;
    float: left;
    margin-right: 8rem;
}

#tintai #top-search .structure3,
#tintai #top-search .structure4 {
    display: none;
}

#tintai #top-search .years {
    width: 20%;
    float: left;
}

#tintai #top-search .dimensions-box .dimensions {
    width: 40%;
    height: auto;
    float: left;
}

#tintai #top-search .dimensions-box .kara {
    width: 10%;
    height: auto;
    float: left;
    text-align: center;
}

#tintai #top-search .dimensions-box select {
    width: 100%;
    height: auto;
    padding: 0.5rem 0;
    font-size: 1.4rem;
    color: #666;
}

#tintai #top-search .heqs {
    width: 25%;
    float: left;
}

#tintai #top-search .p-heqs {
    width: 33.3%;
    float: left;
}

#tintai #top-search .p-heqs-hidden {
    display: none;
}

#tintai #top-search .submit_button input[type="submit"] {
    display: block;
    width: max-content;
    height: auto;
    padding: 1rem 0.5rem;
    margin: 1rem auto;
    background-color: var(--main-color);
    color: #ffffff;
    border: none;
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: bold;
}

#tintai #top-search .button-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}

#tintai #top-search .button-box .reset-button,
#tintai #top-search .button-box .submit_button {
    width: 49%;
}

#tintai #top-search .reset-button input[type="reset"] {
    display: block;
    width: 90%;
    height: auto;
    padding: 1rem 0.5rem;
    margin: 0 auto;
    color: var(--main-color);
    text-align: center;
    border: solid 1px var(--main-color);
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: bold;
    background-image: linear-gradient(0deg, #fff 25%, rgba(255, 0, 31, 0.1) 25%, rgba(255, 0, 31, 0.1) 50%, #fff 50%, #fff 75%, rgba(255, 0, 31, 0.1) 75%, rgba(255, 0, 31, 0.1));
    background-size: 5px 5px;
    background-color: #ffffff;
    cursor: pointer;
}

#tintai #top-search .submit_button .btn {
    display: block;
    width: 90%;
    height: auto;
    padding: 1rem 0.5rem;
    margin: 0 auto;
    color: var(--main-color);
    text-align: center;
    border: solid 1px var(--main-color);
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: bold;
    background-image: linear-gradient(0deg, #fff 25%, rgba(255, 0, 31, 0.1) 25%, rgba(255, 0, 31, 0.1) 50%, #fff 50%, #fff 75%, rgba(255, 0, 31, 0.1) 75%, rgba(255, 0, 31, 0.1));
    background-size: 5px 5px;
    text-decoration: none;
    cursor: pointer;
}

#tintai #top-search .more-condition {
    margin-top: 1rem;
    cursor: pointer;
}

#tintai #top-number {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 600px;
    height: auto;
    overflow: hidden;
}

#tintai #top-number .top-number-box {
    width: 80%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
}

#tintai #top-number .top-number-box dl,
#tintai #top-number .top-number-box dt,
#tintai #top-number .top-number-box dd {
    list-style: none;
}

#tintai #top-number .top-number-box dt,
#tintai #top-number .top-number-box dd {
    display: block;
    width: 50%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    padding: 1rem;
}

#tintai #top-number .top-number-box dd {
    color: var(--main-color);
}

#tintai #top-search .display-area {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 2rem 0;
    background-color: rgba(229, 0, 27, 0.7);
    z-index: 100;
}

#tintai #top-search .display-box {
    width: 100%;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

#tintai #top-search .display-box .match-number {
    width: 50%;
    height: auto;
    padding: 0.5rem;
    color: #ffffff;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    float: left;
}

#tintai #top-search .display-box .submit_button {
    width: 50%;
    height: auto;
    float: left;
}

#tintai #top-search .display-box .submit_button .btn {
    width: max-content;
    height: auto;
    padding: 0.5rem 2rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: var(--main-color);
    background-color: #ffffff;
    border-radius: 0.5rem;
    margin: 0 auto;
}

/* ---------- 徳島賃貸ナビ メイン ---------- */
#tintai .search {
    overflow: auto;
}

#tintai .search_ul {
    width: 94%;
    max-width: 1200px;
}

#tintai #main #content {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
}

#tintai #content .search li {
    width: calc(100%/3 - 2rem);
    margin: 0 auto;
}

#tintai #content .search li img {
    width: 5rem;
    height: 5rem;
    display: flex;
    margin: 0 auto;
}

#tintai #content .search li.search-raiten {
    margin-right: 0;
}

#tintai #content .search li a {
    display: flex;
    align-items: center;
    width: 100%;
}

#tintai .accordion {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#tintai #content .link-text-box {
    display: block;
    width: auto;
    padding: 0.2rem 2rem;
    padding-left: 0;
    margin: 0 auto;
    font-size: 21px;
    letter-spacing: 3px;
    text-align: center;
    color: #fff;
}

#tintai #content .link-text-box- {
    letter-spacing: 1px;
}

#tintai #content .link-text-sub {
    font-size: 14px;
}


#content .search li a {
    display: flex;
    align-items: center;
    background-image: linear-gradient(90deg, #ff6c1b, #ff5e00 30%, #ff5e00 80%, #ff6c1b);
    border-radius: 5rem;
}

#tintai #content details a {
    background-color: #fff;
    border-radius: 0;
}

.search-p {
    display: flex;
    justify-content: center;
    padding-top: 0.5rem;
}

.search p {
    display: inline-block;
}

.search-map-img-div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    background-color: #fff;
    border-radius: 50%;
    border: solid 0.5rem var(--main-color);
    border-right: 0;
}

.gakkou_summary {
    display: flex;
    align-items: center;
    background-image: linear-gradient(90deg, #ff6c1b, #ff5e00 30%, #ff5e00 80%, #ff6c1b);
    border-radius: 5rem;
}

/* ---------- 実施中のキャンペーン ---------- */

#tintai .campaign-yoyaku a {
    display: block;
    width: 100%;
    max-width: 1200px;
    height: 0;
    padding-top: 300px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url("images/yoyaku_campain.png");
    background-size: 100% auto;
}

/* ---------- 来店せずにお部屋を探す ---------- */

#tintai .online_method .method-list {
    background-image: none;
    padding: 0;
    margin: 0 auto;
}

#tintai .tintai-line-vr {
    display: flex;
    justify-content: space-between;
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
}

#tintai .tintai-line-vr a {
    width: calc(100%/2 - 1rem);
    text-decoration: none;
}

#tintai .tintai-line-vr img {
    width: 100%;
}

#tintai .tintai-line img {
    border-bottom: solid 4px #06c755;
}

#tintai .tintai-vr img {
    border-bottom: solid 4px #29affc;
}

/* ---------- カテゴリー別物件特集 ---------- */
#tintai .category-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

#tintai .category-item {
    width: 232px;
    height: auto;
    overflow: hidden;
    margin-left: 10px;
    float: left;
    border: solid 1px #aaa;
    margin-bottom: 20px;
}

#tintai .category-item a {
    text-decoration: none;
}

#tintai .category01,
#tintai .category06 {
    margin-left: 0;
}

#tintai .category-item .image-area {
    width: 100%;
    height: 230px;
}

#tintai .category-item .image-area img {
    width: 100%;
    height: auto;
}

#tintai .category-item .text-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 1rem;
    text-align: center;
    color: #333;
    font-size: 1.5rem;
    border-top: solid 1px #aaa;
}

#tintai .search_category {
    width: 93%;
    margin: 2.5rem auto 0;
    padding: 2.5rem 0;
    background-color: var(--main-color);
}

#tintai .search_category h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 2rem;
    color: #fff;
}

#tintai .search_category ul {
    width: 94%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#tintai .search_category li {
    width: 100%;
    font-size: 1.6rem;
    height: 8rem;
    display: flex;
    align-items: center;
    list-style: none;
}

#tintai .search_category a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 6rem;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    background-color: #ffffff;
    /* box-shadow: 0.5rem 0.5rem 0 #fcde34; */
}

#tintai .search_category_item {
    width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
    #tintai .summary_menu::before {
        left: 90%;
    }

    #tintai #content .link-text-box {
        font-size: min(3vw, 21px);
        letter-spacing: 1px;
    }
}

@media only screen and (max-width: 768px) {
    #tintai #main {
        width: 100%;
    }

    #tintai #content .daigaku {
        margin: 0 auto;
    }

    #tintai #content .daigaku_list {
        padding: 0;
        margin: -10px auto;
        padding: 2rem 0;
    }

    #tintai #content .daigaku_list li a {
        width: 100%;
        padding-top: 0%;
        margin: 0 auto 1rem;
    }

    /* ---------- スマホ 徳島賃貸ナビ ---------- */

    #tintai #header h1 {
        font-size: 1.4rem;
        width: 100%;
        position: none;
        margin: 0;
        left: 0;
    }

    #tintai #header .tintai-header-logo {
        display: block;
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 1.8rem;
    }

    #tintai #header .tintai-header-logo .logo-box {
        width: 40%;
        min-width: 0px;
    }

    #tintai #header .tintai-header-logo .logo-box a {
        width: 100%;
        min-width: 0px;
        padding-top: 20%;
        margin-top: 2rem;
        background-size: 100% auto;
    }

    #tintai #header .tintai-header-tel {
        width: 100%;
        height: auto;
        float: none;
        padding-top: 0;
    }

    #tintai #header .tintai-header-tel dt {
        display: block;
        font-size: 1.4rem;
    }

    #tintai #header .city-logo {
        width: 50%;
        margin-top: 0.7rem;
    }

    #tintai #header .tintai-header-logo .city-logo {
        width: 100%;
        max-width: 580px;
        height: 0;
        padding-top: 15%;
        margin-top: 3rem;
        float: none;
    }

    #tintai .sp_menubox_tel {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
    }

    #tintai .sp_menubox_tel02 {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin: 0 auto;
        padding-bottom: 1rem;
    }

    #tintai .breadcrumb {
        position: relative;
        width: 100%;
        position: static;
        margin-bottom: -2.3rem;
    }

    #tintai #tintai-main-menu .menu-box {
        width: 100%;
    }

    #tintai #tintai-main-menu .menu-box li a {
        width: 50%;
        height: 6rem;
    }

    #tintai #tintai-main-menu .menu-box li.menu01 a,
    #tintai #tintai-main-menu .menu-box li.menu02 a,
    #tintai #tintai-main-menu .menu-box li.menu03 a,
    #tintai #tintai-main-menu .menu-box li.menu04 a {
        border-bottom: solid 1px rgba(255, 255, 255, 0.6);
    }

    #tintai #tintai-main-menu .menu-box li.last a {
        border-right: none;
    }

    #tintai #top-search .mapbox {
        width: 100%;
        background-size: 200% auto;
        background-position: right 18% top;
    }

    #tintai #top-search .top-search-body {
        width: 100%;
        height: auto;
        padding-top: 0;
        padding-bottom: 36%;
    }

    #tintai #top-search .top-form-box {
        float: none;
        width: 94%;
        margin: 0 auto;
        margin-top: 145%;
    }

    #tintai #top-search .area0 .fukidashi {
        width: 300px;
        left: -120px;
        text-align: center;
    }

    #tintai #top-search .area5 {
        left: 50%;
        top: 2%;
    }

    #tintai #top-search .area6 {
        left: 37%;
        top: 5%;
    }

    #tintai #top-search .area4 {
        left: 42%;
        top: 6.5%;
    }

    #tintai #top-search .area0 {
        left: 40%;
        top: 8%;
    }

    #tintai #top-search .area2 {
        left: 20%;
        top: 9.5%;
    }

    #tintai #top-search .area2 .fukidashi {
        width: 300px;
        left: -60px;
        text-align: center;
    }

    #tintai #top-search .area1 {
        left: 60%;
        top: 9.5%;
    }

    #tintai #top-search .area1 .fukidashi {
        width: 300px;
        left: -180px;
        text-align: center;
    }

    #tintai #top-search .area3 {
        left: 42%;
        top: 11%;
    }

    #tintai #top-search .area3 .fukidashi {
        width: 300px;
        left: -120px;
        text-align: center;
    }

    #tintai #top-search .area7 {
        left: 66%;
        top: 12.5%;
    }

    #tintai #top-search .area7 .fukidashi {
        left: -100px;
        top: -50px;
        text-align: center;
    }

    #tintai #top-search .area9 {
        left: 2%;
        top: 12.5%;
    }

    #tintai #top-search .area10 {
        left: 66%;
        top: 14.5%;
    }

    #tintai #top-search .type {
        width: 100%;
        float: none;
        padding: 1rem;
    }

    #tintai #top-search .area10 .fukidashi {
        top: -50px;
        left: -80px;
        text-align: center;
    }

    #tintai #top-search .rent-box .rent {
        width: 100%;
        margin: 1rem auto;
        float: none;
    }

    #tintai #top-search .rent-sub .rent-check {
        width: 100%;
        float: none;
        padding: 1rem;
    }

    #tintai #top-search .room {
        width: 100%;
        float: none;
        padding: 1rem;
    }

    #tintai #top-search .top-search-form {
        height: auto;
    }

    #tintai #top-search .structure {
        width: 100%;
        float: none;
        padding: 1rem;
    }

    #tintai #top-search .years {
        width: 100%;
        float: none;
        padding: 1rem;
    }

    #tintai #top-search .dimensions-box .dimensions {
        width: 100%;
        margin: 1rem auto;
        float: none;
    }

    #tintai #top-search .heqs {
        width: 100%;
        float: none;
        padding: 1rem;
    }

    #tintai #top-search .p-heqs {
        width: 100%;
        float: none;
        padding: 1rem;
    }

    #tintai #top-search .button-box {
        display: block;
        margin-top: 0;
    }

    #tintai #top-search .submit_button input[type="submit"],
    #tintai #top-search .reset-button input[type="reset"] {
        width: 100%;
        margin-top: 2rem;
    }

    #tintai #top-search .button-box .reset-button,
    #tintai #top-search .button-box .submit_button {
        width: 100%;
    }

    #tintai #top-search .button-box .submit_button .btn {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #tintai #top-search .display-box {
        width: 100%;
    }

    #tintai #top-search .display-area {
        padding: 0.5rem 0;
    }

    #tintai #pageTop {
        bottom: 8em;
    }

    #tintai #top-search .display-box .match-number {
        width: 100%;
        float: none;
        padding: 0.5rem;
    }

    #tintai #top-search .display-box .submit_button {
        width: 100%;
        float: none;
        padding: 0.5rem;
    }

    #tintai #top-number {
        width: 100%;
        bottom: 2rem;
    }

    #tintai #top-number .top-number-box {
        width: 94%;
    }

    #tintai #top-number .top-number-box dt,
    #tintai #top-number .top-number-box dd {
        width: 100%;
        float: none;
        padding: 0.5rem;
        font-size: 2.4rem;
    }

    #content .search {
        width: 100%;
    }

    #tintai #content .search li {
        width: calc(100%/3 - 0.2rem);
        margin: 0;
        margin-bottom: 0;
    }

    #tintai #content .search li a {
        width: 100%;
    }

    #tintai #content .search li img {
        width: 4rem;
        height: 4rem;
    }

    .search-map-img-div {
        padding: 0.7rem;
        border-right: solid 0.5rem var(--main-color);
    }

    #tintai .campaign-yoyaku a {
        width: 94%;
        padding-top: 54%;
        background-size: auto 100%;
        background-position: center top;
        margin: 1rem auto;
    }

    #tintai .tintai-line-vr .tintai-line,
    #tintai .tintai-line-vr .method_01-webc {
        width: 100%;
        padding-bottom: 2rem;
    }

    #tintai .tintai-line-vr a {
        width: 100%;
    }

    #tintai .tintai-line-vr {
        flex-direction: column;
    }

    #tintai .category-box {
        width: 94%;
        margin: 0 auto;
        margin-top: 2rem;
    }

    #tintai .category-item {
        width: 48%;
        float: left;
        margin: 0 1%;
        margin-bottom: 2rem;
    }

    #tintai .category-item .image-area {
        width: 100%;
        height: auto;
    }

    #tintai .category-item .image-area img {
        width: 100%;
        height: auto;
    }

    #tintai .category-item .text-area {
        border-top: none;
        font-size: 1.6rem;
    }

    #tintai #content .new-list {
        width: 94%;
        margin: 0 auto;
        margin-top: 2rem;
    }

    #tintai #content .new-list .article {
        width: 100%;
        height: auto;
        margin: 0;
        margin-bottom: 2rem;
        float: none;
        padding-bottom: 1rem;
    }

    #tintai #content .new-list .article img {
        width: 100%;
        height: auto;
    }

    #tintai .osusume-item .os-new {
        right: 0.5rem;
        bottom: 0;
    }

    #tintai .area-select .content-box h3 {
        font-size: 2.8rem;
        margin: 2rem auto;
    }

    #tintai .area-select .area-box {
        height: 500px;
        background-size: 200% auto;
        background-position: right 18% top;
    }

    #tintai .area-select .area-box .area-button05 {
        right: 5%;
        top: 10%;
    }

    #tintai .area-select .area-box .area-button01 {
        left: 45%;
        top: 30%;
    }

    #tintai .area-select .area-box .area-button02 {
        left: 55%;
        top: 44%;
    }

    #tintai .area-select .area-box .area-button03 {
        left: 13%;
        top: 44%;
    }

    #tintai .area-select .area-box .area-button04 {
        left: 50%;
        top: 62%;
    }

    #tintai .area-select .area-box .area-button06 {
        left: 1%;
        top: 65%;
    }

    #tintai .area-select .area-box .area-button07 {
        right: 5%;
        top: 80%;
    }

    #tintai .area-select #content .shop-info {
        width: 100%;
    }

    #tintai #content .shop-box02 .map-box {
        width: 100%;
    }

    #tintai .search_category ul {
        grid-template-columns: 1fr 1fr 1fr;
    }

    #tintai .search_category li {
        height: 7.3rem;
    }

    #tintai .search_category {
        padding: 2rem 0;
        margin: 1rem auto 2rem;
    }

    #tintai .search_category h2 {
        padding-bottom: 1.5rem;
    }

    #tintai .accordion {
        width: 100%;
    }

    #tintai .summary_menu {
        width: 94%;
        right: 3%;
    }

    #tintai .summary_menu::before {
        left: 80%;
    }

    /* #tintai #content .link-text-box {
        font-size: 16px;
    } */

    /* ---------- 徳島賃貸ナビパンくずリスト ---------- */
    #tintai .breadcrumb li,
    #tintai .breadcrumb li a,
    #tintai .breadcrumb li::after {
        color: var(--main-color);
    }

    #tintai #content .content-title02 {
        padding: 3rem 0 0.5rem;
    }

    #tintai .search_ul {
        width: 95%;
        flex-direction: column;
    }

    #tintai #content .search li {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 1rem;
    }

    #tintai #content .search li img {
        width: 4rem;
        height: 4rem;
    }

    #tintai #content .link-text-box {
        padding-right: 6.8rem;
    }
}

@media screen and (max-width:600px) {
    #tintai .search_category ul {
        grid-template-columns: 1fr 1fr;
    }



    #tintai #content .link-text-box {
        width: 78%;
        height: 100%;
        font-size: 21px;
        letter-spacing: 0.1rem;
        padding-right: 12vw;
        text-align: left;
        color: #fff;
    }

    .search-map-img-div {
        width: auto;
        height: auto;
    }


    #tintai #content .summary_menu a {
        background-color: #fff;
        border-radius: 0;
    }

    #tintai .search_ul {
        padding-right: 0;
    }
}

@media screen and (max-width:400px) {
    #tintai .search_category li {
        font-size: 1.3rem;
    }

    #tintai #header .tintai-header-logo .city-logo a {
        padding-top: 55%;
        margin-top: 3.5rem;
    }

    #tintai .sp_menubox_tel02 {
        display: block;
    }

    #tintai #header .tintai-header-logo .logo-box {
        width: 100%;
    }

    #tintai #header .tintai-header-logo .logo-box a {
        width: 94%;
        margin: 0 auto;
    }

    #tintai #header .tintai-header-tel {
        width: 100%;
    }

    #tintai #header .tintai-header-tel dd {
        font-size: 3.2rem;
    }

    #tintai #header .tintai-header-logo {
        padding-bottom: 0;
    }

    #tintai .search_category {
        width: 100%;
        margin: 0 auto;
        padding: 1.5rem 0;
    }

    #tintai .search_category h2 {
        padding-bottom: 1rem;
    }

    #tintai .search_category li {
        height: 6.3rem;
    }

    #tintai .search_category a {
        height: 5rem;
    }
}