@charset Windows-31J;

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
margin:0;
padding:0;
}

ol,ul {
list-style:none;
}

caption,td,th {
text-align:left;
font-weight:400;
vertical-align:middle;
}

blockquote,q {
quotes:none;
}

blockquote:after,blockquote:before,q:after,q:before {
content:none;
}

a img {
border:none;
}

@font-face {
font-family:VideoJS;
src:url(../js/lib/video-js/font/vjs.eot?#iefix) format(embedded-opentype),url(../js/lib/video-js/font/vjs.woff) format(woff),url(../js/lib/video-js/font/vjs.ttf) format(truetype);
font-weight:400;
font-style:normal;
}

body,html {
font-family:'Open Sans',jp,sans-serif;
font-size:10pt;
font-weight:400;
line-height:1.6em;
letter-spacing:.08em;
color:#000;
background:#fff;
}

body {
height:10100px;/* 12350px; */
/* height: 8000px; *//* 9500px; */
}

small {
font-size:9pt;
line-height:1.6em;
letter-spacing:.08em;
font-weight:400;
}

a {
color:#fff;
text-decoration:none;
}

table {
width:100%;
border-collapse:separate;
border-spacing:0 1px;
}

table th {
color:#ffffff;
font-weight:300;
white-space:nowrap;
vertical-align:top;
padding:15px;
text-align:right;
}

table td {
font-weight:700;
vertical-align:top;
padding:15px;
border-left:1px solid rgba(255,255,255,1.00);
background-color:rgba(255,255,255,0.25)
}

footer {
color:#ffffff;
height:90px;
line-height:90px;
position:absolute;
z-index:500;
}

#theta canvas {
min-width:1200px!important;
background-color: #000;
}

.wrapper {
position:fixed;
width:100%;
height:100%;
overflow:hidden;
min-width:1200px;
z-index:10;
}

.scene {
position:relative;
width:100%;
}

.anim {
position:absolute;
z-index:100;
}

.inner {
width:100%;
padding:30px;
}

.tc {
text-align:center;
}

.tl {
text-align:left;
}

.nw {
white-space:nowrap;
}

.bg {
z-index:1;
width:100%;
background:#000;
}

.center {
left:50%!important;
}

.right {
right:0!important;
}

.gray2 {
color:#aaa;
}

.icon_arrow {
width:30px;
height:30px;
display:block;
background:url(/img/icon_arrow.png) repeat;
}

.txt {
display:inline!important;
}

.lbl_l {
background:#000;
height:60px;
font-size:11pt;
letter-spacing:.08em;
line-height:60px;
font-weight:700;
margin:30px 30px 40px;
}

.lbl_m {
color:#ffffff;
height:30px;
text-align:left;
font-size:10pt;
letter-spacing:.08em;
line-height:30px;
font-weight:700;
margin:0 0 5px;
border-bottom:1px solid rgba(255,255,255,1.00);
}

.com_list {
height:470px;
}

.f3 {
font-size:10pt;
font-weight:400;
line-height:1.6em;
letter-spacing:.08em;
}

.f5 {
font-size:14pt;
font-weight:700;
line-height:1.6em;
letter-spacing:.08em;
}

.w4 {
font-weight:400;
}

.bg_blue {
width:100%;
background: rgba(255,255,255,0.75)
}

.route {
cursor:pointer!important;
}

.item_box1 {
width:1200px;
margin:0 auto;
}

.item_box1.center {
float:left;
left:50%;
position:relative;
margin:40px 0 0;
}

.item_box1 h3 {
line-height:1em;
}

.item_box1 small {
font-size:8pt;
line-height:1.4em;
letter-spacing:.1em;
display:block;
margin:5px 0 10px;
}

.item_box1 dl dt {
font-size:10pt;
line-height:1.6em;
letter-spacing:-.02em;
font-weight:700;
margin:0 0 10px;
}

.item_box1 dl dd {
text-align:center;
line-height:2em;
}

.item_box1 .item {
width:1200px;
float:left;
text-align:center;
padding:0 5px;
}

.item_box1 .item div img.anim {
top:0;
left:0;
z-index:-1;
}

.item_box1 .item h4 {
font-size:18pt;
font-weight:700;
letter-spacing:.07em;
line-height:1em;
}

.item_box1 .item p {
margin:0 0 15px;
}

.item_box1 .item p.f5 {
margin:0;
}

.item_box2 {
width:1200px;
margin:0 auto;
}

.item_box2.center {
float:left;
left:50%;
position:relative;
margin:40px 0 0;
}

.item_box2 h3 {
line-height:1em;
}

.item_box2 small {
font-size:8pt;
line-height:1.4em;
letter-spacing:.1em;
display:block;
margin:5px 0 10px;
}

.item_box2 dl dt {
color:#474747;
font-size:10pt;
line-height:1.6em;
letter-spacing:-.02em;
font-weight:700;
margin:0 0 10px;
}

.item_box2 dl dd {
text-align:center;
line-height:2em;
border-bottom:1px dotted #474747;
}

.item_box2 .item {
width:290px;
float:left;
text-align:center;
padding:0 5px;
}

.item_box2 .item div img.anim {
top:0;
left:0;
z-index:-1;
}

.item_box2 .item h4 {
font-size:18pt;
font-weight:700;
letter-spacing:.07em;
line-height:1em;
}

.item_box2 .item p {
margin:0 0 15px;
}

.item_box2 .item p.f5 {
margin:0;
}

.item_box3 {
width:900px;
margin:0 auto;
}

.item_box3 .item {
width:100%;
}

.item_box3 .item .icon_box {
width:160px;
height:200px;
margin:0 auto;
float:left;
}
.item_box3 .item .text_box {
width:700px;
height:200px;
margin:0 auto;
float:right;
}

.none {
display:none!important;
}

#loader {
width:100%;
height:100%;
position:absolute;
z-index:1100;
display:block;
background:#ffffff;
}

#loader div {
width:100%;
color:#000;
top:45%;
font-weight:700;
position:absolute;
}

#loader p {
letter-spacing:.12em;
visibility:hidden;
}

#loader span {
width:0;
height:5px;
background:#1e2b6d;
display:block;
margin:20px auto 0;
}

#loader small {
font-size:12pt;
display:block;
width:100%;
text-align:center;
font-weight:700;
letter-spacing:.1em;
}

/* #float {
height:100%;
width:100%;
position:fixed;
background:#000;
top:0;
left:0;
z-index:9998;
} */

/* #float_area {
width:1070px;
height:430px;
position:fixed;
top:50%;
left:50%;
float:left;
z-index:10000;
margin:-215px 0 0 -535px;
} */

#float_area #float_content {
width:100%;
float:left;
-webkit-transition:0 .4s,opacity .4s;
-moz-transition:0 .4s,opacity .4s;
-o-transition:0 .4s,opacity .4s;
transition:transform .4s,opacity .4s;
-webkit-transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
transform:scale(1.2,1.2);
filter:alpha(Opacity=0);
opacity:0;
}

#float_area #float_content.hide {
-webkit-transition:0 .3s,opacity .3s;
-moz-transition:0 .3s,opacity .3s;
-o-transition:0 .3s,opacity .3s;
transition:transform .3s,opacity .3s;
-webkit-transform:scale(0.9,.9);
-moz-transform:scale(0.9,.9);
-ms-transform:scale(0.9,.9);
-o-transform:scale(0.9,.9);
transform:scale(0.9,.9);
filter:alpha(Opacity=0);
opacity:0;
}

#float_area #float_content .box {
width:100%;
float:left;
}

#float_area #float_content .box .info {
width:288px;
height:430px;
float:left;
position:relative;
margin:0 50px;
}

#float_area #float_content .box .info .title {
width:100%;
float:left;
margin:0 0 10px;
}

#float_area #float_content .box .info .title h4 {
font-size:16pt;
font-weight:700;
letter-spacing:.08em;
line-height:1.2em;
}

#float_area #float_content .box .info .title small {
font-size:8pt;
font-weight:400;
line-height:1.6em;
letter-spacing:.1em;
display:none;
}

#float_area #float_content .box .info .txt {
width:100%;
float:left;
letter-spacing:.02em;
line-height:1.5em;
}

#float_area #float_content .box .info a {
display:block;
float:left;
font-weight:700;
margin:5px 0 0;
}

#float_area #float_content .box .info a i {
width:14px;
height:12px;
display:inline-block;
background:url(../img/link_icon.png) repeat;
margin:0 4px 0 0;
}

#float_area #float_content .box .info .ctrl {
bottom:0;
left:0;
position:absolute;
}

#float_area #float_content .box .info .ctrl ul li {
width:70px;
height:48px;
float:left;
position:relative;
overflow:hidden;
margin:0 1px 1px 0;
}

#float_area #float_content .box .info .ctrl ul li .btn {
width:100%;
height:100%;
position:absolute;
z-index:10;
top:0;
left:0;
display:block;
cursor:pointer;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:border .3s;
-moz-transition:border .3s;
-o-transition:border .3s;
transition:border .3s;
border:solid 0 #c9caca;
}

#float_area #float_content .box .info .ctrl ul li .current {
border:solid 3px #c9caca!important;
}

#float_area #float_content .box .info .ctrl ul li:hover .btn {
border:solid 3px #c9caca;
}

#float_area #float_content .box .photo {
width:623px;
height:430px;
overflow:hidden;
float:left;
}

#float_area #float_close {
width:24px;
height:24px;
top:0;
right:0;
position:absolute;
z-index:10;
cursor:pointer;
-webkit-transition:0 .4s;
-moz-transition:0 .4s;
-o-transition:0 .4s;
transition:transform .4s;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}

#float_area #float_next {
top:50%;
right:0;
position:absolute;
z-index:10;
cursor:pointer;
-webkit-transition:0 .4s;
-moz-transition:0 .4s;
-o-transition:0 .4s;
transition:transform .4s;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}

#float_area #float_prev {
top:50%;
left:0;
position:absolute;
z-index:10;
cursor:pointer;
-webkit-transition:0 .4s;
-moz-transition:0 .4s;
-o-transition:0 .4s;
transition:transform .4s;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}

#debug {
width: 100%;
height: 20px;
position: fixed;
left: 10px;
top: 0;
z-index: 10000;
color: #ff0;
background: rgba(0, 0, 0, 0.5);
font-size: 14px;
pointer-events: none;
}

#scene_container {
position:relative;
width:100%;
z-index:10;
top:50%;
min-width:1200px;
margin:-300px 0 0;
}

#over {
height:100%;
width:100%;
position:fixed;
background:#000;
top:0;
left:0;
z-index:9998;
visibility:hidden;
opacity:0;
}

#cover {
height:100%;
width:100%;
position:fixed;
top:0;
left:0;
z-index:2;
/* background:url(../img/filter.png) repeat; */
}

#videobox {
position:fixed;
z-index:9999;
visibility:hidden;
opacity:0;
top:50%;
left:50%;
}

#video_close {
width:24px;
height:24px;
top:-100%;
right:-40px;
position:absolute;
z-index:10;
cursor:pointer;
-webkit-transition:0 .4s;
-moz-transition:0 .4s;
-o-transition:0 .4s;
transition:transform .4s;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}

#showreel {
margin-left:-512px;
margin-top:-288px;
}

#dpark_top {
position:fixed;
width:600px;
height:600px;
top: 50%;
margin-top: -300px;
z-index:2;
}

#theta {
position:fixed;
min-width:1200px;
z-index:1;
width:100%;
}

#theta #theta1 {
z-index:10;
}

#theta #theta2 {
z-index:9;
}

#theta #theta3 {
z-index:8;
}

#theta #theta4 {
z-index:7;
}

#theta .canvas {
width:100%;
position:absolute;
overflow:hidden;
}

#theta .canvas img {
position:absolute;
width:100%;
}

header {
position:absolute;
z-index:1000;
width:100%;
top:-100px;
}

header #logo {
float:left;
top:0;
left:0;
position:absolute;
z-index:1000;
margin:30px 0 0 30px;
}

header #link {
position:absolute;
float:right;
top:0;
right:0;
z-index:1000;
margin:30px 30px 0 0;
}

header #link .link_area {
position:relative;
/* width:130px; */
}

header #link .link_container {
position:absolute;
right: 30px;
z-index:10;
}

header #link .link_container nav {
float:right;
top:0;
right:0;
margin:0;
}

header #link .link_container nav ul {
width:100%;
height:35px;
/* float:right; */
display: flex;
}

header #link .link_container nav ul li {
font-size:10pt;
font-weight:400;
letter-spacing:.08em;
line-height:35px;
float:right;
margin:0 30px 0 0;
}

header #link div#menu_btn {
position:absolute;
top:7px;
right:0;
width:27px;
height:20px;
z-index:100;
}

header #link div#menu_btn #menu_btn_bg {
position:absolute;
top:0;
z-index:-1;
}

header #link div#menu_btn a {
width:27px;
height:20px;
display:block;
float:left;
cursor:pointer;
position:absolute;
}

header #link div#menu_btn a.on span.first {
-webkit-transform:translate(0,8px) rotate(45deg);
-moz-transform:translate(0,8px) rotate(45deg);
-ms-transform:translate(0,8px) rotate(45deg);
-o-transform:translate(0,8px) rotate(45deg);
transform:translate(0,8px) rotate(45deg);
}

header #link div#menu_btn a.on span.second {
-webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
transform:scale(0,0);
}

header #link div#menu_btn a.on span.third {
-webkit-transform:translate(0,-8px) rotate(-45deg);
-moz-transform:translate(0,-8px) rotate(-45deg);
-ms-transform:translate(0,-8px) rotate(-45deg);
-o-transform:translate(0,-8px) rotate(-45deg);
transform:translate(0,-8px) rotate(-45deg);
}

header #link div#menu_btn a span {
display:block;
height:3px;
width:24px;
background: rgba(0,0,0,1.00);
position:relative;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
transition:.3s;
margin:0 0 5px;
}

header #link div#menu_btn a div {
width:27px;
height:20px;
}

header #link div.menu_container {
position:absolute;
top:-30px;
right:-30px;
width:240px;
z-index:50;
margin:0 -240px 0 0;
}

header #link div.menu_container .btn_area {
width:100%;
height:100px;
background:rgba(255,255,255,0.5);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
}

header #link div.menu_container .btn_area_bottom {
width:100%;
height:1000px;
background:rgba(255,255,255,0.5);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
margin:1px 0 0;
}

header #link div.menu_container nav.menu_nav ul li.roll_btn {
font-size:11pt;
font-weight:700;
position:relative;
letter-spacing:.18em;
line-height:70px;
height:70px;
display:block;
cursor:pointer;
margin:2px 0 0;
}

header #link div.menu_container nav.menu_nav ul li.roll_btn a {
color:rgba(0,0,0,1.00);
position:absolute;
line-height:70px;
height:70px;
width:240px;
text-indent:30px;
background:rgba(255,255,255,0.5);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
}

header .bg {
position:absolute;
width:100%;
height:50px;
top:0;
left:0;
background:#000;
z-index:900;
}

aside {
position:absolute;
z-index:500;
top:0;
right:-166px;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
margin:381px 0 0;
}

aside nav ul li {
font-size:11pt;
background:#000;
float:left;
margin:0 0 0 3px;
padding:11px 20px;
}

#top #scroll_icon {
width:20px;
height:10px;
display:block;
margin:0 auto;
}

#top .a3 {
font-weight:700;
font-size:11pt;
letter-spacing:.2em;
}

#top .a4 p {
color:#000;
font-weight:700;
margin:10px 0 0;
}

#top .a4 #play_showreel #showreel_rect {
top:25px;
left:30px;
width:27px;
height:33px;
display:block;
position:absolute;
z-index:2;
}

#top .a4 #play_showreel .bg {
width:100%;
height:100%;
-moz-border-radius:1000px;
-webkit-border-radius:1000px;
border-radius:1000px;
behavior:url(/css/PIE.htc);
background:rgba(0,0,0,.7);
position:absolute;
display:block;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
transition:.3s;
z-index:1;
}

#top .a4 #play_showreel:hover .bg {
-webkit-transform:scale(1.3,1.3);
-moz-transform:scale(1.3,1.3);
-ms-transform:scale(1.3,1.3);
-o-transform:scale(1.3,1.3);
transform:scale(1.3,1.3);
}

#about .square {
margin:0 0 10px;
}

#about .a3 {
font-size:12pt;
font-weight:500;
line-height:1.6em;
letter-spacing:.12em;
}

#about .a6 .item {
color:#ffffff;
padding:60px 5px;
}

/* #works {
    visibility: hidden;
    height: 1px;
    overflow: hidden;
} */

/* #works * {
    display: none !important;
} */

#works ul.works_menu li {
height:35px;
font-size:11pt;
font-weight:600;
line-height:1.6em;
letter-spacing:.08em;
cursor:pointer;
}

#works ul.works_menu li.current {
color:#c9caca;
cursor:default;
}

#works .works_item_box {
left: 0;
right: 0;
margin: 0 auto;
width: 90%;
}

#works .works_item_box img {
height: auto;
width: 100%;
}

/* #works .works_item_box {
left:-600px;
}

#works ul.works_item {
width:1200px;
}

#works ul.works_item li {
width:300px;
height:207px;
overflow:hidden;
float:left;
display:none;
background:#111;
}

#works ul.works_item li.works_dummy dl {
cursor:default;
}

#works ul.works_item li.works_dummy div {
position:absolute;
top:60px;
left:104px;
float:left;
}

#works ul.works_item li.works_dummy p {
float:left;
position:absolute;
top:120px;
width:100%;
text-align:center;
color:#777;
font-weight:700;
}

#works ul.works_item li.light {
background:#222;
}

#works ul.works_item li:hover dt .cover {
visibility:hidden;
}

#works ul.works_item li:hover dd {
visibility:visible;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}

#works ul.works_item li dl {
position:relative;
cursor:pointer;
}

#works ul.works_item li dl dt {
height:207px;
}

#works ul.works_item li dl dt .cover {
top:0;
left:0;
width:100%;
height:100%;
position:absolute;
background:rgba(0,0,0,.3);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
visibility:hidden;
}

#works ul.works_item li dl dd {
position:absolute;
width:100%;
background:#c9caca;
bottom:0;
-webkit-transition:0 .4s;
-moz-transition:0 .4s;
-o-transition:0 .4s;
transition:transform .4s;
-webkit-transform:translate(0,120px);
-moz-transform:translate(0,120px);
-ms-transform:translate(0,120px);
-o-transform:translate(0,120px);
transform:translate(0,120px);
}

#works ul.works_item li dl dd p {
line-height:1.2em;
font-weight:700;
letter-spacing:.08em;
font-size:9pt;
margin:15px 15px 4px;
}

#works ul.works_item li dl dd h4 {
color:#000;
font-size:11pt;
letter-spacing:.08em;
font-weight:700;
line-height:1.2em;
margin:0 15px 15px;
}

#works ul.works_item li dl dd small {
color:#000;
font-size:8pt;
font-weight:400;
letter-spacing:.1em;
line-height:1.2em;
display:none;
margin:0 15px 15px;
} */

#works p .btn {
position:absolute;
width:331px;
height:4em;
text-align:center;
background:#c9caca;
display:block;
font-size:11pt;
letter-spacing:.08em;
line-height:4em;
color:#000;
font-weight:700;
-webkit-transition:background-color .3s;
-moz-transition:background-color .3s;
-o-transition:background-color .3s;
transition:background-color .3s;
margin: 45px 0 0 -165px;
left:50%;
}

#works p .btn:hover {
background:#1E2B6D;
color:#ffffff;
}


#access #map {
width:100%;
height:800px;
position:relative;
overflow:hidden;
}

/*#access #map img {
top:0;
left:0;
width:906px;
height:800px;
position:absolute;
}*/

#access .map {
float: left;
}

#access .map img {
height:540px;
}

#access .a2 .box {
width:1150px;
margin:0 auto;
}

#access .a2 .box .info {
color:#ffffff;
float:right;
text-align:left;
}

#access .a2 .box .info .title {
/* color:#1f277a; */
font-size:14pt;/* 11pt */
font-weight:600;
line-height:1.6em;
letter-spacing:.08em;
margin:40px 0 20px;
text-decoration: underline;
}

#access .a2 .box .info .route dd {
font-size:10pt;
font-weight:400;
line-height:1.6em;
letter-spacing:.08em;
margin:0 0 20px;
}

#access .a2 .box .info .btn {
width:331px;
height:4em;
text-align:center;
background:#c9caca;
display:block;
font-size:11pt;
letter-spacing:.08em;
line-height:4em;
color:#000;
font-weight:700;
-webkit-transition:background-color .3s;
-moz-transition:background-color .3s;
-o-transition:background-color .3s;
transition:background-color .3s;
margin:45px 0 0;
}

#access .a2 .box .info .btn:hover {
background:#1E2B6D;
color:#ffffff;
}

#recruit .a6 #recruit_icon1,#recruit .a6 #recruit_icon2,#recruit .a6 #recruit_icon3,#recruit .a6 #recruit_icon4,#recruit .a6 #recruit_icon5 {
-webkit-transition:0 .5s,opacity .5s;
-moz-transition:0 .5s,opacity .5s;
-o-transition:0 .5s,opacity .5s;
transition:transform .5s,opacity .5s;
-webkit-transform:scale(0.7,.7);
-moz-transform:scale(0.7,.7);
-ms-transform:scale(0.7,.7);
-o-transform:scale(0.7,.7);
transform:scale(0.7,.7);
filter:alpha(Opacity=0);
opacity:0;
}

#recruit .a6 #recruit_txt1,#recruit .a6 #recruit_txt2,#recruit .a6 #recruit_txt3,#recruit .a6 #recruit_txt4,#recruit .a6 #recruit_txt5 {
-webkit-transition:opacity .5s;
-moz-transition:opacity .5s;
-o-transition:opacity .5s;
transition:opacity .5s;
filter:alpha(Opacity=0);
opacity:0;
}

#recruit .a6 #recruit_txt1.show,#recruit .a6 #recruit_txt2.show,#recruit .a6 #recruit_txt3.show,#recruit .a6 #recruit_txt4.show,#recruit .a6 #recruit_txt5.show {
filter:alpha(Opacity=100);
opacity:1;
}

#recruit .a6 {
letter-spacing:.2em;
}

#recruit .a6 #recruit_txt4 h4 {
letter-spacing:.1em;
font-size:17pt;
line-height:1.1em;
}

#recruit .a7 table {
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-transform-origin:50% 100% 0;
-moz-transform-origin:50% 100% 0;
-ms-transform-origin:50% 100% 0;
-o-transform-origin:50% 100% 0;
transform-origin:50% 100% 0;
-webkit-transition:opacity .1s,-webkit-transform .7s;
-moz-transition:opacity .1s,-moz-transform .7s;
-o-transition:opacity .1s,-o-transform .7s;
transition:opacity .1s,transform .7s;
-webkit-transform:translateZ(-270px) rotateX(90deg);
-moz-transform:translateZ(-270px) rotateX(90deg);
-ms-transform:translateZ(-270px) rotateX(90deg);
-o-transform:translateZ(-270px) rotateX(90deg);
transform:translateZ(-270px) rotateX(90deg);
filter:alpha(Opacity=0);
opacity:0;
}

#recruit .a7 table.show {
-webkit-transform:translateZ(0px) rotateX(0deg);
-moz-transform:translateZ(0px) rotateX(0deg);
-ms-transform:translateZ(0px) rotateX(0deg);
-o-transform:translateZ(0px) rotateX(0deg);
transform:translateZ(0px) rotateX(0deg);
filter:alpha(Opacity=100);
opacity:1;
}

#recruit .a7 td {
background:rgba(255,255,255,0.75);
}

#recruit .a7 td small {
font-size:11px;
}

#recruit .a7 td a:hover {
color:#1f277a;
}

#recruit .square {
position:absolute;
z-index:-1;
top:0;
}

#recruit .bg {
height:620px;/*  1570px; */
}

#company {
color:rgba(255,255,255,1.00);
}

#company h2 {
color:rgba(255,255,255,1.00);
font-style:oblique;
}

#company .a2 {
font-size:16pt;
font-weight:700;
line-height:1.6em;
letter-spacing:.14em;
}

#company .note {
border-collapse: collapse;
border-spacing: 0;
margin-top: 15px;
}
#company .note th {
font-weight: bold;
padding-bottom: 0;
padding-right: 0;
width: 193px;
}
#company .note td {
background: none;
border: none;
font-weight: normal;
padding-bottom: 0;
padding-left: 30px;
}

.vjs-default-skin {
color:#ccc;
}

.vjs-default-skin .vjs-slider {
outline:0;
position:relative;
cursor:pointer;
background-color:rgba(51,51,51,.9);
padding:0;
}

.vjs-default-skin .vjs-slider:focus {
-webkit-box-shadow:0 0 2em #fff;
-moz-box-shadow:0 0 2em #fff;
box-shadow:0 0 2em #fff;
}

.vjs-default-skin .vjs-slider-handle {
position:absolute;
left:0;
top:0;
display:none;
}

.vjs-default-skin .vjs-slider-handle:before {
content:"\e009";
font-family:VideoJS;
font-size:.5em;
line-height:1;
text-align:center;
position:absolute;
top:-4px;
left:0;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.vjs-default-skin .vjs-control-bar {
display:none;
position:absolute;
bottom:0;
left:0;
right:0;
height:3em;
background-color:#000;
}

.vjs-default-skin.vjs-has-started .vjs-control-bar {
display:block;
visibility:visible;
opacity:1;
-webkit-transition:visibility .1s,opacity .1s;
-moz-transition:visibility .1s,opacity .1s;
-o-transition:visibility .1s,opacity .1s;
transition:visibility .1s,opacity .1s;
}

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
display:block;
visibility:hidden;
opacity:0;
-webkit-transition:visibility 1s 1s;
-moz-transition:visibility 1s 1s;
-o-transition:visibility 1s 1s;
transition:visibility 1s 1s;
}

.vjs-default-skin .vjs-control {
outline:0;
position:relative;
float:left;
text-align:center;
height:3em;
width:4em;
margin:0;
padding:0;
}

.vjs-default-skin .vjs-control:before {
font-family:VideoJS;
font-size:1.5em;
line-height:2;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
text-shadow:1px 1px 1px rgba(0,0,0,.5);
}

.vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before {
text-shadow:0 0 1em #fff;
}

.vjs-default-skin .vjs-control-text {
border:0;
clip:rect(0000);
height:1px;
overflow:hidden;
position:absolute;
width:1px;
margin:-1px;
padding:0;
}

.vjs-default-skin .vjs-play-control {
width:5em;
cursor:pointer;
}

.vjs-default-skin .vjs-play-control:before {
content:"\e001";
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
content:"\e002";
}

.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
font-size:1.5em;
line-height:2;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
text-shadow:1px 1px 1px rgba(0,0,0,.5);
}

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
width:4em;
left:-2em;
list-style:none;
}

.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button {
cursor:pointer;
float:right;
}

.vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before {
content:"\e006";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
content:"\e003";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
content:"\e004";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
content:"\e005";
}

.vjs-default-skin .vjs-volume-control {
width:5em;
float:right;
}

.vjs-default-skin .vjs-volume-bar {
width:5em;
height:3px;
top:2px;
margin:1.1em auto 0;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
height:2.9em;
}

.vjs-default-skin .vjs-volume-level {
position:absolute;
top:0;
left:0;
width:100%;
background:#e3a601;
height:3px;
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
width:.5em;
height:.5em;
left:4.5em;
top:-1px;
}

.vjs-default-skin .vjs-volume-handle:before {
font-size:.9em;
top:-.2em;
left:-.2em;
width:1em;
height:1em;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
width:6em;
left:-4em;
}

.vjs-default-skin .vjs-progress-control {
position:absolute;
left:0;
right:0;
width:auto;
font-size:.3em;
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
transition:all .4s;
height:3px;
top:-3px;
}

.vjs-default-skin:hover .vjs-progress-control {
font-size:.9em;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.vjs-default-skin .vjs-progress-holder {
height:100%;
}

.vjs-default-skin .vjs-progress-holder .vjs-load-progress,.vjs-default-skin .vjs-progress-holder .vjs-play-progress {
position:absolute;
display:block;
height:100%;
width:0;
left:0;
top:0;
margin:0;
padding:0;
}

.vjs-default-skin .vjs-play-progress {
background:#e3a601;
}

.vjs-default-skin .vjs-load-progress {
background:rgba(255,255,255,.4);
}

.vjs-default-skin .vjs-seek-handle {
width:1.5em;
height:100%;
}

.vjs-default-skin .vjs-seek-handle:before {
padding-top:.1em;
}

.vjs-default-skin .vjs-live-display {
display:none;
font-size:1em;
line-height:3em;
}

.vjs-default-skin .vjs-time-controls {
font-size:1em;
line-height:3em;
}

.vjs-default-skin .vjs-remaining-time {
display:none;
float:left;
}

.vjs-time-divider {
float:left;
line-height:3em;
}

.vjs-default-skin .vjs-fullscreen-control {
width:3.8em;
cursor:pointer;
float:right;
}

.vjs-default-skin .vjs-fullscreen-control:before {
content:"\e000";
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
content:"\e00b";
}

.vjs-default-skin .vjs-big-play-button {
left:.5em;
top:.5em;
font-size:3em;
display:block;
z-index:2;
position:absolute;
width:4em;
height:2.6em;
text-align:center;
vertical-align:middle;
cursor:pointer;
opacity:1;
background-color:rgba(7,20,30,.7);
border:.1em solid #3b4249;
-webkit-border-radius:.8em;
-moz-border-radius:.8em;
border-radius:.8em;
-webkit-box-shadow:0 0 1em rgba(255,255,255,.25);
-moz-box-shadow:0 0 1em rgba(255,255,255,.25);
box-shadow:0 0 1em rgba(255,255,255,.25);
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
transition:all .4s;
}

.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
left:50%;
margin-left:-2.1em;
top:50%;
margin-top:-1.4em;
}

.vjs-default-skin .vjs-big-play-button:focus,.vjs-default-skin:hover .vjs-big-play-button {
outline:0;
background-color:rgba(50,50,50,.75);
-webkit-box-shadow:0 0 3em #fff;
-moz-box-shadow:0 0 3em #fff;
box-shadow:0 0 3em #fff;
-webkit-transition:all 0;
-moz-transition:all 0;
-o-transition:all 0;
transition:all 0;
border-color:#fff;
}

.vjs-default-skin .vjs-big-play-button:before {
content:"\e001";
font-family:VideoJS;
line-height:2.6em;
text-shadow:.05em .05em .1em #000;
text-align:center;
position:absolute;
left:0;
width:100%;
height:100%;
}

.vjs-error .vjs-error-display {
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}

.vjs-error .vjs-error-display:before {
content:'X';
font-family:Arial;
font-size:4em;
color:#666;
line-height:1;
text-shadow:.05em .05em .1em #000;
text-align:center;
vertical-align:middle;
position:absolute;
top:50%;
margin-top:-.5em;
width:100%;
}

.vjs-error-display div {
position:absolute;
font-size:1.4em;
text-align:center;
bottom:1em;
right:1em;
left:1em;
}

.vjs-loading-spinner {
display:none;
position:absolute;
top:50%;
left:50%;
font-size:4em;
line-height:1;
width:1em;
height:1em;
margin-left:-.5em;
margin-top:-.5em;
opacity:.75;
-webkit-animation:spin 1.5s infinite linear;
-moz-animation:spin 1.5s infinite linear;
-o-animation:spin 1.5s infinite linear;
animation:spin 1.5s infinite linear;
}

.video-js.vjs-error .vjs-loading-spinner {
display:none!important;
-webkit-animation:none;
-moz-animation:none;
-o-animation:none;
animation:none;
}

.vjs-default-skin .vjs-loading-spinner:before {
content:"\e01e";
font-family:VideoJS;
position:absolute;
top:0;
left:0;
width:1em;
height:1em;
text-align:center;
text-shadow:0 0 .1em #000;
}

100% {
-moz-transform:rotate(359deg);
-webkit-transform:rotate(359deg);
-o-transform:rotate(359deg);
transform:rotate(359deg);
}

.vjs-default-skin .vjs-menu-button {
float:right;
cursor:pointer;
}

.vjs-default-skin .vjs-menu {
display:none;
position:absolute;
bottom:0;
left:0;
width:0;
height:0;
margin-bottom:3em;
border-left:2em solid transparent;
border-right:2em solid transparent;
border-top:1.55em solid #000;
border-top-color:rgba(7,40,50,.5);
}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
display:block;
position:absolute;
width:10em;
bottom:1.5em;
max-height:15em;
overflow:auto;
left:-5em;
background-color:rgba(7,20,30,.7);
-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
margin:0;
padding:0;
}

.vjs-default-skin .vjs-menu-button ul li {
list-style:none;
line-height:1.4em;
font-size:1.2em;
text-align:center;
text-transform:lowercase;
margin:0;
padding:.3em 0;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
background-color:#000;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover,.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover {
outline:0;
color:#111;
background-color:rgba(255,255,255,.75);
-webkit-box-shadow:0 0 1em #fff;
-moz-box-shadow:0 0 1em #fff;
box-shadow:0 0 1em #fff;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
text-align:center;
text-transform:uppercase;
font-size:1em;
line-height:2em;
font-weight:700;
cursor:default;
margin:0 0 .3em;
padding:0;
}

.vjs-default-skin .vjs-subtitles-button:before {
content:"\e00c";
}

.vjs-default-skin .vjs-captions-button:before {
content:"\e008";
}

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
-webkit-box-shadow:0 0 1em #fff;
-moz-box-shadow:0 0 1em #fff;
box-shadow:0 0 1em #fff;
}

.video-js {
background-color:#000;
position:relative;
font-size:10px;
vertical-align:middle;
font-weight:400;
font-style:normal;
font-family:Arial,sans-serif;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
padding:0;
}

.video-js .vjs-tech {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.video-js:-moz-full-screen {
position:absolute;
}

body.vjs-full-window {
height:100%;
overflow-y:auto;
margin:0;
padding:0;
}

.video-js.vjs-fullscreen {
position:fixed;
overflow:hidden;
z-index:1000;
left:0;
top:0;
bottom:0;
right:0;
width:100%!important;
height:100%!important;
_position:absolute;
}

.video-js:-webkit-full-screen {
width:100%!important;
height:100%!important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
cursor:none;
}

.vjs-poster {
background-repeat:no-repeat;
background-position:50% 50%;
background-size:contain;
cursor:pointer;
height:100%;
position:relative;
width:100%;
margin:0;
padding:0;
}

.vjs-poster img {
display:block;
max-height:100%;
width:100%;
margin:0 auto;
padding:0;
}

.video-js .vjs-text-track-display {
text-align:center;
position:absolute;
bottom:4em;
left:1em;
right:1em;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom:1em;
}

.video-js .vjs-text-track {
display:none;
font-size:1.4em;
text-align:center;
margin-bottom:.1em;
background-color:rgba(0,0,0,.5);
}

.video-js .vjs-captions {
color:#fc6;
}

.vjs-lock-showing {
display:block!important;
opacity:1;
visibility:visible;
}

.vjs-no-js {
color:#ccc;
background-color:#333;
font-size:18px;
font-family:Arial,sans-serif;
text-align:center;
width:300px;
height:150px;
margin:0 auto;
padding:20px;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,p,.over_btn .over,.roll_btn .over,.block,.vjs-default-skin.vjs-live .vjs-live-display,.vjs-default-skin .vjs-menu-button:hover .vjs-menu,.vjs-tt-cue {
display:block;
}

h2,.f7 {
font-size: 28pt;
font-weight:700;
line-height: 1.2em;
}

h3,.f6 {
font-size:28pt;
font-weight:700;
line-height:1.6em;
letter-spacing:.08em;
}

h4,.f4,#access .a2 .box .info .route dt {
font-size:11pt;
font-weight:600;
line-height:1.6em;
letter-spacing:.08em;
}

img.fit,.box,#works ul.works_item li dl dt img {
width:100%;
}

.anim_container,#theta .canvas canvas,#works ul.works_item li.works_dummy {
position:relative;
}

.blue,#loader small .blue,#float_area #float_content .box .info a:hover,header #link .link_container nav ul li a:hover,header #link div.menu_container nav.menu_nav ul li.roll_btn a:hover,header #link div.menu_container nav.menu_nav ul li.roll_btn.current a,#works ul.works_menu li:hover,#access .box .info address p a:hover {
color:#1f277a;
font-style:oblique;
}

.w6,header #link .link_container nav ul li a {
font-weight:600;
color:#000000;
}

.w7,#float_area #float_content .box .info .title p,#top .a5 p {
font-weight:700;
}

.bg_black,#recruit .a7 th {
background:#1f277a;
}

.bg_gray,.item_box.gray {
background:#111;
}

.route:hover,.video-js .vjs-subtitles {
color:#fff;
}

.item_box img,#recruit .a5 .f5 {
margin:0 0 20px;
}

#float_area #float_content.show,#recruit .a6 #recruit_icon1.show,#recruit .a6 #recruit_icon2.show,#recruit .a6 #recruit_icon3.show,#recruit .a6 #recruit_icon4.show,#recruit .a6 #recruit_icon5.show {
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
filter:alpha(Opacity=100);
opacity:1;
}

#float_area #float_content .box .info .ctrl ul li img,#float_area #float_content .box .photo img {
width:100%;
line-height:0;
}

#float_area #float_close:hover,#float_area #float_next:hover,#float_area #float_prev:hover,#video_close:hover {
-webkit-transform:scale(0.8,.8);
-moz-transform:scale(0.8,.8);
-ms-transform:scale(0.8,.8);
-o-transform:scale(0.8,.8);
transform:scale(0.8,.8);
}

#about,#access,#footer,#recruit,#top,#works,header #link div#menu_btn a div#menu_icon_close,#works ul.works_menu,#works #works_dummy,.vjs-default-skin.vjs-controls-disabled .vjs-control-bar,.vjs-default-skin.vjs-error .vjs-control-bar,.vjs-default-skin.vjs-using-native-controls .vjs-control-bar,.vjs-default-skin.vjs-live .vjs-progress-control,.vjs-default-skin.vjs-live .vjs-time-controls,.vjs-default-skin.vjs-live .vjs-time-divider,.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button,.vjs-default-skin.vjs-has-started .vjs-big-play-button,.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-error-display,.video-js.vjs-using-native-controls .vjs-poster,.vjs-default-skin .vjs-hidden {
display:none;
}

aside nav,aside nav ul,.vjs-default-skin .vjs-current-time,.vjs-default-skin .vjs-duration {
float:left;
}

#works .a3 {
font-size:15pt;
font-weight:700;
line-height:1.6em;
padding:10px 0;
}

#recruit .a4 {
font-size:15pt;
font-weight:700;
line-height:1.6em;
padding:15px 0;
}
#recruit p span {
background: linear-gradient(transparent 60%, #fff 0%);
}

#recruit,#recruit .a5 .t1.show,#recruit .a5 .t2.show {
color:#000;
}

#recruit .a5,#recruit .a6,#recruit .a7 {
perspective:6000px;
}

#recruit .a5 h3,#recruit .a6 h3 {
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-transform-origin:50% 100% 0;
-moz-transform-origin:50% 100% 0;
-ms-transform-origin:50% 100% 0;
-o-transform-origin:50% 100% 0;
transform-origin:50% 100% 0;
-webkit-transition:background-color .7s,-webkit-transform .7s;
-moz-transition:background-color .7s,-moz-transform .7s;
-o-transition:background-color .7s,-o-transform .7s;
transition:background-color .7s,transform .7s;
-webkit-transform:translateZ(-60px) rotateX(90deg);
-moz-transform:translateZ(-60px) rotateX(90deg);
-ms-transform:translateZ(-60px) rotateX(90deg);
-o-transform:translateZ(-60px) rotateX(90deg);
transform:translateZ(-60px) rotateX(90deg);
background-color:#fff;
}

#recruit .a5 h3.show,#recruit .a6 h3.show {
color:#000;
-webkit-transform:translateZ(0px) rotateX(0deg);
-moz-transform:translateZ(0px) rotateX(0deg);
-ms-transform:translateZ(0px) rotateX(0deg);
-o-transform:translateZ(0px) rotateX(0deg);
transform:translateZ(0px) rotateX(0deg);
background-color:#fff;
}

#recruit .a5 .t1,#recruit .a5 .t2 {
color:#c9caca;
-webkit-transition:color .8s;
-moz-transition:color .8s;
-o-transition:color .8s;
transition:color .8s;
}

#recruit .a7 .item_box,#recruit .a7 .item_box2,#company .a4 .item_box_h {
width:900px;
margin:0 auto;
}

.vjs-error-display a,.vjs-error-display a:visited,.vjs-no-js a,.vjs-no-js a:visited {
color:#F4A460;
}

@media \0screen{
body {
overflow-x:hidden;
}

header #menu_btn a #menu_icon_close,header #menu_btn a.on #menu_icon {
display:none;
}

header #menu .menu_container .menu_nav {
width:620px;
}

aside {
right:-242px;
margin:121px 0 0;
}

.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
content:"";
}

header #menu_btn a #menu_icon,header #menu_btn a.on #menu_icon_close {
display:block;
}
}

.blinking{
-webkit-animation:blink 1.5s ease-in-out infinite alternate;
-moz-animation:blink 1.5s ease-in-out infinite alternate;
animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}