.sub-menu { display:flex; background: rgba(41, 47, 137, 0.1); border-radius: 4px; overflow-x: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.sub-menu.type-02 a { height:auto; min-height:48px; flex:1; padding:5px; text-align: center; white-space: inherit; }
.sub-menu a { flex:1 1 auto; display:flex; align-items: center; justify-content: center; height: 48px; padding:0 5px; font-size:12px; line-height:1.2; font-weight:bold; color: var(--color-primary); white-space: nowrap;}
.sub-menu a:hover { background: rgba(41, 47, 137, 0.1); }
.sub-menu a.active { background: var(--color-blue); color: var(--color-white); }

@media (min-width:767px) {
    .sub-menu a { font-size:14px; padding:0 10px;}
}

@media (min-width:1440px) {
    .sub-menu a { font-size:14px;}
}