@charset "utf-8";
@import url('http://fonts.googleapis.com/css?family=Noto+Sans');

#groupMenu {
    width: 100%;
    margin: 20px 0 10px;
    display:flex;
    display:-ms-flex;
    overflow:hidden
}

#group_div {flex:1;height:49px;line-height:0.5em}



#group_div a {display:block;float:left;margin-left:0px;padding:5px 0;width:100%;border:1px solid #313131;background:#000;color:#fff;text-align:center;letter-spacing:0;font-size:1.5em;line-height:1em;font-weight:normal;cursor:pointer}
/* #group_div:first-child a::after {content:"CEO Greetings";display:block;font-size:0.75em}
#group_div:nth-child(2) a::after {content:"President Greetings";display:block;font-size:0.75em}
#group_div:nth-child(3) a::after {content:"Vice President Greetings";display:block;font-size:0.75em}
#group_div:nth-child(4) a::after {content:"Company History";display:block;font-size:0.75em}
#group_div:nth-child(5) a::after {content:"Company Vision";display:block;font-size:0.75em}
#group_div:nth-child(6) a::after {content:"Company Network";display:block;font-size:0.75em}
#group_div:last-child a::after{content:"Way to Come";display:block;font-size:0.75em} */

#group_div a:focus, #group_div a:hover, #group_div a:active {text-decoration:none;background:#000 url(../img/left_bg.png) no-repeat center 0;color: #fff;}

#group_div .span2 {}

#group_div.on {font-weight:bold;}
#group_div .on a {
    color: #48966b;
}
#group_div .on span {position:relative;z-index: 1;}
#group_div .on span::before {
    /* position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    background: #f7d800;
    bottom: 2px;
    z-index: -1; */
}
#group_div.on a {background:#f26f21 url(../img/left_bg.png) no-repeat center 0; color: #fff;font-weight:bold;}
#group_div.on a:hover {background:#f26f21 url(../img/left_bg.png) no-repeat center 0;color: #fff;}