/* -----------------------------------
 * リソースセンター （トップ）
 * @resources_overview
 * ---------------------------------*/

body {
	background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-l-resources.jpg);
}

h1{
	margin-top:70px;
	margin-bottom:30px;
}
.readTxt p{
	margin-bottom:90px;
}

h3{
	color:#004386;
	font-weight:bold;
}
.headText{
	margin-bottom:80px;
}
.grid-6-tablet{
	margin-bottom:80px;
}
.resourcesIconImg{
	display:table;
	text-align:center;
	margin:0 auto 15px;
}
.resourcesIconInner{
	background:url(/content/dam/nttcom/cmn/img/resources_img.png) no-repeat;
	background-size:cover;
	width:105px;
	height:105px;
	margin:0 auto;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.resourcesTxtArea h3,
.resourcesTxtArea p{
	text-align:center;
}
.resourcesTxtArea h3{
	margin-bottom:15px;
}


/* =========================================================
 * タブレット版
 * 768px以下に適応
 * ====================================================== */

@media screen and (max-width:768px){
	body {
		background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-t-resources.jpg);
	}
	h1{
		margin-top:60px;
		margin-bottom:20px;
	}
	.readTxt p{
		margin-bottom:40px;
	}
	.grid-6-tablet{
		margin-bottom:20px;
	}
}
/* =========================================================
 * スマホ版
 * 480px以下に適応
 * ====================================================== */

@media screen and (max-width:480px){
	body {
		background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-m-resources-m@2x.jpg);
	}
	.readTxt p{
		margin-bottom:40px;
	}
	.resourcesIconImg{
		float:left;
		width:105px;
	}
	.resourcesIconInner{
		height:105px;
		margin:0 auto;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
	}
	.resourcesTxtArea{
		float:right;
		width:60%;
	}
	.resourcesTxtArea h3,
	.resourcesTxtArea p{
		text-align:left;
	}
}