/*.details-cu-intelligence { min-width: 1200px; }*/
.details-cu-intelligence { width: 100%; }
.details-cu-intelligence h1 { margin: 0; font-size: 36px; font-weight: 500; color: #FFFFFF; line-height: 48px; }
.details-cu-intelligence h2 { margin: 0; }
.details-cu-intelligence p { margin: 0; font-size: 16px; font-weight: 400; color: #CFCFCF; line-height: 28px; }
.details-cu-intelligence ul li { font-size: 16px; line-height: 30px; color: #FFFFFF; }
.details-cu-intelligence ul .line-style { width: 1px; height: 12px; background: #DEDEDE; margin: 0 22px; }
.details-cu-intelligence .image-box img { margin-bottom: 10px; }
.details-cu-intelligence .image-box p { color: #FFFFFF; font-size: 16px; line-height: 24px; }
.details-cu-intelligence .inline-box-top > * { display: inline-block; vertical-align: top; }
.details-cu-intelligence .inline-box-top::after { display: inline-block; vertical-align: top; content: ""; }
.details-cu-intelligence .inline-box-middle > * { display: inline-block; vertical-align: middle; }
.details-cu-intelligence .inline-box-middle::after { display: inline-block; vertical-align: middle; content: ""; }

.intelligence-one { height: 850px; box-sizing: border-box; text-align: center; padding: 150px 0; background: url("../images/cu/intelligence/1.png") center center no-repeat; background-size: cover; }
.intelligence-one .text-box { float:right; }
.intelligence-one h1 { margin-bottom: 46px; }
.intelligence-one p { margin-bottom: 46px; }
.intelligence-one ul { margin-bottom: 150px; }
.intelligence-one .image-box li { width: 144px; }
.intelligence-one .image-box li + li { margin-left: 17px; }

.intelligence-two { box-sizing: border-box; text-align: left; padding: 100px 0; height: 850px; background: url("../images/cu/intelligence/2.png") center center no-repeat; background-size: cover; }
.intelligence-two .text-box{ float: left }
.intelligence-two h1 { margin-bottom: 45px; }
.intelligence-two p { margin-bottom: 70px; }
.intelligence-two h1 + p { margin-bottom: 10px; }
.intelligence-two ul { margin-bottom: 45px; margin-left: -15px; }
.intelligence-two ul li { width: 130px; text-align: center; }
.intelligence-two ul li + li { margin-left: 40px; }
.intelligence-two ul p { margin-bottom: 0; }

.intelligence-three { box-sizing: border-box; text-align: center; padding: 201px 0; height: 850px; background: url("../images/cu/intelligence/3.png") center center no-repeat; background-size: cover; }
.intelligence-three h1 { margin-bottom: 58px; }
.intelligence-three p { margin-bottom: 131px; }
.intelligence-three ul li { width: 120px; }
.intelligence-three ul li + li { margin-left: 50px; }

.intelligence-four { box-sizing: border-box; padding: 200px 0; height: 860px; background: url("../images/cu/intelligence/4.png") center center no-repeat; background-size: cover; position: relative; }
.intelligence-four .text-box{  }
.intelligence-four h1 { color: #333333; margin-bottom: 47px; }
.intelligence-four p { color: #999999; }
.intelligence-four .animation-box { position: relative; }
.intelligence-four .animation-box .base { position: absolute; top: 165px; left: -125px; }
.intelligence-four .animation-box .d1 { position: absolute; top: 135px; left: 125px; -webkit-animation: wave1 1s infinite; -moz-animation: wave1 1s infinite; -ms-animation: wave1 1s infinite; -o-animation: wave1 1s infinite; animation: wave1 1s infinite; }
.intelligence-four .animation-box .d2 { position: absolute; top: 90px; left: 115px; -webkit-animation: wave2 1s infinite; -moz-animation: wave2 1s infinite; -ms-animation: wave2 1s infinite; -o-animation: wave2 1s infinite; animation: wave2 1s infinite; }
.intelligence-four .animation-box .d3 { position: absolute; top: 50px; left: 110px; -webkit-animation: wave3 1s infinite; -moz-animation: wave3 1s infinite; -ms-animation: wave3 1s infinite; -o-animation: wave3 1s infinite; animation: wave3 1s infinite; }

@keyframes wave1 { 0% { opacity: 0; }
  35% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 1; } }
@-moz-keyframes wave1 { 0% { opacity: 0; }
  35% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 1; } }
@-webkit-keyframes wave1 { 0% { opacity: 0; }
  35% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 1; } }
@-o-keyframes wave1 { 0% { opacity: 0; }
  35% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 1; } }
@keyframes wave2 { 0% { opacity: 0; }
  35% { opacity: 0; }
  70% { opacity: 1; }
  100% { opacity: 1; } }
@-moz-keyframes wave2 { 0% { opacity: 0; }
  35% { opacity: 0; }
  70% { opacity: 1; }
  100% { opacity: 1; } }
@-webkit-keyframes wave2 { 0% { opacity: 0; }
  35% { opacity: 0; }
  70% { opacity: 1; }
  100% { opacity: 1; } }
@-o-keyframes wave2 { 0% { opacity: 0; }
  35% { opacity: 0; }
  70% { opacity: 1; }
  100% { opacity: 1; } }
@keyframes wave3 { 0% { opacity: 0; }
  35% { opacity: 0; }
  70% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes wave3 { 0% { opacity: 0; }
  35% { opacity: 0; }
  70% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes wave3 { 0% { opacity: 0; }
  35% { opacity: 0; }
  70% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes wave3 { 0% { opacity: 0; }
  35% { opacity: 0; }
  70% { opacity: 0; }
  100% { opacity: 1; } }
.intelligence-five { width: 100%; position: relative; }
.intelligence-five::after { content: ""; clear: both; display: block; }
.intelligence-five > div { width: 50%; box-sizing: border-box; position: relative; }
.intelligence-five img { width: 100%; }
.intelligence-five h1 { color: #333; margin-bottom: 40px; }
.intelligence-five p { color: #999; }
.intelligence-five .left { float: left; }
.intelligence-five .right { float: right; }
.intelligence-five .text-box { position: absolute; height: 116px; top: 0; bottom: 0; margin: auto 0; }
.intelligence-five .text-box .right { margin-right: 130px; }
.intelligence-five .text-box .left { margin-left: 130px; }
.intelligence-five.reverse .text-box{ margin-left: 50%;}
.intelligence-six { box-sizing: border-box; text-align: center; height: 860px; background: #111111 url("../images/cu/intelligence/6.png") center top no-repeat; background-size: cover; padding-top: 160px; }
.intelligence-six h1 { margin-bottom: 47px; color: #FFFFFF; }
.intelligence-six p { margin-bottom: 60px; }



@media screen and (max-width: 1200px){
	.intelligence-three{
		height: auto;
		padding-bottom: 0;
	}
	.intelligence-three ul{
		display: flex;
		justify-content: space-around;
	}
	.intelligence-three ul li + li{
		margin-left: 0;
	}
	.common_mailmagazine.inner img,.cashless.inner img{
		width: 100%;
	}
	
}

@media screen and (max-width: 860px){
	.intelligence-three ul {
		flex-wrap: wrap;
	}
	.intelligence-three ul li{
		width: 33%;
	}
	.intelligence-three ul li p{
		margin-bottom: 3em;
	}
	.intelligence-four {
		text-align: center;
		background: #ebebeb url("../images/cu/intelligence/4_sp.png") center center no-repeat; background-size: contain;
	}
	
	.intelligence-five > div{
		width: 100%;
	}
	.intelligence-five.reverse {
		display: flex;
  		flex-direction: column-reverse;
	}
	.intelligence-five .text-box{
		position: static;
		height: auto;
		text-align: center;
	}
	.intelligence-five .text-box .right,.intelligence-five .text-box .left{
		height: auto;
		margin: 0;
		padding: 8em 0;
		float: none;
	}
	.intelligence-five .text-box{
		margin: inherit;
	}
	.intelligence-five.reverse .text-box{
		margin-left: 0;
	}
	.intelligence-five .left{
		float: none;
	}
	.details-cu-intelligence .inline-box-middle > *{
		display: block;
	}
	.details-cu-intelligence ul .line-style{
		width: 20px;
		height: 1px;
		margin: 1em auto;
	}
	.intelligence-six{
		background-size: contain;
		background-position: bottom;
	}
}
@media screen and (max-width: 500px){
	.intelligence-three ul li{
		width: 50%;
	}
	.intelligence-four {
		padding-top: 6em;
	}
	.intelligence-four .animation-box .base { 
		position: absolute; 
		top: 300px; 
		left: -125px; 
	}
	.intelligence-four .animation-box .d1{
		top: 270px; 
	}
	.intelligence-four .animation-box .d2{
		top: 225px;
	}
	.intelligence-four .animation-box .d3{
		top: 185px;
	}
	.intelligence-five .text-box .right,.intelligence-five .text-box .left{
		padding: 5em 0;
	}
}