/*css supported for the development page in igp*/
.multi-resp{
	margin:auto;
	max-width:80% !important;
}
.opera-resp{
	margin:auto;
	padding-top:10px;
	max-width:80% !important;
}
.support-resp{
	margin:auto;
	max-width:90% !important;
}

.specialSolutionTop{
	padding-left:20px;
	padding-top:10px;
	font-size:32px;
	color:#fff;
}
@media (width: 600px){
	l.sol-text{
	font-size:16px !important;
}
.dev-text1{
	 font-size:25px !important;
	 font-family:Segoe UI;
	 color:#fff !important;
	  margin:0px;
}
.dev-text2{
	font-family:'Segoe Script';
	font-size:16px !important;
	color:#fff;
	 margin:0px;
}
.dev-text3{
	font-family:'游ゴシック Medium';  
	font-size: 16px !important;
	color:#fff;
	margin:0px;
}
}
@media (width: 320px){
  .tex{
      font-size: 8px !important;
        line-height: 1em;
  }
  .hr-text{
  	font-size:11px;
  }
  .dev-header{
	font-size:14px !important;
	}
}

.panel-blue{
	background-color: #93CDDD !important;
	margin-bottom:0px !important;
	
}
.panel-rose{
	background-color: #FF7C80 !important;

}

@media(max-width:599px){
	.sol-text{
	color:#fff;
	font-size:12px
}
.s-circle{
	height:80px !important;
	width:80px !important;
	border-radius:100%;
	text-align:center;
	/*font-size:8px !important;*/
}
.s-world{
	padding-left:0px;
	padding-top:10px;
}
.sworld-resp{
	    max-width: 280% !important;
    margin-top: -38px !important;
    margin-left: -50px !important;
}
.s-group{
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px
}
.sgroup-resp{
	max-width: 90% !important;

}
.suser-resp{
	max-width: 80% !important;
}
.sgrp-resp{
	max-width: 90% !important;
}

.group-text{
	color:#fff;
	font-size:10px;
	line-height:1.1em
}
.user-text{
	color:#fff;
	font-size:10px;
	line-height:1.1em
}
.s-arrow-resp{
	max-width:35% !important;
}
.sl-arrow{
	margin-top:-25px;
	margin-left:-30px
}
.sr-arrow{
	margin-top:-45px;
	margin-left:-30px
}

.s-user{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px
}

.sgrp{
	padding-left:0px;
	padding-top:0px;
	margin-top:5px;
	margin-bottom:0px;
	margin-left:0px
}
.grp-text{
	color:#FF7C80;
	line-height:1.1em;
	font-size:10px;
}
.group-margin{
	margin-right:-20px;
}
/*.mainArrow-resp{
	margin-top:-10px;
	margin-bottom:-38px;
	position:absolute;
	margin-left:46%;
	width:6%;
	}*/
}

@media(min-width:600px){
	.sol-text{
	color:#fff;
	font-size:14px
}
	.s-circle{
	height:140px !important;
	width:140px !important;
	border-radius:100%;
	text-align:center;
}
.s-world{
	padding-left:20px;
	padding-top:10px;
}
.sworld-resp{
	max-width: 260% !important;
    margin-top: -50px !important;
    margin-left: -83px !important;
}
.s-group{
	padding-left:5px;
	padding-top:5px;
	margin-top:4px;
	margin-bottom:0px;
	margin-left:10px
}
.sgroup-resp{
	max-width: 90% !important;

}
.suser-resp{
	max-width: 75% !important;
}
.sgrp-resp{
	max-width: 80% !important;
}

.group-text{
	color:#fff;
	font-size:12px;
	line-height:1.3em
}
.user-text{
	color:#fff;
	font-size:12px;
	line-height:1.3em
}
.s-arrow-resp{
	max-width:30% !important;
}
.sl-arrow{
	margin-top:-47px;
	margin-left:-35px
}
.sr-arrow{
	margin-top:-60px;
	margin-left:-40px
}

.s-user{
	margin-top:10px;
	margin-bottom:5px;
	margin-left:25px
}

.sgrp{
	padding-left:25px;
	padding-top:10px;
	margin-top:4px;
	margin-bottom:5px;
	margin-left:10px
}
.grp-text{
	color:#FF7C80;
	line-height:1.3em
}
.group-margin{
	margin-right:-30px;
}

}

@media(width:320px){
	.wrapper{
		padding:5%!important;
	}
.s-circle{
	height:72px !important;
	width:72px !important;
	border-radius:100%;
	text-align:center;
	/*font-size:8px !important;*/
}
.s-world{
	padding-left:0px;
	padding-top:20px;
}
.sworld-resp{
	    max-width: 290% !important;
    margin-top: -42px !important;
    margin-left: -38px !important;
}
.s-group{
	padding-left:0px;
	padding-top:0px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
}
.sgroup-resp{
	max-width: 90% !important;

}
.suser-resp{
	max-width: 80% !important;
}
.sgrp-resp{
	max-width: 90% !important;
}

.group-text{
	color:#fff;
	font-size:8px;
	line-height:1.3em
}
.user-text{
	color:#fff;
	font-size:9px;
	line-height:1.1em
}
.s-arrow-resp{
	max-width:35% !important;
}
.sl-arrow{
	margin-top:-30px;
	margin-left:-24px
}
.sr-arrow{
	margin-top:-40px;
	margin-left:-28px
}

.s-user{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px
}

.sgrp{
	padding-left:0px;
	padding-top:0px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px
}
.grp-text{
	color:#FF7C80;
	line-height:1.1em;
	font-size:9px;
}
.group-margin{
	margin-right:-18px;
}

	.problem-text{
	font-size: 11.3px !important;
	}
.solution-text{
	font-size: 12px !important;
	}


	.dev-header-text{
		font-size: 10px !important;
	}

}





/*from style_igp .css file*/

@media (min-width: 600px){
.dev-nav-text {
    font-size: 14px!important;
}
.dev-header{
	font-size:20px;
}
}

@media (max-width:599px){
.dev-nav-text {
    font-size: 10px !important;
}
.dev-header{
	font-size:17px;
}
}

@media (width: 320px){
.dev-nav-text {
    font-size: 8px !important;
}

	.dev-text1{
	 font-size:12px !important;
	 }
.dev-text2{
	font-size:10px !important;
}
.dev-text3{
	font-size: 9px !important;
	}
/*	.dev-header{
	font-size:13px !important;
}*/
	.sol-text{
	font-size:11px !important;
	}
}
@media (width: 360px){
.dev-nav-text {
    font-size: 9px !important;
}
.tex{
	font-size: 10px !important;
}
.dev-header{
	font-size:16px;
}

}
/*hr{
	margin-top:5px;
	margin-bottom: 10px;
}*/
@media (max-width: 450px){
.integration-div{
	height:100px;
	border-radius:10%;
	padding-top:10% !important;
	text-align: center;
	color:#fff !important;
	font-size: 12px !important;
	padding-left:5px!important;
	padding-right:5px!important;
}
/*.dev-header{
	font-size:15px;
}*/
.problem-text{
	font-size: 13px ;
}
.solution-text{
	font-size: 13px ;
}
}
@media (min-width: 451px){
.integration-div{
	height:150px;
	border-radius:10%;
	padding-top:12% !important;
	text-align: center;
	color:#fff !important;
	font-size: 15px !important;
}
}

.icon-resp{
	max-width: 80% !important;
	position:relative;
}

/*development page problem section image css*/
@media(min-width:501px){
.white-circle{
	background-color:white;
	border-radius:100%;
	height:150px;
	width:150px !important;
	text-align: center !important;
	font-size: 13px;
}
.world-resp{
	max-width:200% !important;
	margin-top: -33px !important;
	margin-left: -58px !important;
}
.world{
	padding-left:0px;
	padding-top:0px;
}
.group{
	margin:auto !important;
	padding-top:30px !important;
}
.group-resp{
	max-width:60% !important;
	/*margin:auto !important;*/
	margin-left:32px !important;
	margin-top:7px;
}
.arrow-resp{
	max-width:30% !important;
}
.left-arrow{
	margin-left:-25px !important;
	margin-top:-70px !important;
}
.right-arrow{
	margin-left:-35px !important;
	/*margin-top:-80px !important;*//*modified on 2017-03-22*/
	margin-top:-65px !important;
}
.vendor-resp{
	max-width:90% !important;
/*	margin:auto;*/
	margin-top:0px;
	margin-left:15px;
}
.vendor{
	padding-top:0px;
	/*margin-bottom:-20px;*/ /*modified on 2017-03-22*/
	margin-bottom:-35px;
	margin-top:30px;
}

}
@media(max-width:500px){
.white-circle{
	background-color:white;
	border-radius:100%;
	height:100px;
	width:100px !important;
	text-align: center !important;
	font-size: 10px;
	line-height:1em;
}
.world-resp{
	max-width:250% !important;
	margin-top: -30px !important;
	margin-left: -50px !important; 
}
.world{
	padding-left:0px;
	padding-top:0px;
}
.group{
	margin:auto !important;
	padding-top:10px !important;
}
.group-resp{
	max-width:80% !important;
	/*margin:auto !important;*/
	margin-top:0px;
	margin-left:10px;
}
.arrow-resp{
	max-width:30% !important;
}
.left-arrow{
	margin-left:-30px !important;
	margin-top:-40px !important;
}
.right-arrow{
	margin-left:-30px !important;
	margin-top:-35px !important;
}
.vendor-resp{
	max-width:130% !important;
	/*margin:auto*/
	/*margin-top:0px;*/
	margin-left:0px;
}
.vendor{
	padding-top:0px;
	margin-bottom:-20px;
	margin-top:0px;
}

}

@media(width:360px){
	.wrapper{
		padding:5%!important;
	}
.s-circle{
	height:72px !important;
	width:72px !important;
	border-radius:100%;
	text-align:center;
	/*font-size:8px !important;*/
}
.s-world{
	padding-left:0px;
	padding-top:20px;
}
.sworld-resp{
	    max-width: 290% !important;
    margin-top: -42px !important;
    margin-left: -38px !important;
}
.s-group{
	padding-left:0px;
	padding-top:0px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
}
.sgroup-resp{
	max-width: 90% !important;

}
.suser-resp{
	max-width: 80% !important;
}
.sgrp-resp{
	max-width: 90% !important;
}

.group-text{
	color:#fff;
	font-size:8px;
	line-height:1.3em
}
.user-text{
	color:#fff;
	font-size:9px;
	line-height:1.1em
}
.s-arrow-resp{
	max-width:35% !important;
}
.sl-arrow{
	margin-top:-30px;
	margin-left:-24px
}
.sr-arrow{
	margin-top:-40px;
	margin-left:-28px
}

.s-user{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px
}

.sgrp{
	padding-left:0px;
	padding-top:0px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px
}
.grp-text{
	color:#FF7C80;
	line-height:1.1em;
	font-size:9px;
}
.group-margin{
	margin-right:-18px;
}

	.problem-text{
	font-size: 11.3px !important;
	}
.solution-text{
	font-size: 12px !important;
	}


	.dev-header-text{
		font-size: 10px !important;
	}
.white-circle{
	height:90px!important;
	width:90px!important;
}
}


@media(width:320px){
	.prob-tex{
		font-size:11px !important;
	}
.white-circle{
	background-color:white;
	border-radius:100%;
	height:80px !important;
	width:80px !important;
	text-align: center !important;
	font-size: 9px;
	line-height:1.3em;
}
.world-resp{
    max-width: 260% !important;
    margin-top: -18px !important;
    margin-left: -38px !important;
}
.world{
	padding-left:0px;
	padding-top:0px;
}
.group{
	margin:auto !important;
	padding-top:10px !important;

}
.group-resp{
	max-width:70% !important;
	/*margin:auto !important;*/
	/*margin-top:0px;*/
	margin-left:5px;
}
.arrow-resp{
	max-width:30%;
}
.left-arrow{
	margin-left:-25px !important;
	margin-top:-40px !important;
}
.right-arrow{
	margin-left:-26px !important;
	margin-top:-30px !important;
}
.vendor-resp{
	max-width:130% !important;
	/*margin:auto*/
/*	margin-top:0px;*/
	margin-left:0px;
}
.vendor{
	padding-top:0px;
	margin-bottom:-20px;
	margin-top:0px;
	padding-bottom:5px !important;
}

}


@media(min-width: 960px){
	.left_gap{
		left:40px;
	}
	.dev-header{
	font-size:24px !important;
}
}



.header-text {
    color:#fff;
    padding-left:4%;
}
@media (min-width: 960px){
.header-text {
    font-size: 18px !important;
}
}
@media (max-width: 950px){
.header-text {
    font-size: 14px !important;
}
}
@media (width: 320px){
.header-text {
    font-size: 12px !important;
}

}
.side-text{
	/*background:#FF8B8E;*/
	padding-top:4% !important;
	/*padding-left:3px !important;
	padding-right:2px !important;*/ /*modified on 2017-03-22*/
	padding-left:20px !important;
	padding-right:20px !important;

	line-height:2.6em;
}
.dev-text1{
	 font-size:30px;
	 font-family:Segoe UI;
	 color:#fff !important;
}
.dev-text2{
	font-family:'Segoe Script';
	font-size:16px;color:#fff
}
.dev-text3{
	font-family:'游ゴシック Medium';  
	font-size: 13px;
	color:#fff;
	margin-bottom:5px;
	line-height: 2em;
}
.side-img{
	padding-top:0px !important;
	padding-right:0px !important;
}
@media(max-width: 599px){
	.side-text{
	/*background:#FF8B8E;*/
	padding:10px !important;
	line-height:1.6em;
}
.dev-text1{
	 font-size:14px;
	 font-family:Segoe UI;
	 color:#fff !important;
	  margin:0px;
}
.dev-text2{
	font-family:'Segoe Script';
	font-size:12px;color:#fff;
	 margin:0px;
}
.dev-text3{
	font-family:'游ゴシック Medium';  
	font-size: 10px;
	color:#fff;
	margin:0px;
}
}

.solution-text{
	font-size: 13.4px;
	color:#fff !important;
}

.BannerImageDiv{
	position:absolute !important;
	background-color:#f5f5f5;
	bottom:10%;
	box-shadow: 2px 2px 2px 2px #9f9f9f;
	-moz-box-shadow: 2px 2px 2px 2px #9f9f9f;
	-webkit-box-shadow: 2px 2px 2px 2px #9f9f9f;
	-khtml-box-shadow: 2px 2px 2px 2px #9f9f9f;
	padding:5px;
	transform:translate(50%);
}
.wrapper{
	background:#fff;
	position:relative;
	border-top:1px solid #757171;
	padding:5% 7% 0%;
}
.title{
		position: absolute;	
		text-align: center;
		display: block;
		font-weight: 700;
		height:40px;
		width:250px;
		background:#3A3838;
		left:50%;
		top:-25px;
		font-size: 16px;
		transform:translate(-50%);
	}

.title p{
	/*border-bottom:3px solid grey;*/
	line-height:2.5em;
	color:#fff;
	font-weight:bold;
	text-align: center;
}
		
.title:before
{
	content: '';
	position: absolute;
	bottom: -23px;
	left: -35px;
	width: 35px;
	height: 38px;
	background: url('/images/sales/SI/shadow.png');
}

.title:after
{
	content: '';
	position: absolute;
	bottom: -23px;
	right: -35px;
	width: 35px;
	height: 38px;
	background: url('/images/sales/SI/shadow.png');
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.circle {
	width: 150px;
	height: 150px;
	/*background: #ff8b8e;*/
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 0%;
	text-align: center;
	color:#fff !important;
	margin:auto;
	line-height: 1.2em;
}
.img-resp{
	/*max-width: 70% !important;*/
  max-width: 80% !important;
	position:relative;
  margin:auto;
}

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 5em;
  line-height: 4em;
  vertical-align: middle;
}
.icon-stack-1x,
.icon-stack-2x,
 {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.icon-stack-1x {
  line-height: inherit;
}
.icon-stack-2x {
  font-size: 1.5em;
}
.icon-stack-3x {
  font-size: 2em;
}
.icon-stack-3x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: right;
}
.fa-gradient{
	background: -webkit-gradient(linear, left bottom, right top, from(#00cc66), to(#3399ff)) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent;
}
.iconhover{
	transition: transform .2s;
}
.iconhover p{
	font-weight:bold;
	font-size:14px;
	color:#fff !important;
	line-height: 0.5em;
}
.iconhover:hover{
	transform: scale(1.2);
	 transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.displayBlock{
	display:block!important;
}
.displayNone{
	display:none!important;
}



@media (min-width:50px) and (max-width:230px){
	.ourSolutionImageDiv{
		top:18%;
	    padding:10px;
	}
	.ourSolutionImageDiv>p{
		font-size:12px;
		margin:0px;
	}
	.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}
	.mainArrow-resp{
		margin-top: -360px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 40%;
	    width: 15%;
	}
	.specialSolutionTop{
		padding-top:30px;
	}
}
@media (min-width:231px) and (max-width:270px){
	.ourSolutionImageDiv{
		top:18%;
	    padding:15px;
	    color: #ffffff;
	}
	.ourSolutionImageDiv>p{
		font-size:15px;
		margin:0px;
	}
	.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}
	.mainArrow-resp{
		margin-top: -360px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 40%;
	    width: 15%;
	}
	.specialSolutionTop{
		padding-top:30px;
	}
}
@media (min-width:271px) and (max-width:288px){
	.ourSolutionImageDiv{
		top:20%;
	    padding:15px;
	}
	.ourSolutionImageDiv>p{
		font-size:16px;
		margin:0px;
	}
	.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}
	.mainArrow-resp{
		margin-top: -330px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 40%;
	    width: 12%;
	}
	.specialSolutionTop{
		padding-top:30px;
	}
}
@media (min-width:289px) and (max-width:358px){
	.ourSolutionImageDiv{
		top:30%;
	    padding:15px 0px !important;
	}
	.ourSolutionImageDiv>p{
		font-size:22px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}*/
	.mainArrow-resp{
		margin-top: -265px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 40%;
	    width: 12%;
	}
	.specialSolutionTop{
		padding-top:30px;
	}
}
@media(min-width:359px) and (max-width: 439px){
	.ourSolutionImageDiv{
		top:30%;
	    padding:15px 0px !important;
	}
	.ourSolutionImageDiv>p{
		font-size:24px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:14px!important;
	}*/
	.mainArrow-resp{
		margin-top: -270px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 40%;
	    width: 11%;
	}
	.specialSolutionTop{
		padding-top:40px;
	}
}
@media(min-width:440px) and (max-width: 512px){
	.ourSolutionImageDiv{
		top:33%;
	    padding:20px;
	}
	.ourSolutionImageDiv>p{
		font-size:30px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:14px!important;
	}*/
	.mainArrow-resp{
		margin-top: -250px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 45%;
	    width: 10%;
	}
}
@media (min-width: 513px) and (max-width: 524px){
	.ourSolutionImageDiv{
		top:33%;
	    padding:20px;
	}
	.ourSolutionImageDiv>p{
		font-size:35px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}*/
	.mainArrow-resp{
		margin-top: -250px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 45%;
	    width: 13%;
	}
}
@media (min-width: 525px) and (max-width: 602px){
	.ourSolutionImageDiv{
		top:33%;
	    padding:20px;
	}
	.ourSolutionImageDiv>p{
		font-size:35px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}*/
	.mainArrow-resp{
		margin-top: -250px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 45%;
	    width: 13%;
	}
}
@media (min-width: 603px) and (max-width: 664px){
	.ourSolutionImageDiv{
		top:33%;
	    padding:20px;
	}
	.ourSolutionImageDiv>p{
		font-size:40px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}*/
	.mainArrow-resp{
		margin-top: -240px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 45%;
	    width: 10%;
	}
}
@media (min-width: 665px) and (max-width: 768px){
	.ourSolutionImageDiv{
		top:33%;
	    padding:20px;
	}
	.ourSolutionImageDiv>p{
		font-size:40px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}*/
	.mainArrow-resp{
		margin-top: -250px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 45%;
	    width: 9%;
	}
}
@media(min-width: 769px) and (max-width: 799px) {
	.ourSolutionImageDiv{
		top:33%;
	    padding:20px;
	}
	.ourSolutionImageDiv>p{
		font-size:45px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}*/
	.mainArrow-resp{
		margin-top: -250px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 45%;
	    width: 9%;
	}
}
@media(min-width: 800px) and (max-width: 823px){
	.ourSolutionImageDiv{
		top:33%;
	    padding:20px;
	}
	.ourSolutionImageDiv>p{
		font-size:45px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}*/
	.mainArrow-resp{
		margin-top: -250px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 45%;
	    width: 9%;
	}
}
@media(min-width: 824px) and (max-width: 871px){
	.ourSolutionImageDiv{
		top:33%;
	    padding:20px;
	}
	.ourSolutionImageDiv>p{
		font-size:45px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}*/
	.mainArrow-resp{
		margin-top: -250px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 45%;
	    width: 9%;
	}
}
@media(min-width: 872px) and (max-width: 877px){
	.ourSolutionImageDiv{
		top:33%;
	    padding:20px;
	}
	.ourSolutionImageDiv>p{
		font-size:45px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}*/
	.mainArrow-resp{
		margin-top: -250px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 45%;
	    width: 9%;
	}
}
@media(min-width: 878px) and (max-width: 900px){
	.ourSolutionImageDiv{
		top:33%;
	    padding:20px;
	}
	.ourSolutionImageDiv>p{
		font-size:45px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}*/
	.mainArrow-resp{
		margin-top: -250px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 45%;
	    width: 9%;
	}
}
@media(min-width: 901px){
	.ourSolutionImageDiv{		
		top:33%;
	    padding:20px;
	}
	.ourSolutionImageDiv>p{
		font-size:45px;
		margin:0px;
	}
	/*.ourSolutionImageDiv>p>span{
		font-size:10px!important;
	}*/
	.mainArrow-resp{
		margin-top: -250px;
	    margin-bottom: 0px;
	    position: absolute;
	    margin-left: 45%;
	    width: 7%;
	}
}
@media(max-width: 600px){
	.zeroPaddingOnMobile{
		padding:0px!important;
	}
	.title{
		height: 35px;
		width: 200px;
		font-size: 14px;
	}
}
@media(min-width: 500px) and (max-width: 600px){
	.wrapper{
		padding:5% 4%!important;
	}
}
@media(min-width: 361px) and (max-width: 400px){
	.wrapper{
		padding:5% 4%!important;
	}
}
@media(max-width: 1200px){
.specialSolutionTop{
	margin-top:0px;
}

}
@media(min-width: 1200px){
	.mainArrow-resp{
		transform:rotate(270deg);
		margin-top: -40px;
	    margin-bottom: 0px;
	    margin-left: -8%;
	    width:9%;
	}
	/*.ourSolutionImageDiv>p{
		font-size:45px;
		margin:0px;
	}*/
}



/*static css for development page banner*/
.ourSolutionImageDiv{
    position:absolute !important;
    background-color: rgba(232, 228, 228, 0.5);
     color: #ffffff;     
     text-align:center;
     font-weight: 500;
}
/*static text color for banner*/
.ourSolutionImageDiv>p{
    color: #ed141f; 
    text-align:center;
    font-weight:bold;
}
.ourSolutionImageDiv>p>span{
    color: #333; 
    text-align:center;
    font-weight:bold;
    font-size: 14px!important;
}


@media(min-width: 0px) and (max-width: 959px){
	#developmentSecondSection, #developmentFirstSection{
		height:30px;
	}
	.nav-text{
		padding:0px 10px 15px;
	}
	.specialPB{
		padding-left:0px!important;
	}
}
@media(min-width: 960px) and (max-width: 1018px){
	#developmentSecondSection, #developmentFirstSection{
		height:130px;
	}
	.specialPB{
		padding-bottom:0px!important;
	}
}
@media(min-width: 1019px){
	#developmentSecondSection, #developmentFirstSection{
		height:80px;
	}
	.specialPB{
		padding-bottom:0px!important;
	}
}
.nav-text a:focus{
	color:#000;
}
.jpn_text {
    font-family: Meiryo UI !important;
}