@charset "utf-8";
/* CSS Document */


/* *{
	margin:0px;
	padding:0px;
}
nav{
	display:block;

} */


.pc_navi{
  opacity:0;
  position:absolute;
}
.animated {
  opacity: 1;
}



.pc_navi{
	width:100%;
	height:/*130px*/100px;
	background-color:#fff;
	text-align:right;
/*	font-family: 'Playfair Display SC', serif;*/
	/**/font-family: 'Josefin Sans', sans-serif;
	font-weight:400;
	/*font-family: 'Cinzel', serif;*/
	z-index:-9;
box-shadow: 0 15px 30px -15px rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.05); 
transform: translateY(-15px); 
transition: 0.5s;
position:absolute;
top:15px;
z-index:99999999999999999999;
}

/*
.pc_navi #logo {
	width:100%;
	text-align:center;
	
}
*/
.pc_navi #logo{
	width:/*180px*/100px;
	height:auto;
	padding:10px 0;
	margin:0 auto;

}



.pc_navi ul{
/*	display:inline-block;
	position:absolute;
	right:auto;
	left:auto;
	top:40px;
	z-index:-999;
	margin-top:50px;*/
	width:100%;
	text-align:center;

}


.pc_navi ul.navi{
}


.pc_navi ul.navi li{
	list-style:none;
	display:inline-block;
	margin:0 2%;
	font-size:14px;
	
}
/*
.pc_navi ul.navi li a{
	color:#000;
	text-decoration:none;
	padding-bottom:2px;
}
.pc_navi ul.navi li a:hover{
	border-bottom:1px solid #000;
}
*/



.pc_navi ul.navi li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color:#666;
}
.pc_navi ul.navi li a::after {
 position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #9E8580;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
  margin-bottom:5px;

}
.pc_navi ul.navi li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}




.pc_navi ul li.sns{
	margin-right:10px;
	margin-top:20px;
}

.pc_navi ul li.sns img{
	height:15px;
}



.pc_navi ul#sns_navi{
/*	width:auto;
	position:absolute;
	top:-30px;
	right:20px;*/
	margin-top:-70px;
	text-align:right;
	
}

.pc_navi ul#sns_navi li{
	list-style:none;
	display:inline-block;
}

/*--------------

マウスオーバー時プルダウンナビ

-------------*/


.pc_navi ul.navi li ul{
	position: absolute;
	top:22px;
	left: 0px !important;
}
.pc_navi ul.navi li ul li{
	display: block;
}

.pc_navi ul.navi li a:hover{
	color:#841604;
}

	



.pc_navi ul.navi li ul li a{
 background-color:rgba(0, 0, 0, 0.6);
 	color: #fff;
	display:block;
	width:100%;
	text-align:left;
	text-indent:20px;
	height:47px;
	line-height:47px;
	width:150px;
}
.pc_navi ul.navi li ul li a:hover{
	background-color: #000;
}

	
.pc_navi ul.navi li ul li{
	height: 0;
	overflow: hidden;
}
.pc_navi ul.navi li:hover ul li{
	height: auto; /*サブメニューの高さ*/
	overflow: visible;
}

.pc_navi ul#navi_service{
	margin-left:150px;
}

.pc_navi ul#brand{
	margin-left:230px;
}

/*-------------*/

.pc_navi #contact a{
	/*background-color:#eee;*/
	color:#333;
	padding:20px 30px 19px 30px;
/*	padding:40px 30px;*/
	text-decoration:none;
	position:absolute;
	right:0px;
	top:0px;
	z-index:-9;
	font-weight:bold;
	letter-spacing:0.1em;
	background-image:url(../../img/comm/mail2.png);
	background-repeat:no-repeat;
	background-size:22px;
	background-position:10px 16px/*center*/;
	text-indent:10px;


}

/*
  main {
    padding: 120px 20px;
    background: #ecf0f1;
  }
  section {
    max-width: 960px;
    height: 1000px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
  }
  section + section {
    margin-top: 120px;
  }*/


  /* demo style */
  .clone-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    transition: .3s;
    transform: translateY(-100%);
  }
  .is-show {
    transform: translateY(0);

  }
  
  
  /*------------
  
スクロールしたら小さくなる  
  ---------------*/
  
  
.pc_navi.smaller #logo img{
	width:100px;
	margin-left:-150px !important;
}


@-moz-document url-prefix(){/*firefoxだけ*/
.pc_navi.smaller #logo img{
	margin-left:-50px !important;
}
}

.pc_navi.smaller #logo{
	padding:5px 0;
}



.pc_navi.smaller{
		height:86px;

}



.pc_navi.smaller ul#sns_navi{
	margin-top:-55px;
	
}
/*
.pc_navi.smaller ul.navi li{
	font-size:12px;
	
}*/

  
  
  
  
  @media only screen and (max-width: 1080px) {
.pc_navi {
	display:none;
}

  }
  
  
  
  /*リクルート　非表示
li.recruit_btn{
	 display:none !important;
 }*/