@charset "utf-8";
h1{
	margin-top: 0;
}


/*---sq_list---*/
.sq_list{
	overflow: hidden;
	padding: 0 80px;
	padding-top: 20px;
}

.sq_list li{
	width: 160px;
	height: 160px;
	float: left;
	list-style: none;
	background: no-repeat center;
	background-size: contain;
	margin-left: 70px;
	padding: 80px;
	margin-top: 60px;
	text-align: center;
}

.sq_list li:nth-child(1){margin-top: 0;}
.sq_list li:nth-child(2){margin-top: 0;}
.sq_list li:nth-child(3){margin-top: 0;}

.sq_list li b{
	display: block;
}

.sq_list li:nth-child(odd){
	background-image: url(/content/dam/nttcom/hq/en/partnerprogram/img/bg_sq_01.png);
	color: #fff;
}

.sq_list li:nth-child(even){
	background-image: url(/content/dam/nttcom/hq/en/partnerprogram/img/bg_sq_02.png);
	color: #144685;
}

.sq_list li:nth-child(3n + 1){
	margin-left: 0;
}



/*---separate_box---*/
.separate_box{
	position: relative;
	min-height: 470px;
}

.separate_box .left_box{
	width: 49%;
}

.separate_box .right_box{
	width: 49%;
	position: absolute;
	right: 0;
	text-align: right;;
	top: -50px;
}



/*---inline_list---*/
.inline_list{
	margin-top: 60px;
}

.inline_list li{
	display: inline-block;
	list-style: none;
	margin-left: 380px;
}

.inline_list li:nth-child(1){
	margin-left: 0;
	
}

.inline_list li b{
	color: #144685;
	display: inline-block;
	margin-bottom: 10px;
	text-indent: -1em;
}

.inline_list li b:before{
	content: "◆";
	color: #144685;
}


/*---inline_list---*/

@media screen and (max-width:768px) {
	h1{
			width: 100%;
	}

	h1 img{
			width: 100%
	}

	.sq_list li,
	.sq_list li:nth-child(1),
	.sq_list li:nth-child(2),
	.sq_list li:nth-child(3){
		float: none;
		width: 50%;
		margin: 10px auto 0 auto;
		padding: 25%;
	}


	.separate_box .right_box{
		top: 0;
	}

	.separate_box .right_box img{
		width: 100%;
	}

	.inline_list li{
	margin-left: 30%;
	}

}


@media screen and (max-width:480px) {

}