.header-top{
    padding: 0.5em 0;
    background: #033DCE;
    color: #fff;
}
.header-top .text{
    font-size: 0.75em;
    line-height: 1.35;
}
.nav-link-top {
    padding: 0rem 0.6rem !important;
    font-size: 0.8rem !important;
}

#header .menu-nav-list{
    font-size: 16px;
    font-weight: bold;
    color: black;
    font-family: "Noto Sans JP", sans-serif;
}
#header .phone-nav-list{
    font-weight: 700;
    font-size: 2em;
    line-height: 1.35;
}
#header a.menu-nav-list:hover, #header a.menu-nav-list:active, #header a.active {
    color: #377DFF !important;
}

#header .contact-nav-list {
    display: block;
    padding: 0.3em 0.8em 0.3em 0.6em;
    color: #fff;
    font-size: 1.125em;
    font-weight: 700;
    border-radius: 5px;
    border: 2px solid #377DFF;
    background: #377DFF;
    font-family: "Noto Sans JP", sans-serif;
}
@media(hover: hover) {
    #header .contact-nav-list {
        -webkit-transition: color 0.3s, background 0.3s;
        transition: color 0.3s, background 0.3s;
    }
    #header a.contact-nav-list:hover {
        color: #377DFF;
        background: #fff;
    }
}
#header .contact-nav-list i {
    display: inline-block;
    margin-top: -0.1em;
    padding-right: 0.15em;
    vertical-align: middle;
    font-size: 1.77em;
}