@charset "utf-8";
/**--------------------------------------------------------
 * CSS information
 * file name	: style.css
 * author		: takaaki koyama
 -----------------------------------------------------------*/
/* reset
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}

article,aside,details,figcaption,figure,footer,
header,hgroup,main,nav,section,summary{
	display: block;
}

audio,canvas,video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {	
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
	font-family: "微软雅黑";
}

a:focus {
}

a:active,
a:hover {
	outline: 0;
}

b,strong {
	font-weight: bold;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

code,kbd,pre,samp {	
	font-size: 1em;
}
pre {
	white-space: pre-wrap;
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
	font-size: 80%;
}
sub,sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}
img,object,embed {
	vertical-align: top;
}

figure {
	margin: 0;
}

button,input,select,textarea {
	margin: 0;
	font-size: 100%;	
}

button,input {
	line-height: normal;
}
button, select {
	text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}

li {
	list-style-type: none;
}

em{
	font-weight:bold;
}

/*
 ::selection
---------------------------------------------------*/
::selection {
    background: #000;
    color: #fff;
}
::-moz-selection {
    background: #000;
    color: #fff;
}

/*
 webkit-scrollbar
---------------------------------------------------*/
::-webkit-scrollbar {
    width: 6px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #000b4c ;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
   /* box-shadow: inset 0px 0px 2px rgba(200,200,200,1); */
}

::-webkit-scrollbar-track-piece {
    background-color: #f2f2f2 ;
}

/*
 basic settings
-------------------------------------------------------------*/
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html,body{
	height: 100%;
}


body{
	color: #4C4C4C;
	font-size: 10px;	
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	min-width: 320px;
	overflow-y:scroll;
	overflow-x: hidden;
	-webkit-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.sub{
}

a{
	color: #000b4c;
	text-decoration: none;
}
a:link,a:visited{}
a:hover{}
a:active{}



/*
 keyframes
---------------------------------------------------*/
@-webkit-keyframes scaleRotateY {
	from {
		-webkit-transform: scaleX(1);
		-webkit-animation-timing-function: linear;
	}
	42% {
		-webkit-transform: scaleX(1);
		-webkit-animation-timing-function: cubic-bezier(.6,0,.3,1);
	}
	85% {
		-webkit-transform: scaleX(-1);
		-webkit-animation-timing-function: linear;
	}
	to {
		-webkit-transform: scaleX(-1);
		-webkit-animation-timing-function: linear;
	}
}
@-moz-keyframes scaleRotateY {
	from {
		-moz-transform: scaleX(1);
		-moz-animation-timing-function: linear;
	}
	42% {
		-moz-transform: scaleX(1);
		-moz-animation-timing-function: cubic-bezier(.6,0,.3,1);
	}
	85% {
		-moz-transform: scaleX(-1);
		-moz-animation-timing-function: linear;
	}
	to {
		-moz-transform: scaleX(-1);
		-moz-animation-timing-function: linear;
	}
}
@-o-keyframes scaleRotateY {
	from {
		-o-transform: scaleX(1);
		-o-animation-timing-function: linear;
	}
	42% {
		-o-transform: scaleX(1);
		-o-animation-timing-function: cubic-bezier(.6,0,.3,1);
	}
	85% {
		-o-transform: scaleX(-1);
		-o-animation-timing-function: linear;
	}
	to {
		-o-transform: scaleX(-1);
		-o-animation-timing-function: linear;
	}
}
@keyframes scaleRotateY {
	from {
		transform: scaleX(1);
		animation-timing-function: linear;
	}
	42% {
		transform: scaleX(1);
		animation-timing-function: cubic-bezier(.6,0,.3,1);
	}
	85% {
		transform: scaleX(-1);
		animation-timing-function: linear;
	}
	to {
		transform: scaleX(-1);
		animation-timing-function: linear;
	}
}



/*
 helper
---------------------------------------------------*/
#navi_skip {
    position: absolute;
    left: 0;
    top: 0;
}

#noscript_message{
	position: fixed;
	z-index:10000;
	padding: 1em 0;
	width:100%;
	background:#c00;
	color:#fff;
	text-align:center;
	font-size:1.2em;
}


/*
 #wrap
---------------------------------------------------*/
#wrap{
	min-height: 100%;
	height: 100%;
	width: 100%;
	position: relative;
}

#header{ display:none; }

/*
 #gnavi-btn
---------------------------------------------------*/
#gnavi-btn{
	position: fixed;
	width: 50px;
	height: 50px;
	left: 35px;
	top: 50%;
	margin-top:-25px;
	background-color:#fff;
	z-index: 700;
	opacity:1;
	-webkit-transition-property: left, opacity;
	   -moz-transition-property: left, opacity;
	     -o-transition-property: left, opacity;
	        transition-property: left, opacity;
	-webkit-transition-duration: .8s, 0s;
	   -moz-transition-duration: .8s, 0s;
	     -o-transition-duration: .8s, 0s;
	        transition-duration: .8s, 0s;
	-webkit-transition-delay: 1.5s, 1.5s;
	   -moz-transition-delay: 1.5s, 1.5s;
	     -o-transition-delay: 1.5s, 1.5s;
	        transition-delay: 1.5s, 1.5s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
.index #gnavi-btn{
	left:-50px;
}

.trans #gnavi-btn{
	opacity:0;
	left:-50px;
	-webkit-transition-duration: 0s, .3s;
	   -moz-transition-duration: 0s, .3s;
	     -o-transition-duration: 0s, .3s;
	        transition-duration: 0s, .3s;
	-webkit-transition-delay: .3s, 0s;
	   -moz-transition-delay: .3s, 0s;
	     -o-transition-delay: .3s, 0s;
	        transition-delay: .3s, 0s;
}

#gnavi-btn a{
	display:block;
	background: #f3a71e;
	width: 100%;
	height: 100%;
	position:relative;
	-webkit-transition: opacity .25s ease-in-out;
	   -moz-transition: opacity .25s ease-in-out;
	     -o-transition: opacity .25s ease-in-out;
	        transition: opacity .25s ease-in-out;
}
#gnavi-btn a:hover{
	opacity:0.4;
}

#gnavi-btn a span{
	display:block;
	position:absolute;
	top: 24px;
	left:15px;
	height:0px;
	padding-top:2px;
	width:20px;
	color:#d4b000;
	background-color:#000b4c;
	font-size:0;
	-webkit-transition: opacity 0.2s;
	   -moz-transition: opacity 0.2s;
	     -o-transition: opacity 0.2s;
	        transition: opacity 0.2s;
	-webkit-animation-name: scaleRotateY;
	     -o-animation-name: scaleRotateY;
	        animation-name: scaleRotateY;
	-webkit-animation-iteration-count: infinite;
	     -o-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	-webkit-animation-duration: 2.4s;
	     -o-animation-duration: 2.4s;
	        animation-duration: 2.4s;
	-webkit-animation-delay: .15s;
	     -o-animation-delay: .15s;
	        animation-delay: .15s;
	-webkit-animation-fill-mode: forwards;
	     -o-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

#gnavi-btn a:before,
#gnavi-btn a:after{
	content: '';
	display:block;
	position:absolute;
	left:15px;
	height:2px;
	overflow:hidden;
	width:20px;
	background-color:#000b4c;
	-webkit-animation-name: scaleRotateY;
	     -o-animation-name: scaleRotateY;
	        animation-name: scaleRotateY;
	-webkit-animation-iteration-count: infinite;
	     -o-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	-webkit-animation-duration: 2.4s;
	     -o-animation-duration: 2.4s;
	        animation-duration: 2.4s;
	-webkit-animation-fill-mode: forwards;
	     -o-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}
#gnavi-btn a:before{
	top: 18px;
	-webkit-animation-delay: .3s;
	     -o-animation-delay: .3s;
	        animation-delay: .3s;
}
#gnavi-btn a:after{
	top: 30px;
	-webkit-animation-delay: 0s;
	     -o-animation-delay: 0s;
	        animation-delay: 0s;
}


/*
 #gnavi
---------------------------------------------------*/
#gnavi-wrap{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 800;
	overflow: hidden;
	visibility:hidden;
	-webkit-transition: visibility 0s 1s;
	-moz-transition: visibility 0s 1s;
	-o-transition: visibility 0s 1s;
	transition: visibility 0s 1s;
	/*
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
	        perspective: 1000px;
	*/
}

.nav-open #gnavi-wrap{
	visibility:visible;
	-webkit-transition-delay: 0s;
	   -moz-transition-delay: 0s;
	     -o-transition-delay: 0s;
	        transition-delay: 0s;
}

#gnavi-wrap:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color: rgba(0,13,25,0.85);
	z-index: 1;
	opacity:0;
	-webkit-transform: scale(0.89, 0.89);
	   -moz-transform: scale(0.89, 0.89);
	-o-transform: scale(0.89, 0.89);
	transform: scale(0.89, 0.89);
	-webkit-transition-property: opacity,-webkit-transform;
	   -moz-transition-property: opacity,   -moz-transform;
	     -o-transition-property: opacity,     -o-transform;
	        transition-property: opacity,        transform;
	-webkit-transition-duration: .6s;
	   -moz-transition-duration: .6s;
	     -o-transition-duration: .6s;
	        transition-duration: .6s;
	-webkit-transition-delay: .2s;
	   -moz-transition-delay: .2s;
	     -o-transition-delay: .2s;
	        transition-delay: .2s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.nav-open #gnavi-wrap:after{
	opacity:1;
	-webkit-transform: scale(1,1);
	   -moz-transform: scale(1,1);
	     -o-transform: scale(1,1);
	        transform: scale(1,1);
	-webkit-transition-delay: 0s;
	   -moz-transition-delay: 0s;
	     -o-transition-delay: 0s;
	        transition-delay: 0s;
}

.trans #gnavi-wrap:after{
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
	     -o-transition-duration: 0s;
	        transition-duration: 0s;
	-webkit-transition-delay: .4s;
	   -moz-transition-delay: .4s;
	     -o-transition-delay: .4s;
	        transition-delay: .4s;
}

.index #gnavi-wrap:after{
	display:none;
}
#gnavi{
	position:relative;
	width:100%;
	height:100%;
	z-index:2;
}
#gnavi-wrap.use-preserve3d #gnavi{
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-transform: translateZ(-1000px) rotateY(-75deg);
	   -moz-transform: translateZ(-1000px) rotateY(-75deg);
	     -o-transform: translateZ(-1000px) rotateY(-75deg);
	        transform: translateZ(-1000px) rotateY(-75deg);
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
	     -o-transition-property: -o-transform;
	        transition-property: transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.nav-open #gnavi-wrap.use-preserve3d #gnavi{
	/* set style by js */
}

#gnavi-inner{
	position: relative;
	width:100%;
	height:100%;
	-webkit-transform-origin: 50% 50% -1000px;
	   -moz-transform-origin: 50% 50% -1000px;
	        transform-origin: 50% 50% -1000px;
	/*-webkit-backface-visibility:hidden;
	   -moz-backface-visibility:hidden;
	        backface-visibility:hidden;*/
	-webkit-transform: rotateY(-75deg);
	   -moz-transform: rotateY(-75deg);
	     -o-transform: rotateY(-75deg);
	        transform: rotateY(-75deg);
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
	     -o-transition-property: -o-transform;
	        transition-property: transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.nav-open #gnavi-inner{
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
}
#gnavi-wrap.use-preserve3d #gnavi-inner{
	opacity:0;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
	     -o-transition-property: opacity;
	        transition-property: opacity;
		transform: translateZ(1000px) rotateY(0);
}
.nav-open #gnavi-wrap.use-preserve3d #gnavi-inner{
	opacity:1;
}

.gnavi-content{
	position:absolute;
	top:100px;
	left:100px;
	right:100px;
	bottom:100px;	
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	-webkit-transition-property: top, bottom, -webkit-transform;
	   -moz-transition-property: top, bottom, -moz-transform;
	     -o-transition-property: top, bottom, -o-transform;
	        transition-property: top, bottom, transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

#top-menu .gnavi-content{
	overflow: inherit;
}

.show-contact .gnavi-content{
	top: 0;
	bottom: 200px;
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	-o-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.gnavi-content:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:1px solid rgba(255,255,255,0.5);
	z-index: 1;
	opacity: 0.5;
}

#top-menu .gnavi-content:after{
	display:none;
}

.gnavi-content .gnavi-content-in{
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index:2;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
	     -o-transition-property: -o-transform;
	        transition-property: transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.show-contact .gnavi-content .gnavi-content-in{
	-webkit-transform: translate3d(0, 50%, 0);
	   -moz-transform: translate3d(0, 50%, 0);
	     -o-transform: translate3d(0, 50%, 0);
	        transform: translate3d(0, 50%, 0);

}
.navi-btn-close{
	position: absolute;
	width: 50px;
	height: 50px;
	right: 15px;
	top: 50%;
	margin-top:-25px;
	z-index:2;
	opacity:0;
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
	     -o-transition-property: opacity;
	        transition-property: opacity;
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
	     -o-transition-duration: 0s;
	        transition-duration: 0s;
	-webkit-transition-delay: .5s;
	   -moz-transition-delay: .5s;
	     -o-transition-delay: .5s;
	        transition-delay: .5s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
.nav-open .navi-btn-close{
	opacity:1;
	-webkit-transition-duration: .5s;
	   -moz-transition-duration: .5s;
	     -o-transition-duration: .5s;
	        transition-duration: .5s;
	-webkit-transition-delay: .8s;
	   -moz-transition-delay: .8s;
	     -o-transition-delay: .8s;
	        transition-delay: .8s;
}

.index .navi-btn-close{
	display:none;
}

.logo{
	position:absolute;
	overflow:hidden;
	top:50%;
	left: 0;
	z-index: 3;
}
#logo{
	width:142px;
	height:39px;
	left: 90px;
	margin-top:-20px;
}

.logo a{
	display:inline-block;
	width:122px;
	height: 0;
	padding-top:19px;
	background: url("../img/parts/logo.svg") no-repeat 100% 50%;
	background-size: 122px;
	height: 0;
}

#logo a{
	width:100%;
	display:block;
	padding-top:39px;
	background-position: 50% 50%;
	overflow:hidden;
	-webkit-transition: opacity .25s ease-in-out;
	   -moz-transition: opacity .25s ease-in-out;
	     -o-transition: opacity .25s ease-in-out;
	        transition: opacity .25s ease-in-out;
}
#logo a:hover{
	opacity:0.4;
}


.navi-btn-close a{
	display:block;
	width: 100%;
	height: 100%;
	position:relative;
	-webkit-transition: opacity .25s ease-in-out;
	   -moz-transition: opacity .25s ease-in-out;
	     -o-transition: opacity .25s ease-in-out;
	        transition: opacity .25s ease-in-out;
}
.navi-btn-close a:hover{
	opacity:0.4;
}
.navi-btn-close a span{
	display:none;
}
.navi-btn-close a:before,
.navi-btn-close a:after{
	content: '';
	display:block;
	position:absolute;
	top:24px;
	left:15px;
	width:20px;
	height:2px;
	overflow:hidden;
	background-color:#fff;
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property:    -moz-transform;
	     -o-transition-property:      -o-transform;
	        transition-property:         transform;
	-webkit-transition-duration: .3s;
	   -moz-transition-duration: .3s;
	     -o-transition-duration: .3s;
	        transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
.navi-btn-close a:before{
	-webkit-transform: rotateZ(45deg);
	   -moz-transform: rotateZ(45deg);
	     -o-transform: rotateZ(45deg);
	        transform: rotateZ(45deg);
}

.navi-btn-close a:hover:before{
	-webkit-transform: rotateZ(-45deg);
	   -moz-transform: rotateZ(-45deg);
	     -o-transform: rotateZ(-45deg);
	        transform: rotateZ(-45deg);
}

.navi-btn-close a:after{
	-webkit-transform: rotateZ(-45deg);
	   -moz-transform: rotateZ(-45deg);
	     -o-transform: rotateZ(-45deg);
	        transform: rotateZ(-45deg);
}

.navi-btn-close a:hover:after{
	-webkit-transform: rotateZ(45deg);
	   -moz-transform: rotateZ(45deg);
	     -o-transform: rotateZ(45deg);
	        transform: rotateZ(45deg);
}


.gnavi-list{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	-webkit-perspective: 500px;
       -moz-perspective: 500px;
	        perspective: 500px;
}


#gnavi-list{
	z-index: 2;
}

.gnavi-list ul{
	position:absolute;
	width: 450px;
	height: 370px;
	top:50%;
	left: 50%;
	margin-top: -175px;
	margin-left: -225px;
	z-index: 3;
}


.gnavi-list ul li{
	position:relative;
	font-size: 80px;
	line-height: 75px;	
}

.gnavi-list ul li i { font-style:normal; opacity:1; font-size:18px; text-align: center; width: 100%; position:absolute; z-index:1000; height:75px; left:0; top:0; line-height:75px; color:#FFF;}



.gnavi-list ul li a{
	display:block;
	position:relative;
	text-align:center;
	letter-spacing: 0.05em;
	color:#061123;
}

#gnavi-list ul li a{
	opacity:0.8;/*****light******/
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
	     -o-transition-property: opacity;
	        transition-property: opacity;
	-webkit-transition-duration: .3s;
	   -moz-transition-duration: .3s;
	     -o-transition-duration: .3s;
	        transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}


#top-navi ul li a{
	opacity:1;
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
	     -o-transition-property: opacity;
	        transition-property: opacity;
	-webkit-transition-duration: .3s;
	   -moz-transition-duration: .3s;
	     -o-transition-duration: .3s;
	        transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
#top-navi ul li a.deactive{
	opacity:0.2;
}
/*
#gnavi-list ul li a:hover{
	opacity:1;
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
	     -o-transition-duration: 0s;
	        transition-duration: 0s;
}
*/

#gnavi-list ul li a.current{
	opacity:1;
}

.gnavi-list ul li a span{
	display:block;
	height:75px;
	line-height:75px;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	   -moz-backface-visibility:hidden;
	        backface-visibility:hidden;
	-webkit-transform-origin:50%;
	   -moz-transform-origin:50%;
	        transform-origin:50%;
	-webkit-transform: rotateY(-91deg);
	   -moz-transform: rotateY(-91deg);
	     -o-transform: rotateY(-91deg);
	        transform: rotateY(-91deg);
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
	     -o-transition-property: -o-transform;
	        transition-property: transform;
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
	     -o-transition-duration: 0s;
	        transition-duration: 0s;
	-webkit-transition-delay: .5s;
	   -moz-transition-delay: .5s;
	     -o-transition-delay: .5s;
	        transition-delay: .5s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.nav-open .gnavi-list ul li a span{
	-webkit-transform: rotateY(0);
	   -moz-transform: rotateY(0);
	     -o-transform: rotateY(0);
	        transform: rotateY(0);
	-webkit-transition-duration: .5s;
	   -moz-transition-duration: .5s;
	     -o-transition-duration: .5s;
	        transition-duration: .5s;
}
/*
.gnavi-list ul li:nth-child(5) a span{
	-webkit-transition-delay: 0s;
	   -moz-transition-delay: 0s;
	     -o-transition-delay: 0s;
	        transition-delay: 0s;
}
#gnavi-list ul li:nth-child(4) a span{
	-webkit-transition-delay: 0.05s;
	   -moz-transition-delay: 0.05s;
	     -o-transition-delay: 0.05s;
	        transition-delay: 0.05s;
}
.gnavi-list ul li:nth-child(3) a span{
	-webkit-transition-delay: 0.1s;
	   -moz-transition-delay: 0.1s;
	     -o-transition-delay: 0.1s;
	        transition-delay: 0.1s;
}
.gnavi-list ul li:nth-child(2) a span{
	-webkit-transition-delay: 0.15s;
	   -moz-transition-delay: 0.15s;
	     -o-transition-delay: 0.15s;
	        transition-delay: 0.15s;
}
.gnavi-list ul li:nth-child(1) a span{
	-webkit-transition-delay: 0.2s;
	   -moz-transition-delay: 0.2s;
	     -o-transition-delay: 0.2s;
	        transition-delay: 0.2s;
}
*/

.nav-open .gnavi-list ul li:nth-child(1) a span{
	-webkit-transition-delay: .8s;
	   -moz-transition-delay: .8s;
	     -o-transition-delay: .8s;
	        transition-delay: .8s;
	-webkit-transition-duration: .4s;
	   -moz-transition-duration: .4s;
	     -o-transition-duration: .4s;
	        transition-duration: .4s;
}
.nav-open .gnavi-list ul li:nth-child(2) a span{
	-webkit-transition-delay: .85s;
	   -moz-transition-delay: .85s;
	     -o-transition-delay: .85s;
	        transition-delay: .85s;
	-webkit-transition-duration: .5s;
	   -moz-transition-duration: .5s;
	     -o-transition-duration: .5s;
	        transition-duration: .5s;
}
.nav-open .gnavi-list ul li:nth-child(3) a span{
	-webkit-transition-delay: .9s;
	   -moz-transition-delay: .9s;
	     -o-transition-delay: .9s;
	        transition-delay: .9s;
	-webkit-transition-duration: .6s;
	   -moz-transition-duration: .6s;
	     -o-transition-duration: .6s;
	        transition-duration: .6s;
}
.nav-open .gnavi-list ul li:nth-child(4) a span{
	-webkit-transition-delay: .95s;
	   -moz-transition-delay: .95s;
	     -o-transition-delay: .95s;
	        transition-delay: .95s;
	-webkit-transition-duration: .7s;
	   -moz-transition-duration: .7s;
	     -o-transition-duration: .7s;
	        transition-duration: .7s;
}
.nav-open .gnavi-list ul li:nth-child(5) a span{
	-webkit-transition-delay: 1s;
	   -moz-transition-delay: 1s;
	     -o-transition-delay: 1s;
	        transition-delay: 1s;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
}


.gnavi-list ul li a span:after{
	content:'';
	display:block;
	position:absolute;
	height: 1px;
	width: 0;
	left: 100%;
	top: 50%;
/*  background-color:#fff; */
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
	-webkit-transition-property: left, width, -webkit-transform;
	   -moz-transition-property: left, width, -moz-transform;
	     -o-transition-property: left, width, -o-transform;
	        transition-property: left, width, transform;
	-webkit-transition-duration: .6s, .6s, 0s;
	   -moz-transition-duration: .6s, .6s, 0s;
	     -o-transition-duration: .6s, .6s, 0s;
	        transition-duration: .6s, .6s, 0s;
	-webkit-transition-delay: 0s, 0s, .6s;
	   -moz-transition-delay: 0s, 0s, .6s;
	     -o-transition-delay: 0s, 0s, .6s;
	        transition-delay: 0s, 0s, .6s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.gnavi-list ul li a.current span:after,
.gnavi-list ul li a:hover span:after{
	left:-20%;
	width:100%;
	-webkit-transform: translateX(20%);
	   -moz-transform: translateX(20%);
	     -o-transform: translateX(20%);
	        transform: translateX(20%);
	-webkit-transition-duration: 0s, 0s, .4s;
	   -moz-transition-duration: 0s, 0s, .4s;
	     -o-transition-duration: 0s, 0s, .4s;
	        transition-duration: 0s, 0s, .4s;
	-webkit-transition-delay: 0s, 0s, .01s;
	   -moz-transition-delay: 0s, 0s, .01s;
	     -o-transition-delay: 0s, 0s, .01s;
	        transition-delay: 0s, 0s, .01s;
	-webkit-transition-timing-function: cubic-bezier(0,.85,.3,1);
	   -moz-transition-timing-function: cubic-bezier(0,.85,.3,1);
	     -o-transition-timing-function: cubic-bezier(0,.85,.3,1);
	        transition-timing-function: cubic-bezier(0,.85,.3,1);
}



/*
 #contents
---------------------------------------------------*/
#contents-wrap{
	min-height: 100%;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 1;
}
.index #contents-wrap{
	min-height: 100%;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 1000;
}

#contents{
	width: 100%;
	height: 100%;
	position: relative;
}

#contents:after{
	content:'';
	display:block;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	background-color:#000D19;
	visibility:hidden;
	opacity:0;
	-webkit-transition-property: visibility, opacity;
	   -moz-transition-property: visibility, opacity;
	     -o-transition-property: visibility, opacity;
	        transition-property: visibility, opacity;
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
	     -o-transition-duration: 0s;
	        transition-duration: 0s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
#contents.covered:after{
	/* visibility:visible;
	opacity:1;
	-webkit-transition-duration: 0s, .4s;
	   -moz-transition-duration: 0s, .4s;
	     -o-transition-duration: 0s, .4s;
	        transition-duration: 0s, .4s;
	-webkit-transition-delay: 0s, 0.01s;
	   -moz-transition-delay: 0s, 0.01s;
	     -o-transition-delay: 0s, 0.01s;
	        transition-delay: 0s, 0.01s; */
}

/*
 .frame-bar
---------------------------------------------------*/
.frame-bar{
	position:fixed;
	background-color:#fff;
	z-index: 2000;
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property:    -moz-transform;
	     -o-transition-property:      -o-transform;
	        transition-property:         transform;
	-webkit-transition-duration: .6s;
	   -moz-transition-duration: .6s;
	     -o-transition-duration: .6s;
	        transition-duration: .6s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
.frame-bar.frame-h-bar{
	width:100%;
	height:20px;
}
.frame-bar.frame-v-bar{
	width:20px;
	height:100%;
}
.frame-bar.frame-bar-top{
	top:0;
	left:0;
	-webkit-transform: translate3d(0, -100%, 0);
	   -moz-transform: translate3d(0, -100%, 0);
	     -o-transform: translate3d(0, -100%, 0);
	        transform: translate3d(0, -100%, 0);
}
.frame-bar.frame-bar-bottom{
	bottom:0;
	left:0;
	-webkit-transform: translate3d(0, 100%, 0);
	   -moz-transform: translate3d(0, 100%, 0);
	     -o-transform: translate3d(0, 100%, 0);
	        transform: translate3d(0, 100%, 0);
}
.frame-bar.frame-bar-left{
	top:0;
	bottom:0;
	left:0;
	-webkit-transform: translate3d(-100%, 0, 0);
	   -moz-transform: translate3d(-100%, 0, 0);
	     -o-transform: translate3d(-100%, 0, 0);
	        transform: translate3d(-100%, 0, 0);
}
.frame-bar.frame-bar-right{
	top:0;
	bottom:0;
	right:0;
	-webkit-transform: translate3d(100%, 0, 0);
	   -moz-transform: translate3d(100%, 0, 0);
	     -o-transform: translate3d(100%, 0, 0);
	        transform: translate3d(100%, 0, 0);
}

.frame-bar.show{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}


/*
 class
-----------------------------------------------------------*/
/*
 .container
-------------------------------------------------*/
.container{
	width:980px;
	margin: 0 auto;
	*zoom: 1;
}

.container:before, .container:after { display: table; content: ""; line-height: 0;}
.container:after { clear: both; }


@media only screen and (max-width:1080px){
	.container{
		width:auto;
		margin: 0 50px;
	}
}

@media only screen and (max-width:768px){
	.container{
		margin: 0 20px;
	}
}

.container-fulid{
	*zoom: 1;
}
.container-fulid:before, .container-fulid:after { display: table; content: ""; line-height: 0;}
.container-fulid:after { clear: both; }


/*
 .contents
-------------------------------------------------*/
.content{
	position: relative;
	height: 100%;
	z-index:1;
}

.content-in{
	position: relative;
	background-color: #fff;
	height:100%;
	min-height: 100%;
}

.content.slide-wrap{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.content.slide-wrap.infront{
	z-index:3;
}

.content.slide-wrap:before,
.content.slide-wrap:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.content.slide-wrap:before{
	z-index:0;
	background-color:#fff;
}
.content.slide-wrap:after{
	z-index:100;
	background-color:#000D19;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property:    -moz-transform;
	     -o-transition-property:      -o-transform;
	        transition-property:         transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
.content.slide-wrap.slide-in-up.show:after{
	-webkit-transform: translate3d(0, -100%, 0);
	   -moz-transform: translate3d(0, -100%, 0);
	     -o-transform: translate3d(0, -100%, 0);
	        transform: translate3d(0, -100%, 0);
}
.content.slide-wrap.slide-in-down.show:after{
	-webkit-transform: translate3d(0, 100%, 0);
	   -moz-transform: translate3d(0, 100%, 0);
	     -o-transform: translate3d(0, 100%, 0);
	        transform: translate3d(0, 100%, 0);
}
.content.slide-wrap.slide-in-left.show:after{
	-webkit-transform: translate3d(-100%, 0, 0);
	   -moz-transform: translate3d(-100%, 0, 0);
	     -o-transform: translate3d(-100%, 0, 0);
	        transform: translate3d(-100%, 0, 0);
}


.content.slide-wrap .content-in{
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property:    -moz-transform;
	     -o-transition-property:      -o-transform;
	        transition-property:         transform;
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
	     -o-transition-duration: 0s;
	        transition-duration: 0s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
.content.slide-wrap.slide-in-up .content-in{
	-webkit-transform: translate3d(0, 200px, 0);
	   -moz-transform: translate3d(0, 200px, 0);
	     -o-transform: translate3d(0, 200px, 0);
	        transform: translate3d(0, 200px, 0);
}
.content.slide-wrap.slide-in-down .content-in{
	-webkit-transform: translate3d(0, -200px, 0);
	   -moz-transform: translate3d(0, -200px, 0);
	     -o-transform: translate3d(0, -200px, 0);
	        transform: translate3d(0, -200px, 0);
}

.content.slide-wrap.slide-in-left .content-in{
	-webkit-transform: translate3d(200px, 0, 0);
	   -moz-transform: translate3d(200px, 0, 0);
	     -o-transform: translate3d(200px, 0, 0);
	        transform: translate3d(200px, 0, 0);
}
.content.slide-wrap.show .content-in{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
}


/*
 main / side / grid item
-------------------------------------------------*/
.side{
	position:fixed;
	height:100%;
	left: 6%;
	width:20%;
	background-color:#fff;
}

.main{
	width:75%;
	margin-left: 25%;
	min-height: 100%;
	padding: 20px 16px 20px 20px;
	position:relative;
}

.main-fluid{
	width:100%;
	padding: 20px;
	min-height: 100%;
	position:relative;
}

.main .slide-container{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding: 20px 16px 20px 20px;
	overflow:hidden;
}

.main .slide-container:before,
.main .slide-container:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#0B141B;
	-webkit-transition-property: visibility, -webkit-transform;
	   -moz-transition-property: visibility,    -moz-transform;
	     -o-transition-property: visibility,      -o-transform;
	        transition-property: visibility,         transform;
	-webkit-transition-duration: 0s, .8s;
	   -moz-transition-duration: 0s, .8s;
	     -o-transition-duration: 0s, .8s;
	        transition-duration: 0s, .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
.main .slide-container:before{
	z-index:2;
	visibility:visible;
	-webkit-transition-delay: .901s, .0s;
	   -moz-transition-delay: .901s, .0s;
	     -o-transition-delay: .901s, .0s;
	        transition-delay: .901s, .0s;
	-webkit-transform: translate3d(100%, 0, 0);
	   -moz-transform: translate3d(100%, 0, 0);
	     -o-transform: translate3d(100%, 0, 0);
	        transform: translate3d(100%, 0, 0);
}
.main .slide-container.play:before{
	visibility:hidden;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}
.main .slide-container:after{
	z-index:4;
	visibility:hidden;
	-webkit-transition-delay: .9s, .901s;
	   -moz-transition-delay: .9s, .901s;
	     -o-transition-delay: .9s, .901s;
	        transition-delay: .9s, .901s;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}
.main .slide-container.play:after{
	visibility:visible;
	-webkit-transform: translate3d(-100%, 0, 0);
	   -moz-transform: translate3d(-100%, 0, 0);
	     -o-transform: translate3d(-100%, 0, 0);
	        transform: translate3d(-100%, 0, 0);
}

.main .slide-container .slide-content{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding: 20px 16px 20px 20px;
	overflow:hidden;
	-webkit-transition-property: visibility, -webkit-transform;
	   -moz-transition-property: visibility,    -moz-transform;
	     -o-transition-property: visibility,      -o-transform;
	        transition-property: visibility,         transform;
	-webkit-transition-duration: 0s, .8s;
	   -moz-transition-duration: 0s, .8s;
	     -o-transition-duration: 0s, .8s;
	        transition-duration: 0s, .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

@media only screen and (max-width: 1600px){
	.main .slide-container .slide-content{
		padding: 20px 17px 20px 20px;
	}
}
@media only screen and (max-width: 1200px){
	.main .slide-container .slide-content{
		padding: 20px 18px 20px 20px;
	}
}

.main .slide-container .slide-content.slide-out{
	z-index:1;
	visibility:visible;
	-webkit-transition-delay: .801s, 0s;
	   -moz-transition-delay: .801s, 0s;
	     -o-transition-delay: .801s, 0s;
	        transition-delay: .801s, 0s;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}
.main .slide-container.play .slide-content.slide-out{
	visibility:hidden;
	-webkit-transform: translate3d(-15%, 0, 0);
	   -moz-transform: translate3d(-15%, 0, 0);
	     -o-transform: translate3d(-15%, 0, 0);
	        transform: translate3d(-15%, 0, 0);
}
.main .slide-container .slide-content.slide-in{
	z-index:3;
	visibility:hidden;
	-webkit-transition-delay: .9s, .901s;
	   -moz-transition-delay: .9s, .901s;
	     -o-transition-delay: .9s, .901s;
	        transition-delay: .9s, .901s;
	-webkit-transform: translate3d(15%, 0, 0);
	   -moz-transform: translate3d(15%, 0, 0);
	     -o-transform: translate3d(15%, 0, 0);
	        transform: translate3d(15%, 0, 0);
}
.main .slide-container.play .slide-content.slide-in{
	visibility:visible;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.main .main-overlay{
	position:fixed;
	height:100%;
	width:80%;
	min-height: 100%;
	padding: 20px;
	top:0;
	left:20%;
	z-index:100;
	overflow: hidden;
}
.main .main-overlay .message-body{
	position:relative;
	z-index:1;
	color:#fff;
	text-align:center;
	font-size:1.2em;
	line-height: 2.2;
}
.main .main-overlay .message-body br.sm{
	display:none;
}

.main .main-overlay:after{
	content:'';
	display:block;
	position: absolute;
	width:100%;
	height:100%;
	top:20px;
	left:20px;
	z-index:0;
	background-color:#000D19;
	visibility:visible;
	opacity:1;
	-webkit-transition-property: visibility, opacity;
	-moz-transition-property: visibility, opacity;
	-o-transition-property: visibility, opacity;
	transition-property: visibility, opacity;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	-moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	-o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	transition-timing-function: cubic-bezier(.6,0,.3,1);
}



.grid{
	*zoom: 1;
}
.grid:before, .grid:after { display: table; content: ""; line-height: 0;}
.grid:after { clear: both; }

.grid .grid-item{
	width:90%;
	float:left;
	margin-left: -1px;
	position: relative;
	z-index: 1;
}
.grid .grid-item-r{
	float:right;
}

.portfolio-grid{}
@media (max-width: 768px){
	.portfolio-grid{ background-color: #282928; }
}
.portfolio-grid .grid-item{ background-color: #282928; }
.portfolio-grid .grid-item.bg01{ background-color:#3d3d3d; }
.portfolio-grid .grid-item.bg02{ background-color:#383838; }
.portfolio-grid .grid-item.bg03{ background-color:#333333; }
.portfolio-grid .grid-item.bg04{ background-color:#2e2e2e; }
.portfolio-grid .grid-item.bg05{ background-color:#282828; }
.portfolio-grid .grid-item.bg06{ background-color:#373737; }
.portfolio-grid .grid-item.bg07{ background-color:#3C3C3C; }
.portfolio-grid .grid-item.bg08{ background-color:#414141;; }

.grid .empty-item{}
.grid .empty-item:after{
	content:'';
	display:block;
	position:absolute;
	width: 100%;
	position:relative;
	padding-top:61.538%;
}

.portfolio-grid .grid-item .item-in{
	position:relative;
	padding-top:61.538%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.portfolio-grid .grid-item .item-in:before{
	content:'';
	display:block;
	position:absolute;
	width: 100%;
	height:100%;
	top:0;
	left:0;
	z-index: 3;
	visibility:visible;
	opacity:1;
	-webkit-transition-property: visibility, opacity;
	   -moz-transition-property: visibility, opacity;
	     -o-transition-property: visibility, opacity;
	        transition-property: visibility, opacity;
	-webkit-transition-duration: 0s, .8s;
	   -moz-transition-duration: 0s, .8s;
	     -o-transition-duration: 0s, .8s;
	        transition-duration: 0s, .8s;
	-webkit-transition-delay: 0s, .001s;
	   -moz-transition-delay: 0s, .001s;
	     -o-transition-delay: 0s, .001s;
	        transition-delay: 0s, .001s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.portfolio-grid .grid-item.bg01 .item-in:before{ background-color:#1E1E1E; }
.portfolio-grid .grid-item.bg02 .item-in:before{ background-color:#232323; }
.portfolio-grid .grid-item.bg03 .item-in:before{ background-color:#282828; }
.portfolio-grid .grid-item.bg04 .item-in:before{ background-color:#2D2D2D; }
.portfolio-grid .grid-item.bg05 .item-in:before{ background-color:#323232; }
.portfolio-grid .grid-item.bg06 .item-in:before{ background-color:#373737; }
.portfolio-grid .grid-item.bg07 .item-in:before{ background-color:#3C3C3C; }
.portfolio-grid .grid-item.bg08 .item-in:before{ background-color:#414141; }

.portfolio-grid .grid-item.show .item-in:before{
	visibility:hidden;
	opacity:0;
	-webkit-transition-delay: .8s, 0s;
	   -moz-transition-delay: .8s, 0s;
	     -o-transition-delay: .8s, 0s;
	        transition-delay: .8s, 0s;
}

.portfolio-grid .grid-item .item-in:after{
	content:'';
	display:block;
	position:absolute;
	width: 100%;
	height:100%;
	top:0;
	left:0;
	background-color: rgba(0,0,0,0.5);
	z-index:0;
}

.portfolio-grid .grid-item .item-in a{
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	overflow: hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	z-index:2;
}
.portfolio-grid .grid-item .item-in a:after{
	content:'';
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.4);
	z-index:0;
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
	     -o-transition-property: opacity;
	        transition-property: opacity;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.portfolio-grid .grid-item.show .item-in a:hover:after{
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
	     -o-transition-duration: 0s;
	        transition-duration: 0s;
	opacity:0;
}

.portfolio-grid .item-in a.coverd{
	background-size:cover;
}

.portfolio-grid .item-in a .title,
.portfolio-grid .item-in a .categories{
	display:none;
}

.portfolio-grid .item-in .item-label-wrap{
	display: block;
	position:absolute;
	top:0;
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 1;
	background-color: #282828;
}
.portfolio-grid .item-in .item-label-wrap .item-label{
	color:#fff;
	font-size:30px;	
	letter-spacing:0.03em;
}

.portfolio-grid .item-in img{
	opacity: 0;
	height:100%;
}
@media only screen and (min-width: 1601px){
	.grid .item-4-1{
		width:25%;
	}
	.grid .grid-item-4-2{
		width:50%;
	}
	.grid .grid-item-4-3{
		width:75%;
	}
	.grid .grid-item-4-4{
		width:100%;
	}
}
@media only screen and (max-width: 1200px){
	.side{
		width:25%;
	}
	
	.grid .grid-item{
		width:96%;
	}
	.grid .grid-item-2-1{
		width:50%;
	}
	.grid .grid-item-2-2{
		width:100%;
	}
}
@media only screen and (max-width: 1100px){
	.side{
		width:30%;
	}
	
}
@media only screen and (max-width: 900px){
	.side{
		width:25%;
	}
	.local-navi ul, .local-navi dl {
    padding-left: 70px!important;
}
}
/*
@media only screen and (max-width: 850px){
	.side{
		width:50%;
	}
	.main{
		width:50%;
		margin-left: 50%;
		padding-right: 1px;
	}
	.main .main-overlay{
		width: 50%;
		left: 50%;
	}
	.grid .grid-item{
		width:100%;
	}
}
*/
@media (max-width: 768px){
	.side{
		z-index: 8;
		width: 70%;
		float:none;
		right:auto;
		left:-70%;
		-webkit-transition-property: left;
		   -moz-transition-property: left;
			 -o-transition-property: left;
				transition-property: left;
		-webkit-transition-duration: .6s;
		   -moz-transition-duration: .6s;
			 -o-transition-duration: .6s;
				transition-duration: .6s;
		-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
		   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
			 -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
				transition-timing-function: cubic-bezier(.6,0,.3,1);
	}
	.side:after{
		content:'';
		position:absolute;
		width: 200%;
		height:100%;
		top: 0;
		left: 100%;
		background-color:#000;
		z-index: 0;
		opacity:0;
		visibility:hidden;
		-webkit-transition-property: visibility, opacity;
		   -moz-transition-property: visibility, opacity;
			 -o-transition-property: visibility, opacity;
				transition-property: visibility, opacity;
		-webkit-transition-duration: 0s, .6s;
		   -moz-transition-duration: 0s, .6s;
			 -o-transition-duration: 0s, .6s;
				transition-duration: 0s, .6s;
		-webkit-transition-delay: .6s, .01s;
		   -moz-transition-delay: .6s, .01s;
			 -o-transition-delay: .6s, .01s;
				transition-delay: .6s, .01s;
	}
	.side.open{
		left: 0;
		padding-top: 50px;
	}
	.side.open:after{
		opacity: .8;
		visibility:visible;
		-webkit-transition-delay: 0s, .01s;
		   -moz-transition-delay: 0s, .01s;
			 -o-transition-delay: 0s, .01s;
				transition-delay: 0s, .01s;
	}
	.main{
		margin-left: 0;
		width:100%;
		padding:50px 0 0;
		float:none;
		overflow:hidden;
	}
	.main .main-overlay{
		width: 100%;
		left: 0;
		padding-top: 70px;
	}
	.main .main-overlay:after{
		left:0;
	}
	.main > .grid{
		margin-right:-2px;
	}
	.grid .grid-item{
		width:96%;
	}
	.grid .grid-item-r{
		display: none;
	}
	.grid .grid-item-2-1{
		width:50%;
	}
	.grid .grid-item-2-2{
		width:100%;
	}
}


/*
.panel-scroller-item
---------------------------------------*/
.panel-scroller-item{
	opacity:0;
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
	     -o-transition-property: opacity;
	        transition-property: opacity;
	-webkit-transition-duration: .5s;
	   -moz-transition-duration: .5s;
	     -o-transition-duration: .5s;
	        transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.panel-scroller-item.show{
	opacity:1;
}




/*
.row
-------------------------------------------------*/
.row{
	*zoom: 1;
}
.row:before, .row:after { display: table; content: ""; line-height: 0;}
.row:after { clear: both; }

.row .col{
	float:left;
}
.row.col-2{
}
.row.col-2 .col{
	width:50%;
}
.row.col-2 .col:first-child{
	padding-right:20px;
}
.row.col-2 .col:last-child{
	padding-left:20px;
}


/*
 .local-navi
-------------------------------------------------*/
.local-navi{
	position:relative;	
	font-size: 20px;
	line-height: 1.1;
	letter-spacing: 0.03em;
	background-color: #fff;
	z-index:1;
}
.local-navi ul,
.local-navi dl{
	padding-left: 100px;
}
.local-navi dl ul{
	padding-left: 0;
}

.local-navi dl dt{
	margin-bottom: 0.5em;
	margin-left: 27px;
}
.local-navi dl dd{
	margin-bottom: 2em;
}
.local-navi dl dd:last-child{
	margin-bottom:0;
}

.local-navi ul li{
	line-height: 1.3;
	padding:0 0;
}

.local-navi a,
.local-navi dt strong{
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
	     -o-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
	     -o-transition-property: -o-transform;
	        transition-property: transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.local-navi a span,
.local-navi dt span{
	display:inline-block;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
	     -o-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
	     -o-transition-property: -o-transform;
	        transition-property: transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
.local-navi li:nth-child(1) a, .local-navi li:nth-child(1) a span{	-webkit-transition-delay: 0.1s;	-moz-transition-delay: 0.1s;	-o-transition-delay: 0.1s;	transition-delay: 0.1s; }
.local-navi li:nth-child(2) a, .local-navi li:nth-child(2) a span{	-webkit-transition-delay: 0.2s;	-moz-transition-delay: 0.2s;	-o-transition-delay: 0.2s;	transition-delay: 0.2s; }
.local-navi li:nth-child(3) a, .local-navi li:nth-child(3) a span{	-webkit-transition-delay: 0.3s;	-moz-transition-delay: 0.3s;	-o-transition-delay: 0.3s;	transition-delay: 0.3s; }
.local-navi li:nth-child(4) a, .local-navi li:nth-child(4) a span{	-webkit-transition-delay: 0.4s;	-moz-transition-delay: 0.4s;	-o-transition-delay: 0.4s;	transition-delay: 0.4s; }
.local-navi li:nth-child(5) a, .local-navi li:nth-child(5) a span{	-webkit-transition-delay: 0.5s;	-moz-transition-delay: 0.5s;	-o-transition-delay: 0.5s;	transition-delay: 0.5s; }
.local-navi li:nth-child(6) a, .local-navi li:nth-child(6) a span{	-webkit-transition-delay: 0.6s;	-moz-transition-delay: 0.6s;	-o-transition-delay: 0.6s;	transition-delay: 0.6s; }
.local-navi li:nth-child(7) a, .local-navi li:nth-child(7) a span{	-webkit-transition-delay: 0.7s;	-moz-transition-delay: 0.7s;	-o-transition-delay: 0.7s;	transition-delay: 0.7s; }
.local-navi li:nth-child(8) a, .local-navi li:nth-child(8) a span{	-webkit-transition-delay: 0.8s;	-moz-transition-delay: 0.8s;	-o-transition-delay: 0.8s;	transition-delay: 0.8s; }
.local-navi li:nth-child(9) a, .local-navi li:nth-child(9) a span{	-webkit-transition-delay: 0.9s;	-moz-transition-delay: 0.9s;	-o-transition-delay: 0.9s;	transition-delay: 0.9s; }
.local-navi li:nth-child(10) a, .local-navi li:nth-child(10) a span{	-webkit-transition-delay: 1.0s;	-moz-transition-delay: 1.0s;	-o-transition-delay: 1.0s;	transition-delay: 1.0s; }
.local-navi li:nth-child(11) a, .local-navi li:nth-child(11) a span{	-webkit-transition-delay: 1.1s;	-moz-transition-delay: 1.1s;	-o-transition-delay: 1.1s;	transition-delay: 1.1s; }
.local-navi li:nth-child(12) a, .local-navi li:nth-child(12) a span{	-webkit-transition-delay: 1.2s;	-moz-transition-delay: 1.2s;	-o-transition-delay: 1.2s;	transition-delay: 1.2s; }
.local-navi li:nth-child(13) a, .local-navi li:nth-child(13) a span{	-webkit-transition-delay: 1.3s;	-moz-transition-delay: 1.3s;	-o-transition-delay: 1.3s;	transition-delay: 1.3s; }
.local-navi li:nth-child(14) a, .local-navi li:nth-child(14) a span{	-webkit-transition-delay: 1.4s;	-moz-transition-delay: 1.4s;	-o-transition-delay: 1.4s;	transition-delay: 1.4s; }
.local-navi li:nth-child(15) a, .local-navi li:nth-child(15) a span{	-webkit-transition-delay: 1.5s;	-moz-transition-delay: 1.5s;	-o-transition-delay: 1.5s;	transition-delay: 1.5s; }
.local-navi li:nth-child(16) a, .local-navi li:nth-child(16) a span{	-webkit-transition-delay: 1.6s;	-moz-transition-delay: 1.6s;	-o-transition-delay: 1.6s;	transition-delay: 1.6s; }

.local-navi dl dt strong,
.local-navi dl dt span{
	-webkit-transition-delay: 1.3s;
	   -moz-transition-delay: 1.3s;
	     -o-transition-delay: 1.3s;
	        transition-delay: 1.3s;
}


.show .local-navi ul li a,
.show .local-navi dl dt strong{
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
	     -o-transition-duration: 0s;
	        transition-duration: 0s;
	-webkit-transition-delay: 0s;
	   -moz-transition-delay: 0s;
	     -o-transition-delay: 0s;
	        transition-delay: 0s;
	-webkit-transform: translate3d(-100%,0,0);
	   -moz-transform: translate3d(-100%,0,0);
	     -o-transform: translate3d(-100%,0,0);
	        transform: translate3d(-100%,0,0);
}

.show .local-navi ul li a span,
.show .local-navi dl dt span{
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
	     -o-transition-duration: 0s;
	        transition-duration: 0s;
	-webkit-transition-delay: 0s;
	   -moz-transition-delay: 0s;
	     -o-transition-delay: 0s;
	        transition-delay: 0s;
	-webkit-transform: translate3d(100%,0,0);
	   -moz-transform: translate3d(100%,0,0);
	     -o-transform: translate3d(100%,0,0);
	        transform: translate3d(100%,0,0);
}

.local-navi ul li a:hover{
	opacity:0.75;
}
.local-navi ul li a.deactive{
	/*
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
		 -o-transition-duration: 0s;
			transition-duration: 0s;
	*/
	opacity: 0.3;
}
.local-navi ul li a.deactive .icon{
	visibility:hidden;
}

.local-navi ul li a span:after{
	content:'';
	position:absolute;
	height: 1px;
	width: 0;
	left: 100%;
	top: 50%;
	background-color:#000b4c;
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
	-webkit-transition-property: left, width, -webkit-transform;
	   -moz-transition-property: left, width, -moz-transform;
	     -o-transition-property: left, width, -o-transform;
	        transition-property: left, width, transform;
	-webkit-transition-duration: .6s, .6s, 0s;
	   -moz-transition-duration: .6s, .6s, 0s;
	     -o-transition-duration: .6s, .6s, 0s;
	        transition-duration: .6s, .6s, 0s;
	-webkit-transition-delay: 0s, 0s, .6s;
	   -moz-transition-delay: 0s, 0s, .6s;
	     -o-transition-delay: 0s, 0s, .6s;
	        transition-delay: 0s, 0s, .6s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.local-navi ul li a.current span:after{
	left:-20%;
	width:100%;
	-webkit-transform: translateX(20%);
	   -moz-transform: translateX(20%);
	     -o-transform: translateX(20%);
	        transform: translateX(20%);
	-webkit-transition-duration: 0s, 0s, .4s;
	   -moz-transition-duration: 0s, 0s, .4s;
	     -o-transition-duration: 0s, 0s, .4s;
	        transition-duration: 0s, 0s, .4s;
	-webkit-transition-delay: 0s, 0s, .01s;
	   -moz-transition-delay: 0s, 0s, .01s;
	     -o-transition-delay: 0s, 0s, .01s;
	        transition-delay: 0s, 0s, .01s;
	-webkit-transition-timing-function: cubic-bezier(0,.85,.3,1);
	   -moz-transition-timing-function: cubic-bezier(0,.85,.3,1);
	     -o-transition-timing-function: cubic-bezier(0,.85,.3,1);
	        transition-timing-function: cubic-bezier(0,.85,.3,1);
}

/*
 .section
-------------------------------------------------*/

.section{
	font-size: 1.4em;
	overflow:hidden;
	*zoom:1;
}
.section:before, .section:after { display: table; content: ""; line-height: 0;}
.section:after { clear: both; }


.section table,
.section ol,
.section ul,
.section dl,
.section blockquote,
.section pre,
.section code,
.section p {
	margin-bottom: 1em;
}

.section table ul, .section table ol, .section table dl, .section table p,
.section ul ul, .section ul ol, .section ul dl, .section ul p,
.section ol ul, .section ol ol, .section ol dl, .section ol p,
.section dl ul, .section dl ol, .section dl dl, .section dl p{
	margin-bottom: 0;
}

.section table{
	width:100%;
}

.section table th{
	font-weight:normal;
}
.section table td{
}


.section-title{
	padding-top: 3.5em;
	margin-bottom: 3em;
}


.section.bordered .section-title{
	border-top:1px solid #000b4c;
}
.section-title h3 { position:relative;}
.section-title h3 i { font-size:14px; font-style:normal; color:#b5b5b6; display:block; line-height:16px; }

.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6{
	color:#000b4c;
	font-size:30px;	
	letter-spacing: 0.075em;
}

.section-content{	
	margin-bottom: 50px;
	line-height: 2.0;
}
/*
 btn
-------------------------------------------------*/
.btn{
	border:none;
	padding:0;
	margin:0;
	outline:none;
	overflow:hidden;	
	font-weight:lighter;
	text-align:center;
}

/*
 icon
-------------------------------------------------*/
.icon{
	display:inline-block;
	width:15px;
	height:15px;
	background: no-repeat 50% 50%;
	margin-right: 0.4em;
}
.icon-check{
	background-image: url("../img/icons/icon_check.png")/*tpa=http://www.alpharobe.com/common/img/icons/icon_check.png*/;
	background-image: url("../img/icons/icon_check.svg")/*tpa=http://www.alpharobe.com/common/img/icons/icon_check.svg*/;
	background-size: 10px 11px;
	margin-right: 0.6em;
}

.icon-arr-l{
	background-image: url("../img/icons/icon_arr_l.png")/*tpa=http://www.alpharobe.com/common/img/icons/icon_arr_l.png*/;
	background-size: 10px;
	margin-right: 0;
}


/*
.hover-line
---------------------------------------*/
.hover-line-links a > span,
a.hover-line > span{
	display:inline-block;
	position:relative;
	white-space: nowrap;
	padding:0 10px;
}


.hover-line-links a > span:after,
a.hover-line > span:after{
	content:'';
	height:1px;
	width:0%;
	position:absolute;
	top:46%;
	left:100%;
	background-color:#d4b000;
	-webkit-transition: width 500ms, left 500ms;
	   -moz-transition: width 500ms, left 500ms;
	     -o-transition: width 500ms, left 500ms;
	        transition: width 500ms, left 500ms;
}


.hover-line-links a:hover > span:after,
.hover-line-links a.current > span:after,
a.hover-line:hover > span:after,
a.hover-line.current > span:after{
	width:100%;
	left:0%;
	-webkit-transition: width 500ms;
	   -moz-transition: width 500ms;
	     -o-transition: width 500ms;
	        transition: width 500ms;
}



/*
 video
-------------------------------------------------*/
.embed-container{
	height:0;
	padding-top: 56.25%;
	overflow:hidden;
	position:relative;
}
.embed-container .embed-item{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}
/*
 utils
-------------------------------------------------*/
.hidden{
	display: none;
}

.tal{ text-align:left; }
.tar{ text-align:right }
.tac{ text-align:center }
.taj{
	text-align: justify;
	text-justify: distribute;
}

.centered{
	text-align:center
}

.require{
	color:#e69900;
}

.attention{
	color:#cc0000;
}


.front{
	z-index:1 !important;
}
.behind{
	z-index:0 !important;
}

.full-height{
	height:100%;
}

.va-wrap{
	display:table;
	width: 100%;
	height: 100%;
}

.va-wrap .va-mid{
	display: table-cell;
	vertical-align:middle;
}
.va-wrap .va-mid img {
	width: 80px;
}

.va-wrap .va-bottom{
	display: table-cell;
	vertical-align:bottom;
}

.va-wrap .va-top{
	display: table-cell;
	vertical-align:top;
}

.mb-only{
	display:none;
}

.svg{
	display: inline-block;
	line-height: 1;
}
.svg svg{
	display: block;
	overflow: hidden;
}


/*
 page styles
-------------------------------------------------------------*/

/*
 index
---------------------------------------------------*/
#top{
    overflow: hidden;
    background-color: #000d19;
    z-index: 101;
}

#top #top-menu-wrap{
	position:absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#top #top-menu{
	position:absolute;
	width: 100%;
	height: 100%;
}
#top #top-menu-inner{
	position:absolute;
	width: 100%;
	height: 100%;
}

#top #top-menu .gnavi-content:before,
#top #top-menu .gnavi-content:after,
#top #top-menu .gnavi-content-in:before,
#top #top-menu .gnavi-content-in:after{
	content:'';
	display:block;
	position:absolute;
	background-color:#fff;
	background-color:rgba(255,255,255,0.5);
	opacity:0;
	-webkit-transition-property: opacity, -webkit-transform;
	   -moz-transition-property: opacity, -moz-transform;
	     -o-transition-property: opacity, -o-transform;
	        transition-property: opacity, transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
#top #top-menu .gnavi-content:before{
	height:1px;
	top:0;
	left:0;
	right:0;
	-webkit-transform: translate3d(-100%, 0, 0);
	   -moz-transform: translate3d(-100%, 0, 0);
	     -o-transform: translate3d(-100%, 0, 0);
	        transform: translate3d(-100%, 0, 0);
}

#top #top-menu .gnavi-content:after{
	height:1px;
	bottom:0;
	left:0;
	right:0;
	top: auto;
	border: none;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
#top #top-menu .gnavi-content-in:before{
	width:1px;
	top:0;
	left:0;
	bottom:0;
	-webkit-transform: translate3d(0, 100%, 0);
	   -moz-transform: translate3d(0, 100%, 0);
	     -o-transform: translate3d(0, 100%, 0);
	        transform: translate3d(0, 100%, 0);
}
#top #top-menu .gnavi-content-in:after{
	width:1px;
	top:0;
	bottom:0;
	right:0;
	-webkit-transform: translate3d(0, -100%, 0);
	   -moz-transform: translate3d(0, -100%, 0);
	     -o-transform: translate3d(0, -100%, 0);
	        transform: translate3d(0, -100%, 0);
}

#top.nav-open #top-menu .gnavi-content:before,
#top.nav-open #top-menu .gnavi-content:after,
#top.nav-open #top-menu .gnavi-content-in:before,
#top.nav-open #top-menu .gnavi-content-in:after{
	opacity:1;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

#top .rotate-container-wrap{

}
#top .rotate-container-wrap .rotate-container{
	position:absolute;
	width:100%;
	height:100%;
}

#top .rotate-container-wrap.use-preserve3d .rotate-container{
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
	     -o-transition-property: -o-transform;
	        transition-property: transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-delay: .2s;
	   -moz-transition-delay: .2s;
	     -o-transition-delay: .2s;
	        transition-delay: .2s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
#top.hide .rotate-container-wrap.use-preserve3d .rotate-container{
	-webkit-transform: translateZ(-1000px) rotateY(-75deg) !important;
	   -moz-transform: translateZ(-1000px) rotateY(-75deg) !important;
	     -o-transform: translateZ(-1000px) rotateY(-75deg) !important;
	        transform: translateZ(-1000px) rotateY(-75deg) !important;
}

#top .rotate-container-wrap .rotate-container .rotate-content{
	-webkit-transform-origin: 50% 50% -1000px;
	   -moz-transform-origin: 50% 50% -1000px;
	        transform-origin: 50% 50% -1000px;
	-webkit-transform: rotateY(0);
	   -moz-transform: rotateY(0);
	     -o-transform: rotateY(0);
	        transform: rotateY(0);
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
	     -o-transition-property: -o-transform;
	        transition-property: transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-delay: .2s;
	   -moz-transition-delay: .2s;
	     -o-transition-delay: .2s;
	        transition-delay: .2s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

#top.hide .rotate-container-wrap .rotate-container .rotate-content{
	-webkit-transform: rotateY(-75deg);
	   -moz-transform: rotateY(-75deg);
	     -o-transform: rotateY(-75deg);
	        transform: rotateY(-75deg);
}


#top .rotate-container-wrap.use-preserve3d .rotate-content{
	opacity:1;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
	     -o-transition-property: opacity;
	        transition-property: opacity;
		transform: translateZ(1000px) rotateY(0);
}
#top.hide .rotate-container-wrap.use-preserve3d .rotate-content{
	opacity:0;
}


#top #top-logo{
	left: -100px;
	width:322px;
	height:19px;
	margin-top: -10px;
	text-align: right;
}
#top #top-logo.sprite a{
	background:none;
}

#top #top-visual{
	height:100%;
	width: 100%;
	overflow:hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
#top #top-visual:after{
	content:'';
	display:block;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:100;
	background-color:#0B141B;
	visibility:hidden;
	opacity:0;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	-webkit-transition-property: visibility, opacity;
	   -moz-transition-property: visibility, opacity;
	     -o-transition-property: visibility, opacity;
	        transition-property: visibility, opacity;
	-webkit-transition-duration: 0s, .8s;
	   -moz-transition-duration: 0s, .8s;
	     -o-transition-duration: 0s, .8s;
	        transition-duration: 0s, .8s;
	-webkit-transition-delay: 0s, .001s;
	   -moz-transition-delay: 0s, .001s;
	     -o-transition-delay: 0s, .001s;
	        transition-delay: 0s, .001s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
#top.hide #top-visual:after{
	visibility:visible;
	opacity:1;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

#top #top-visual li{
	position:absolute;
	height:100%;
	width: 100%;
	top:0;
	left:0;
	background: no-repeat 50% 50%;
	background-size:cover;
	z-index:0;
	opacity:0;
	-webkit-transform: scale(1.14, 1.14);
	   -moz-transform: scale(1.14, 1.14);
	     -o-transform: scale(1.14, 1.14);
	        transform: scale(1.14, 1.14);
	-webkit-transition: opacity 0, -webkit-transform 0;
	   -moz-transition: opacity 0, -moz-transform 0;
	     -o-transition: opacity 0, -o-transform 0;
	        transition: opacity 0, transform 0;

}

.csstransforms3d #top #top-visual li{
	-webkit-transform: scale3d(1.14, 1.14, 1);
	   -moz-transform: scale3d(1.14, 1.14, 1);
	     -o-transform: scale3d(1.14, 1.14, 1);
	        transform: scale3d(1.14, 1.14, 1);
}

#top #top-visual li.current{
	z-index:2;
	opacity:1;
	-webkit-transform: scale(1, 1);
	   -moz-transform: scale(1, 1);
	     -o-transform: scale(1, 1);
	        transform: scale(1, 1);
	-webkit-transition-property: opacity, -webkit-transform;
	   -moz-transition-property: opacity, -moz-transform;
	     -o-transition-property: opacity, -o-transform;
	        transition-property: opacity, transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
.csstransforms3d #top #top-visual li.current{
	-webkit-transform: scale3d(1, 1, 1);
	   -moz-transform: scale3d(1, 1, 1);
	     -o-transform: scale3d(1, 1, 1);
	        transform: scale3d(1, 1, 1);
}

#top #top-visual li.hide{
	z-index:1;
}



/*
 portfolio / works
---------------------------------------------------*/
#portfolio{}

.main .portfolio-message:after{
	opacity:0;
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
	     -o-transition-property: opacity;
	        transition-property: opacity;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
.portfolio-message.show:after{
	opacity:0.85;
}

.portfolio-message p{
	margin-bottom:3em;
}
.portfolio-message p span{
	display:inline-block;
}

.portfolio-message .message-body{
	opacity:0;
	-webkit-transform: scale3d(1.14, 1.14, 1);
	   -moz-transform: scale3d(1.14, 1.14, 1);
	     -o-transform: scale3d(1.14, 1.14, 1);
	        transform: scale3d(1.14, 1.14, 1);
	-webkit-transition-property: opacity, -webkit-transform;
	   -moz-transition-property: opacity, -moz-transform;
	     -o-transition-property: opacity, -o-transform;
	        transition-property: opacity, transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
.portfolio-message.show .message-body{
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	   -moz-transform: scale3d(1, 1, 1);
	     -o-transform: scale3d(1, 1, 1);
	        transform: scale3d(1, 1, 1);
}


.portfolio-message .btn{
	display:inline-block;
	width:150px;
	height:45px;
	line-height:45px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	color:#fff;
	font-size: 2em;
	opacity:1;
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
	     -o-transition-property: opacity;
	        transition-property: opacity;
	-webkit-transition-duration: .25s;
	   -moz-transition-duration: .25s;
	     -o-transition-duration: .25s;
	        transition-duration: .25s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.portfolio-message .btn:hover{
	opacity:0.5;
	-webkit-transition-duration: .25s;
	   -moz-transition-duration: .25s;
	     -o-transition-duration: .25s;
	        transition-duration: .25s;
}

#portfolio-detail,
#member-works{
    background-color: #fff;
    padding: 20px;
}
#portfolio-detail,
#member-works{
	position: fixed;
	width: 100%;
	padding: 20px;
	top: 0;
	z-index: 1001;
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
	     -o-transition-property: opacity;
	        transition-property: opacity;
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
	     -o-transition-duration: 0s;
	        transition-duration: 0s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
#portfolio-detail.overlay,
#member-works.overlay{
	opacity:0;
}
#portfolio-detail.overlay.infront,
#member-works.overlay.infront{
	z-index:1002;
}

#portfolio-detail.overlay.show,
#member-works.overlay.show{
	opacity:1;
	-webkit-transition-duration: .3s;
	   -moz-transition-duration: .3s;
	     -o-transition-duration: .3s;
	        transition-duration: .3s;
}
#portfolio-detail .movie,
#member-works .movie{
	position: relative;
	height:100%;
	z-index: 1;
}
#portfolio-detail .movie iframe,
#member-works .movie iframe{
	width:100%;
	height:100%;
}

#portfolio-detail .photo-wrap,
#member-works .photo-wrap{
	height:100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:cover;
	text-align:center;
}
#portfolio-detail.scale-in .photo-wrap,
#member-works.scale-in .photo-wrap,
#portfolio-detail.scale-out .photo-wrap,
#member-works.scale-out .photo-wrap{
	-webkit-transform: scale3d(1.14,1.14,1);
	   -moz-transform: scale3d(1.14,1.14,1);
	     -o-transform: scale3d(1.14,1.14,1);
	        transform: scale3d(1.14,1.14,1);
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
	     -o-transition-property: -o-transform;
	        transition-property: transform;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
#portfolio-detail.scale-in .photo-wrap,
#member-works.scale-in .photo-wrap{
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
	     -o-transition-duration: 0s;
	        transition-duration: 0s;
}
#portfolio-detail.scale-out,
#member-works.scale-out,
#portfolio-detail.scale-out .photo-wrap,
#member-works.scale-out .photo-wrap{
	-webkit-transition-duration: .6s;
	   -moz-transition-duration: .6s;
	     -o-transition-duration: .6s;
	        transition-duration: .6s;
}
#portfolio-detail.scale-in.show,
#member-works.scale-in.show{
	-webkit-transition-duration: .6s;
	   -moz-transition-duration: .6s;
	     -o-transition-duration: .6s;
	        transition-duration: .6s;
}
#portfolio-detail.scale-in.show .photo-wrap,
#member-works.scale-in.show .photo-wrap,
#portfolio-detail.scale-out.show .photo-wrap,
#member-works.scale-out.show .photo-wrap{
	-webkit-transition-duration: .6s;
	   -moz-transition-duration: .6s;
	     -o-transition-duration: .6s;
	        transition-duration: .6s;
	-webkit-transform: scale3d(1,1,1);
	   -moz-transform: scale3d(1,1,1);
	     -o-transform: scale3d(1,1,1);
	        transform: scale3d(1,1,1);
}

#portfolio-detail.movie .photo-wrap,
#member-works.movie .photo-wrap{
	display:none;
}

#portfolio-detail .photo-wrap:after,
#member-works .photo-wrap:after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(0,0,0,.4);
}
#portfolio-detail .photo-wrap .photo,
#member-works .photo-wrap .photo{
	position:relative;
	z-index:1;
}
#portfolio-detail .photo-wrap .photo img,
#member-works .photo-wrap .photo img{
	max-height:100%;
	min-height: 0px;
	min-width: 0px;
	max-width:100%;
	padding: 0 20px;
}


#portfolio-detail .photo-info,
#member-works .photo-info{
	position:absolute;
	right: 70px;
	left: 70px;
	bottom: 70px;
	color:#fff;
	text-align: right;
	z-index:1;
}
#portfolio-detail .photo-info .credit,
#member-works .photo-info .credit{
	font-size: 1.2em;
	line-height: 2;
}

#portfolio-detail .photo-info .credit.rtl,
#member-works .photo-info .credit.rtl{
	direction: rtl;
    unicode-bidi: bidi-override;
}

#portfolio-detail .photo-info .no,
#member-works .photo-info .no{
	font-size:20px;
}


#portfolio-detail .photo-info .no span,
#member-works .photo-info .no span{
	margin:0 0.4em;
}

#portfolio-detail .close,
#member-works .close{
	position:absolute;
	right: 61px;
	top: 61px;
	width: 50px;
	height: 50px;
	z-index: 10;
}
#portfolio-detail.overlay .close,
#member-works.overlay .close{
	left: 35px;
	top: 50%;
	margin-top: -25px;
}

#portfolio-detail .close a,
#member-works .close a{
	display:block;
	width:100%;
	height:100%;
	position:relative;
	-webkit-transition: opacity .25s ease-in-out;
	   -moz-transition: opacity .25s ease-in-out;
	     -o-transition: opacity .25s ease-in-out;
	        transition: opacity .25s ease-in-out;
}
#portfolio-detail .close a:hover,
#member-works .close a:hover{
	opacity:0.4;
}

#portfolio-detail .close a:before,
#portfolio-detail .close a:after,
#member-works .close a:before,
#member-works .close a:after{
	content: '';
	display:block;
	position:absolute;
	left: 15px;
	top: 24px;
	height:2px;
	overflow:hidden;
	width:20px;
	background-color:#fff;
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property:    -moz-transform;
	     -o-transition-property:      -o-transform;
	        transition-property:         transform;
	-webkit-transition-duration: .3s;
	   -moz-transition-duration: .3s;
	     -o-transition-duration: .3s;
	        transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
#portfolio-detail .close a:before,
#member-works .close a:before{
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
#portfolio-detail .close a:hover:before,
#member-works .close a:hover:before{
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

#portfolio-detail .close a:after,
#member-works .close a:after{
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

#portfolio-detail .close a:hover:after,
#member-works .close a:hover:after{
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}

#portfolio-detail .close a span,
#member-works .close a span{
	visibility:hidden;
}

#portfolio-detail .paginate,
#member-works .paginate{
	position:absolute;
	top: 0;
	width: 100%;
	height:100%;
	z-index:2;
}

#portfolio-detail .paginate-btn,
#member-works .paginate-btn{
	position:absolute;
	top: 0;
	width: 50%;
	height:100%;
	z-index:2;
}

#portfolio-detail.movie .paginate-btn,
#member-works.movie .paginate-btn{
	width:15%;
	height: 75%;
	top: 15%;
}

#portfolio-detail .paginate-btn a,
#member-works .paginate-btn a{
	display:block;
	height:100%;
}
#portfolio-detail .paginate-btn a span,
#member-works .paginate-btn a span{
	visibility:hidden;
}

#portfolio-detail .prev,
#member-works .prev{
	left: 0;
}
#portfolio-detail .prev a,
#member-works .prev a{
	cursor: w-resize;
}

#portfolio-detail .next,
#member-works .next{
	right: 0;
}
#portfolio-detail .next a,
#member-works .next a{
	cursor: e-resize;
}


/*
 works-auth
---------------------------------------------------*/

.form-group{
	margin-bottom:10px;
	position:relative;
}
.form-group:last-child{
	margin-bottom:0;
}
.form-group .text-input{
	width:100%;
	height:50px;
	padding:15px 20px;
	border:1px solid rgba(255,255,255,0.6);	
	font-weight:lighter;
	letter-spacing: 0.03em;
	color: #fff;
	background-color:transparent;
	font-size:20px;
	outline:none;
	border-radius: 0;
	-webkit-transition: color .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
	   -moz-transition: color .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
	     -o-transition: color .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
	        transition: color .25s ease-out, border-color .25s ease-out, background-color .25s ease-out;
}

.form-group.has-error .text-input{
	border-color: #FFEA00;
	color: #FFEA00;
}
.form-group .help-block{
	display:none;
}

.form-group.has-error .help-block{
	display:block;
	position:absolute;
	top:0;
	right:0;
	color:#FFEA00;
	padding:0 10px;
	height:50px;
	line-height:50px;
}

.form-group textarea.text-input{
	height:300px;
}

@media only screen and (max-height:900px){
	.form-group textarea.text-input{
		height:250px;
	}
}

@media only screen and (max-height:850px){
	.form-group textarea.text-input{
		height:200px;
	}
}
@media only screen and (max-height:768px){
	.form-group .text-input{
		height:40px;
	}
	.form-group.has-error .help-block{
		height:40px;
		line-height: 40px;
	}
	.form-group textarea.text-input{
		height:150px;
	}
}

.form-group textarea::-webkit-scrollbar-thumb {
    background-color: rgba(0,13,25,0.85);
}
.form-group textarea::-webkit-scrollbar-track-piece {
    background-color: rgba(255,255,255,0.20);
}

.form-group .text-input:focus{
	background-color:rgba(255,255,255,0.20);
}

.form-group .btn{
	display:block;
	width:100%;
	height:60px;
	background-color:#fff;
	color:#000b4c;
	font-size:20px;
	-webkit-transition: color .25s ease-out, background-color .25s ease-out;
	   -moz-transition: color .25s ease-out, background-color .25s ease-out;
	     -o-transition: color .25s ease-out, background-color .25s ease-out;
	        transition: color .25s ease-out, background-color .25s ease-out;
}

.form-group .btn:hover{
	color: #fff;
	background-color:rgba(0,13,25,0.85);
}

/*
 company
---------------------------------------------------*/
#company{
}
#company-head{
	position:relative;
	height: 480px;
	background: url("../img/company/bg_company.jpg")/*tpa=http://www.alpharobe.com/common/img/company/bg_company.jpg*/ no-repeat 30% 50%;
	background-size:cover;
}
#company-head h2{
	position:absolute;
	width:230px;
	height:36px;
	left:50%;
	top:50%;
	margin-left:-115px;
	margin-top:-18px;
	background-size: 230px 36px;
}
#company-head h2 span{
	visibility:hidden;
	display: none;
}

#company .section-content h3,
#company .section-content h4,
#company .section-content h5{
	font-weight:normal;
}

#company #gmap{
	height: 590px;
	background-color:#545b6b;
	margin-bottom: 0;
}

@media only screen and (max-height: 600px){
	#company #gmap{
		height: 480px;
	}
}

@media only screen and (max-height: 475px){
	#company #gmap{
		height: 380px;
	}
}
/*
 member
---------------------------------------------------*/
#works{
}
#works .member-item{	
	background-color:#f2f2f2;
	margin-bottom:1px;
	overflow: hidden;
}
#works .member-item a{
	height:100%;
	display:block;
	position:relative;
	overflow: hidden;
	-webkit-transition-property: color;
	   -moz-transition-property: color;
	     -o-transition-property: color;
	        transition-property: color;
	-webkit-transition-duration: .6s;
	   -moz-transition-duration: .6s;
	     -o-transition-duration: .6s;
	        transition-duration: .6s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
#works .member-item a:hover,
#works .member-item a:active,
#works .member-item a.active{
	color: #fff;
	-webkit-transition-duration: .2s;
	   -moz-transition-duration: .2s;
	     -o-transition-duration: .2s;
	        transition-duration: .2s;

}

#works .member-item a:after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:20%;
	background: #121f42;	
	z-index: 0;
	opacity:0;
	-webkit-transform: translate3d(-10%, 0, 0);
	   -moz-transform: translate3d(-10%, 0, 0);
	     -o-transform: translate3d(-10%, 0, 0);
	        transform: translate3d(-10%, 0, 0);
	-webkit-transition-property: left, opacity, -webkit-transform;
	   -moz-transition-property: left, opacity,    -moz-transform;
	     -o-transition-property: left, opacity,      -o-transform;
	        transition-property: left, opacity,         transform;
	-webkit-transition-duration: 0s, .6s, .6s;
	   -moz-transition-duration: 0s, .6s, .6s;
	     -o-transition-duration: 0s, .6s, .6s;
	        transition-duration: 0s, .6s, .6s;
	-webkit-transition-delay: .6s, 0s, 0s;
	   -moz-transition-delay: .6s, 0s, 0s;
	     -o-transition-delay: .6s, 0s, 0s;
	        transition-delay: .6s, 0s, 0s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

#works .member-item a:hover:after,
#works .member-item a:active:after,
#works .member-item a.active:after{
	left:0;
	opacity:1;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	-webkit-transition-duration: .2s, .2s, 0s;
	   -moz-transition-duration: .2s, .2s, 0s;
	     -o-transition-duration: .2s, .2s, 0s;
	        transition-duration: .2s, .2s, 0s;
	-webkit-transition-delay: 0s, 0s, 0s;
	   -moz-transition-delay: 0s, 0s, 0s;
	     -o-transition-delay: 0s, 0s, 0s;
	        transition-delay: 0s, 0s, 0s;
	-webkit-transition-timing-function: cubic-bezier(0,.85,.3,1);
	   -moz-transition-timing-function: cubic-bezier(0,.85,.3,1);
	     -o-transition-timing-function: cubic-bezier(0,.85,.3,1);
	        transition-timing-function: cubic-bezier(0,.85,.3,1);
}

#works .member-item .grid{
	padding: 50px 0;
	height:100%;
	z-index: 1;
	position: relative;
}

/**
#works .member-item:nth-child(odd){
	background: #121f42;
	
}
#works .member-item:nth-child(odd) h2 span {
	color: #fff;
}
**/

#works .member-item h2{	
	letter-spacing: 0.03em;
	line-height:1;
}

#works .member-item h2 span{
	display:block;
}
#works .member-item .division{
	font-size: 16px;    
    font-weight: normal;
	 line-height: 28px;
	 margin-top:1em;
	margin-bottom:0.4em;
}
#works .member-item .division p{
	padding-left: 28px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: url(../img/logo-list.png) left 14px no-repeat;
	background-size:16px 16px; 
}
#works .member-item .name{
	font-size:30px;
}

#works .member-item-name{
	padding-left: 24px;
}

#works .member-item-logo{
	padding-right: 80px;
	text-align: right;
}

#works .member-item-logo path{
	fill: #c3c7ca;
	-webkit-transition-property: fill;
	   -moz-transition-property: fill;
	     -o-transition-property: fill;
	        transition-property: fill;
	-webkit-transition-duration: .6s;
	   -moz-transition-duration: .6s;
	     -o-transition-duration: .6s;
	        transition-duration: .6s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

#works a:hover .member-item-logo path,
#works a:active .member-item-logo path,
#works a.active .member-item-logo path{
	fill: #fff;
	-webkit-transition-duration: .2s;
	   -moz-transition-duration: .2s;
	     -o-transition-duration: .2s;
	        transition-duration: .2s;
}

/*
 member-detail
---------------------------------------------------*/
#member-detail{

}
#member-detail-head{
	height:200px;
	background-color:#121f42;
}
#member-detail-name{
	padding-left: 10%;
}
#member-detail-name h1{	
	letter-spacing: 0.03em;
	line-height:1;
	color:#fff;
}
#member-detail-name h1 span{
	display:block;
}
#member-detail-name .division{
	font-size: 16px;    
    font-weight: normal;
    line-height: 28px;
	margin-bottom:0.4em;
}
#member-detail-name .name{
	font-size:30px;
}

#member-detail-logo{
	text-align:center;
	background:no-repeat 50% 50%;
	background-size:cover;
}

#member-detail-desc{
	background-color:#f2f2f2;
	padding: 4em 10% 4em;
	line-height: 2.1;
}
#member-detail-portfolio{
	background-color: #373737;
}



/*
 topics
---------------------------------------------------*/
#topics{
}

#topics .topics-item{
  	display: table;
  	width:100%;
  	height: 280px;
	margin-bottom:1px;
	background-color:#f2f2f2;
}


#topics .topics-item .topics-image{
  	display: table-cell;
  	float:none;
  	height: 100%;
  	text-align:center;  	
  	letter-spacing: 0.03em;
  	line-height:1;
  	background:no-repeat 50% 50%;
  	background-size:cover;
  	vertical-align: middle;
  	text-align: center;
}
#topics .topics-item .topics-image .label{
	font-size:30px;
	color:#fff;
}
#topics .topics-item .topics-body{
  	float:none;
  	padding: 40px 80px;
}
#topics .topics-item .topics-body .date,
#topics .topics-item .topics-body .title{
	font-weight:bold;
	color:#1a1a1a;
}
#topics .topics-item .topics-body .title{
	margin-bottom:.8em;
}
#topics .topics-item .topics-body .body{
	margin-bottom:0;
}

@media only screen and (max-width: 1200px){
	#topics .topics-item .topics-body{
		padding: 40px 5%;
	}
}
@media only screen and (min-width: 769px) and (max-width: 900px){
	#topics .topics-item{
		display: block;
		height: auto;
		margin-bottom:10px;
	}
	#topics .grid .grid-item{
		width:100%;
		display: block;
	}
	#topics .topics-item .topics-image{
		display: table;
		height:300px;
	}
	#topics .topics-item .topics-image span{
		display:table-cell;
		height:100%;
		vertical-align:middle;
	}
}
/*
 contact
---------------------------------------------------*/
#contact{
}
#contact #contact-content{
	background-color:rgba(0,13,25,0.85);
	padding: 40px 20px;
	min-height: 100%;
}

@media only screen and (max-height:850px){
#contact #contact-content{
	height: auto;
}
#contact #contact-content .va-wrap,
#contact #contact-content .va-wrap .va-mid{
	display:block;
}
}

#contact-content{
	height: 100%;
	color:#fff;
}

#contact-content.in-navi{
	position:absolute;
	top: 0;
	width: 100%;
	padding: 100px 310px;
	-webkit-transform: translate3d(0, 120%, 0);
	   -moz-transform: translate3d(0, 120%, 0);
	     -o-transform: translate3d(0, 120%, 0);
	        transform: translate3d(0, 120%, 0);
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
	     -o-transition-property: -o-transform;
	        transition-property: transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}

.show-contact #contact-content.in-navi{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);

}

#contact-content.in-navi .container{
	width:100%;
	margin:0;
	position: relative;
}

#contact-btn-close{
	display:none;
}

#contact-content.in-navi #contact-btn-close{
	right:115px;
	display: block;
}

#contact-content h2{
	font-size:3em;	
	font-weight:lighter;
	letter-spacing: 0.03em;
	line-height: 1;
	margin-bottom: 1.5em;
}
#contact-content #contact-info{
	margin-bottom: 4.5em;
}

#contact-info:before, #contact-info:after { display: table; content: ""; line-height: 0;}
#contact-info:after { clear: both; }

#contact-content #contact-info .info-msg{
	display:none;
	font-size:1.2em;
	margin-bottom:2em;
}
#contact-content #contact-info .info{
	float:left;
	width:50%;
	font-size:3em;
	font-weight:lighter;
	letter-spacing: 0.03em;
}
#contact-content #contact-info .form-msg{
	float: left;
	width:50%;
	padding-top:1.5em;
	font-size:1.2em;
}
#contact-content #contact-info .info a.mail{
	color:#fff;
	margin-right: 0.8em;
	position:relative;
	display: inline-block;
}
#contact-content #contact-info .info a.mail:after{
	content:'';
	position:absolute;
	display: block;
	width:100%;
	height:1px;
	background-color:#fff;
	left: 0;
	bottom: 10px;
}
#contact-content #contact-info .info a.mail:hover:after{
	display:none;
}
#contact-content #contact-info .info .tel{
	margin-left: 0.8em
}

@media only screen and (max-width: 900px){
	#contact #contact-info .info{
		width:100%;
	}
	#contact #contact-info .form-msg{
		padding-top: 1em;
		width:100%;
	}
}


#contact-thanks{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(0,13,25,0.85);
	color:#fff;
	text-align:center;
	z-index: 1900;
	opacity:0;

	-webkit-transform: scale3d(1.15, 1.15, 1);
	   -moz-transform: scale3d(1.15, 1.15, 1);
	     -o-transform: scale3d(1.15, 1.15, 1);
	        transform: scale3d(1.15, 1.15, 1);
	-webkit-transition-property: opacity, -webkit-transform;
	   -moz-transition-property: opacity, -moz-transform;
	     -o-transition-property: opacity, -o-transform;
	        transition-property: opacity, transform;
	-webkit-transition-duration: .8s;
	   -moz-transition-duration: .8s;
	     -o-transition-duration: .8s;
	        transition-duration: .8s;
	-webkit-transition-timing-function: cubic-bezier(.6,0,.3,1);
	   -moz-transition-timing-function: cubic-bezier(.6,0,.3,1);
	     -o-transition-timing-function: cubic-bezier(.6,0,.3,1);
	        transition-timing-function: cubic-bezier(.6,0,.3,1);
}
#contact-thanks.show{
	opacity:1;
	-webkit-transform: scale3d(1, 1, 1);
	   -moz-transform: scale3d(1, 1, 1);
	     -o-transform: scale3d(1, 1, 1);
	        transform: scale3d(1, 1, 1);
}

#contact-thanks h3{
	font-size:30px;	
	font-weight:lighter;
	letter-spacing: 0.03em;
	line-height:1.2;
	margin-bottom:1.5em;
}
#contact-thanks h3 small{
	display:block;
}

#contact-thanks p{
	font-size:12px;
	line-height: 2.4;
}

/* LightBox */
body:after {
	content: url("../img/close.png") url("../img/loading-gray.gif") url("../img/prev.png") url("../img/next.png");
	display: none;
}
.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}
.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}
.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.lightbox a img {
	border: none;
}
.lb-outerContainer {
	position: relative;
	background-color: white;
 *zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-container {
	padding: 4px;
}
.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url("../img/loading-gray.gif") no-repeat;
}
.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
.lb-container > .nav {
	left: 0;
}
.lb-nav a {
	outline: none;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
	height: 100%;
	cursor: pointer;
	display: block;
}
.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url("../img/prev.png") left 48% no-repeat;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url("../img/next.png") right 48% no-repeat;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
 *zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-data {
	padding: 0 4px;
	color: #ccc;
}
.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}
.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}
.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}
.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url("../img/close.png") top right no-repeat;
	text-align: right;
	outline: none;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
	cursor: pointer;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
#lightbox { position: fixed!important; top: 50%!important; margin-top: -266px;}
.lightboxOverlay { position: fixed;}

.logo2 {
	position: absolute;
	z-index: 1000;
	left:50%;
	margin-left: -25px;
	width: 50px;
	top:70%;
}
.logo2 img {
	width: 100%;
}
.tel {
	position: absolute;
	z-index: 1000;
	left:50%;
	margin-left: -100px;
	width: 200px;
	color:#fff;
  font-size:14px;
  text-align: center;
	top:90%;
}
.hzdw {
	overflow: hidden;
}
.hzdw li{
	float: left;
	height: 90px;
	margin-right: 20px;
	margin-bottom: 20px;

}
.hzdw li img {
	height: 90px;
}
.grid .label-item{
	width: 25%;
}
@media only screen and (max-width: 800px){
	.grid .label-item{
		width: 50%;
	}
}