@charset "utf-8";

@media all and (max-width:639px) {

@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%;
	
  }
}

@keyframes slideInDown-logo {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px)rotate(90deg);
    -ms-transform: translateY(-2000px)rotate(90deg);
    transform: translateY(-2000px)rotate(90deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0)rotate(90deg);
    -ms-transform: translateY(0)rotate(90deg);
    transform: translateY(0)rotate(90deg);
  }
}


.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:80%; 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:27px; right:20px; font-size:0; line-height:0; width:22px; height:22px; background:url(../images/rnd-close.png) center no-repeat; background-size:cover; cursor:pointer;}
.rnb .rnb-wrap {display:table; height:100%; padding:0 15px 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:10px; padding-bottom:30px;}
.rnb .rnd-content .rnb-menu li a {font-size:20px; font-weight:bold; font-style:italic; letter-spacing:-0.03em; line-height:40px; 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:15px; line-height:30px; 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:14px; line-height:20px; color:#363637;  right:15px; bottom:30px; position:absolute; font-weight:500; color:#363637; font-style:italic;}

.logo-fix {position:absolute; top:-19px; left:60px; z-index:2; width:34px;}
.active .logo-fix.s-d {
	-webkit-animation-name: slideInDown-logo;
	animation-name: slideInDown-logo;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:both;
}

.sns-fix {position:fixed; left:10px; bottom:15px; 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 {display:none;}
.mouse-fix {display:none;}


.btn-menu {position:fixed; right:15px; top:20px; font-size:0; line-height:0; z-index:2; width:25px; cursor:pointer;
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:both;
}
.btn-menu span {display:block; width:25px; height:3px; background:#fff; border-radius:8px; margin:7px auto;}
#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;
}

#wrap img {width:100%;}
.sec1 {background:#050629;}
.sec1 #output {height:100%;}
.sec1 #output svg {height:100% !important;}
.sec1 dl {margin:0 15px 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:50px;}
.sec2 dl dt {font-size:15px; font-weight:800; letter-spacing:0.3em; color:#3b3d88; font-style:italic;}
.sec2 dl dd {font-size:40px; font-weight:800; color:#fff; font-style:italic; margin-top:30px;}
.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 {font-size:24px; font-weight:800; font-style:italic; color:#527bb9; margin:0 15px; text-align:center;}
.sec3 .sec3-carousel {padding:0 30px; box-sizing:border-box; margin-top:30px;}
.sec3 .sec3-carousel dl {position:relative;}
.sec3 .sec3-carousel dt {padding:75% 0 0 0;}
.sec3 .sec3-carousel dt .works-type {padding-left:20px; position:relative; font-size:12px; line-height:15px; 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:10px; height:15px; background:url(../images/title-bar.png) left no-repeat; background-size:cover;}
.sec3 .sec3-carousel dt .works-title {margin-top:5px; font-size:25px; line-height:32px; color:#fff; font-weight:200; text-align:center;}
.sec3 .sec3-carousel dt .works-name {font-size:40px; line-height:40px; color:#fff; font-weight:500; text-align:center;}
.sec3 .sec3-carousel dt .works-date {font-size:15px; font-weight:800; color:#666666; line-height:20px; margin-top:20px; font-style:italic;}
.sec3 .sec3-carousel dt .works-client {font-size:12px; line-height:20px; color:#fff; font-weight:200; font-style:italic;}
.sec3 .sec3-carousel dd {position:absolute; top:0; left:10%; width:80%;}

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

.sec4 {background:#0d0e21; display:block !important; height:auto !important;}
.sec4 .fp-tableCell {display:block !important; box-sizing:border-box; height:auto !important;}
.sec4 .news-sec {position:relative; padding:150px 0 50px;}
.sec4 .news-sec .news-title {position:absolute; top:0; left:0; width:100%; padding:0 15px; box-sizing:border-box;}
.sec4 .news-sec .news-title .title-sec {position:relative; overflow:hidden; height:100%;}
.sec4 .news-sec .news-title .tt-bg {display:none;}
.sec4 .news-sec .news-title .tt-name {text-align:left; position:relative; padding:30px 0 15px; font-size:30px; font-weight:bold; font-style:italic; color:#527bb9;}
.sec4 .news-sec .news-title .btn-more {width:100%; height:54px; display:block; background:#3b3d88; color:#fff; font-size:12px; letter-spacing:0.3em; overflow:hidden; line-height:54px; text-align:center;}
.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:13px; 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:15px; 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:12px; 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 {padding:30px 15px 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 {display:block;}
.sec4 .conatact-sec .td-cell {vertical-align:middle; display:block; width:100%;}
.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:14px; font-weight:400; line-height:20px; font-style:italic; color:#999999;}
.sec4 .conatact-sec .td-cell {width:auto;}
.sec4 .conatact-sec .td-cell + .td-cell {margin-top:30px;}
.sec4 .conatact-sec .td-cell a {display:inline-block; width:100%; height:54px; line-height:54px; font-size:14px; 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; 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:25px 15px 20px; box-sizing:border-box; display:none;}
.layer-wrap .layer-close {position:absolute; top:30px; right:15px; width:22px; height:22px; background:url(../images/rnd-close.png) top left no-repeat; background-size:100%; font-size:0; line-height:0; cursor:pointer;}
.layer-wrap .layer-title {font-size:22px; 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 {border:1px solid #000; background:#222222; padding-left:65px; box-sizing:border-box; position:relative; margin-bottom:10px; height:37px; line-height:35px;}
.inq-form1 li label {position:absolute; top:0; left:10px; font-size:14px; font-weight:500; color:#fff; font-style:italic; }
.inq-form1 li .inq-ip {width:100%; padding:0 10px; box-sizing:border-box; height:35px; line-height:35px; font-size:14px; 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:35px; line-height:35px; font-size:14px; 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:37px; line-height:35px; font-size:14px; 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:14px; color:#fff; font-style:italic; font-weight:normal;border:1px solid #000; background:#222222; height:150px;}

/* Recruit Layer */
.recruit-form1 li {border:1px solid #000; background:#222222; padding-left:65px; box-sizing:border-box; position:relative; margin-bottom:10px; height:37px; line-height:35px;}
.recruit-form1 li label {position:absolute; top:0; left:10px; font-size:14px; font-weight:500; color:#fff; font-style:italic; }
.recruit-form1 li .recruit-ip {width:100%; padding:0 10px; box-sizing:border-box; height:35px; line-height:35px; font-size:14px; 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:35px; line-height:35px; font-size:14px; 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:14px; color:#fff; font-style:italic; font-weight:normal;border:1px solid #000; background:#222222; height:150px;}
.recruit-file {margin-top:20px;}
.recruit-file .btn-file {display:block; width:100%; height:37px; border:1px solid #666666; box-sizing:border-box; line-height:35px; text-align:center;font-size:14px; font-weight:600; color:#666666; font-style:italic; margin-top:5px;}
.recruit-file .ip-area { border:1px solid #000; background:#222222; padding-left:65px; box-sizing:border-box; position:relative; height:37px; line-height:35px;}
.recruit-file .ip-area label {position:absolute; top:0; left:10px; font-size:14px; font-weight:500; color:#fff; font-style:italic; }
.recruit-file .ip-area .recruit-ip {width:100%; padding:0 10px; box-sizing:border-box; height:35px; line-height:35px; font-size:14px; 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:20px 15px 50px;}
.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:30px; font-weight:bold; font-style:italic; color:#3b3d88; margin-bottom:40px;}
.contact-wrap .contact-con .contact-info .float-l {float:none;}
.contact-wrap .contact-con .contact-info .float-l dl {margin-top:40px;}
.contact-wrap .contact-con .contact-info dt {font-size:15px; font-weight:bold; font-style:italic; color:#436599; margin-bottom:10px;}
.contact-wrap .contact-con .contact-info dd {font-size:20px; line-height:28px; color:#000; font-style:italic;}
.contact-wrap .contact-con .contact-info dd .eng {margin-top:10px; font-size:12px; line-height:16px; 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:20px 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;}
.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:106px 15px 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:30px; font-weight:bold; font-style:italic; color:#3b3d88; top:20px; left:15px; box-sizing:border-box; position:absolute;}
.work-wrap .work-list {overflow-y:auto; /*height:345px;*/}
.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:left; padding-right:40px; background:url(../images/work-arrow.png) right no-repeat;}
.work-wrap .work-list li a .work-name {font-size:25px; line-height:30px; font-style:italic; color:#666666; font-weight:500; margin-bottom:10px;}
.work-wrap .work-list li a .work-date {font-size:13px; font-weight:bold; font-style:italic; line-height:18px; color:#666;}
.work-wrap .work-list li a .work-type {font-size:12px; font-weight:bold; font-style:italic; line-height:18px; 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 {padding:30px 15px 70px; border-top:1px solid #020205; background:url(../images/m-contact-bg.png) center no-repeat; background-size:cover; box-sizing:border-box; position:relative;}
.work-wrap .conatact-sec .tb-box {display:block;}
.work-wrap .conatact-sec .td-cell {vertical-align:middle; display:block; width:100%;}
.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:14px; font-weight:400; line-height:20px; font-style:italic; color:#999999;}
.work-wrap .conatact-sec .td-cell {width:auto;}
.work-wrap .conatact-sec .td-cell + .td-cell {margin-top:30px;}
.work-wrap .conatact-sec .td-cell a {display:inline-block; width:100%; height:54px; line-height:54px; font-size:14px; 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; 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:260px 15px 0; position:relative; box-sizing:border-box;}
.vision-wrap .title {font-size:30px; font-weight:bold; font-style:italic; color:#3b3d88; top:20px; left:15px; box-sizing:border-box; position:absolute;}
.vision-wrap .vision-slogan {position:absolute; top:80px; left:0; padding:0 15px; width:100%; box-sizing:border-box;}
.vision-wrap .vision-slogan dt {font-size:20px; line-height:28px; color:#fff; font-weight:100;}
.vision-wrap .vision-slogan dd {margin-top:15px;}
.vision-wrap .vision-slogan a {display:inline-block; width:100%; height:54px; line-height:54px; 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:18px; right:20px; width:11px; height:21px; background:url(../images/btn-arrow.png) center no-repeat;}
.vision-wrap .vision-con {padding-bottom:50px; overflow:hidden;}
.vision-wrap .vision-con li {border-top:1px solid #222; padding:21px 0 20px; cursor:pointer; position:relative;}
.vision-wrap .vision-con li dl {position:relative; min-height:36px;}
.vision-wrap .vision-con li dl dt {font-size:25px; color:#666666; font-weight:500; font-style:italic;}
.vision-wrap .vision-con li dl dd {height:0; font-size:16px; line-height:20px; color:#999; font-weight:100; overflow:hidden;}
.vision-wrap .vision-con li.active dd {height:auto; margin-top:20px;}
.vision-wrap .vision-con li.active dt {color:#fff;}
.vision-wrap .vision-con li.active {border-top:2px solid #fff; padding:20px 0;}
.vision-wrap .vision-con li:before {content:""; display:block; position:absolute; top:25px; 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 {padding:30px 15px 70px; border-top:1px solid #020205; background:url(../images/m-contact-bg.png) center no-repeat; background-size:cover; box-sizing:border-box; position:relative;}
.vision-wrap .conatact-sec .tb-box {display:block;}
.vision-wrap .conatact-sec .td-cell {vertical-align:middle; display:block; width:100%;}
.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:14px; font-weight:400; line-height:20px; font-style:italic; color:#999999;}
.vision-wrap .conatact-sec .td-cell {width:auto;}
.vision-wrap .conatact-sec .td-cell + .td-cell {margin-top:30px;}
.vision-wrap .conatact-sec .td-cell a {display:inline-block; width:100%; height:54px; line-height:54px; font-size:14px; 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:18px; 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; 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 15px;}
.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:30%; padding-bottom:150px;}
.about-section1 .a-tt {font-size:60px;font-weight:bold;font-style:italic;color:#fff;line-height:60px; z-index:1; position:relative; margin-top:5%;}
.about-section1 .a-slogan {position:absolute;top: 23%;left: 0;width: 100%;}
.about-section1 dl {padding: 15% 0 0;}
.about-section1 dl dt {font-size:15px; line-height:23px; letter-spacing:0.2em; color:#fff; margin-bottom:35px;}
.about-section1 dl dd {font-size:18px; line-height:22px; color:#666666; font-weight:100;}
.about-section1 dl dd span {font-style:italic;}
.about-section1 .a-since1 {position:absolute; left:3%; bottom:102px; width:300px;}
.about-section1 .a-since2 {position:absolute; right:3%; bottom:80px; width:300px;}

.about-section2 .about-bg {padding-top:70px; padding-bottom:130px;}
.about-section2 .a-tt {margin-bottom:50px;}
.about-section2 .a-tt dt {font-size:30px; font-weight:bold; font-style:italic; color:#3b3d88; line-height:40px; margin-bottom:20px; text-transform:uppercase;}
.about-section2 .a-tt dd {position:relative; font-size:20px; line-height:28px; font-weight:300; color:#fff;}
.about-section2 .a-tt .btn-area {margin-top:20px;}
.about-section2 .a-tt a {display:inline-block; width:100%; height:54px; line-height:54px; 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:18px; right:20px; width:11px; height:21px; background:url(../images/btn-arrow.png) center no-repeat;}
.about-section2 .a-busi {border-top:1px solid #666;}
.about-section2 .a-busi dl {padding:15px 20px; box-sizing:border-box; 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:15px;}
.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;}

.about-section3 .about-bg {padding-top:70px; padding-bottom:100px;}
.about-section3 .a-tt {margin-bottom:50px;}
.about-section3 .a-tt dt {font-size:30px; font-weight:bold; font-style:italic; color:#3b3d88; line-height:40px; margin-bottom:20px; text-transform:uppercase;}
.about-section3 .a-tt dd {position:relative; font-size:20px; line-height:28px; font-weight:300; color:#fff;}
.about-section3 .a-con {background:rgba(0,0,0,0.4); padding:20px 0;}
.about-section3 .a-con li {float:left;width:50%;padding: 15px 0 15px 55px;position:relative;box-sizing:border-box;}
.about-section3 .a-con li .logo-obj {position:absolute;top: 15px;left: 15px;width:27px;}
.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: 13px;color:#fff;font-weight:500;}

.about-section4 .about-bg {padding-top:70px; padding-bottom:80px;}
.about-section4 .a-tt {margin-bottom:50px;}
.about-section4 .a-tt dt {font-size:30px; font-weight:bold; font-style:italic; color:#3b3d88; line-height:40px; margin-bottom:20px; text-transform:uppercase;}
.about-section4 .a-tt dd {position:relative; font-size:20px; line-height:28px; font-weight:300; color:#fff;}
.about-section4 .a-tt .btn-area {margin-top:20px;}
.about-section4 .a-tt a {display:inline-block; width:100%; height:54px; line-height:54px; 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:18px; 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 dt {font-size:16px; font-weight:800; font-style:italic; color:#527bb9; margin-bottom:15px; text-transform:uppercase;}
.about-section4 .a4-item .item-mean dd {font-size:18px; line-height:25px; color:#fff;}
.about-section4 .a4-item .item-img {padding-bottom:60%; position:relative; background-size:cover; margin-top:15px;
	-ms-transition:300ms;
	-o-transition:300ms;
	-webkit-transition:300ms;
	transition:300ms;
}
.about-section4 .a4-item .item-img .img-alt {position:absolute; left:5%; 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 {padding:30px 15px 70px; border-top:1px solid #020205; background:url(../images/m-contact-bg.png) center no-repeat; background-size:cover; box-sizing:border-box; position:relative;}
.about-wrap .conatact-sec .tb-box {display:block;}
.about-wrap .conatact-sec .td-cell {vertical-align:middle; display:block; width:100%;}
.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:14px; font-weight:400; line-height:20px; font-style:italic; color:#999999;}
.about-wrap .conatact-sec .td-cell {width:auto;}
.about-wrap .conatact-sec .td-cell + .td-cell {margin-top:30px;}
.about-wrap .conatact-sec .td-cell a {display:inline-block; width:100%; height:54px; line-height:54px; font-size:14px; 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:18px; 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; position:absolute; bottom:23px; left:0; width:100%;}



}