@charset "utf-8";

header {
    box-shadow: 0 1px 5px #00000026;
    position: relative;
}
header .flex {
    height: 95px
}

#h_logo {
    width: 294px
}

#h_tel {
    width: 350px
}

#mi {
    background: url(../img/mi/bg.webp) no-repeat center top;
    background-size: 2000px;
}
#mi_ttl {
    width: 618px;
}

#maker {
    width: 649px;
    height: 37px;
    padding-left: 232px;
    background: url(../img/mi/maker.svg) no-repeat center top;
    background-size: contain;
}
#mi h3 {
    background: #0078d2;
    border-radius: 12px 12px 0 0;
}
#maker_li li {
    margin: 0 1px 0 0;
    height: 37px;
    background: url(../img/maker/img01.webp) repeat-x center center;
    background-size: contain;
    animation: move_right 28s linear infinite
}
@keyframes move_right {
    0% {
        background-position: 0 center
    }
    100% {
        background-position: 1364px center
    }
}
#mi_bln {
    width: 507px;
}


.lead {
    background: url(../img/lead/bg.webp) no-repeat center top;
    background-size: 2000px;
}
#lead_box {
    position: relative;
    top: -40px;
}
#lead_ttl {
    margin-top: -22px;
}

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

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