@charset "utf-8";

header .flex {
    height: 95px
}

#h_logo {
    width: 360px
}

#h_tel {
    width: 274px
}

#mi {
    background: url(../img/mi/bg.jpg) no-repeat center top;
    background-size: cover
}
#mi_txt {
    width: 482px;
    margin: 0 0 12px 0
}
#mi_ttl {
    width: 539px;
    margin: 0 0 0 -28px
}

#maker {
    width: 560px;
    box-shadow: 0 0 0 2px #0078d2 inset;
    background: #fff;
    border-radius: 12px;
}
#mi h3 {
    background: #0078d2;
    border-radius: 12px 12px 0 0;
}
#maker_li {
    padding: 15px 2px;
}
#maker_li li {
    height: 30px;
    background: url(../img/maker/img01.webp) repeat-x center top;
    background-size: cover;
    animation: move_right 28s linear infinite
}
#maker_li li:nth-child(2) {
    background: url(../img/maker/img02.webp) repeat-x center top;
    background-size: cover;
    animation: move_left 30s linear infinite
}
@keyframes move_right {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 1364px 0
    }
}
@keyframes move_left {
    0% {
        background-position: 1700px 0
    }
    100% {
        background-position: 0 0
    }
}
#mi_price {
    width: 361px;
}


.lead {
    background: url(../img/lead/bg.webp) no-repeat center top;
    background-size: cover;
    height: 376px;
}
.lead .tel_btn {
    top: -37px;
    position: relative;
}

@media screen and (max-width:480px) {
    #mi_box {
        bottom: 0;
        display: block
    }

    #mi_box li:nth-child(2) {
        border-radius: 0 0 6px 6px
    }
}