/* ----------------------------------------------------------
 * inner nav
 * ------------------------------------------------------- */ 
.page-container{
	overflow:hidden;
	position:relative;
	}
.obj_inner-nav{
	margin:0;
	position:absolute;
	right:8%;
	top:266px;
	z-index:999;
	}
.obj_inner-nav button{
	background:#1c213f;
	border-radius:50%;
	height:38px;
	position:absolute;
	right:-19px;
	top:-19px;
	width:38px;
	z-index:2;
	}
.obj_inner-nav button::before,
.obj_inner-nav button::after,
.obj_inner-nav button span{
	background:rgba(255,255,255,.5);
	box-sizing:content-box;
	border-radius:50%;
	content:"";
	height:11.4285%;
	left:50%;
	margin:-2px 0 0 -2px;
	position:absolute;
	text-indent:-10000px;
	top:50%;
	transition:transform .25s, opacity .25s;
	width:11.4285%;
	}
.obj_inner-nav button span{
	background:#fff;
	-webkit-transform:translateY(-175%);
		-ms-transform:translateY(-175%);
			transform:translateY(-175%);
	}
.obj_inner-nav button::after{
	-webkit-transform:translateY(175%);
		-ms-transform:translateY(175%);
			transform:translateY(175%);
	}
.obj_inner-nav > div{
	background:#fff;
	border-radius:10px;
	box-shadow:0 20px 30px rgba(0,0,0,.2);
	max-height:0;
	opacity:0;
	overflow:hidden;
	text-align:right;
	transition:max-height .25s, opacity .25s;
	width:256px;
	}	
.obj_inner-nav .jQueryScroll{
	max-height:400px;
	}
.obj_inner-nav  ul{
	padding:40px 20px 20px;
	}
	
.obj_inner-nav li{
	margin-bottom:26px;
	padding:0 22px 0 0;
	}
.obj_inner-nav a{
	color:#a8a8a8;
	display:inline-block;
	font-size:14px;
	font-weight:500;
	line-height:1.285em;
	position:relative;
	text-transform:uppercase;
	transition:color .25s;
	}
.obj_inner-nav a::before{
	border:1px solid #1c213f;
	border-radius:50%;
	content:"";
	height:6px;
	margin-top:-4px;
	position:absolute;
	right:-18px;
	top:50%;
	transition:background .25s;
	width:6px;
	}
/* active */
.obj_inner-nav a.active{
	color:#1c213f;
	font-weight:700;
	}
.obj_inner-nav a.active::before{
	background:#1c213f;
	}
/* open */
.obj_inner-nav.open button::after,
.obj_inner-nav.open button span{
	-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
			transform:translateY(0);
	}
.obj_inner-nav.open button::before,
.obj_inner-nav.open button::after{
	opacity:0;
	}
.obj_inner-nav.open > div{
	max-height:400px;
	opacity:1;
	}
/* pinned */
.obj_inner-nav.is-pinned{
	position:fixed;
	top:120px;
	}

/*
@media screen and (max-width:1360px){
	.obj_inner-nav{margin-right:-601px;}
}

@media screen and (max-width:979px){
	.obj_inner-nav{margin-right:-474px;top:71.1950vw}	
}

@media screen and (max-width:640px){
	.obj_inner-nav{right:8%;top:80vw;top:calc(58.28125vw + 105px);}	
}
*/


@media screen and (min-width:641px){
	.obj_inner-nav{
		margin-right:-35px;
		}
	.obj_inner-nav button{
		height:70px;
		right:0;
		top:-35px;
		width:70px;
		}
	.obj_inner-nav button::before,
	.obj_inner-nav button::after,
	.obj_inner-nav button span{
		margin:-4px 0 0 -4px;
		}
	.obj_inner-nav ul{
		padding-bottom:33px;
		padding-top:75px
		}	
}

@media screen and (min-width:750px){
	.obj_inner-nav{
		margin-right:-380px;
		right:50%;
		top:52.53906vw;
		}
}

@media screen and (min-width:768px){
	.obj_inner-nav{
		margin-right:0;
		right:60px;
		}
	.obj_inner-nav.is-pinned{
		top:160px;
		}
}

@media screen and (min-width:1361px){
	.obj_inner-nav{
		top:calc(630px - (1920px - 100vw)/ 5)
		}
}

@media screen and (min-width:1490px){
	.obj_inner-nav{
		margin-right:-680px;
		right:50%;
		}
}



