/*グローバルメニュー*/

#nav-main ul {
list-style: none;
justify-content: flex-end;
}

#nav-main ul li a {
display: block;
padding: .3em 0em 1.5em;
min-width: 6em;
position: relative;
text-align: center;
}

#nav-main ul li a:before,
#nav-main ul li a:after {
display: block;
text-align: center;
position: absolute;
width: 100%;
transition: all .5s ease-in-out;
left: 0;
}

#nav-main ul li a:before {
content: ‘●’;
opacity: 0;
font-size: .5em;
color: #ffe100;
top: 2em;
}

#nav-main ul li a:after {
opacity: 1;
font-size: .7em;
font-weight: 500;
top: 3em;
}

#nav-main ul li.home a:after {
content: ‘ホーム’;
}

#nav-main ul li.profile a:after {
content: ‘チームメンバー’;
}

#nav-main ul li.service a:after {
content: ‘事業内容’;
}

#nav-main ul li.mission a:after {
content: ‘企業理念’;
}

#nav-main ul li.quote a:after {
content: ‘見積り’;
}

#nav-main ul li.price a:after {
content: ‘料金’;
}

#nav-main ul li.recruit a:after {
content: ‘採用情報’;
}

#nav-main ul li.contact a:after {
content: ‘お問合せ’;
}

#nav-main ul li a:hover:before {
top: 4em;
}

#nav-main ul li a:hover:after {
top: 5em;
}

#nav-main ul li a:hover:before {
opacity: 1;
}

#nav-main ul li a:hover:after {
opacity: 0;
}

/*グローバルメニュー*/

#nav-main ul {
list-style: none;
justify-content: center;
margin-top: 30px;
background-color: cadetblue;
}

#nav-main ul li a {
display: block;
padding: 1em 2em;
min-width: 6em;
position: relative;
text-align: center;
color: white;
}

#nav-main ul li a:hover {
background-color: rgba(255,255,255,.2);/*薄い白*/
}