#container {
	position: relative;
	height:1040px;
	overflow:hidden;
}
#container h2 {
	font-size: 61px;
	font-weight: 100;
	color: #fff;
	letter-spacing: -0.05em;
	line-height: 70px;
	position: absolute;
	z-index: 3;
	width: 100%;
	text-align: center;
	top: 220px;
}
.visual_slide{
	width:640px;
	height:640px;
	position: relative;
	top:400px;
	z-index:2;
	overflow: hidden;
	left: -640px;
}
.visual_slide div{
	width:640px;
	height:640px;
}
.visual_slide div.obj1{
	background-image:url('../images/main/main_visual_obj1.png');
}
.visual_slide div.obj2{
	background-image:url('../images/main/main_visual_obj2.png');
}
.visual_slide div.obj3{
	background-image:url('../images/main/main_visual_obj3.png');
}
.visual_slide div.obj4{
	background-image:url('../images/main/main_visual_obj4.png');
}
#wave {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}
#wave.purple {
	background-color: #ec9300;
}

#wave.yellow {
	background-color: #388784;
}

#wave.green {
	background-color: #ee7911;
}

#wave {
	height: 950px;
	width: 100%;
	background-color: #274263;
	transition: all 1.15s ease-out;
}

#container canvas {
	position: absolute;
	top: 500px;
	left: 50%;
	margin-left: -680px;
	z-index: 2;
}

.blobs_container {
	position: relative;
	z-index: 5;
}

.blobs_container .b-blobs {
	position: absolute;
	width: 640px;
	overflow: hidden;
	height: 1000px;
	z-index: 1;
}

.b-blobs .b-blobs__b1 {
	position: absolute;
	left: -300px;
	top: 240px;
	width: 450px;
	height: 450px;
}

.b-blobs .b-blobs__b2 {
	position: absolute;
	left: 10px;
	top: 500px;
	width: 400px;
	height: 400px;
}

.b-blobs .b-blobs__b3 {
	position: absolute;
	right: -170px;
	top: -30px;
	width: 325px;
	height: 325px;
}

.b-blobs .b-blobs__b4 {
	position: absolute;
	right: -220px;
	top: 490px;
	width: 300px;
	height: 300px;
}
.service_container{
	padding-bottom: 40px;
}
.service_container,
.solution_container {
	position: relative;
	z-index: 2;
	padding-top: 60px;
}
.solution_container {
	background:#685e53;
}
.solution_container .caption span,
.solution_container .caption p,
.solution_container .txt{
	color: #fff;
}
.solution_container .txt{
	color:rgba(255,255,255,0.5);
}
.news_wrap .caption,
.solution_container .caption span,
.service_container .caption span {
	display: block;
	font-size: 30px;
	letter-spacing: 20px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
}
.solution_container .caption p,
.service_container .caption p {
	font-size: 60px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	text-align: center;
	margin-top: 22px;
}
.solution_container .txt,
.service_container .txt {
	font-size: 20px;
	font-weight: 300;
	letter-spacing: -0.07em;
	text-align: center;
	line-height: 34px;
	margin-top: 32px;
	padding-bottom:40px;
}
.service_container .service_slide{
	margin:0 50px;
	width:540px;
	height:420px;
	background-image: url(../images/main/service_img_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.service_wrap:after,
.service_wrap:before {
	z-index: 1;
	left: 0px;
	top: 0px;
	content: "";
	display: block;
	position: absolute;
	background-repeat: no-repeat;
}
.service_wrap:after {
	width: 540px;
	height: 500px;
	margin-top:-40px;
	background-position: center top;
}
.service_wrap.item1:after {
	background-image: url(../images/main/service_img_object1.png);
}
.service_wrap.item2:after {
	background-image: url(../images/main/service_img_object2.png);
}
.service_wrap.item3:after {
	background-image: url(../images/main/service_img_object3.png);
}
.service_wrap.slick-slide{
	display: block;
	position: relative;
	width: 540px;
	height:500px;
	padding-top: 35px;
	margin: 50px auto 0 auto;
	text-decoration: none;
	box-sizing: border-box;
}
.service_slide .slick-dots button{
	font-size:0px;
	width:100%;
	height:100%;
	opacity:0;
}
.service_slide .slick-dots li{
	display: inline-block;
	list-style:none;
	width:10px;
	height:10px;
	background:#fff;
	margin:0px 10px;
	border-radius: 50%;
	text-align: center;
	opacity:0.5;
	transition:opacity .5s ease-out;
}
.service_slide .slick-dots li.slick-active{
	opacity:1;
}
.service_slide .slick-dots {
	padding-top:50px;
	text-align: center;
  position: absolute;
  width: 540px;
  height: 50px;
  z-index: 1000;
  top: 0px;
}
.service_wrap h4 {
	font-weight: 400;
	font-size: 40px;
	letter-spacing: -0.01em;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 2;
}
.service_wrap a{
	text-decoration: none;
}
.service_wrap:after {
	background-position: 0px 0px;
}

.news_wrap {
	width: 535px;
	margin: 60px auto 0 auto;
	position: relative;
	z-index: 2;
}

.news_wrap .caption {}

.news_wrap .date:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 1px;
	background-color: #000;
}

.news_wrap .date {
	font-size: 14px;
	font-weight: 300;
	position: relative;
	padding-top: 20px;
	display: block;
	margin-top: 20px;
}

.news_wrap .title {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: -1px;
	margin-top: 25px;
}

.news_wrap .content {
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	margin-top: 18px;
	letter-spacing: -0.05em;
	word-break: keep-all;
	padding-bottom: 40px;
}

.solutionwrap{
	margin-top:20px;
  width: 100%;
}
.solutionwrap::after{
  display: block;
  clear: both;
  content: '';
}
.solutionwrap li{
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  min-height: 250px;
  list-style: none;
  border-bottom:1px solid rgba(255,255,255,0.2);
  border-right:1px solid rgba(255,255,255,0.2);
  overflow:hidden;
}
.solutionwrap li:nth-of-type(1){
	border-top:1px solid rgba(255,255,255,0.2);
}
.solutionwrap li a{
	text-align: center;
	text-decoration: none;
}
.solutionwrap li:hover span{
  color: #ffe749;
  transition: all .3s ease-out
}
.solutionwrap li span{
  color: rgba(255,255,255,.5);
  display: inline-block;
  transition: all .3s ease-out;
  box-sizing:border-box;
  float:left;
  text-align:left;
}
.solutionwrap li:nth-of-type(2) .txt_box,
.solutionwrap li:nth-of-type(4) .txt_box{
	border-left:none;
	text-align:right;
}
.solutionwrap li:nth-of-type(2) .txt_box span,
.solutionwrap li:nth-of-type(4) .txt_box span{
	text-align:right;
}
.txt_box{
	display:inline-block;
	width:63%;
	padding:2px 35px 0 35px;
}
.solutionwrap li:nth-of-type(1) .txt_box,
.solutionwrap li:nth-of-type(2) .txt_box{
	padding:30px 35px 0 35px;
}
.solutionwrap li span.tit{
	display: block;
  font-size: 26px;
  font-weight: 500;
  margin: 35px 0 20px;
  text-transform: uppercase;
  width:100%;
}
.solutionwrap li span.txt{
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.05em;
  font-weight: 200;
  padding-bottom:0px;
  text-align:left;
  margin-top:0;
}
.solutionwrap li .img{
  position: relative;
  width:37%;
  margin:0px;
  margin-top:45px;
  height:153px;
}
.solutionwrap li .img::before{
  z-index:1;
  left:50%;
  top:0px;
  margin-left:-96px;
  width:192px;
  height:153px;
  content:"";
  position: absolute;
  opacity:1;
  background-repeat: no-repeat;
  background-image:url('../images/main/solution_imgs.png');
  transition:opacity .5s ease-out;
}
.solutionwrap li:nth-of-type(1) .img::before{
  background-position: 0px 0px;
}
.solutionwrap li:nth-of-type(2) .img::before{
  background-position: -192px 0px;
}
.solutionwrap li:nth-of-type(3) .img::before{
  background-position: -384px 0px;
}
.solutionwrap li:nth-of-type(4) .img::before{
  background-position: -576px 0px;
}
.solutionwrap li .img::after{
  z-index:1;
  left:50%;
  top:0px;
  margin-left:-96px;
  width:192px;
  height:153px;
  content:"";
  position: absolute;
  opacity:0;
  background-repeat: no-repeat;
  background-image:url('../images/main/solution_imgs.png');
  transition:opacity .5s ease-out;
}
.solutionwrap li:nth-of-type(1) .img::after{
  background-position: 0px -153px;
}
.solutionwrap li:nth-of-type(2) .img::after{
  background-position: -192px -153px;
}
.solutionwrap li:nth-of-type(3) .img::after{
  background-position: -384px -153px;
}
.solutionwrap li:nth-of-type(4) .img::after{
  background-position: -576px -153px;
}
.solutionwrap li:hover .img::before{
  opacity:0;
}
.solutionwrap li:hover .img::after{
  opacity: 1;
}
footer{
	background:#685e53;
}