@charset "UTF-8";

/*-- PC ONLY --*/
@media screen and (min-width: 769px) {
nav{
    width: 100%;
    display: block;
}
nav .topLogo.sm_hide{
    width: 140px;
    margin: 29px 0 0 60px;
    display: inline-block;
}
nav ul.sm_hide{
    display: inline-block;
    float: right;
}

}



/*メニュー*/
a{
    text-decoration: none;
}
nav{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    text-align: left;
    z-index: 1;
}
nav ul{
    margin: 15px 20px 0px 0px;
    display: inline-block;
    white-space: nowrap;
}
nav ul li{
    display: inline-block;
    position: relative;
    /*padding: 19px 20px 19px;*/
    margin: 0 15px;
}
.menu-link{
    color: #fff;
    font-family: 'Futura LT W01 Medium', sans-serif;
    display: inline-block;
    padding: 19px 0px 19px;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1;
    text-align: center;
}
nav ul li:after {
    z-index: 1;
    border-top: 1px solid #FFF;
    position: absolute;
    width: 100%;
    content: "";
    bottom: 8px;
    left: 0;
    -webkit-transform: scaleX(0.0);
    -moz-transform: scaleX(0.0);
    -ms-transform: scaleX(0.0);
    -o-transform: scaleX(0.0);
    transform: scaleX(0.0);
    -webkit-transition: 0.20s ease-out;
    -moz-transition: 0.20s ease-out;
    -ms-transition: 0.20s ease-out;
    -o-transition: 0.20s ease-out;
    transition: 0.20s ease-out;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
nav ul li:hover:after {
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
nav ul li.nav_here:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
.fp-viewing-top_page nav ul li.nav_top:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
.fp-viewing-message_page nav ul li.nav_message:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
.fp-viewing-service_page nav ul li.nav_service:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
.fp-viewing-leo_page nav ul li.nav_leo:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
.fp-viewing-three_page nav ul li.nav_threes:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
.fp-viewing-news_page nav ul li.nav_news:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
.fp-viewing-portfolio_page nav ul li.nav_portfolio:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
.fp-viewing-skill_page nav ul li.nav_skill:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
.fp-viewing-about_page nav ul li.nav_about:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
.fp-viewing-team_page nav ul li.nav_team:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
.fp-viewing-recruit_page nav ul li.nav_recruit:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
.fp-viewing-contact_page nav ul li.nav_contact:after{
    /*display: block !important;*/
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}
/*アニメーション*/
nav .topLogo{
    -webkit-animation: topnav 500ms ease 3500ms both;
    animation: topnav 500ms ease 3500ms both;
}
.sm_hide .nav_top{
    -webkit-animation: topnav 500ms ease 3800ms both;
    animation: topnav 500ms ease 3800ms both;
}
.sm_hide .nav_leo{
    -webkit-animation: topnav 500ms ease 3800ms both;
    animation: topnav 500ms ease 3800ms both;
}
.sm_hide .nav_three{
    -webkit-animation: topnav 500ms ease 3800ms both;
    animation: topnav 500ms ease 3800ms both;
}
.sm_hide .nav_message{
    -webkit-animation: topnav 500ms ease 3900ms both;
    animation: topnav 500ms ease 3900ms both;
}
.sm_hide .nav_service{
    -webkit-animation: topnav 500ms ease 4000ms both;
    animation: topnav 500ms ease 4000ms both;
}
.sm_hide .nav_news{
    -webkit-animation: topnav 500ms ease 4100ms both;
    animation: topnav 500ms ease 4100ms both;
}
.sm_hide .nav_portfolio{
    -webkit-animation: topnav 500ms ease 4200ms both;
    animation: topnav 500ms ease 4200ms both;
}
.sm_hide .nav_skill{
    -webkit-animation: topnav 500ms ease 4300ms both;
    animation: topnav 500ms ease 4300ms both;
}
.sm_hide .nav_about{
    -webkit-animation: topnav 500ms ease 4300ms both;
    animation: topnav 500ms ease 4300ms both;
}
.sm_hide .nav_team{
    -webkit-animation: topnav 500ms ease 4300ms both;
    animation: topnav 500ms ease 4300ms both;
}
.sm_hide .nav_recruit{
    -webkit-animation: topnav 500ms ease 4300ms both;
    animation: topnav 500ms ease 4300ms both;
}
.sm_hide .nav_contact{
    -webkit-animation: topnav 500ms ease 4400ms both;
    animation: topnav 500ms ease 4400ms both;
}
@-webkit-keyframes topnav {
  0% {
    opacity: 0;
/*    -webkit-transform: scale(1.5);
    transform: scale(1.5);*/
    transform : translate(60px, 0px);
  }
  100% {
    opacity: 1;
/*    -webkit-transform: scale(1);
    transform: scale(1);*/
    transform : translate(0, 0);
  }
}
@keyframes topnav {
  0% {
    opacity: 0;
/*    -webkit-transform: scale(1.5);
    transform: scale(1.5);*/
    transform : translate(60px, 0px);
  }
  100% {
    opacity: 1;
/*    -webkit-transform: scale(1);
    transform: scale(1);*/
    transform : translate(0, 0);
  }
}