/* ===== PC版 ===== */
@media print, screen and (min-width: 741px) {
    .footer__contact {
        position: fixed;
        bottom: 0 !important;
        left: 0;
        z-index: 10;
        width: 100%;
        padding: 15px 0;
        background-color: rgba(0, 0, 0, 0.8);
        -webkit-transition: bottom 0.45s cubic-bezier(0.23, 1, 0.58, 1);
        transition: bottom 0.45s cubic-bezier(0.23, 1, 0.58, 1);
    }

    .footer__contact_inner {
        max-width: 1075px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .footer__contact_item_title {
        display: none;
    }

    .footer__contact_items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px;
        margin: 0;
    }

    .footer__contact_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 65px;
    }

    .footer__contact_item_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 5px 10px;
        border-radius: 5px;
        text-decoration: none;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

    .footer__contact_item_inner:hover {
        opacity: 0.85;
        text-decoration: none !important;
    }

    /* メールボタン */

    .footer__contact_item_net ul{
        width: 100%;
    }


    .footer__contact_item_net .footer__contact_item_inner {
        background-color: #ff4800;
        color: #fff;
    }

    /* LINEボタン */
    .footer__contact_item_line .footer__contact_item_inner {
        background-color: #f2f2f2;
        color: #fff;
    }

    /* 電話ボタン */
    .footer__contact_item_tel .footer__contact_item_inner {
        background-color: #fff;
        color: #333;
        border: 2px solid #ddd;
    }

    .footer__contact_item .line_txt{
        width: 100%;
        height: 100%;
        margin-left: 0;
        background-color: #fff;
        color: #333;
        border: 2px solid #ddd;
        border-radius: 5px;
        margin-top: 0;
    }

    .footer__contact_item .line_txt a:hover {
        opacity: 0.85;
        text-decoration: none !important;
    }

    .footer__contact_item_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 15px;
        width: 100%;
        height: 100%;
    }

    .footer__contact_icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 40px;
        height: 40px;
    }

    .footer__contact_icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* アイコンスタイル */
    .c-icon-mail,
    .c-icon-tel {
        position: relative;
        display: block;
        width: 40px;
        height: 40px;
        margin-bottom: 0;
    }

    .footer__contact_item_net .c-icon-mail::before {
        content: "";
        background-image: url(https://www.t-living.net/app/uploads/sites/1286/2025/10/footer__contact_mail.png);
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .footer__contact_item_tel .c-icon-tel::before {
        content: "";
        background-image: url(https://www.t-living.net/app/uploads/sites/1286/2025/10/footer__contact_tel.png);
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .footer__contact_text {
        text-align: left;
    }

    .footer__contact_title {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.4;
        margin: 0 !important;
        color: #333;
    }

    .footer__contact_title_small {
        font-size: 11px;
        font-weight: normal;
    }


    .footer__contact_mail_title,
    .footer__contact_mail_title_small {
        color: #fff;
        margin-bottom: 0 !important;
        line-height: 1.5;
    }

    .footer__contact_caption {
        font-size: 11px;
        margin: 0 !important;
        line-height: 1.4;
    }

    .u-t-center {
        text-align: center;
    }

    .js-telLink {
        font-size: 25px;
        font-weight: bold;
        color: #ff4800;
        line-height: 1.2;
        margin-bottom: 0;
    }
}

/* ===== SP版 ===== */
@media screen and (max-width: 740px) {
    .footer__contact {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        background-color: #fff;
        border-top: 1px solid #ddd;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        -webkit-transition: bottom 0.45s cubic-bezier(0.23, 1, 0.58, 1);
        transition: bottom 0.45s cubic-bezier(0.23, 1, 0.58, 1);
        padding: 0 !important;
        bottom: -1px !important;
    }

    .footer__contact_inner {
        width: 100%;
    }
    .footer__contact_item_tel .c-icon-tel::after {
        z-index: -1;

    }
    .footer__contact_item_tel .c-icon-tel::before {
        z-index: -1;

    }

    .footer__contact_item_title {
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        padding: 10px;
        margin: 0;
        background-color: #f5f5f5;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0 !important;
    }

    .footer__contact_items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0;
    }

    .footer__contact_item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-right: 1px solid #ddd;
        height: 70px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .footer__contact_item:last-child {
        border-right: none;
    }

    .footer__contact_item_inner {
        display: block;
        text-decoration: none;
        padding: 15px 5px;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }

    .footer__contact_item_inner:active {
        background-color: #f5f5f5;
    }

    .footer__contact_mail_title{
        display: none;
    }

    .footer__contact_item_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
    }

    .footer__contact_icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 30px;
        height: 30px;
    }

    .footer__contact_icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        top: -5px;
        position: relative;
    }

    /* アイコンスタイル */
    .c-icon-mail,
    .c-icon-tel {
        position: relative;
        display: block;
        width: 30px;
        height: 30px;
        margin-bottom: 0;

        a.phonenumber-link{
            display: block;width: 100%;height: 100%;
        }
    }

    .footer__contact_item_net ul{
        margin-left: 0;
    }

    .footer__contact_item_net .c-icon-mail::before {
        content: "";
        background-image: url(https://www.t-living.net/app/uploads/sites/1286/2025/10/footer__contact_mail_sp.png);
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 29%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .footer__contact_item_tel .c-icon-tel::before {
        content: "";
        background-image: url(https://www.t-living.net/app/uploads/sites/1286/2025/10/footer__contact_tel.png);
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 29%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    /* アイコン後のテキスト（スマホのみ） */
    .footer__contact_item_net .c-icon-mail::after {
        content: "メール";
        position: absolute;
        bottom: -18px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 11px;
        font-weight: bold;
        color: #333;
        white-space: nowrap;
    }

    .footer__contact_item_line .footer__contact_icon {
        position: relative;
    }

    .footer__contact_item_line .footer__contact_icon::after {
        content: "LINE";
        position: absolute;
        bottom: -18px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 11px;
        font-weight: bold;
        color: #333;
        white-space: nowrap;
    }

    .footer__contact_item_tel .c-icon-tel::after {
        content: "電話";
        position: absolute;
        bottom: -18px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 11px;
        font-weight: bold;
        color: #333;
        white-space: nowrap;

    }

    .footer__contact_text {
        font-size: 11px;
        font-weight: bold;
        color: #333;
        text-align: center;
    }

    .footer__contact_title {
        display: none;
    }

    .footer__contact_caption {
        display: none;
    }

    .js-telLink.number {
        display: none;
    }

    .l-fix.rent-detail__contact{
        display: none;
    }

    .footer__contact_item .line_txt{
        display: flex;
        justify-content: center;
        margin-left: 0;
        margin-top: 0;
    }

}