footer{
    width:100%;
    padding:12px 0;
    background-color:var(--color-black);
    position:fixed;
    left:0;
    bottom: 0;
    z-index: 999;
}
footer .inner {
    max-width:1250px;
    margin:0 auto;
    display:flex;
    align-items: center;
    justify-content:space-between;
    color:#fff;
}
footer .inner section{
    display: flex;
    align-items: center;
}

footer .inner .logo_footer {
    width:168px;
}
footer .inner .title_main {
    margin-left:10px;
    margin-right:50px;
    font-size:18px;
    font-weight:bold;
}
footer .inner input {
    width:200px;
    padding:10px 20px;
    border-radius:30px;
    font-size:18px;
    font-weight:bold;
    letter-spacing:0.36px;
    color: var(--color-black);
    margin-right:10px;
    border:none;
}
footer .inner input::placeholder{
    color:var(--color-grey);
}

footer .inner button {
    padding:11px 25px;
    border-radius:30px;
    background-color:var(--color-yellow);
    color:var(--color-black);
    font-size:18px;
    font-weight:bold;
    border:none;
}


footer .pc {
    display:block;
}
footer .mobile {
    display:none;
}
@media (max-width: 1150px) {
    footer{
        padding:15px 3px;
    }
    footer .pc {
        display:block;
    }
    footer .mobile {
        display:block;
    }   
    footer .inner{
        justify-content: center;
    }

    footer .phone {
        text-align:center;
        color:#fff;
        font-size:20px;
        font-weight:bold;
        letter-spacing:-0.2px;
    }
    footer .phone a {
        line-height:1;
    }
    footer .inner .logo_footer {
        display:none;
    }
    footer .inner input {
        font-size:15px;
        letter-spacing:0.2px;
        padding:7px 12px;
        width:22%;
        margin-right:5px;
    }
    footer .inner .title_main {
        margin-right:15px;
        font-size:16px;
    }
    footer .inner button {
        font-size:16px;
        padding: 7px 15px;
        word-break:keep-all
    }
}

@media (max-width: 500px) {
    footer .inner{
        flex-direction: column;
    }
    footer .inner .logo_footer{
        display:none;
    }
    footer .inner .title_main {
        display:none;
    }
    footer .inner section {
        width:100%;
    }
    footer{
        padding:15px 0;
    }
    footer .inner input {
        padding:5px 10px;
        font-size:14px;
        letter-spacing:0.2px;
        width:20px;
        flex:1;
        margin:0 3px;
        text-align:center;
    }
    footer .inner button {
        padding:5px 30px;
        font-size:16px;
        margin:10px 0 0;

    }


}