/*
(^q^)
Thank you for your checking CSS!
*/

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version:2.9.0
*/

html{color:#000;background:#000}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
body,html{width:100%;height:100%;font-family: 'Microsoft Yahei','微软雅黑', \5FAE\8F6F\96C5\9ED1,\5b8b\4f53,arial,'Hiragino Sans GB',Tahoma,Arial,Helvetica;}
@font-face{font-family:'icon';src:url('../fonts/iconfont.eot?-w9mio');src:url('../fonts/iconfont.eot?#iefix-w9mio') format('embedded-opentype'),url('../fonts/iconfont.woff?-w9mio') format('woff'),url('../fonts/iconfont.ttf?-w9mio') format('truetype'),url('../fonts/iconfont.svg?-w9mio#icon') format('svg');font-weight:normal;font-style:normal;}
[class^="icon-"],[class*=" icon-"]{font-family:'icon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;/* Better Font Rendering =========== */-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-uni6E:before{content:"\74";}
.icon-uni6F:before{content:"\66";}
.icon-uni70:before{content:"\67";}
.icon-uni73:before{content:"\62";}
.icon-share:before{content:"\73";}

/* font-family:'Brandon Grotesque W01';font-family:'Cardo', 'serif';*/

/* LOADING */
.loadMask{position:fixed;z-index:2000;height:100%;width:100%;background:#000;transition:all .5s;opacity:1}
.loadend .loadMask{opacity:0;}
.learnmore .loadMask{display:none;}
.loadcenter_wrap{position:relative;-moz-perspective:500px;-webkit-perspective:500;-o-perspective:500;-ms-perspective:500;}
.loadcenter_wrap p{position:absolute;z-index:2;width:100%;text-align:center;color:#fff;}
.loadcenter{height:320px;width:320px;margin:-160px 0 0 -160px;top:50%;left:50%;position:absolute;}
.loadcenter svg{position:absolute;top:0;left:0;-webkit-transform-origin:center center;transform-origin:center center;transition:all 0.3s;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}
.loadcenter path{fill:none;stroke:#fff;stroke-width:1;fill:none;transition:all .3s;}
.loadcenter .l1 path{stroke-dasharray:450;stroke-dashoffset:900;-webkit-animation:LOADING1 4s linear 0s infinite;animation:LOADING1 4s linear 0s infinite;}
.loadcenter .l2 path{stroke-dasharray:340;stroke-dashoffset:340;-webkit-animation:LOADING2 3s linear 0s infinite;animation:LOADING2 3s linear 0s infinite;}
.loadcenter .l3 path{stroke-dasharray:230;stroke-dashoffset:230;-webkit-animation:LOADING3 2s linear 0s infinite;animation:LOADING3 2s linear 0s infinite;}
@-webkit-keyframes LOADING1{
	0%{stroke-dashoffset:-900;}
	50%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:900;}
}
@keyframes LOADING1{
	0%{stroke-dashoffset:-900;}
	50%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:900;}
}
@-webkit-keyframes LOADING2{
	0%{stroke-dashoffset:340;}
	50%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:-340;}
}
@keyframes LOADING2{
	0%{stroke-dashoffset:340;}
	50%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:-340;}
}
@-webkit-keyframes LOADING3{
	0%{stroke-dashoffset:-230;}
	50%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:230;}
}
@keyframes LOADING3{
	0%{stroke-dashoffset:-230;}
	50%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:230;}
}
.loadcenter_wrap .l1{-webkit-animation:TURN 2.5s linear 0s infinite;animation:TURN 2.5s linear 0s infinite;}
.loadcenter_wrap .l2{-webkit-animation:TURN 2s linear 0s infinite;animation:TURN 2s linear 0s infinite;}
.loadcenter_wrap .l3{-webkit-animation:TURN 1.5s linear 0s infinite;animation:TURN 1.5s linear 0s infinite;}
@-webkit-keyframes TURN{
	0%{-webkit-transform:rotateY(0deg);opacity:1}
	25%{-webkit-transform:rotateY(90deg);opacity:.6}
	50%{-webkit-transform:rotateY(180deg);opacity:1}
	75%{-webkit-transform:rotateY(270deg);opacity:.6}
	100%{-webkit-transform:rotateY(360deg);opacity:1}
}
@-webkit-keyframes TURNBACK{
	0%{-webkit-transform:rotateY(360deg);opacity:1}
	25%{-webkit-transform:rotateY(270deg);opacity:.6}
	50%{-webkit-transform:rotateY(180deg);opacity:1}
	75%{-webkit-transform:rotateY(90deg);opacity:.6}
	100%{-webkit-transform:rotateY(0deg);opacity:1}
}

/* COMMON */
::-moz-selection{background:#000;color:#fff;}
::selection{background:#384de2;color:#fff;}
::-moz-selection{background:#000;color:#fff;}
.icon{font-family:'icon';}
.none{display:none;}
.loadBody{transition:all .3s;opacity:1;-webkit-transform-origin:center top;transform-origin:center top;}
.loaded .loadBody{-webkit-transform:scale(.9);transform:scale(.9);opacity:0;}
.graph_back img,.gear_box img{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;}
h1,h2{font-family:'Brandon Grotesque W01';letter-spacing:4px;font-weight}
p{font-family:'Cardo','serif';font-size:21px;font-style:italic;color:#2B2B2B;line-height:1.7;}
.txtbox{position:absolute;}
.inner{width:640px;margin:0 auto;}
.box{position:relative;z-index:2}
.subtitle{font-size:30px;font-weight:500;letter-spacing:5px;}
.sub_header{width:640px;text-align:center;}
.sub_header h1{font-size:30px;letter-spacing:5px;font-weight:500;margin-bottom:50px;}
.sub_header p,.sub_header ul li{font-size:21px;line-height:1.7;font-style:italic;font-family:'Cardo','serif';letter-spacing:1px;}
.layer path{fill:none;stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0}
polygon,rect{stroke:#337ab7;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;}
.header{height:400px;}
.btn svg{position:absolute;right:50px;bottom:-15px;transition:all .3s;}
.btn path{stroke:#000;stroke-width:1;fill:none;stroke-dasharray:80;stroke-dashoffset:80;transition:all .3s;}
.btn path:first-child{transition-delay:.1s;}
.btn:hover svg{right:10px;}
.btn:hover path{stroke-dashoffset:0;}
.txtbox{width:798px;position:absolute;left:50%;margin-left:-399px;z-index:4;background:#fff;}
.txtbox_wrap{position:relative;}
.txtbox_body{width:630px;margin:0 auto;display:table;height:350px;}
.txtbox_body p{font-size:21px;line-height:40px;}
.txtbox_body > div{display:table-cell;vertical-align:middle;text-align:center;}
.rect{text-align:center;width:300px;height:300px;line-height:300px;background:url(../images/rectbk.png) no-repeat;color:#fff;font-size:28px;letter-spacing:5px;}
.txtbox_header{width:300px;text-align:center;position:absolute;}
.txtbox_header a{color:#000;font-style:italic;font-size:18px;font-family:'Cardo','serif';text-align:center;margin:20px 0 0 0;display:block;}
.txtbox_min{border:1px solid #000;width:698px;margin-left:-349px}
.txtbox_min .txtbox_body{height:349px;width:600px;}
.txtbox_min .txtbox_header{top:-370px;left:50%;margin-left:-150px;}
.tb_work .txtbox_body{height:250px}
.tb_work .txtbox_body{vertical-align:bottom}
.tb_work .txtbox_body p{margin-top:100px;}
.tb_about{top:650px;}
.tb_about .txtbox_header{top:0px;right:-250px;}
.tb_message{top:2173px;}
.tb_work{top:3472px;}
.tb_work .txtbox_header{top:-250px;}
.loadBody{background:#fff;}
.logoanimate{position:absolute;top:50%;left:50%;margin:-189px 0 0 -193px;height:380px;width:380px;overflow:hidden;}
#swfc{background:none;width:380px;height:380px;}
#swfc rect{fill:none;}

/* NAVIGATION */
.loadfirst .navigation{opacity:1;}
.navigation{position:absolute;z-index:2000;background:#fff;top:0;left:0;opacity:0;transition:all .5s;}
.subpages-active .navigation{position:fixed;}
.navL{float:left;border-bottom:1px solid #337ab7;}
.navL a{display:block;width:101%;height:70px;position:relative;text-decoration:none;font-family:'Brandon Grotesque W01';color:#000;font-size:14px;letter-spacing:1px;overflow:hidden;-moz-perspective:500px;-webkit-perspective:500;-o-perspective:500;-ms-perspective:500;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;}
.navL li span,.sns_body span{display:block;height:70px;width:1px;/*background:#000;*/left:0;top:0;z-index:3;position:absolute;}
.navL a div{width:100%;height:70px;line-height:70px;text-align:center;background:#337ab7;color:#f1f1f1;font-weight:400;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center top;transform-origin:center top;transition:all .3s;position:relative;z-index:1;}
.navL a div:first-child{background:#fff;color:#000;font-weight:500;z-index:2;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;}
.navL li{float:left;width:20%;height:70px;position:relative;overflow:hidden;}

/*.navL .nav_activate div,*/
.navL a:hover div{-webkit-transform:translate(0,-70px) rotateX(0deg);transform:translate(0,-70px) rotateX(0deg);margin-top:0px;z-index:2}

/*.navL .nav_activate div:first-child,*/
.navL a:hover div:first-child{-webkit-transform:translate(0,-70px) rotateX(90deg);transform:translate(0,-70px) rotateX(90deg);margin-top:0px;opacity:0;z-index:1}
.navR{height:70px;width:70px;background:#337ab7;float:left;overflow:hidden;display:block;border-bottom:1px solid #337ab7;-moz-perspective:500px;-webkit-perspective:500;-o-perspective:500;-ms-perspective:500;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;}
.navR > div{background:#337ab7;height:70px;width:70px;overflow:hidden;fill:#fff;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center top;transform-origin:center top;transition:all .3s;position:relative;z-index:1;opacity:0}
.navR > div:first-child{background:#fff;z-index:2;fill:#337ab7;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;opacity:1}
.navR:hover > div{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);margin-top:0px;z-index:2;opacity:1}
.navR:hover > div:first-child{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);margin-top:-70px;z-index:1;opacity:0}
.sns_body{width:70px;text-align:center;line-height:70px;height:70px;display:block;float:left;border-bottom:1px solid #337ab7;font-family:'icon';text-decoration:none;position:relative;color:#337ab7;background:#fff}
.sns_body svg{position:absolute;left:0;top:0;}

/* SNS */
.popups{position:fixed;width:800px;top:-500px;left:50%;margin-left:-399px;margin-top:-159px;z-index:1100;border-top:1px solid #000;opacity:0;transition:all .8s;}
.snspopupbk{position:fixed;height:0;width:100%;top:0;left:0;z-index:1000;background:#000;transition:all .6s;cursor:pointer;}
.popups > div{position:relative;}
.popups ul{position:relative;z-index:3}
.popups svg{position:absolute;z-index:2;left:-10px;top:-10px;}
.popups path{stroke:#fff;stroke-width:2;fill:none;stroke-dasharray:3000;stroke-dashoffset:3000;transition:all 1s;}
.popups ul li a{font-family:'Cardo','serif';font-size:18px;font-style:italic;color:#2B2B2B;text-decoration:none;display:block;text-align:center;letter-spacing:2px;padding:30px 0;line-height:1;border-right:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;background:#fff;opacity:0;-webkit-transform-origin:center top;transform-origin:center top;transition:all .2s;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);}
.popups ul li{-moz-perspective:500px;-webkit-perspective:500;-o-perspective:500;-ms-perspective:500;}
.popups a.fb{transition-delay:.4s;}
.popups a.tw{transition-delay:.5s;}
.popups a.gg{transition-delay:.6s;}
.popups a.pin{transition-delay:.7s;}
.snsactivate .snspopup{opacity:1;top:50%;-webkit-transition:all .4s;}
.snsactivate .snspopup a{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.snsactivate .snspopup path{stroke-dashoffset:0;transition-delay:.3s}
.snsactivate .snspopupbk{height:100%}
.closepopup{height:60px;width:60px;position:absolute;right:-10px;top:-90px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .3s;}
.closepopup:hover{-webkit-transform:rotate(225deg);transform:rotate(225deg);}
.closepopup a{display:block;height:60px;width:60px;position:relative;}
.closepopup span{display:block;height:1px;width:60px;background:#fff;position:absolute;left:0px;top:29px;}
.closepopup span:first-child{width:1px;height:60px;left:29px;top:0px;}
.tabactivate .tabpopups{opacity:1;top:50%;-webkit-transition:all .4s;}
.tabactivate .tabpopups a{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.tabactivate .tabpopups path{stroke-dashoffset:0;transition-delay:.3s}
.tabactivate .snspopupbk{height:100%}
.subpages-active .tabmenu{display:none;}
.tabmenu{height:47px;width:50px;position:fixed;bottom:0;left:0;z-index:100;border-right:1px solid #000;border-top:1px solid #000;opacity:0;transition:all .3s;-webkit-transform:translate(-70px,0);transform:translate(-70px,0);}
.tabmenu a{display:block;height:30px;width:50px;padding:10px 0;}
.tabmenu a span{display:block;height:1px;width:20px;background:#000;margin:6px auto}
.scrollov .tabmenu{opacity:1;-webkit-transform:translate(10px,-10px);transform:translate(0,0);}

/* INDEX */
.linerbox{overflow:hidden;}
.layer_inner,.linerbox{position:relative;height:3900px;z-index:1;width:100%;}
.layer_wrap{position:absolute;left:50%;margin-left:-850px;}
.layer_inner{width:2000px;}
.layer{position:absolute;z-index:1}
.y_retina .layer0{top:-30px;left:201px;}
.layer2{top:475px;left:300px;}
.layer3{top:525px;left:450px;}
.layer4{top:1073px;left:460px;}
.layer5{top:1173px;left:850px;}
.layer6{top:1173px;left:450px;}
.layer7{top:1724px;left:701px;}
.layer8{top:1573px;left:850px;}
.layer9{top:1643px;left:50px;}
.layer10{top:1773px;left:400px;}
.layer11{top:2073px;left:400px;}
.layer12{top:2123px;left:200px;}
.layer13{top:2173px;left:190px;z-index:2;}
.layer14{top:2623px;left:510px;z-index:2;}
.layer15{top:2273px;left:140px;z-index:2;}
.layer16{top:2423px;left:140px;z-index:2;}
.layer17{top:2723px;left:0px;z-index:1;}
.layer18{top:2923px;left:500px;z-index:1;}
.layer19{top:3123px;left:-101px;z-index:1;}
.layer20{top:3723px;left:50%;z-index:1;margin-left:-499px;}
.layer21{top:1874px;left:851px;}
.layer22{top:2723px;left:655px;}
.layer23{top:273px;left:160px;}
.layer24{top:2670px;left:1050px;z-index:3}
.layer0{top:12px;left:200px;}
.layer25{top:7px;left:-188px;}
.index{overflow:hidden;}
.potrfolio{background:#fff;height:660px;width:100%;}
.gear_box{width:100%;height:1000px;position:relative;z-index:2;margin-top:-31px;}
.gear_box_bk{position:absolute;left:50%;top:0;margin-left:-1243px;width:2486px;height:1228px;}
.gears h1{margin:-188px 0 0 -193px;height:380px;width:380px;background:url(../img/top_line_logo@1x.png);text-indent:-9999px;position:absolute;left:50%;top:50%;z-index:2;display:none;}
#swfc rect{display:none;}
.ie .gears h1{display:block;}
.ie #swfc{display:none;}
.y_retina .gears h1{margin:-189px 0 0 -193px;}
.gear{position:absolute;top:420px;left:50%;}
.gearL{margin-left:-493px;}
.gearR{margin-left:191px;}
.gear_wrap{position:relative;width:300px;height:160px;}
.gear_wrap div{position:absolute;}
.gear_pL{top:75px;right:73px;background-image:url(../img/top_lineBR_bk.png);height:11px;width:227px;border-top:1px solid #000;border-bottom:1px solid #000;}
.gear_pS{top:47px;right:0px;width:9px;height:67px;background-image:url(../img/top_lineS_bk.png);}
.gear_pM{top:4px;right:29px;width:14px;height:153px;background-image:url(../img/top_lineM_bk.png);}
.gearL .gear_pS{top:47px;left:-2px;}
.y_retina .gearL .gear_pS{top:47px;left:0px;}
.gearL .gear_pM{top:4px;left:26px;}
.gearL .gear_pL{top:75px;left:70px;background-image:url(../img/top_lineBL_bk.png);}
.gear_pomp{position:absolute;left:50%;}
.gear_pomp_wrap{position:relative;height:384px;width:119px;}
.pompT,.pompB{height:188px;width:119px;position:absolute;left:0;}
.pompT{background:url(../img/top_pomp_top.png);top:0;background-position:top}
.pompB{background:url(../img/top_pomp_bottom.png);bottom:0;background-position:bottom;}
.pompR{margin-left:490px;top:308px;}
.pompL{margin-left:-610px;top:308px;}
.scrolled .pompT{-webkit-animation:GEARTOP 3s ease-in-out 0s infinite alternate;animation:GEARTOP 3s ease-in-out 0s infinite alternate;}
.scrolled .pompB{-webkit-animation:GEARBOTTOM 3s ease-in-out 0s infinite alternate;animation:GEARBOTTOM 3s ease-in-out 0s infinite alternate;}
@-webkit-keyframes GEARTOP{
	0%{margin-top:0;}
	100%{margin-top:50px;}
}
@keyframes GEARTOP{
	0%{margin-top:0;}
	100%{margin-top:50px;}
}
@-webkit-keyframes GEARBOTTOM{
	0%{margin-bottom:0;}
	100%{margin-bottom:50px;}
}
@keyframes GEARBOTTOM{
	0%{margin-bottom:0;}
	100%{margin-bottom:50px;}
}
.build{position:absolute;z-index:2;top:260px;left:219px;opacity:0;-webkit-transition:all .3s;}
.build path{stroke:#000;stroke-width:1;fill:none;}
.build path.bdlong{stroke-dasharray:300;stroke-dashoffset:300;transition:all .6s;}
.build path.bdtop{stroke-dasharray:500;stroke-dashoffset:500;transition:all .6s;}
.build path.bdbase{fill:#fff;stroke:none;opacity:0;transition:all .9s;}
.build:hover path{stroke-dashoffset:0;}
.build:hover path.bdbase{opacity:1}
.build:hover{opacity:1;}
.build_base{position:relative;z-index:1}
.gear_engin > div{position:absolute;left:50%;top:50%;}
.gear_engin_art{margin:-72px 0 0 166px;}
.gear_engin_arb{margin:5px 0 0 166px;}
.gear_engin_alt{margin:-71px 0 0 -350px;}
.gear_engin_alb{margin:5px 0 0 -350px;}
.y_retina .gear_engin_art{margin:-72px 0 0 176px;}
.y_retina .gear_engin_arb{margin:5px 0 0 176px;}
.y_retina .gear_engin_alt{margin:-71px 0 0 -360px;}
.y_retina .gear_engin_alb{margin:5px 0 0 -360px;}
.gear_engin_art img{position:absolute;top:10px;}
.gear_engin_arb img{position:absolute;bottom:10px;}
.gear_engin_alt img{position:absolute;top:10px;right:0;}
.gear_engin_alb img{position:absolute;bottom:10px;right:0;}
.engin{position:relative;height:70px;width:180px;}
.potrfolio{overflow:hidden;position:relative;}
.potrfolio_wrap .linkmask{position:absolute;top:0;left:0;height:100%;width:100%;display:block;z-index:1000;transition:all 0.3s;box-shadow:inset 0 0 0 10px #000;}
.port_body{position:absolute;width:100%;height:660px;top:0;left:0;transition:all 1s;opacity:0;}
.port_body.fadeIn{opacity:1;}
.port_body:first-child{z-index:2}
.port{width:100%;height:660px;position:relative;background-position:center top;}
.port .rect{position:absolute;top:50%;left:50%;margin:-150px 0 0 -150px}
.port .rect h1{font-size:18px;}
.port .rect .type{line-height:1;text-align:center;width:100%;position:absolute;bottom:100px}
.port .rect .type div{display:inline-block;text-align:center;}
.port .rect .type div.ic_pc{background:url(../img/icon_pc.png) center center;width:20px;height:18px;}
.port .rect .type div.ic_pad{background:url(../img/icon_pad.png) center center;width:12px;height:14px}
.port .rect .type div.ic_sp{background:url(../img/icon_sp.png) center center;width:8px;height:12px;}
.port_link{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:3;}
.blocks_body{position:relative;width:100%;height:660px;}
.stage{background:#000;position:relative;z-index:100;top:0;left:0;height:660px;overflow:hidden;margin:70px auto 0;-webkit-perspective:2000;-ms-perspective:2000;-o-perspective:2000;perspective:2000;}
.cube{z-index:90;height:660px;width:100%;position:relative;margin:0 auto;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 1s;-webkit-transform:translateZ(-330px) rotateX(0deg);transform:translateZ(-330px) rotateX(0deg);}
.cube > div{height:660px;width:100%;position:absolute;color:#fff;text-align:center;line-height:100px;}
.side_top{top:-330px;left:0px;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);}
.side_bottom{bottom:-330px;left:0px;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);}
.side_front{top:0px;left:0px;-webkit-transform:translateZ(330px);transform:translateZ(330px);}
.side_back{top:0px;left:0px;-webkit-transform:translateZ(-330px) rotateX(180deg);transform:translateZ(-330px) rotateX(180deg);}
.side_right{background:rgba(0,160,233,0.7);top:0px;right:-330px;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);}
.side_left{background:rgba(0,160,233,0.7);top:0px;left:-50px;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);}
.ie .side_front{z-index:2}
.ie .side_top,.ie .side_bottom,.ie .side_front,.ie .side_back,.ie .side_right,.ie .side_left{-webkit-transform:translateZ(0) rotateY(0) rotateX(0);transform:translateZ(0) rotateY(0) rotateX(0);top:0px;left:0px;}

/*SUBPAGES*/
.particles{width:100%;height:800px;overflow:hidden;}

/* TEAM */
.member{margin:150px 0 150px 0}
.reaf{width:554px;margin:0 auto;text-align:center;line-height:60px;position:relative;}
.reaf .layer{position:absolute;top:0;left:0;}
.stats{width:730px;margin:70px auto 45px auto;position:relative;text-align:center;}
.stats .layer{position:absolute;top:0px;left:0px;}
.stats_body li{display:inline-block;font-family:'Brandon Grotesque W01';font-size:12px;font-weight:500;letter-spacing:1px;text-indent:20px;position:relative;margin:0 15px;line-height:70px;}
.stats_body li span{position:absolute;display:block;height:10px;width:10px;border:1px solid #000;border-radius:12px;top:29px;}
.stats_body li span.datted_1{background:url(../img/dotted_1.png);}
.stats_body li span.datted_2{background:url(../img/dotted_2.png);}
.stats_body li span.datted_3{background:url(../img/dotted_3.png);}
.member_body{text-align:center;overflow:hidden;vertical-align:top;}
.memberscroll_mask{position:absolute;width:100%;height:520px;bottom:0;left:0;background:none;z-index:3}
#memberscroll{width:100%;}
#memberscroll .scrollbar_wrap{position:absolute;top:110px;}
#memberscroll .viewport{width:100%;height:632px;position:relative;}
#memberscroll .overview{width:100%;list-style:none;position:absolute;left:0;top:0;padding:0;margin:0;}
#memberscroll .scrollbar{width:160px;height:9px;background:none;position:relative;background-position:0 0;float:right;width:15px;z-index:3}
#memberscroll .track{background:none;height:100%;width:13px;position:relative;padding:0 1px;}
#memberscroll .thumb{background:none;height:70px;width:25px;cursor:pointer;position:absolute;top:0;left:0;}
#memberscroll .disable{display:none;}
#memberscroll .end{width:100%;height:10px;position:relative;top:4px;border-top:1px solid #000;width:0;transition:all .5s;}
#memberscroll:hover .end{width:100%;}
#memberscroll .end:after{position:absolute;right:-1px;top:-6px;height:11px;width:1px;background:#000;content:'';}
#memberscroll .end:before{position:absolute;left:0px;top:-6px;height:11px;width:1px;background:#000;content:'';}
.noSelect{-ms-user-select:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;}
.people{width:210px;text-align:center;display:inline-block;margin:0 40px;padding:120px 0 0 0;vertical-align:top;}
.people img{width:158px;}
.people h2{font-family:'Cardo','serif';font-size:17px;font-style:italic;line-height:1;margin:40px 0;letter-spacing:1px}
.people p{font-size:15px;line-height:2;}
.peple_wrap{width:1770px;margin:0 auto;}
.graph_body{position:relative;}
.graph_front{position:absolute;top:0;left:50%;margin-left:-100px;opacity:0;transition:all .2s;-webkit-transform:scale(0.8);transform:scale(0.8);}
.graphavtivate .graph_front,.graph_body:hover .graph_front{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.graph_front svg{display:none;}
.graph_front path{stroke:#000;}

/* MAP-CONTACT */
textarea:focus,input:focus{outline:none;}
.building{width:100%;height:700px;background:url(../img/build.png) center top repeat-x;}
.map{height:1070px;margin:90px auto -50px auto;text-align:center;position:relative;}
.map_body{margin-left:-130px;height:710px;bottom:40px;}
.contact{margin-top:90px;}
.contact_body{width:980px;margin:70px 0 0 -170px;padding-bottom:90px}
.contact_bodyLR{border-top:10px solid #000}
.contact_bodyLR div{position:relative;}
.contact_bodyLR .in{padding:10px 10px 0px 10px;border-bottom:1px solid #000;}
.contact_bodyLR .sub{position:absolute;left:10px;top:5px;line-height:30px;height:30px;width:100%;font-size:14px;font-family:'Brandon Grotesque W01';font-weight:500;display:block;}
.contact_bodyLR input,.contact_bodyLR textarea{border:none;background:none;height:50px;line-height:50px;margin:30px 0 0 0;width:100%;font-size:14px;font-family:'Brandon Grotesque W01';font-weight:500;}
.contact_bodyLR textarea{height:150px;}
.form_names > div.outer{width:50%;float:left;position:relative;}
.form_names > div.outer:first-child .in{border-right:1px solid #000}
.contact_bodyLR input.submit{text-align:right;cursor:pointer;font-family:'Cardo','serif';font-size:21px;font-style:italic;}

/* SUBPAGE */
.subpages{overflow:hidden;padding-top:35px}
.subpages .header{background:#337ab7}
.subpages .subpages_header_bk{background:#337ab7;}
.subpages_header{width:100%;height:60px;position:absolute;left:0;top:50%;margin-top:-30px;text-align:center;}
.subpages_header > div{position:relative;}
.subpages_header h1{color:#fff;font-size:40px;line-height:62px;font-weight:400;letter-spacing:15px;}
.subpages_header svg{position:absolute;top:0;left:0;}
.subpages_header path{stroke:#fff;stroke-width:1.1;}
.subpages_body{padding:100px 0}
.subpages_body > h2{font-family:'Cardo','serif';font-size:21px;letter-spacing:1px;font-style:italic;color:#2B2B2B;padding:0 100px;max-width:1200px;margin:0 auto;line-height:1.7;text-align:center;}
.subpages_body > h5{font-family:'Cardo','serif';font-size:32px;letter-spacing:1px;font-style:italic;color:#2B2B2B;padding:0 100px;max-width:1200px;margin:0 auto;line-height:1.7;text-align:center;}

/* MESSSAGE */
.message_wrap_all{background:#030303;}
.about_all .enter,.message_line,.news_wrap{-moz-perspective:2000px;-webkit-perspective:2000;-o-perspective:2000;-ms-perspective:2000;}
.message_line:last-child{border-bottom:1px solid #888888}

/*.message_line:first-child{border-top:1px solid #000;}*/
.message_border{width:0;height:31px;position:absolute;top:0;left:0;transition:all .5s;border-top:1px solid #888888}
.message_wrap{background:#fff;padding:140px 0 100px 0;position:relative;transition:all .5s;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0;}
.message_wrap.activate{opacity:1;-webkit-transform:rotateX(0deg) scale(1);transform:rotateX(0deg) scale(1);}
.message_wrap.activate .message_border{width:100%;transition-delay:.2s;}
.message_body{width:640px;margin:0 auto;text-align:center;}
.message_body p{margin:0 0 100px 0}
.message_header h1{font-size:30px;font-weight:500;}
.message_header h2{font-family:'Cardo','serif';font-size:14px;letter-spacing:0px;font-style:italic;color:#2B2B2B;margin:0 0 100px 0}
.message_wrap .shadow{position:absolute;left:50%;top:50%;margin:-200px 0 0 370px}
.message_wrap .shadow path{fill:none;stroke:#000;stroke-width:1px;}
.message_wrap.odd .shadow{margin-left:-570px}

/* ABOUT */
.about_body{position:relative;padding:50px 0;}
.about_body_contact{padding:160px 0 0 0}
.about_body_map_wrap .about_body{position:absolute;padding:0;top:160px;}
.about_body_map_wrap{position:relative;height:900px;width:100%}
#map{position:relative;height:900px;width:100%;background:#000}
.about_body .txtbox_header{width:300px;margin:0 auto;text-align:center;position:relative;}
.about_body .txtbox_body{height:auto;padding-top:50px;position:relative;z-index:2;}
.about_body canvas{position:absolute;left:50%;top:50%;}
.about_body #lineD{margin-left:-860px;margin-top:-350px;}
.about_body #lineT{margin-left:-720px;margin-top:-360px;}
.about_body #lineC{margin-left:-200px;margin-top:-360px;}
.mountain_wrap{position:relative;height:400px;width:100%;display:none;}
#MOUNTAIN{position:absolute;left:50%;top:0;margin-left:-850px}
#particle{position:absolute;top:70px;left:0;background:#000;}
.about_wrap{position:relative;border-top:1px solid #000;background:#fff;transition:all .5s;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0;}
.activate .about_wrap{opacity:1;-webkit-transform:rotateX(0deg) scale(1);transform:rotateX(0deg) scale(1);}
.txtbox.about_body{background:none;}
.map_link{position:absolute;left:0;bottom:0;border-top:1px solid #000;border-bottom:1px solid #111;text-align:center;width:100%;height:70px;overflow:hidden;background:#000;}
.map_link a{font-size:21px;line-height:1.7;display:block;width:101%;height:70px;position:relative;text-decoration:none;font-family:'Brandon Grotesque W01';color:#fff;font-size:14px;letter-spacing:1px;overflow:hidden;-moz-perspective:500px;-webkit-perspective:1500;-o-perspective:1500;-ms-perspective:1500;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;text-transform:uppercase;}
.map_link a div{width:100%;height:70px;line-height:70px;text-align:center;background:#fff;color:#000;font-weight:400;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center top;transform-origin:center top;transition:all .3s;position:relative;z-index:1;}
.map_link a div:first-child{background:#000;color:#f1f1f1;font-weight:500;z-index:2;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;}
.map_link a:hover div{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);margin-top:0px;z-index:2}
.map_link a:hover div:first-child{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);margin-top:-70px;opacity:1;z-index:1}

/* NEWS */
.paggin_wrap{background:#f1f1f1;}
.pagging span{color:#717071;}
.pagging a{color:#525252;transition:all .5s;font-weight:400}
.pagging a.previouspostslink,.pagging a.nextpostslink{font-size:15px;}
.pagging a:hover{background:#202121;color:#717070;}
.pagging span,.pagging a{border:none;font-family:'Brandon Grotesque W01';font-size:15px;font-weight:bold;font-style:normal;font-weight:400;height:70px;width:70px;float:left;letter-spacing:2px;display:block;text-align:center;line-height:70px;margin:0}
.pagging > div{float:right;}
.pagging .pages{display:none;}
.catnews_detail .subpages_header{height:100%;top:0;margin-top:0;display:table;vertical-align:middle;}
.catnews_detail .subpages_header > div{display:table-cell;vertical-align:middle;}
.catnews_detail .subpages_header > div h1{padding:0 30px;margin:0 auto;max-width:1090px;text-align:left;letter-spacing:5px;text-transform:uppercase;}
.news_header .post p{font-size:14px;margin-bottom:1em;font-style:normal;}
.news_header .post a{font-size:14px;display:inline;text-decoration:underline;padding:0 5px;}
.postshare{margin-top:30px;}
.postshare li{float:left;margin-right:10px;}
.postshare li a{font-size:20px;color:#000;text-decoration:none;display:block;font-family:'icon';}
.post_body h1{margin-bottom:1em}
.container{background:#000;}
.news_date{float:left;width:180px;}
.news_header{float:right;width:480px;text-transform:uppercase;}
.news_wrap_single .news_header{width:800px;}
.news_date p{font-family:'Brandon Grotesque W01';font-size:14px;font-style:normal;font-weight:400;text-transform:uppercase;}
.news_date p a{text-transform:none;text-decoration:none;color:#000;}
.news_header span{font-size:30px;text-decoration:none;color:#2B2B2B;letter-spacing:0px;display:block;position:relative;}
.news_header span,.news_date p{transition:all .5s;}
.enter:hover .news_header a,.enter:hover .news_date p{color:#000}
.news_body svg{position:absolute;right:-30px;top:0;transition:all .3s;}
.news_body path{stroke:#000;stroke-width:1;fill:none;stroke-dasharray:80;stroke-dashoffset:80;transition:all .3s;}
.news_body path:first-child{transition-delay:.1s;}
.news_body:hover path{stroke-dashoffset:0;}
.news_body:hover svg{right:-100px}
.pagging,.news_body{max-width:1090px;margin:0 auto;padding:0 30px;}
.news_body{display:block;box-sizing:border-box;padding:60px 0 100px 0;}
.news_wrap{border-top:1px solid #888;}
.news_wrap:first-child{border:none}
.desigers{height:130px;background:rgba(3, 173, 251, 0.35);padding:60px 0 120px 0;border:none}
.desigers .news_date{width:350px}
.desigers .news_date h2{font-size:30px;color:#c8c9ca;letter-spacing:2px;}
.desigers .news_header p{font-family:'Brandon Grotesque W01';font-size:12px;font-style:normal;letter-spacing:1px;line-height:2;color:#717071}
.desigersblog .news_wrap{background:#000;border-top:1px solid #111111;}
.desigersblog .news_date p,.desigersblog .news_header a{color:#b4b4b5;text-transform:uppercase;transition:all .3s;}
.desigersblog .enter:hover .news_date p,.desigersblog .enter:hover .news_header a{color:#fff;}
.desigersblog .news_header a path{stroke:#fff;}
.desigersblog_header{background:#000;}
.deaignCanvas_wrap{width:800px;margin:0 auto;padding:70px 0}
.desigersblog .news_wrap .enter{background:#000}
.news_wrap .enter{transition:all .5s;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0;background:#fff;}
.news_wrap:first-child .enter,.news_wrap .enter.activate{opacity:1;-webkit-transform:rotateX(0deg) scale(1);transform:rotateX(0deg) scale(1);}
#particle_news{position:absolute;top:70px;left:0;background:#000;}
.post img{max-width:100%;box-sizing:border-box;}

/* WORKS */
.works_wrap_all{margin:-150px 0 0;}
.works_border{width:100%;height:570px;position:relative;z-index:0;}
.works_border svg{margin:-325px 0 0 -1200px;position:absolute;left:50%;top:50%;width:2400px;height:650px;}
.works_border line{fill:none;stroke:#000;stroke-dasharray:2000;}
.works_line .shadow path,.works_line .shadow rect,.works_line .shadow circle,.works_line .shadow line{fill:none;stroke:#000;stroke-width:1px;}
.works_header{width:800px;margin:0 auto 90px;text-align:center;}
.works_header h1{font-size:36px;margin:30px 0 15px;font-weight:500;letter-spacing:3px;}
.works_header h2{letter-spacing:2px;margin-bottom:30px;}
.works_items{height:900px;}
.works_items{position:relative;}
.works_items .desktop{position:absolute;top:0;left:50%;margin:0 0 0 -284px;z-index:1;width:756px;height:608px;}
.works_items .tablet{position:absolute;top:250px;left:50%;margin:0 0 0 -480px;z-index:2;width:319px;height:451px;}
.works_items .smartphone{position:absolute;top:540px;left:50%;margin:0 0 0 -230px;z-index:3;width:135px;height:286px;}
.works_items .smartphone .inner{position:relative;}
.works_items .itemimg{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-size:contain;}
.works_items .desktop .itemimg{background-image:url(../img/works/item_pc.png);background-repeat:no-repeat;}
.works_items .tablet .itemimg{background-image:url(../img/works/item_pad.png);background-repeat:no-repeat;}
.works_items .smartphone .itemimg{background-image:url(../img/works/item_sp.png);background-repeat:no-repeat;}
.works_items .capture{position:absolute;top:0;left:0;z-index:3;max-width:100%;border:1px solid #003;box-sizing:border-box;}
.works_items .desktop .capture{margin:4.2% 4.1%;width:91.7%;}
.works_items .tablet .capture{margin:12.3% 6.7%;width:86.6%;}
.works_items .smartphone .capture{margin:27.5% 5.5%;width:89%;}
.works_body .pageimg{width:80%;max-width:1000px;margin:0 auto;}
.works_body .pageimg .largeimg{width:100%;box-shadow:0px 0px 0px 1px#000;border-radius:2px;margin:0 0 50px;vertical-align:bottom;}
.works_items.notablet{height:720px;}
.works_items.notablet{position:relative;}
.works_items.notablet .desktop{margin:0 0 0 -378px;}
.works_items.notablet .tablet{display:none;}
.works_items.notablet .smartphone{top:370px;margin:0 0 0 -330px;}
.works_pair .works_items{margin:0 auto;height:auto;width:90%;max-width:1600px;}
.works_pair .works_items li{float:left;width:50%;height:600px;position:relative;}
.works_pair .works_items .desktop{margin:0 auto;width:610px;left:0;position:relative;}
.works_pair .works_items .smartphone{margin:0 0 0 -260px;width:120px;top:260px;}
.works_pair .works_body .pageimg{width:90%;max-width:1600px;margin:0 auto;}
.works_pair .works_body .pageimg li{width:44%;margin:0 3%;float:left;position:relative;}
@media screen and (max-width:1400px){
	.works_pair .works_items li{height:540px;}
	.works_pair .works_items .desktop{margin:0 5%;width:90%;left:0;}
	.works_pair .works_items .smartphone{margin:0 12%;width:18%;left:0;top:220px;}
	.works_pair .works_body .pageimg{width:90%;}
}
@media screen and (max-width:1000px){
	.works_pair .works_items{width:1000px;left:50%;margin-left:-500px;}
	.works_pair .works_items li{height:470px;}
	.works_pair .works_items .smartphone{height:190px;top:180px;}
}
.zoom{display:block;width:111px;height:111px;margin:0 auto -100px;border-radius:60px;border:1px solid transparent;position:relative;z-index:10;transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1.000) .1s;-webkit-transform:scale(.95);transform:scale(.95);}
.zoom svg{transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1.000);position:absolute;left:0;top:0;width:111px;height:111px;}
.zoom .before{-webkit-transform:scale(1);transform:scale(1);}
.zoom .after{-webkit-transform:scale(0);transform:scale(0);}
.zoom:hover{border:1px solid #000;-webkit-transform:scale(1);transform:scale(1);}
.zoom:hover .before{-webkit-transform:scale(0);transform:scale(0);}
.zoom:hover .after{-webkit-transform:scale(1);transform:scale(1);}
.zoom circle,.zoom line{/*stroke-dasharray:2000;*/}
.works_icon{width:110px;height:110px;stroke-dasharray:2000;}


/* CONTACT */
.contactframe{width:980px;height:472px;overflow:hidden;display:block;}
.contactframeL{width:100%;height:472px;overflow:hidden;display:block;margin-bottom:15px;}

/* PORTFOLIO */
.img_grid_all{height:1060px;position:relative;}
.img_grid{position:relative;height:540px;width:980px;}
.img_grid span,.img_grid svg,.img_grid img{position:absolute;}
.img_grid img{-webkit-transform:translate(0px,16px);transform:translate(0px,16px);top:0px;left:39px;opacity:0;transition:all .5s;}
.img_grid polygon{opacity:0;transition:all .5s;}
.img_grid_body1 img,.img_grid_body1 polygon{transition-delay:0s;}
.img_grid_body2 img,.img_grid_body2 polygon{transition-delay:.15s;}
.img_grid_body3 img,.img_grid_body3 polygon{transition-delay:.3s;}
.img_grid_body4 img,.img_grid_body4 polygon{transition-delay:.45s;}
.img_grid path.p{fill:none;stroke:#000;opacity:.1;stroke-miterlimit:10;transition:all .8s;stroke-dasharray:800;stroke-dashoffset:800;}
.img_grid path.b{fill:none;stroke:#000;stroke-miterlimit:10;transition:all .7s;stroke-dasharray:2400;stroke-dashoffset:2400;}
.img_grid span{transition:all .8s;display:block;height:0px;width:1px;background:#000;z-index:3;opacity:.1;}
.portactivate .img_grid img{-webkit-transform:translate(0,-64px);transform:translate(0,-64px);opacity:1;}
.portactivate .img_grid polygon{opacity:1;}
.portactivate .img_grid path.p{stroke-dashoffset:0;}
.portactivate .img_grid path.b{stroke-dashoffset:0;}
.portactivate .img_grid span{height:87px;}
.portactivate .img_grid img,.portactivate .img_grid polygon,.portactivate .img_grid path.p,.portactivate .img_grid span{transition-delay:.5s;}
.img_grid span.bdL{left:40px;bottom:243px;}
.img_grid span.bdR{right:39px;bottom:297px;}
.img_grid_inner{position:absolute;left:50%;top:50%;margin:-175px 0 0 -1000px;width:1623px;height:670px;}
.img_grid_wrap{position:relative;width:1623px;height:670px;}
.img_grid_body{position:absolute;height:540px;width:980px;}
.img_grid_body1{z-index:10;left:0px;top:0px;}
.img_grid_body2{z-index:9;right:0px;top:-300px;}
.img_grid_body3{z-index:12;left:650px;bottom:0px;}
.img_grid_body4{z-index:11;right:-650px;bottom:300px;}
.img_grid_body3{z-index:12;left:370px;bottom:-130px;}
.img_grid_body4{z-index:11;right:-380px;bottom:175px;}
.img_grind_mask_wrap{position:absolute;top:50%;left:50%;z-index:20;margin:-326px 0 0 -786px;}
.img_grind_mask_body{width:1359px;height:721px;position:relative;-webkit-transform:rotate(-25deg);transform:rotate(-25deg);}
.img_grind_tgt{position:relative;text-align:center;line-height:316px;font-family:'Brandon Grotesque W01';letter-spacing:12px;font-size:20px;font-weight:500;text-decoration:none;color:rgba(255,255,255,0);background:rgba(0,0,0,0);position:absolute;height:331px;width:648px;display:block;transition:all .3s;-webkit-transform:skewX(30deg);transform:skewX(30deg);}
.img_grind_tgt:hover{color:rgba(255,255,255,1);background:rgba(0,0,0,1);-webkit-transform:skewX(30deg) translate(20px,-20px);transform:skewX(30deg) translate(20px,-20px);box-shadow:-10px 10px 0 0 rgba(0,0,0,0.2);}
.img_grind_tgt1{top:0px;left:1px;}
.img_grind_tgt2{top:0px;right:0px;}
.img_grind_tgt3{bottom:-1px;left:227px;}
.img_grind_tgt4{bottom:-1px;right:-237px;}
.img_grind_tgt{position:relative;text-align:center;line-height:316px;font-family:'Brandon Grotesque W01';letter-spacing:12px;font-size:20px;font-weight:600;text-decoration:none;color:rgba(0,0,0,1);background:rgba(255,255,255,1);position:absolute;height:331px;width:648px;display:block;transition:all .3s;-webkit-transform:skewX(30deg);transform:skewX(30deg);border:1px solid #000;}
.img_grind_mask_wrap{margin:-237px 0 0 -786px;transition:all .5s;}
.portactivate .img_grind_mask_wrap{margin:-326px 0 0 -786px;}
.portactivate .img_grid img{opacity:0;transition:all .3s;}
.portactivate .on .img_grid img{transition-delay:0s;opacity:1;}
.knowmore{text-align:center;font-size:45px;color:#000;font-family:'Cardo','serif';font-style:italic;display:block;margin-bottom:100px;padding:100px 0;}

/* RETINA */
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
	.building{background:url(../img/build@2x.png) center top repeat-x;background-size:180px;}
	.pompT{background:url(../img/top_pomp_top@2x.png);background-size:119px;}
	.pompB{background:url(../img/top_pomp_bottom@2x.png);background-size:119px;}
	.gear_pL{background-image:url(../img/top_lineBR_bk@2x.png);background-size:228px}
	.gear_pS{background-image:url(../img/top_lineS_bk@2x.png);background-size:9px}
	.gear_pM{background-image:url(../img/top_lineM_bk@2x.png);background-size:15px}
	.gearL .gear_pL{background-image:url(../img/top_lineBL_bk@2x.png);background-size:228px}
	.gears h1{background:url(../img/top_line_logo2@2x.png);background-size:380px;}
	.rect{background:url(../images/rectbk@2x_blue.png) no-repeat;background-size:300px;}
	.port .rect .type div.ic_pc{background:url(../img/icon_pc@2x.png) center center;background-size:20px;}
	.port .rect .type div.ic_pad{background:url(../img/icon_pad@2x.png) center center;background-size:12px;}
	.port .rect .type div.ic_sp{background:url(../img/icon_sp@2x.png) center center;background-size:8px;}
	.works_items .desktop .itemimg{background-image:url(../img/works/item_pc@2x.png);}
	.works_items .tablet .itemimg{background-image:url(../img/works/item_pad@2x.png);}
	.works_items .smartphone .itemimg{background-image:url(../img/works/item_sp@2x.png);}
}

/* SP */
@media screen and (max-width:1050px){
	.tb_about .txtbox_header{top:-270px;right:0;left:50%;margin-left:-150px;}
	.img_grid_inner{display:none}
	.img_grid_all{height:auto;border-top:1px solid #000;}
	.img_grind_mask_body{width:100%;height:auto;position:relative;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
	.img_grind_tgt{position:relative;height:150px;line-height:150px;width:100%;-webkit-transform:skewX(0deg);transform:skewX(0deg);border:none;left:0px!important;right:0px!important;}
	.img_grind_tgt:hover{color:rgba(255,255,255,1);background:rgba(0,0,0,1);-webkit-transform:skewX(0deg) translate(0px,0px);transform:skewX(0deg) translate(0px,0px);box-shadow:0 0 0 0 rgba(0,0,0,0.2);}
	.portactivate .img_grind_mask_wrap{margin:0;}
	.img_grind_mask_wrap{position:relative;top:0;left:0;z-index:20;margin:0;border-bottom:2px solid #000;}
	.contactframe,.contact_body{width:100%;max-width:980px;}
	.contact_body{margin:70px 0 0 0;}
	.news_date{float:none;margin-bottom:1em;}
	.news_header{float:none;}
}
.bunki_wrap{display:none;}
@media screen and (max-width:600px){
	.navigation{display:none;}
	.bunki_wrap{position:fixed;z-index:1000;top:0;left:0;background:#fff;height:100%;width:100%;display:block;display:table;line-height:0;}
	.bunki_wrap a{display:table-cell;vertical-align:middle;width:200px;text-align:center;line-height:0;color:#000;text-decoration:none}
	.bunki_wrap a p{font-family:'Brandon Grotesque W01';font-size:17px;letter-spacing:4px;text-transform:uppercase;font-style:normal;font-weight:500;margin-bottom:20px;}
	.bunki_wrap img{width:200px;line-height:0;height:200px;}
}

/*
ORANGE:#D62D2D
BLUE:#38BDDF
*/
.swc{font-family:'Brandon Grotesque W01';font-size:12px;font-style:normal;letter-spacing:1px;font-size:15px;text-transform:uppercase;color:#000;font-weight:500;position:absolute;bottom:-100px;left:50%;width:400px;background:#FFF;text-align:center;height:50px;line-height:50px;z-index:99;margin:0px 0 0 -200px;text-decoration:none;}
.swc_wrap{position:relative;width:400px;height:50px;}
.swc_wrap *{fill:none;stroke:#000000;stroke-linejoin:round;stroke-miterlimit:10;}
.swc_wrap svg{position:absolute;top:16px;}
.swc_wrap svg.swc_L{left:16px;}
.swc_wrap svg.swc_R{right:16px;}
.scrolled .swc_wrap svg.swc_L{-webkit-animation:SWITCHLEFT 2.5s ease-in-out 0s infinite alternate;animation:SWITCHLEFT 2.5s ease-in-out 0s infinite alternate;}
.scrolled .swc_wrap svg.swc_R{-webkit-animation:SWITCHRIGHT 2.5s ease-in-out 0s infinite alternate;animation:SWITCHRIGHT 2.5s ease-in-out 0s infinite alternate;}
@-webkit-keyframes SWITCHLEFT{
	0%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);}
	50%{-webkit-transform:translate(15px,0px);transform:translate(15px,0px);}
	100%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);}
}
@keyframes SWITCHLEFT{
	0%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);}
	50%{-webkit-transform:translate(15px,0px);transform:translate(15px,0px);}
	100%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);}
}
@-webkit-keyframes SWITCHRIGHT{
	0%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);}
	50%{-webkit-transform:translate(-15px,0px);transform:translate(-15px,0px);}
	100%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);}
}
@keyframes SWITCHRIGHT{
	0%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);}
	50%{-webkit-transform:translate(-15px,0px);transform:translate(-15px,0px);}
	100%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);}
}
.dark .swc{color:#38BDDF;background:#000;}
.dark .swc_wrap *{stroke:#38BDDF;}
.dark .footer{border-top:1px solid rgba(56,189,223,.1);}
.dark .sns_body{color:#38BDDF;background:#000;}
.dark .navR > div,.dark .navR > div:first-child{background:#000;z-index:2;fill:#38BDDF;}
.dark .navR > div polygon{fill:#38BDDF!important;}
.dark .navigation{background:#D62D2D;}
.dark .navL a div{color:#38BDDF;}
.dark .navL a div:first-child{background:#000!important;color:#38BDDF;}
.dark .popups ul li a{background:#000;color:#38BDDF;}
.dark .closepopup span{background:#38BDDF;}
.dark .gear_pL,.dark .gearL .gear_pL{background-image:none;border-top:1px solid #38BDDF;border-bottom:1px solid #38BDDF;}
.dark .loadBody{background:#000;}
.dark .snsactivate .snspopup path,.dark .loadcenter path,.dark .popups path,.dark .layer path{fill:none;stroke:#38BDDF;}
.dark .img_grind_tgt,.dark .txtbox_min{border:1px solid #38BDDF;}
.dark .building{background:url(../img/build_or.png) center top repeat-x;}
.dark .layer13{display:none;}
.dark .tred,.dark .layer15 svg path:first-child,.dark .build path.bdbase,.dark polygon,.dark rect{fill:#D62D2D!important;}
.dark .build path.bdbase{stroke:#000;}
.dark .graph_body{background-color:#D62D2D;overflow:hidden;border-radius:150px;height:180px;width:180px;margin:15px;}
.dark .rect{background:none;}
.dark .txtbox{background:#000;}
.dark .img_grind_tgt{background:rgba(0,0,0,1);}
.dark .footer ul li a,.dark .people h2,.dark .subtitle,.dark p,.dark .rect,.dark .map_header *,.dark .txtbox_header a,.dark body .img_grind_tgt{color:#38BDDF;}
.dark #swfc{opacity:0;}
.dark #memberscroll .end{border-top:1px solid #38BDDF;}
.dark #memberscroll .end:after{background:#38BDDF;}
.dark .pompT{background-image:url(../img/top_pomp_top_blue.png);}
.dark .pompB{background-image:url(../img/top_pomp_bottom_blue.png);}
.dark .logoanimate{background-image:url(../img/logo_blue.png);}
.dark .img_grind_tgt:hover{color:#38BDDF;background:rgba(0,0,0,0);}
.dark .gear_pS{background-image:url(../img/top_lineS_bk_blue.png);}
.dark .gear_pM{background-image:url(../img/top_lineM_bk_blue.png);}
.viewall{text-align:center;font-size:24px;color:#000;font-family:'Cardo','serif';font-style:italic;display:block;margin-top:1em;position:relative;z-index:100;}

/* GOOD BYE */
.good-bye{opacity:0;position:fixed;z-index:999;width:100%;height:100%;top:0%;left:0%;}
.good-bye.open{opacity:1;}
.good-bye .in{position:relative;height:100%;width:100%;}
.good-bye .letter{position:absolute;z-index:2;width:680px;height:340px;top:50%;left:50%;margin:-170px 0 0 -340px;border:1px solid #000;background:#fff;}
.good-bye h1{font-family:'Cardo','serif';font-size:24px;line-height:1.8;font-style:italic;color:#2B2B2B;letter-spacing:0px;text-align:center;padding:0 30px;width:100%;position:absolute;top:50%;left:0;margin-top:-65px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.good-bye h1 .date{display:block;font-size:20px;margin:10px 0 0 0;}
.good-bye .stamp{position:absolute;left:0;top:0;}
.good-bye .body{width:700px;height:400px;position:absolute;top:50%;left:50%;margin:-200px 0 0 -350px;}
.good-bye .parts{position:absolute;top:0;left:0;}
.good-bye .bg{height:100%;width:100%;z-index:1;background:url(../img/goodbye-letter-bg.png) center no-repeat;background-size:700px;}
.good-bye .mask{height:100%;width:100%;z-index:2;background:url(../img/goodbye-letter-mask.png) center no-repeat;background-size:700px;}
.good-bye .bero{transition:transform 1s;transform:rotateX(180deg);transform-origin:center top;height:273px;width:100%;top:0;z-index:10;background:url(../img/goodbye-letter-bero.png) center no-repeat;background-size:700px;}
.chrome .good-bye .bero{transform:rotateX(0deg);display:block;}
.good-bye.open-letter .bero{z-index:-100;}
.good-bye.fade-out-letter .bero{transition:none!important;}
.chrome .good-bye.open .bero{transform:rotateX(180deg);}
.is_good_closed .good-bye{display:none;}
.good-bye-close span{position:absolute;top:50%;left:50%;margin:0 0 0 -15px;display:block;width:30px;height:1px;background:#000;}
.good-bye-close span.c1{transform:rotate(90deg);}
.good-bye-close{cursor:pointer;position:absolute;height:70px;width:70px;right:0;top:0;transform:rotate(45deg);}

/* GOOD BYE - SIGN */
.good-bye .sign .st0{fill:none;stroke:#000;stroke-width:4;stroke-miterlimit:10;}
.good-bye .sign .st1{fill:none;stroke:#000;stroke-width:6;stroke-miterlimit:10;}
.good-bye .sign .st2{fill:none;}
.good-bye .sign{position:absolute;bottom:20px;right:20px;width:73px;}
.good-bye .sign svg{width:100%;vertical-align:bottom;}
.good-bye .sign-clips{transition:all 0.4s;}
.good-bye.complete .sign-clips{stroke-dashoffset:0!important;}
.ie .good-bye .sign{display:none;}