@charset "utf-8";

header .flex {
    height: 95px
}
#h_logo {
    width: 210px;
    vertical-align: text-top;
}
#h_tel {
    width: 274px
}
#mi {
    background: url(../img/mi/bg.jpg) no-repeat center top;
    background-size: cover;
    height: 614px;
}
#maker {
    width: 560px;
    box-shadow: 0 0 0 2px #0f1e3c inset;
    background: #fff;
    border-radius: 12px;
}
#mi h3 {
    background: #0f1e3c;
    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
    }
}


.lead {
    background: url(../img/lead/bg.webp) no-repeat center top;
    background-size: cover;
}
.lead .tel_btn {
    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
    }
}