@media (max-width: 768px) {

    /*メニュー*/
    a{
        text-decoration: none;
    }
    nav{
    	width: 100%;
    	position: fixed;
    	top: 0;
    	left: 0;
    	text-align: left;
    	z-index: 1;
    }
    nav ul{
    	margin: 0px 0 0 -13px;
        display: inline-block;
        white-space: nowrap;
        text-align: center;
    }
    nav ul li{
        display: inline-block;
        position: relative;
        /*padding: 19px 20px 19px;*/
        margin: 0;
    }
    .menu-link{
    	color: #fff;
    	font-family: 'Futura LT W01 Medium', sans-serif;
    	display: inline-block;
    	padding: 9px 7px 9px;
        margin-top: 20px;
    	font-size: 12px;
    	letter-spacing: 2px;
    	line-height: 1;
    	text-align: center;
        opacity: 0.5;
    }
    .nav_here .menu-link {
        opacity: 1;
    }
    .fp-viewing-top_page nav ul li.nav_top .menu-link{
        opacity: 1;
    }
    .fp-viewing-message_page nav ul li.nav_message .menu-link{
        opacity: 1;
    }
    .fp-viewing-leo_page nav ul li.nav_leo .menu-link{
        opacity: 1;
    }
    .fp-viewing-three_page nav ul li.nav_three .menu-link{
        opacity: 1;
    }
    .fp-viewing-service_page nav ul li.nav_service .menu-link{
        opacity: 1;
    }
    .fp-viewing-news_page nav ul li.nav_news .menu-link{
        opacity: 1;
    }
    .fp-viewing-portfolio_page nav ul li.nav_portfolio .menu-link{
        opacity: 1;
    }
    .fp-viewing-about_page nav ul li.nav_about .menu-link{
        opacity: 1;
    }
    .fp-viewing-team_page nav ul li.nav_team .menu-link{
        opacity: 1;
    }
    .fp-viewing-recruit_page nav ul li.nav_recruit .menu-link{
        opacity: 1;
    }
    .fp-viewing-contact_page nav ul li.nav_contact .menu-link{
        opacity: 1;
    }
    nav ul li:after {
        z-index: 1;
        /*border-top: 2px solid #FFF;*/
        border: none;
        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.30s ease-out;
        -moz-transition: 0.30s ease-out;
        -ms-transition: 0.30s ease-out;
        -o-transition: 0.30s ease-out;
        transition: 0.30s 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.pc_hide{
        -webkit-animation: mobinav 3000ms ease 4s both;
        animation: mobinav 3000ms ease 4s both;
    }
    @-webkit-keyframes mobinav {
      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 mobinav {
      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);*/
      }
    }
}