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

/* -----------RESET----------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,input,textarea,section
{margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
nav ul{ list-style:none;}
ul{ list-style:none; }
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
pre,code,kbd,samp{ font-family:monospace,monospace; font-size:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
sup{ vertical-align:text-top; font-size:75%;}
sub{ vertical-align:text-bottom; font-size:75%;}
input,textarea,select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
a{ outline:none;}
audio:not([controls]){ display:none;}
time{ display:inline;}
[hidden]{ display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0; outline:none;}
/* clear Fix */
.clr{clear:both;}
.hide{position:absolute !important; left:-9999px !important; top:-9999px !important;}
.clr{clear:both;}
section {clear:both; zoom:1;}
header:after,footer:after,nav:after,article:after,section:after,dl:after,ul:after,.inner:after,.clrFx:after{content:''; clear:both; display:block;}
img{-ms-interpolation-mode: bicubic;}
/* chrome bug fix*/
*{max-height:999999px;}
*,*::before,*::after {will-change:all;}
textarea,input[type="email"],input[type="password"],input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;}
textarea{resize:vertical;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,1) inset; outline:none;}
input,button{ outline:none;}

/* -----------BASE SET----------- */
html{overflow:visible;}
body {position:static; overflow:auto; width:auto; *overflow-y:hidden; color:#1c2936; background:#fff;}
/* font family */
body{-webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; line-height:1.8;}
button{font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; cursor:pointer;}
/* link color */
a:link{ color:#fff; text-decoration: none;}
a:visited{ color:#fff; text-decoration:none;}
a:hover{ color:#fff; text-decoration:none;}
a:active{ color:#fff; text-decoration:none;}
a{-webkit-tap-highlight-color:rgba(15,152,217,0.5);}
/* leyoutblock */
header,footer,section,main,nav,.fat-nav,#fixed,#header {font-size:0; line-height: 1;}
header img,footer img,section img,main img,#header img {width:100%; height:auto;}

section.wrap_wh {background: #f3f3f3;}
section.wrap_bl {background: #1c2936;}

/* ---------------------------------
			 ANIMATION
--------------------------------- */
.effect {opacity: 0;}

.fadeIn {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeIn;
 animation-name: fadeIn;
 visibility: visible !important;
}
@-webkit-keyframes fadeIn {
 0% { opacity: 0; -webkit-transform: translateY(20px);}
 100% { opacity: 1; -webkit-transform: translateY(0);}
}
@keyframes fadeIn {
 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}

/* ---------------------------------
			 LOADING
--------------------------------- */
.loading { position: fixed; width: 100vw; height: 100vh; top: 0px; left: 0px; z-index: 9999; background: #004892;}
.loading .animation {width: 100%; height: 2px; margin: 50vh auto; position: absolute; z-index: 99999; background-color: none;}
.loading .fullwidth .expand {width: 100%; height: 2px; margin: 0; position: absolute; background: #fff; -moz-animation:fullexpand 0.7s ease-out; -webkit-animation:fullexpand 0.7s ease-out;}
/* キーフレームを使った横幅100%のローディングの始まりと終わりの変化 */
@-moz-keyframes fullexpand {
	0%  { width:0px;}
	100%{ width:100%;} 
}
@-webkit-keyframes fullexpand {
	0%  { width:0px;}
	100%{ width:100%;} 
}

/* ---------------------------------
              LOGO
--------------------------------- */
#fixed h1 a { width: 31.25vw; height: 7.96875vw; display: block; margin: 3.125vw 0 0 3.125vw;-webkit-transition: all 0.3s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all  0.5s ease;}
#fixed .wrap_wh h1 a {background: url(../images/common/logo.png) top left no-repeat; background-size: 31.25vw auto;}
#fixed .wrap_bl h1 a {background: url(../images/common/logo_wh.png) top left no-repeat; background-size: 31.25vw auto;}

/* ---------------------------------
              Drawer
--------------------------------- */
/* Base */
.drawer-open {overflow: hidden !important;}
.drawer-nav {position: fixed; z-index: 101; top: 0; overflow: hidden; width: 54.6875vw; height: 100%; color: #222; background-color: #fff;}
.drawer-menu {margin: 0; padding: 15vw 0 0 12.5vw; list-style: none;}
/* overlay */
.drawer-overlay {position: fixed; z-index: 100; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5);}
.drawer-open .drawer-overlay { display: block;}
/* Right */
.drawer--right .drawer-nav {right: -500px; -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {right: 0;}
.drawer--right.drawer-open .drawer-hamburger {right: 0;}
/* icon */
.drawer-hamburger {position: fixed; z-index: 104; top: 2.34375vw; display: block; box-sizing: content-box; width: 9.53125vw; height: 9.53125vw; padding-right: 4.6875vw; border: 0; outline: 0; background-color: transparent; -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.drawer-hamburger:hover {cursor: pointer; background-color: transparent;}
.drawer-hamburger-icon {position: relative; display: block;}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {width: 100%; height: 4px; -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); background: url(../images/common/menu_bg.png) no-repeat; background-size: auto 4px;}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {position: absolute; top: -2.5vw; left: 0; content: ' ';}
.drawer-hamburger-icon:after {top: 2.5vw;}
.drawer-open .drawer-hamburger-icon {background: none;}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {top: 0;}
.drawer-open .drawer-hamburger-icon:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.drawer-open .drawer-hamburger-icon:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
/* Menu */
.drawer-menu li {margin-bottom: 4.6875vw;}
.drawer-menu li:last-child {margin-bottom: 0;}
.drawer-menu li a {position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.drawer-menu li a:before {content: ""; display: block; width: 3.125vw; height: 3px; background: #1c2936; position: absolute; top: 4.53125vw; left: -4.84375vw; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all  0.2s ease;}
.drawer-menu li:nth-child(1) a {background: url(../images/common/nav01_bl.png) top left no-repeat; background-size: 20.3125vw auto; width: 20.3125vw; height: 10.3125vw; display: block;}
.drawer-menu li:nth-child(2) a {background: url(../images/common/nav02_bl.png) top left no-repeat; background-size: 24.6875vw auto; width: 24.6875vw; height: 10.3125vw; display: block;}
.drawer-menu li:nth-child(3) a {background: url(../images/common/nav03_bl.png) top left no-repeat; background-size: 33.90625vw auto; width: 33.90625vw; height: 10.3125vw; display: block;}
.drawer-menu li:nth-child(4) a {background: url(../images/common/nav04_bl.png) top left no-repeat; background-size: 31.09375vw auto; width: 31.09375vw; height: 10.3125vw; display: block;}
.drawer-menu li:nth-child(5) a {background: url(../images/common/nav05_bl.png) top left no-repeat; background-size: 31.875vw auto; width: 31.875vw; height: 10.3125vw; display: block;/*close---*/pointer-events: none; opacity: 0.3;/*---close*/}
.drawer-menu li:nth-child(6) a {background: url(../images/common/nav06_bl.png) top left no-repeat; background-size: 33.90625vw auto; width: 33.90625vw; height: 10.3125vw; display: block;}
.drawer-menu li.members {width: 46.875vw; margin-left: -9.375vw; margin-top: 7.8125vw;}
.drawer-menu li.members a {/*pointer-events: none; opacity: 0.5;*/}
.drawer-menu li.members a:before {display: none;}
/* current */
#home .drawer-menu li:nth-child(1) a {background: url(../images/common/nav01_bl_on.png) top left no-repeat; background-size: 20.3125vw auto; width: 20.3125vw; height: 10.3125vw; display: block;}
#home .drawer-menu li:nth-child(1) a:before {content: ""; display: block; width: 6.25vw; height: 3px; background: #004892; position: absolute; top: 4.53125vw; left: -7.96875vw;}
#about .drawer-menu li:nth-child(2) a {background: url(../images/common/nav02_bl_on.png) top left no-repeat; background-size: 24.6875vw auto; width: 24.6875vw; height: 10.3125vw; display: block;}
#about .drawer-menu li:nth-child(2) a:before {content: ""; display: block; width: 6.25vw; height: 3px; background: #004892; position: absolute; top: 4.53125vw; left: -7.96875vw;}
#concept .drawer-menu li:nth-child(3) a {background: url(../images/common/nav03_bl_on.png) top left no-repeat; background-size: 33.90625vw auto; width: 33.90625vw; height: 10.3125vw; display: block;}
#concept .drawer-menu li:nth-child(3) a:before {content: ""; display: block; width: 6.25vw; height: 3px; background: #004892; position: absolute; top: 4.53125vw; left: -7.96875vw;}
#service .drawer-menu li:nth-child(4) a {background: url(../images/common/nav04_bl_on.png) top left no-repeat; background-size: 31.09375vw auto; width: 31.09375vw; height: 10.3125vw; display: block;}
#service .drawer-menu li:nth-child(4) a:before {content: ""; display: block; width: 6.25vw; height: 3px; background: #004892; position: absolute; top: 4.53125vw; left: -7.96875vw;}

#contact .drawer-menu li:nth-child(6) a {background: url(../images/common/nav06_bl_on.png) top left no-repeat; background-size: 33.90625vw auto; width: 33.90625vw; height: 10.3125vw; display: block;}
#contact .drawer-menu li:nth-child(6) a:before {content: ""; display: block; width: 6.25vw; height: 3px; background: #004892; position: absolute; top: 4.53125vw; left: -7.96875vw;}
.drawer-menu li a {background-size: 100%!important; background-position: left center!important;}
/* ---------------------------------
              FOOTER
--------------------------------- */
footer {width: 100%; background: #004892;}
footer .credit {font-size: 2.8125vw; letter-spacing: 0.2em; padding: 7.8125vw 0; color: #fff; text-align: center;}

@media screen and (max-width:800px){
	
}

@media screen and (min-width:801px){
	
	/* ---------------------------------
				 LOADING
	--------------------------------- */
	.loading { position: fixed; width: 100vw; height: 100vh; top: 0px; left: 0px; z-index: 9999; background: linear-gradient(270deg, #00c9ff, #0092d8, #004892); background-size: 600% 600%; 
		-webkit-animation: background 3s ease infinite; -moz-animation: background 3s ease infinite; animation: background 3s ease infinite;}
	.loading .animation {width: 100%; height: 2px; margin: 50vh auto; position: absolute; z-index: 99999; background-color:none;}
	.loading .fullwidth .expand {width: 100%; height: 2px; margin: 0; position: absolute; background: #fff;-moz-animation:fullexpand 0.7s ease-out; -webkit-animation:fullexpand 0.7s ease-out;}
	/* キーフレームを使った横幅100%のローディングの始まりと終わりの変化 */
	@-webkit-keyframes background {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}
	@-moz-keyframes background {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}
	@keyframes background { 
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}
	@-moz-keyframes fullexpand {
		0%  { width:0px;}
		100%{ width:100%;} 
	}
	@-webkit-keyframes fullexpand {
		0%  { width:0px;}
		100%{ width:100%;} 
	}
	/* ---------------------------------
              LOGO
	--------------------------------- */
	#fixed h1 a { width: 200px; height: 51px; display: block; margin: 20px 0 0 20px;}
	#fixed .wrap_wh h1 a {background: url(../images/common/logo.png) top left no-repeat; background-size: 200px auto;}
	#fixed .wrap_bl h1 a {background: url(../images/common/logo_wh.png) top left no-repeat; background-size: 200px auto;}
	/* ---------------------------------
				  Drawer
	--------------------------------- */
	/* Base */
	.drawer-menu {padding: 80px 0 0 80px;}
	.drawer-nav {width: 280px;}
	.drawer-menu {padding: 100px 0 0 80px;}
	/* icon */
	.drawer-hamburger {position: fixed; z-index: 104; top: 15px; display: block; box-sizing: content-box; width: 45px; height: 45px; padding-right: 30px; border: 0; outline: 0; background-color: transparent; -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	.drawer-hamburger-icon,
	.drawer-hamburger-icon:before,
	.drawer-hamburger-icon:after {width: 100%; height: 4px; -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); background: url(../images/common/menu_bg.png) no-repeat; background-size: auto 4px;}
	.drawer-hamburger-icon:before,
	.drawer-hamburger-icon:after {position: absolute; top: -13px; left: 0; content: ' ';}
	.drawer-hamburger-icon:after {top: 13px;}
	/* Menu */
	.drawer-menu li {margin-bottom: 0;}
	.drawer-menu li:last-child {margin-bottom: 0;}
	.drawer-menu li a {position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
	.drawer-menu li a:before {content: ""; display: block; width: 20px; height: 3px; background: #1c2936; position: absolute; top: 29px; left: -31px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all  0.2s ease;}
	.drawer-menu li:nth-child(1) a {background: url(../images/common/nav01_bl.png) top left no-repeat; background-size: 130px auto; width: 130px; height: 66px; display: block;}
	.drawer-menu li:nth-child(2) a {background: url(../images/common/nav02_bl.png) top left no-repeat; background-size: 158px auto; width: 158px; height: 66px; display: block;}
	.drawer-menu li:nth-child(3) a {background: url(../images/common/nav03_bl.png) top left no-repeat; background-size: 217px auto; width: 217px; height: 66px; display: block;}
	.drawer-menu li:nth-child(4) a {background: url(../images/common/nav04_bl.png) top left no-repeat; background-size: 199px auto; width: 199px; height: 66px; display: block;}
	.drawer-menu li:nth-child(5) a {background: url(../images/common/nav05_bl.png) top left no-repeat; background-size: 204px auto; width: 204px; height: 66px; display: block;/*close---*/pointer-events: none; opacity: 0.3;/*---close*/}
	.drawer-menu li:nth-child(6) a {background: url(../images/common/nav06_bl.png) top left no-repeat; background-size: 217px auto; width: 217px; height: 66px; display: block;}
	.drawer-menu li a:hover:before {content: ""; display: block; width: 40px; height: 3px; background: #004892; position: absolute; top: 29px; left: -51px;}
	.drawer-menu li:nth-child(1) a:hover {background: url(../images/common/nav01_bl_on.png) top left no-repeat; background-size: 130px auto; width: 130px; height: 66px; display: block;}
	.drawer-menu li:nth-child(2) a:hover {background: url(../images/common/nav02_bl_on.png) top left no-repeat; background-size: 158px auto; width: 158px; height: 66px; display: block;}
	.drawer-menu li:nth-child(3) a:hover {background: url(../images/common/nav03_bl_on.png) top left no-repeat; background-size: 217px auto; width: 217px; height: 66px; display: block;}
	.drawer-menu li:nth-child(4) a:hover {background: url(../images/common/nav04_bl_on.png) top left no-repeat; background-size: 199px auto; width: 199px; height: 66px; display: block;}
	.drawer-menu li:nth-child(5) a:hover {background: url(../images/common/nav05_bl_on.png) top left no-repeat; background-size: 204px auto; width: 204px; height: 66px; display: block;}
	.drawer-menu li:nth-child(6) a:hover {background: url(../images/common/nav06_bl_on.png) top left no-repeat; background-size: 217px auto; width: 217px; height: 66px; display: block;}	
	.drawer-menu li.members {width: 240px; margin-left: -60px; margin-top: 4vw;}
	.drawer-menu li.members a {/*pointer-events: none; opacity: 0.5;*/}
	.drawer-menu li.members a:before {display: none;}
	/* current */
	#home .drawer-menu li:nth-child(1) a {background: url(../images/common/nav01_bl_on.png) top left no-repeat; background-size: 130px auto; width: 130px; height: 66px; display: block;}
	#home .drawer-menu li:nth-child(1) a:before {content: ""; display: block; width: 40px; height: 3px; background: #004892; position: absolute; top: 29px; left: -51px;}
	#about .drawer-menu li:nth-child(2) a {background: url(../images/common/nav02_bl_on.png) top left no-repeat; background-size: 158px auto; width: 158px; height: 66px; display: block;}
	#about .drawer-menu li:nth-child(2) a:before {content: ""; display: block; width: 40px; height: 3px; background: #004892; position: absolute; top: 29px; left: -51px;}
	#concept .drawer-menu li:nth-child(3) a {background: url(../images/common/nav03_bl_on.png) top left no-repeat; background-size: 217px auto; width: 217px; height: 66px; display: block;}
	#concept .drawer-menu li:nth-child(3) a:before {content: ""; display: block; width: 40px; height: 3px; background: #004892; position: absolute; top: 29px; left: -51px;}
	#service .drawer-menu li:nth-child(4) a {background: url(../images/common/nav04_bl_on.png) top left no-repeat; background-size: 199px auto; width: 199px; height: 66px; display: block;}
	#service .drawer-menu li:nth-child(4) a:before {content: ""; display: block; width: 40px; height: 3px; background: #004892; position: absolute; top: 29px; left: -51px;}

	#contact .drawer-menu li:nth-child(6) a {background: url(../images/common/nav06_bl_on.png) top left no-repeat; background-size: 217px auto; width: 217px; height: 66px; display: block;}
	#contact .drawer-menu li:nth-child(6) a:before {content: ""; display: block; width: 40px; height: 3px; background: #004892; position: absolute; top: 29px; left: -51px;}
	.drawer-menu li a {background-size: 70%!important; background-position: left center!important;}
	/* ---------------------------------
              FOOTER
	--------------------------------- */
	footer {width: 100%; background: #004892;}
	footer .credit {font-size: 13px; letter-spacing: 0.2em; padding: 30px 0; color: #fff; text-align: center;}
}
@media screen and (min-width:1200px){
	
	/* ---------------------------------
				  Drawer
	--------------------------------- */
	header {display: none;}
	/* ---------------------------------
              FOOTER
	--------------------------------- */
	footer {height: 10px; background: #004892;}
	footer .credit {font-size: 0; padding: 0;}
	/* ------------------
	   fixed bace
	------------------*/
	#fixed {min-width: 1200px; z-index: 10; pointer-events: none;}
    #fixed a {pointer-events: auto;}
	#fixed .fixed_inner {height: 100vh;}
	#fixed h1 a { width: 290px; height: 74px; display: block; margin: 30px 0 0 30px;}
	#fixed .btn_member {width: 178px; height: 56px; position: absolute; top: 30px; right: 30px; /*opacity: 0.3; pointer-events:none;*/}
	#fixed .copyright {font-size: 12px; white-space: nowrap; letter-spacing: 0.18em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute; left: 35px; top: 50vh; margin-top: -175px;}
	#fixed ul {height: 237px; position: absolute; right: 30px; top: 50vh; margin-top: -118.5px;}
	/* ------------------
	   fixed wrap_wh
	------------------*/
	#fixed .wrap_wh h1 a {background: url(../images/common/logo.png) top left no-repeat; background-size: 290px auto;}
	#fixed .wrap_wh .btn_member a {width: 178px; height: 56px; display: block; border: 1px solid #004892; background: url(../images/common/btn_members.png) center center no-repeat; background-size: 138.5px auto; position: relative;}
	#fixed .wrap_wh .btn_member:before {content: ""; width: 30px; height: 1px; display: block; background: #004892; position: absolute; top: 28px; right: -30px;}
	#fixed .wrap_wh .copyright {color: #004892;}
	#fixed .wrap_wh ul li {margin-bottom: 9px;}
	#fixed .wrap_wh ul li:last-child {margin-bottom: 0;}
	#fixed .wrap_wh ul li a {position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
	#fixed .wrap_wh ul li a:before {content: ""; display: block; width: 10px; height: 2px; background: #1c2936; position: absolute; top: 15px; left: -21px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all  0.2s ease;}
	#fixed .wrap_wh ul li a:hover:before {content: ""; display: block; width: 30px; height: 2px; background: #004892; position: absolute; top: 15px; left: -41px;}
	#fixed .wrap_wh ul li:nth-child(1) a {background: url(../images/common/nav01_bl.png) top left no-repeat; background-size: 65px auto; width: 65px; height: 33px; display: block;}
	#fixed .wrap_wh ul li:nth-child(1) a:hover {background: url(../images/common/nav01_bl_on.png) top left no-repeat; background-size: 65px auto; width: 65px; height: 33px; display: block;}
	#fixed .wrap_wh ul li:nth-child(2) a {background: url(../images/common/nav02_bl.png) top left no-repeat; background-size: 79px auto; width: 79px; height: 33px; display: block;}
	#fixed .wrap_wh ul li:nth-child(2) a:hover {background: url(../images/common/nav02_bl_on.png) top left no-repeat; background-size: 79px auto; width: 79px; height: 33px; display: block;}
	#fixed .wrap_wh ul li:nth-child(3) a {background: url(../images/common/nav03_bl.png) top left no-repeat; background-size: 108.5px auto; width: 108.5px; height: 33px; display: block;}
	#fixed .wrap_wh ul li:nth-child(3) a:hover {background: url(../images/common/nav03_bl_on.png) top left no-repeat; background-size: 108.5px auto; width: 108.5px; height: 33px; display: block;}
	#fixed .wrap_wh ul li:nth-child(4) a {background: url(../images/common/nav04_bl.png) top left no-repeat; background-size: 99.5px auto; width: 99.5px; height: 33px; display: block;}
	#fixed .wrap_wh ul li:nth-child(4) a:hover {background: url(../images/common/nav04_bl_on.png) top left no-repeat; background-size: 99.5px auto; width: 99.5px; height: 33px; display: block;}
	#fixed .wrap_wh ul li:nth-child(5) a {background: url(../images/common/nav05_bl.png) top left no-repeat; background-size: 102px auto; width: 102px; height: 33px; display: block; /*close---*/pointer-events: none; opacity: 0.3;/*---close*/}
	#fixed .wrap_wh ul li:nth-child(5) a:hover {background: url(../images/common/nav05_bl_on.png) top left no-repeat; background-size: 102px auto; width: 102px; height: 33px; display: block;}
	#fixed .wrap_wh ul li:nth-child(6) a {background: url(../images/common/nav06_bl.png) top left no-repeat; background-size: 108.5px auto; width: 108.5px; height: 33px; display: block;}
	#fixed .wrap_wh ul li:nth-child(6) a:hover {background: url(../images/common/nav06_bl_on.png) top left no-repeat; background-size: 108.5px auto; width: 108.5px; height: 33px; display: block;}
	/* current */
	#home #fixed .wrap_wh ul li:nth-child(1) a {background: url(../images/common/nav01_bl_on.png) top left no-repeat; background-size: 65px auto; width: 65px; height: 33px; display: block;}
	#home #fixed .wrap_wh ul li:nth-child(1) a:before {content: ""; display: block; width: 30px; height: 2px; background: #004892; position: absolute; top: 15px; left: -41px;}
	#about #fixed .wrap_wh ul li:nth-child(2) a {background: url(../images/common/nav02_bl_on.png) top left no-repeat; background-size: 79px auto; width: 79px; height: 33px; display: block;}
	#about #fixed .wrap_wh ul li:nth-child(2) a:before {content: ""; display: block; width: 30px; height: 2px; background: #004892; position: absolute; top: 15px; left: -41px;}
	#concept #fixed .wrap_wh ul li:nth-child(3) a {background: url(../images/common/nav03_bl_on.png) top left no-repeat; background-size: 108.5px auto; width: 108.5px; height: 33px; display: block;}
	#concept #fixed .wrap_wh ul li:nth-child(3) a:before {content: ""; display: block; width: 30px; height: 2px; background: #004892; position: absolute; top: 15px; left: -41px;}
	#service #fixed .wrap_wh ul li:nth-child(4) a {background: url(../images/common/nav04_bl_on.png) top left no-repeat; background-size: 99.5px auto; width: 99.5px; height: 33px; display: block;}
	#service #fixed .wrap_wh ul li:nth-child(4) a:before {content: ""; display: block; width: 30px; height: 2px; background: #004892; position: absolute; top: 15px; left: -41px;}
	
	
	#contact #fixed .wrap_wh ul li:nth-child(6) a {background: url(../images/common/nav06_bl_on.png) top left no-repeat; background-size: 108.5px auto; width: 108.5px; height: 33px; display: block;}
	#contact #fixed .wrap_wh ul li:nth-child(6) a:before {content: ""; display: block; width: 30px; height: 2px; background: #004892; position: absolute; top: 15px; left: -41px;}
	/* ------------------
	   fixed wrap_bl
	------------------*/
	#fixed .wrap_bl h1 a {background: url(../images/common/logo_wh.png) top left no-repeat; background-size: 290px auto;}
	#fixed .wrap_bl .btn_member a {width: 178px; height: 56px; display: block; border: 1px solid #fff; background: url(../images/common/btn_members_wh.png) center center no-repeat; background-size: 138.5px auto;}
	#fixed .wrap_bl .btn_member:before {content: ""; width: 30px; height: 1px; display: block; background: #fff; position: absolute; top: 28px; right: -30px;}
	#fixed .wrap_bl .copyright {color: #fff;}
	#fixed .wrap_bl ul {height: 237px; position: absolute; right: 30px;}
	#fixed .wrap_bl ul li {margin-bottom: 9px;}
	#fixed .wrap_bl ul li:last-child {margin-bottom: 0;}
	#fixed .wrap_bl ul li a {position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
	#fixed .wrap_bl ul li a:before {content: ""; display: block; width: 10px; height: 2px; background: #fff; position: absolute; top: 15px; left: -21px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all  0.2s ease;}
	#fixed .wrap_bl ul li a:hover:before {content: ""; display: block; width: 30px; height: 2px; background: #06bce9; position: absolute; top: 15px; left: -41px;}
	#fixed .wrap_bl ul li:nth-child(1) a {background: url(../images/common/nav01_wh.png) top left no-repeat; background-size: 65px auto; width: 65px; height: 33px; display: block;}
	#fixed .wrap_bl ul li:nth-child(1) a:hover {background: url(../images/common/nav01_wh_on.png) top left no-repeat; background-size: 65px auto; width: 65px; height: 33px; display: block;}
	#fixed .wrap_bl ul li:nth-child(2) a {background: url(../images/common/nav02_wh.png) top left no-repeat; background-size: 79px auto; width: 79px; height: 33px; display: block;}
	#fixed .wrap_bl ul li:nth-child(2) a:hover {background: url(../images/common/nav02_wh_on.png) top left no-repeat; background-size: 79px auto; width: 79px; height: 33px; display: block;}
	#fixed .wrap_bl ul li:nth-child(3) a {background: url(../images/common/nav03_wh.png) top left no-repeat; background-size: 108.5px auto; width: 108.5px; height: 33px; display: block;}
	#fixed .wrap_bl ul li:nth-child(3) a:hover {background: url(../images/common/nav03_wh_on.png) top left no-repeat; background-size: 108.5px auto; width: 108.5px; height: 33px; display: block;}
	#fixed .wrap_bl ul li:nth-child(4) a {background: url(../images/common/nav04_wh.png) top left no-repeat; background-size: 99.5px auto; width: 99.5px; height: 33px; display: block;}
	#fixed .wrap_bl ul li:nth-child(4) a:hover {background: url(../images/common/nav04_wh_on.png) top left no-repeat; background-size: 99.5px auto; width: 99.5px; height: 33px; display: block;}
	#fixed .wrap_bl ul li:nth-child(5) a {background: url(../images/common/nav05_wh.png) top left no-repeat; background-size: 102px auto; width: 102px; height: 33px; display: block; /*close---*/pointer-events: none; opacity: 0.3;/*---close*/}
	#fixed .wrap_bl ul li:nth-child(5) a:hover {background: url(../images/common/nav05_wh_on.png) top left no-repeat; background-size: 102px auto; width: 102px; height: 33px; display: block;}
	#fixed .wrap_bl ul li:nth-child(6) a {background: url(../images/common/nav06_wh.png) top left no-repeat; background-size: 108.5px auto; width: 108.5px; height: 33px; display: block;}
	#fixed .wrap_bl ul li:nth-child(6) a:hover {background: url(../images/common/nav06_wh_on.png) top left no-repeat; background-size: 108.5px auto; width: 108.5px; height: 33px; display: block;}
	/* current */
	#home #fixed .wrap_bl ul li:nth-child(1) a {background: url(../images/common/nav01_wh_on.png) top left no-repeat; background-size: 65px auto; width: 65px; height: 33px; display: block;}
	#home #fixed .wrap_bl ul li:nth-child(1) a:before {content: ""; display: block; width: 30px; height: 2px; background: #06bce9; position: absolute; top: 15px; left: -41px;}
	#about #fixed .wrap_bl ul li:nth-child(2) a {background: url(../images/common/nav02_wh_on.png) top left no-repeat; background-size: 79px auto; width: 79px; height: 33px; display: block;}
	#about #fixed .wrap_bl ul li:nth-child(2) a:before {content: ""; display: block; width: 30px; height: 2px; background: #06bce9; position: absolute; top: 15px; left: -41px;}
	#concept #fixed .wrap_bl ul li:nth-child(3) a {background: url(../images/common/nav03_wh_on.png) top left no-repeat; background-size: 108.5px auto; width: 108.5px; height: 33px; display: block;}
	#concept #fixed .wrap_bl ul li:nth-child(3) a:before {content: ""; display: block; width: 30px; height: 2px; background: #06bce9; position: absolute; top: 15px; left: -41px;}
	#service #fixed .wrap_bl ul li:nth-child(4) a {background: url(../images/common/nav04_wh_on.png) top left no-repeat; background-size: 99.5px auto; width: 99.5px; height: 33px; display: block;}
	#service #fixed .wrap_bl ul li:nth-child(4) a:before {content: ""; display: block; width: 30px; height: 2px; background: #06bce9; position: absolute; top: 15px; left: -41px;}
	
	#contact #fixed .wrap_bl ul li:nth-child(6) a {background: url(../images/common/nav06_wh_on.png) top left no-repeat; background-size: 108.5px auto; width: 108.5px; height: 33px; display: block;}
	#contact #fixed .wrap_bl ul li:nth-child(6) a:before {content: ""; display: block; width: 30px; height: 2px; background: #06bce9; position: absolute; top: 15px; left: -41px;}
}