@charset "utf-8";
/* =========================================================================================================================================== */
/* フッターCSS                                                                                                                                   */
/* =========================================================================================================================================== */
@media all {
    #footer {
        overflow: hidden;
    }
    #footer .row1 {
        height: 312px;
        display: flex;
        vertical-align: bottom;
    }
    #footer .row1 .image figure {
        max-width: 1185px;
        margin: 0 auto;
    }
    #footer .row1 .image {
        margin: 0 auto;
        margin-top: auto;
    }
    #footer .row2 {
        background-color: var(--color-black3);
        margin-top: -28px;
        padding-top: 40px;
    }
    #footer .row2-inner {
        width: var(--width-100);
        max-width: var(--content-width-2);
        margin: 0 auto;
        display: flex;
        justify-content: center;
        position: relative;
        min-height: 190px;
    }


    /* グループ情報 */
    #footer .row2 .info {
        color: var(--color-white);
        position: absolute;
        left: 0;
    }
    #footer .row2 .info a {
        color: var(--color-white);
    }
    #footer .row2 .info figure {
        width: 120px;
        padding-bottom: 13px;
    }
    #footer .row2 .info .name {
        font-size: 14px;
        font-weight: var(--font-weight-bold);
        line-height: 1;
        padding-bottom: 7px;
    }
    #footer .row2 .info .url {
        font-size: 14px;
        line-height: 20px;
    }
    #footer .row2 .info .zip {
        font-size: 14px;
        line-height: 20px;
    }
    #footer .row2 .info .address {
        font-size: 14px;
        line-height: 20px;
    }
    #footer .row2 .info .tel {
        font-size: 14px;
        line-height: 20px;
    }
    

    /* SNSメニュー */
    #footer .row2 .sns ul {
        display: flex;
        justify-content: center;
        padding-bottom: 47px;
        padding-top: 50px;
    }
    #footer .row2 .sns ul li {
        width: 34px;
        margin: 0 13px;
    }
    #footer .row2 .sns ul li a {
        vertical-align: middle;
    }
    

    /* バナー */
    #footer .row2 .banners {
        max-width: 202px;
        position: absolute;
        right: 0;
        top: 37px;
    }

/* <!-- 23.03.06 ここから -->*/
    /* GoTop */
    #gotop {
        display: none;
        position: fixed;
        bottom: 55px;
        right: 70px;
        transform: rotate(-90deg);
    }
    .scroll #gotop {
        display: block;
    }
    
    #gotop a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 54px;
        height: 54px;
        background-color: var(--color-gray5);
        font-size: 14px;
        color: var(--color-white);
        border-radius: var(--radius-4);
    }
/* <!-- 23.03.06 ここまで -->*/
}
@media (max-width: 1023px) {
    #footer .row1 {
        height: 120px;
    }
    #footer .row1 .image {
        width: var(--width-100);
        max-width: var(--content-width-6);
    }
    #footer .row2 {
        margin-top: -9px;
        padding-top: 30px;
    }
    #footer .row2-inner {
        display: block;
        padding-bottom: 40px;
    }
    

    /* ロゴ */
    #footer .row2 .info figure {
        margin: 0 auto;
        padding-bottom: 20px;
    }


    /* グループ名 */
    #footer .row2 .info .name {
        text-align: center;
    }
    

    /* グループ情報 */
    #footer .row2 .info {
        position: relative;
    }
    #footer .row2 .info .url {
        text-align: center;
    }
    #footer .row2 .info .zip {
        text-align: center;
    }
    #footer .row2 .info .address {
        text-align: center;
    }
    #footer .row2 .info .tel {
        text-align: center;
        padding-bottom: 19px;
    }
    

    /* SNSアイコン */
    #footer .row2 .sns ul li {
        width: 27px;
        margin: 0 10px;
    }
    #footer .row2 .sns ul li a img {
        vertical-align: baseline;
    }
    #footer .row2 .sns ul {
        padding-bottom: 17px;
        padding-top: 0;
    }
    #footer .row2 .banners {
        margin: 0 auto;
        position: relative;
        top: auto;
    }


/* <!-- 23.03.07 ここから -->*/
    /* GoTop */
    #gotop {
        right: 20px;
        bottom: 20px;
        width: 40px;
        height: 40px;
    }

    #gotop a {
        width: 40px;
        height: 40px;
        font-size: 12px;
    }
/* <!-- 23.03.07 ここまで -->*/
}