@charset "utf-8";

@media all and (min-width:640px) and (max-width:999px) {

@keyframes slideInLeft-r {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition-delay: 300ms; /* Safari */
    transition-delay: 300ms;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
	
  }
}

@keyframes slideInLeft-hide {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
	
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition-delay: 300ms; /* Safari */
    transition-delay: 300ms;
  }
}

@keyframes slideInDown-hide {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 300ms; /* Safari */
    transition-delay: 300ms;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(500px);
    -ms-transform: translateY(500px);
    transform: translateY(500px);
    -webkit-transition-delay: 300ms; /* Safari */
    transition-delay: 300ms;
  }
}

@keyframes news-bg {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px)rotate(-90deg);
    -ms-transform: translateX(200px)rotate(-90deg);
    transform: translateX(200px)rotate(-90deg);
    -webkit-transition-delay: 300ms; /* Safari */
    transition-delay: 300ms;
	transform-origin: 100% 100%;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0)rotate(-90deg);
    -ms-transform: translateX(0)rotate(-90deg);
    transform: translateX(0)rotate(-90deg);
	 transform-origin: 100% 100%;
	
  }
}
.blind {position:fixed; top:0; left:0; width:100%; height:100%; z-index:105; background:rgba(255,255,255,0.5); font-size:0; line-height:0; display:none;}
.blind-black {position:fixed; top:0; left:0; width:100%; height:100%; z-index:110; background:rgba(0,0,0,0.8); font-size:0; line-height:0; display:none;}
.rnb {position:fixed; top:0; right:0; width:460px; height:100%; background:#000000; z-index:106; display:block;
	 -webkit-transform: translateX(100%);
	 -moz-transform: translateX(100%);
	 -ms-transform: translateX(100%);
	 transform: translateX(100%);
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.open.rnb {
	 -webkit-transform: translateX(0);
	 -moz-transform: translateX(0);
	 -ms-transform: translateX(0);
	 transform: translateX(0);
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.rnb .rnb-close {position:absolute; top:50%; left:60px; font-size:0; line-height:0; width:43px; height:43px; background:url(../images/rnd-close.png) center no-repeat; cursor:pointer; margin-top:-22px;}
.rnb .rnb-wrap {display:table; height:100%; padding:0 85px 0 0; width:100%; box-sizing:border-box;}
.rnb .rnd-content {display:table-cell; vertical-align:middle; text-align:right;}
.rnb .rnd-content .rnb-menu {margin-top:20px; padding-bottom:80px;}
.rnb .rnd-content .rnb-menu li a {font-size:36px; font-weight:bold; font-style:italic; letter-spacing:-0.03em; line-height:80px; color:#363637; display:block;}
.rnb .rnd-content .rnb-menu li a:hover {color:#fff;}
.rnb .rnd-content .rnb-etc {border-top:1px solid #3b3d88; padding-top:20px; display:inline-block;}
.rnb .rnd-content .rnb-etc li a {font-size:24px; line-height:36px; font-weight:400; font-style:italic; color:#666666; display:block;}
.rnb .rnd-content .rnb-etc li a:hover {color:#fff;}
.rnb .rnb-copy {font-size:16px; line-height:20px; color:#363637;  right:85px; bottom:60px; position:absolute; font-weight:500; color:#363637; font-style:italic;}

.logo-fix {position:absolute; top:50px; left:50px; z-index:2;}
.sns-fix {position:fixed; left:30px; bottom:50px; z-index:2;
	-webkit-animation-name: slideInLeft-r;
	animation-name: slideInLeft-r;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:both;


}

.sns-fix a {display:inline-block; margin:0 5px;}
.sns-fix span {color:#fff; display:inline-block; padding-left:180px; font-size:14px; line-height:20px; position:relative; letter-spacing:0.3em; font-style:italic;}
.sns-fix span:before {content:""; display:block; width:140px; height:2px; background:#3b3d88; position:absolute; left:15px; top:9px;}
.mouse-fix {display:none;}


.btn-menu {position:fixed; right:30px; top:50px; font-size:0; line-height:0; z-index:2; width:8px; margin-top:-21px; cursor:pointer;
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:both;
}
.btn-menu span {display:inline-block; width:8px; height:8px; background:#fff; border-radius:8px; margin:3px 0;}
#fp-nav {bottom:100px; left:50%; top:auto; margin-left:400px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


#fp-nav ul, .fp-slidesNav ul {margin: 0; padding: 0;}
#fp-nav ul li, .fp-slidesNav ul li {display: block; width: 59px; height: 1px; margin: 9px 0 0; position:relative;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a, .fp-slidesNav ul li a {display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{height: 1px; width: 59px; margin: 0; border-radius: 0; background:#fff;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {position: absolute; z-index: 1; height: 1px; width: 31px; border: 0; background: #3b3d88; right: 0; left:auto; top: 0; margin: 0; border-radius: 0;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: 31px; height: 1px; margin: 0;}

.btn-ef {width:148px; height:54px; line-height:54px; background:#3b3d88; display:inline-block; color:#fff; font-size:12px; letter-spacing:0.3em; position:relative; overflow:hidden;}
.btn-ef span {position:relative; z-index:1;}
.btn-ef:after {content:""; display:block; position:absolute; height:54px; width:95px; background:url(../images/btn-line.png) top left no-repeat; top:0; left:0;
	-webkit-transform:translate(-95px, 0);
	-moz-transform:translate(-95px, 0);
	-o-transform:translate(-95px, 0);
	transform:translate(-95px, 0);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.btn-ef:hover:after {
	-webkit-transform:translate(148px, 0);
	-moz-transform:translate(148px, 0);
	-o-transform:translate(148px, 0);
	transform:translate(148px, 0);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

body {height:100%; overflow:hidden;}
#wrap {height:100%; overflow:hidden;}
.sec1 {background:#050629;}
.sec1 #output {height:100%;}
.sec1 #output svg {height:100% !important;}
.sec1 dl {width:582px; margin:0 auto 50px; position:relative;} 
.sec1 dl dt {font-size:16px; font-weight:bold; color:#fff; letter-spacing:0.72em; font-style:italic; text-align:center; margin-bottom:20px;}
.sec1 .btn-area {text-align:center;}
.sec1 #sec1-bg {position:absolute; top:0; left:0; width:100%; height:100%;}


.sec2 {background:url(../images/sec2-bg.png) center no-repeat; background-size:cover;}
.sec2 dl {text-align:center; margin-bottom:130px;}
.sec2 dl dt {font-size:24px; font-weight:800; letter-spacing:0.3em; color:#3b3d88; font-style:italic;}
.sec2 dl dd {font-size:100px; font-weight:800; color:#fff; font-style:italic; margin-top:60px;}
.sec2 .btn-area {text-align:center;}

.sec3 {background:url(../images/sec3-bg1.png) center no-repeat; background-size:cover; position:relative;}
.sec3 img {width:auto;}
.sec3 .sec-tt {position:absolute; top:50%; left:50px; margin:-258px 0 0 0; font-size:24px; font-weight:800; font-style:italic; color:#527bb9;}
.sec3 .sec3-carousel {padding:0 50px; box-sizing:border-box;}
.sec3 .sec3-carousel dl {height:454px; position:relative;}
.sec3 .sec3-carousel dt {padding:90px 50% 0 0;}
.sec3 .sec3-carousel dt .works-type {padding-left:30px; position:relative; font-size:17px; line-height:30px; font-weight:bold; font-style:italic; color:#fff; letter-spacing:0.2em;}
.sec3 .sec3-carousel dt .works-type:before {content:""; display:block; position:absolute; top:0; left:0; width:20px; height:30px; background:url(../images/title-bar.png) left no-repeat;}
.sec3 .sec3-carousel dt .works-title {margin-top:15px; font-size:30px; line-height:72px; color:#fff; font-weight:200;}
.sec3 .sec3-carousel dt .works-name {font-size:50px; line-height:72px; color:#fff; font-weight:500;}
.sec3 .sec3-carousel dt .works-date {font-size:20px; font-weight:800; color:#666666; line-height:22px; font-style:italic; position:absolute; bottom:98px; left:0;}
.sec3 .sec3-carousel dt .works-client {font-size:14px; line-height:20px; color:#fff; font-weight:200; font-style:italic; position:absolute; bottom:68px; left:0;}
.sec3 .sec3-carousel dd {position:absolute; top:20%; left:50%; width:50%;}

.sec3 .sec3-carousel .owl-prev {font-size:0; line-height:0; width:27px; height:50px; position:absolute; background:url(../images/btn-prev.png) left no-repeat; top:50%; left:10px; margin-top:-25px;}
.sec3 .sec3-carousel .owl-next {font-size:0; line-height:0; width:27px; height:50px; position:absolute; background:url(../images/btn-next.png) left no-repeat; top:50%; right:10px; margin-top:-25px;}
.sec3 .btn-area {text-align:center;}

.sec4 {background:#0d0e21; display:block !important;}
.sec4 .fp-tableCell {display:block !important; padding-bottom:244px; position:relative; box-sizing:border-box; }
.sec4 .news-sec {position:relative; display:table; width:100%; box-sizing:border-box; table-layout:fixed; height:100%;}
.sec4 .news-sec .news-title {display:table-cell; position:relative; height:100%; width:38%;}
.sec4 .news-sec .news-title .title-sec {width:235px; position:relative; overflow:hidden; height:100%;}
.sec4 .news-sec .news-title .tt-bg {font-size:140px; line-height:140px; font-weight:800; font-style:italic; color:#302f44; position:absolute; top:-112px; right:0;
    -webkit-transform: translateX(0)rotate(-90deg);
    -ms-transform: translateX(0)rotate(-90deg);
    transform: translateX(0)rotate(-90deg);
	 transform-origin: 100% 100%;
}
/*
.sec4.active .news-sec .news-title .tt-bg { right:0;
	-webkit-animation-name: news-bg;
	animation-name: news-bg;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:both;
}
*/

.sec4 .news-sec .news-title .tt-name {text-align:right; position:relative; padding:135px 0 0; font-size:30px; font-weight:bold; font-style:italic; color:#527bb9; padding-right:10px;}
.sec4 .news-sec .news-title .btn-more {position:absolute; bottom:10%; right:0; width:78px; height:78px; border-radius:50%; display:block; background:#3b3d88; color:#fff; font-size:12px; letter-spacing:0.3em; overflow:hidden; line-height:78px; text-align:center;}
.sec4 .news-sec .news-title .btn-more:after {content:""; display:block; position:absolute; height:90px; width:116px; border-radius:30px; background:url(../images/btn-line2.png) top left no-repeat; top:0; left:0;
	-webkit-transform:translate(-116px, 0);
	-moz-transform:translate(-116px, 0);
	-o-transform:translate(-116px, 0);
	transform:translate(-116px, 0);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.sec4 .news-sec .news-title .btn-more:hover:after {
	-webkit-transform:translate(194px, 0);
	-moz-transform:translate(194px, 0);
	-o-transform:translate(194px, 0);
	transform:translate(194px, 0);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.sec4 .news-sec .news-title .btn-more span {position:relative; z-index:1;}

.sec4 .news-sec .news-con {display:table-cell; height:100%; vertical-align:middle;}
.sec4 .news-sec .news-con .news-item {border-bottom:1px solid #36387e; text-align:right; display:table; width:100%; table-layout:fixed;}
.sec4 .news-sec .news-con .news-item:first-child {border-top:1px solid #36387e;}
.sec4 .news-sec .news-con .news-item a {display:table-cell; width:100%; vertical-align:middle; padding:20px 20px; box-sizing:border-box;
	-ms-transition:500ms;
	-o-transition:500ms;
	-webkit-transition:500ms;
	transition:500ms;
}
.sec4 .news-sec .news-con .news-item a .news-date {font-size:20px; font-weight:bold; font-style:italic; line-height:20px; color:#436599;
	-ms-transition:500ms;
	-o-transition:500ms;
	-webkit-transition:500ms;
	transition:500ms;
}
.sec4 .news-sec .news-con .news-item a .news-head {font-size:21px; line-height:26px; color:#666666; margin:10px 0; font-weight:100;
	-ms-transition:500ms;
	-o-transition:500ms;
	-webkit-transition:500ms;
	transition:500ms;
}
.sec4 .news-sec .news-con .news-item a .news-source {font-size:14px; line-height:16px; font-weight:100; font-style:italic; color:#999999; letter-spacing:0.1em;
	-ms-transition:500ms;
	-o-transition:500ms;
	-webkit-transition:500ms;
	transition:500ms;
}
.sec4 .news-sec .news-con .news-item a:hover {background:#36387e;}
.sec4 .news-sec .news-con .news-item a:hover .news-date {color:#fff;}
.sec4 .news-sec .news-con .news-item a:hover .news-head {color:#fff; font-weight:500;}
.sec4 .news-sec .news-con .news-item a:hover .news-source {color:#615aec;}


.sec4 .conatact-sec {position:absolute; bottom:0; left:0; width:100%; padding:30px 20px 70px; border-top:1px solid #020205; background:url(../images/m-contact-bg.png) center no-repeat; background-size:cover; box-sizing:border-box;}
.sec4 .conatact-sec .tb-box {}
.sec4 .conatact-sec .td-cell {vertical-align:middle;}
.sec4 .conatact-sec .td-cell dt {font-size:24px; font-weight:bold; font-style:italic; color:#527bb9; margin:0 0 30px;}
.sec4 .conatact-sec .td-cell dd {font-size:16px; font-weight:400; line-height:30px; font-style:italic; color:#999999;}
.sec4 .conatact-sec .td-cell {width:auto;}
.sec4 .conatact-sec .td-cell + .td-cell {text-align:right; font-size:0; line-height:0; width:220px;}
.sec4 .conatact-sec .td-cell a {display:inline-block; width:219px; height:64px; line-height:64px; font-size:16px; color:#fff; text-align:left; padding:0 30px 0 20px; box-sizing:border-box; font-style:italic; position:relative;}
.sec4 .conatact-sec .td-cell a:after {content:""; display:inline-block; position:absolute; top:23px; right:20px; width:11px; height:21px; background:url(../images/btn-arrow.png) center no-repeat;}
.sec4 .conatact-sec .td-cell a.btn-contact1 {background:#000;}
.sec4 .conatact-sec .td-cell a.btn-contact2 {background:#3a3c86; margin-top:15px;}

.sec4 .conatact-sec .footer {text-align:center; font-size:12px; font-weight:300; color:#666666; letter-spacing:0.1em; position:absolute; bottom:23px; left:0; width:100%;}


.t-w {color:#fff;}

/* Layer default */
.layer-wrap {position:absolute; top:30px; left:5%; width:90%; z-index:111; background:url(../images/pop-bg.png) center repeat; padding:35px 40px 40px; box-sizing:border-box; display:none;}
.layer-wrap .layer-close {position:absolute; top:30px; right:40px; width:43px; height:43px; background:url(../images/rnd-close.png) top left no-repeat; font-size:0; line-height:0; cursor:pointer;}
.layer-wrap .layer-title {font-size:24px; font-weight:bold; font-style:italic; color:#527bb9; line-height:25px; margin-bottom:30px;}
.layer-wrap .btn-area {text-align:center; margin-top:30px;}

/* Inquiry Layer */
.inq-form1 {border-bottom:1px dashed #333;}
.inq-form1 li {float:left; width:49%; border:1px solid #000; background:#222222; padding-left:90px; box-sizing:border-box; position:relative; margin-bottom:20px; height:50px; line-height:48px;}
.inq-form1 li:nth-child(even) {float:right;}
.inq-form1 li label {position:absolute; top:0; left:23px; font-size:16px; font-weight:500; color:#fff; font-style:italic; }
.inq-form1 li .inq-ip {width:100%; padding:0 10px; box-sizing:border-box; height:48px; line-height:48px; font-size:16px; color:#fff; background:transparent; font-style:italic; font-weight:normal;}
.inq-form1 li .inq-sel {width:100%; padding:0 10px; box-sizing:border-box; height:48px; line-height:48px; font-size:16px; color:#fff; background:transparent url(../images/sel-arrow.png) calc(100% - 15px) no-repeat; font-style:italic; font-weight:normal;}
    .inq-form1 li .inq-sel option {color: #666;}
.inq-title {margin-top:20px;}
.inq-title .inq-ip2 {width:100%; padding:0 10px; box-sizing:border-box; height:50px; line-height:48px; font-size:16px; color:#fff; font-style:italic; font-weight:normal;border:1px solid #000; background:#222222;}
.inq-con {margin-top:10px;}
.inq-con textarea {width:100%; padding:10px; box-sizing:border-box;font-size:16px; color:#fff; font-style:italic; font-weight:normal;border:1px solid #000; background:#222222; height:150px;}

/* Recruit Layer */
.recruit-form1 li {float:left; width:49%; border:1px solid #000; background:#222222; padding-left:90px; box-sizing:border-box; position:relative; margin-bottom:20px; height:50px; line-height:48px;}
.recruit-form1 li:nth-child(even) {float:right;}
.recruit-form1 li label {position:absolute; top:0; left:23px; font-size:16px; font-weight:500; color:#fff; font-style:italic; }
.recruit-form1 li .recruit-ip {width:100%; padding:0 10px; box-sizing:border-box; height:48px; line-height:48px; font-size:16px; color:#fff; background:transparent; font-style:italic; font-weight:normal;}
.recruit-form1 li .recruit-sel {width:100%; padding:0 10px; box-sizing:border-box; height:48px; line-height:48px; font-size:16px; color:#fff; background:transparent url(../images/sel-arrow.png) calc(100% - 15px) no-repeat; font-style:italic; font-weight:normal;}
    .recruit-form1 li .recruit-sel option {color: #666;}
.recruit-con textarea {width:100%; padding:10px; box-sizing:border-box;font-size:16px; color:#fff; font-style:italic; font-weight:normal;border:1px solid #000; background:#222222; height:150px;}
.recruit-file {margin-top:20px; position:relative; padding-right:140px;}
.recruit-file .btn-file {position:absolute; top:0; right:0; width:120px; height:50px; border:1px solid #666666; box-sizing:border-box; line-height:48px; text-align:center;font-size:16px; font-weight:600; color:#666666; font-style:italic;}
.recruit-file .ip-area { border:1px solid #000; background:#222222; padding-left:90px; box-sizing:border-box; position:relative; height:50px; line-height:48px;}
.recruit-file .ip-area label {position:absolute; top:0; left:23px; font-size:16px; font-weight:500; color:#fff; font-style:italic; }
.recruit-file .ip-area .recruit-ip {width:100%; padding:0 10px; box-sizing:border-box; height:48px; line-height:48px; font-size:16px; color:#666666; background:transparent; font-style:italic; font-weight:normal;}

/* Contact us */
.contact-wrap {background:url(../images/contact-bg.png) center repeat; height:100%;  position:relative; padding:30px 50px 0;}
.contact-wrap .sns-fix span {color:#333; font-weight:bold;}
.contact-wrap .btn-menu span {background:#3b3d88;}
.contact-wrap .contact-con {display:table-cell; vertical-align:middle;}
.contact-wrap .contact-con .title {font-size:60px; font-weight:bold; font-style:italic; color:#3b3d88; margin-bottom:50px;}
.contact-wrap .contact-con .contact-info {}
.contact-wrap .contact-con .contact-info .float-l {float:none;}
.contact-wrap .contact-con .contact-info .float-l dl {margin-top:50px;}
.contact-wrap .contact-con .contact-info dt {font-size:20px; font-weight:bold; font-style:italic; color:#436599; margin-bottom:10px;}
.contact-wrap .contact-con .contact-info dd {font-size:30px; line-height:48px; color:#000; font-style:italic;}
.contact-wrap .contact-con .contact-info dd .eng {margin-top:10px; font-size:14px; line-height:24px; letter-spacing:0.1em; font-weight:100; font-style:italic; color:#666666;}
.contact-wrap .contact-con .contact-info .btn-map {display:inline-block; margin-top:20px; font-size:14px; font-weight:bold; font-style:italic; color:#3b3d88; border-bottom:1px solid #9091b9; padding:0 2px;}
.contact-wrap .contact-con .contact-btn {margin:100px auto 0;}
.contact-wrap .contact-btn a {display:inline-block; width:219px; height:64px; line-height:64px; font-size:16px; color:#fff; text-align:left; padding:0 30px 0 20px; box-sizing:border-box; font-style:italic; position:relative;}
.contact-wrap .contact-btn a:after {content:""; display:inline-block; position:absolute; top:23px; right:20px; width:11px; height:21px; background:url(../images/btn-arrow.png) center no-repeat;}
.contact-wrap .contact-btn a.btn-inq {background:#3a3c86;}


/* Work */
.work-wrap {box-sizing:border-box; height:100%; /* padding-bottom:244px; */}
.work-wrap .sns-fix span {color:#333; font-weight:bold;}
.work-wrap .btn-menu span {background:#3b3d88;}
.work-wrap #work-con {height:100%; background-size:cover; background-position:center;  padding:152px 50px 0; position:relative; box-sizing:border-box; background-color:#000;
	-ms-transition:300ms;
	-o-transition:300ms;
	-webkit-transition:300ms;
	transition:300ms;

}

.bg-type1 {background-image:url(../images/work-bg1.png);}
.bg-type2 {background-image:url(../images/work-bg2.png);}

.work-wrap .title {font-size:60px; font-weight:bold; font-style:italic; color:#3b3d88; line-height:62px; top:30px; left:50px; box-sizing:border-box; position:absolute;}
.work-wrap .work-list {overflow-y:auto; height:100%;}
.work-wrap .work-list li {border-top:1px solid #222; display:table; width:100%; height:115px; padding-top:1px; box-sizing:border-box;}
.work-wrap .work-list li a {display:table-cell; vertical-align:middle; position:relative; text-align:right; padding-right:40px; background:url(../images/work-arrow.png) right no-repeat;}
.work-wrap .work-list li a .work-name {position:absolute; left:0; top:50%; font-size:36px; line-height:40px; margin-top:-20px; font-style:italic; color:#666666; font-weight:500;}
.work-wrap .work-list li a .work-date {font-size:20px; font-weight:bold; font-style:italic; line-height:24px; color:#666;}
.work-wrap .work-list li a .work-type {font-size:14px; font-weight:bold; font-style:italic; line-height:24px; color:#436599;}

.work-wrap .work-list li:hover, .work-wrap .work-list li.active-list {border-top:2px solid #fff; padding-top:0;}
.work-wrap .work-list li:hover .work-name, .work-wrap .work-list li.active-list .work-name {color:#fff;}
.work-wrap .work-list li:hover .work-date, .work-wrap .work-list li.active-list .work-date {color:#fff;}
.work-wrap .work-list li:hover .work-type, .work-wrap .work-list li.active-list .work-type {color:#fff;}
.work-wrap .work-list li:hover a, .work-wrap .work-list li.active-list a {background:url(../images/work-arrow-h.png) right no-repeat;}

.work-wrap .conatact-sec {/*position:absolute; bottom:0; left:0;*/ width:100%; padding:30px 20px 70px; border-top:1px solid #020205; background:url(../images/m-contact-bg.png) center no-repeat; background-size:cover; box-sizing:border-box;}
.work-wrap .conatact-sec{ height:auto !important; }
.work-wrap .conatact-sec .fp-tableCell{ height:100% !important; }
.work-wrap .conatact-sec .tb-box {}
.work-wrap .conatact-sec .td-cell {vertical-align:middle;}
.work-wrap .conatact-sec .td-cell dt {font-size:24px; font-weight:bold; font-style:italic; color:#527bb9; margin:0 0 30px;}
.work-wrap .conatact-sec .td-cell dd {font-size:16px; font-weight:400; line-height:30px; font-style:italic; color:#999999;}
.work-wrap .conatact-sec .td-cell {width:auto;}
.work-wrap .conatact-sec .td-cell + .td-cell {text-align:right; font-size:0; line-height:0; width:220px;}
.work-wrap .conatact-sec .td-cell a {display:inline-block; width:219px; height:64px; line-height:64px; font-size:16px; color:#fff; text-align:left; padding:0 30px 0 20px; box-sizing:border-box; font-style:italic; position:relative;}
.work-wrap .conatact-sec .td-cell a:after {content:""; display:inline-block; position:absolute; top:23px; right:20px; width:11px; height:21px; background:url(../images/btn-arrow.png) center no-repeat;}
.work-wrap .conatact-sec .td-cell a.btn-contact1 {background:#000;}
.work-wrap .conatact-sec .td-cell a.btn-contact2 {background:#3a3c86; margin-top:15px;}
.work-wrap .conatact-sec .footer {text-align:center; font-size:12px; font-weight:300; color:#666666; letter-spacing:0.1em; position:absolute; bottom:23px; left:0; width:100%;}

/* vision */
#wrap.vision-wrap {box-sizing:border-box; overflow-y:auto; height:100%;}
.vision-wrap .sns-fix span {color:#333; font-weight:bold;}
.vision-wrap .btn-menu span {background:#3b3d88;}
#vision-con {background:url(../images/vision-bg.png) center top no-repeat; background-size:cover; height:100%; padding:370px 50px 0; position:relative; box-sizing:border-box;}
.vision-wrap .title {font-size:60px; font-weight:bold; font-style:italic; color:#3b3d88; line-height:62px; top:30px; left:50px; box-sizing:border-box; position:absolute;}
.vision-wrap .vision-slogan {position:absolute; top:160px; left:0; padding:0 50px; width:100%; box-sizing:border-box;}
.vision-wrap .vision-slogan dt {font-size:40px; line-height:48px; color:#fff; font-weight:100;}
.vision-wrap .vision-slogan dd {position:absolute; bottom:0; right:50px;}
.vision-wrap .vision-slogan a {display:inline-block; width:219px; height:64px; line-height:64px; font-size:16px; color:#fff; text-align:left; padding:0 30px 0 20px; box-sizing:border-box; font-style:italic; position:relative; background:#3a3c86;}
.vision-wrap .vision-slogan a:after {content:""; display:inline-block; position:absolute; top:23px; right:20px; width:11px; height:21px; background:url(../images/btn-arrow.png) center no-repeat;}
.vision-wrap .vision-con {padding-bottom:100px; overflow:hidden;}
.vision-wrap .vision-con li {border-top:1px solid #222; padding:36px 0 35px; cursor:pointer; position:relative;}
.vision-wrap .vision-con li dl {padding-left:315px; position:relative; min-height:36px;}
.vision-wrap .vision-con li dl dt {position:absolute; top:0; left:0; width:315px; font-size:36px; color:#666666; font-weight:500; font-style:italic;}
.vision-wrap .vision-con li dl dd {height:0; font-size:18px; line-height:36px; color:#999; font-weight:100; overflow:hidden;}
.vision-wrap .vision-con li.active dd {height:108px;}
.vision-wrap .vision-con li.active dt {color:#fff;}
.vision-wrap .vision-con li.active {border-top:2px solid #fff; padding:35px 0;}
.vision-wrap .vision-con li:before {content:""; display:block; position:absolute; top:40px; right:0; width:21px; height:21px; background:url(../images/work-arrow.png) right no-repeat; 
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	-ms-transition:300ms;
	-o-transition:300ms;
	-webkit-transition:300ms;
	transition:300ms;
}
.vision-wrap .vision-con li.active:before { background:url(../images/work-arrow-h.png) right no-repeat; 
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

.vision-wrap .conatact-sec {position:relative; width:100%; padding:30px 20px 70px; border-top:1px solid #020205; background:url(../images/m-contact-bg.png) center no-repeat; background-size:cover; box-sizing:border-box;}
.vision-wrap .conatact-sec .tb-box {}
.vision-wrap .conatact-sec .td-cell {vertical-align:middle;}
.vision-wrap .conatact-sec .td-cell dt {font-size:24px; font-weight:bold; font-style:italic; color:#527bb9; margin:0 0 30px;}
.vision-wrap .conatact-sec .td-cell dd {font-size:16px; font-weight:400; line-height:30px; font-style:italic; color:#999999;}
.vision-wrap .conatact-sec .td-cell {width:auto;}
.vision-wrap .conatact-sec .td-cell + .td-cell {text-align:right; font-size:0; line-height:0; width:220px;}
.vision-wrap .conatact-sec .td-cell a {display:inline-block; width:219px; height:64px; line-height:64px; font-size:16px; color:#fff; text-align:left; padding:0 30px 0 20px; box-sizing:border-box; font-style:italic; position:relative;}
.vision-wrap .conatact-sec .td-cell a:after {content:""; display:inline-block; position:absolute; top:23px; right:20px; width:11px; height:21px; background:url(../images/btn-arrow.png) center no-repeat;}
.vision-wrap .conatact-sec .td-cell a.btn-contact1 {background:#000;}
.vision-wrap .conatact-sec .td-cell a.btn-contact2 {background:#3a3c86; margin-top:15px;}
.vision-wrap .conatact-sec .footer {text-align:center; font-size:12px; font-weight:300; color:#666666; letter-spacing:0.1em; position:absolute; bottom:23px; left:0; width:100%;}

/* About us */
.about-wrap img {max-width:100%;}
.about-wrap {background:#000; overflow:hidden;}
.about-bg {margin:0 auto; box-sizing:border-box; position:relative; padding:0 50px;}
.about-section2 {background:#05050a; overflow:hidden;}
.about-section3 {background:url(../images/a3-bg.png) center no-repeat; background-size:cover;}

.about-section1 .about-bg {padding-top:150px; padding-bottom:230px;}
.about-section1 .a-tt {font-size:60px;font-weight:bold;font-style:italic;color:#fff;line-height:60px;position:absolute;top: 47%;left: 53%;z-index:1;}
.about-section1 .a-slogan {position:absolute;top: 50%;left: 45%;width: 50%;margin-top: -17%;}
.about-section1 dl {padding: 15% 0 0;}
.about-section1 dl dt {font-size:18px; line-height:36px; letter-spacing:0.3em; color:#fff; margin-bottom:35px;}
.about-section1 dl dd {font-size:20px; line-height:24px; color:#666666; font-weight:100;}
.about-section1 dl dd span {font-style:italic;}
.about-section1 .a-since1 {position:absolute; left:3%; bottom:126px; max-width:614px;}
.about-section1 .a-since2 {position:absolute; right:3%; bottom:80px; max-width:614px;}

.about-section2 .about-bg {padding-top:100px; padding-bottom:130px;}
.about-section2 .a-tt {margin-bottom:100px;}
.about-section2 .a-tt dt {font-size:40px; font-weight:bold; font-style:italic; color:#3b3d88; line-height:40px; margin-bottom:30px; text-transform:uppercase;}
.about-section2 .a-tt dd {position:relative; font-size:40px; line-height:48px; font-weight:300; color:#fff;}
.about-section2 .a-tt .btn-area {margin-top:20px;}
.about-section2 .a-tt a {display:inline-block; width:219px; height:64px; line-height:64px; font-size:16px; color:#fff; text-align:left; padding:0 30px 0 20px; box-sizing:border-box; font-style:italic; position:relative; background:#3a3c86;}
.about-section2 .a-tt a:after {content:""; display:inline-block; position:absolute; top:23px; right:20px; width:11px; height:21px; background:url(../images/btn-arrow.png) center no-repeat;}
.about-section2 .a-busi {border-top:1px solid #666; padding:30px 0 0;}
.about-section2 .a-busi dl {float:left; width:50%; padding:0 20px 30px; box-sizing:border-box; margin:20px 0; border-bottom:1px solid #666;}
.about-section2 .a-busi dl dt {padding-left:30px; font-size:16px; line-height:20px; font-weight:800; font-style:italic; color:#527bb9; background:url(../images/a-dot.png) left no-repeat; text-transform:uppercase; margin-bottom:25px;}
.about-section2 .a-busi dl dd {font-size:16px; line-height:24px; font-weight:100; font-style:italic; color:#999; text-align:right; text-transform:uppercase; height:96px;}

.about-section3 .about-bg {padding-top:100px; padding-bottom:130px;}
.about-section3 .a-tt {margin-bottom:100px;}
.about-section3 .a-tt dt {font-size:40px; font-weight:bold; font-style:italic; color:#3b3d88; line-height:40px; margin-bottom:30px; text-transform:uppercase;}
.about-section3 .a-tt dd {position:relative; font-size:40px; line-height:48px; font-weight:300; color:#fff;}
.about-section3 .a-con {background:rgba(0,0,0,0.4);}
.about-section3 .a-con li {float:left; width:50%; padding:50px 0 50px 86px; position:relative; box-sizing:border-box;}
.about-section3 .a-con li .logo-obj {position:absolute; top:30px; left:20px;}
.about-section3 .a-con li dt {font-size:16px; font-weight:800; color:#666; font-style:italic; text-transform:uppercase; margin-bottom:5px;}
.about-section3 .a-con li dd {font-size:20px; color:#fff; font-weight:500;}

.about-section4 .about-bg {padding-top:100px; padding-bottom:100px;}
.about-section4 .a-tt {margin-bottom:120px;}
.about-section4 .a-tt dt {font-size:40px; font-weight:bold; font-style:italic; color:#3b3d88; line-height:40px; margin-bottom:30px; text-transform:uppercase;}
.about-section4 .a-tt dd {position:relative; font-size:40px; line-height:48px; font-weight:300; color:#fff;}
.about-section4 .a-tt .btn-area {margin-top:20px;}
.about-section4 .a-tt a {display:inline-block; width:219px; height:64px; line-height:64px; font-size:16px; color:#fff; text-align:left; padding:0 30px 0 20px; box-sizing:border-box; font-style:italic; position:relative; background:#3a3c86;}
.about-section4 .a-tt a:after {content:""; display:inline-block; position:absolute; top:23px; right:20px; width:11px; height:21px; background:url(../images/btn-arrow.png) center no-repeat;}
.about-section4 .a4-item {margin-bottom:40px;}
.about-section4 .a4-item .item-mean {float:left; width:30%}
.about-section4 .a4-item .item-mean dt {font-size:16px; font-weight:800; font-style:italic; color:#527bb9; margin-bottom:25px; text-transform:uppercase;}
.about-section4 .a4-item .item-mean dd {font-size:18px; line-height:30px; color:#fff;}
.about-section4 .a4-item .item-img {float:right; width:70%; height:250px; position:relative;
	-ms-transition:300ms;
	-o-transition:300ms;
	-webkit-transition:300ms;
	transition:300ms;
}
.about-section4 .a4-item .item-img .img-alt {position:absolute; left:32%; bottom:40px; font-size:16px; line-height:24px; font-weight:100; color:#999;}
.about-section4 .a4-item .item-img.a4-img1 {background:url(../images/a4-img1-off.png) top left no-repeat;}
.about-section4 .a4-item .item-img.a4-img2 {background:url(../images/a4-img2-off.png) top left no-repeat;}
.about-section4 .a4-item .item-img.a4-img3 {background:url(../images/a4-img3-off.png) top left no-repeat;}
.about-section4 .a4-item:hover .item-img.a4-img1 {background:url(../images/a4-img1-on.png) top left no-repeat;}
.about-section4 .a4-item:hover .item-img.a4-img2 {background:url(../images/a4-img2-on.png) top left no-repeat;}
.about-section4 .a4-item:hover .item-img.a4-img3 {background:url(../images/a4-img3-on.png) top left no-repeat;}


.about-wrap .conatact-sec {position:relative; width:100%; padding:30px 20px 70px; border-top:1px solid #020205; background:url(../images/m-contact-bg.png) center no-repeat; background-size:cover; box-sizing:border-box;}
.about-wrap .conatact-sec .tb-box {}
.about-wrap .conatact-sec .td-cell {vertical-align:middle;}
.about-wrap .conatact-sec .td-cell dt {font-size:24px; font-weight:bold; font-style:italic; color:#527bb9; margin:0 0 30px;}
.about-wrap .conatact-sec .td-cell dd {font-size:16px; font-weight:400; line-height:30px; font-style:italic; color:#999999;}
.about-wrap .conatact-sec .td-cell {width:auto;}
.about-wrap .conatact-sec .td-cell + .td-cell {text-align:right; font-size:0; line-height:0; width:220px;}
.about-wrap .conatact-sec .td-cell a {display:inline-block; width:219px; height:64px; line-height:64px; font-size:16px; color:#fff; text-align:left; padding:0 30px 0 20px; box-sizing:border-box; font-style:italic; position:relative;}
.about-wrap .conatact-sec .td-cell a:after {content:""; display:inline-block; position:absolute; top:23px; right:20px; width:11px; height:21px; background:url(../images/btn-arrow.png) center no-repeat;}
.about-wrap .conatact-sec .td-cell a.btn-contact1 {background:#000;}
.about-wrap .conatact-sec .td-cell a.btn-contact2 {background:#3a3c86; margin-top:15px;}
.about-wrap .conatact-sec .footer {text-align:center; font-size:12px; font-weight:300; color:#666666; letter-spacing:0.1em; position:absolute; bottom:23px; left:0; width:100%;}


}