@charset "UTF-8";

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

/* -----------------------------------
 * 企業情報 （振り分け）
 * @aboutus_f
 * ---------------------------------*/

h1{
	margin-top:70px;
	margin-bottom:30px;
}
.readTxt p{
	margin-bottom:30px;
	font-size:18px;
}

/*1/26*/
.ComponentLayoutArea{
	float:left;
	width:290px;
	margin-bottom:50px;
}
.ComponentLayoutArea:nth-child(even){
	float:right;
}
h3{
	margin-bottom:20px;
}
.contentsArea ul{
	list-style:none;
	margin:0;
	padding:0;
}
.contentsArea ul li{
	margin-bottom:15px;
}
.large_content{
	margin-top:-250px;
	float:right !important;
}
.large_content_inner{
	text-align:center;
}
/* =========================================================
 * タブレット版
 * 768px以下に適応
 * ====================================================== */

@media screen and (max-width:768px){
	/* body {
		background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-t-about-us.jpg);
	} */
	h1{
		margin-top:60px;
		margin-bottom:20px;
	}
	.txtArea p{
		margin-bottom:80px;
	}
	
	.ComponentLayoutArea{
		float:none;
		width:100%;
		margin-bottom:40px;
	}
	.ComponentLayoutArea:nth-child(even){
		float:none;
	}
	h3{
		margin-bottom:15px;
	}
	.large_content{
		margin-top:0;
	}
	.large_content_inner{
		width:100% !important;
		margin-top:20px;
	}
	.large_content_inner img{
		width:500px !important;
	}
}
/* =========================================================
 * スマホ版
 * 480px以下に適応
 * ====================================================== */

@media screen and (max-width:480px){
	/* body {
		background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-m-about-us-m@2x.jpg);
	} */
	.txtArea p{
		margin-bottom:20px;
	}
	
	.ComponentLayoutArea{
		float:none;
		width:100%;
		margin-bottom:50px;
	}
	.large_content{
		float:none;
		margin-bottom:30px;
	}
	.large_content_inner{
		text-align:center;
		margin-top:0;
	}
	.large_content_inner img{
		width:80% !important;
		margin:0 auto;
	}
}