footer { background-image: none!important; }
a:hover{ opacity: 0.7; }

#lp-wrapper { 
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    max-width: 680px;    
    margin: 0 auto 2em;
}

.l-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    padding: 12px 6px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #eeeeee;
}

.m-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    max-width: 680px;
    margin: 0 auto;
}

.lp .m-header__logo {
    max-width: 180px;
    height: auto;
    margin-left: 10px;
}
.lp .m-header__btn{
    width: 55%;
}
.lp .m-header__btn-list {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.m-branch__btn{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 30px;
    width: 90%;
    margin: 0 auto;
    padding: 0 5px;
}

.m-cta-btn{
    position: relative;
    max-width: 390px;
    width: 100%;
    margin: 0 auto; 
}
.m-cta-content{ margin-top: -77px; }
.m-map__link {
    width: 325px;
    padding-left: 80px;
}

@media(max-width: 768px){
    .lp .m-header__logo { width: 180px; margin-left: 5px; }
    .lp .m-header__btn-list { gap: 15px; }
    .m-cta-btn{ max-width: 400px; }
}
@media (max-width: 640px) {
    footer { padding: 0 0 30px!important; }

    .l-header{ padding: 10px 4px 8px 4px; }

    .lp .m-header__logo { width: 115px; margin-left: 5px; }
    .lp .m-header__btn{ width: 60%; }
    .lp .m-header__btn-list { gap: 6px; }
    .m-branch__btn{ gap: 10px; }
    .m-cta-btn{ max-width: 250px; width: 100%; }
    .m-cta-content{ margin-top: -35px; }
    .m-map__link { width: 220px; padding-left: 45px; }
}