@charset "UTF-8";

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

/* -----------------------------------
 * 企業情報 （Press Releases 一覧）
 * @newscenter
 * ---------------------------------*/
/*後で一緒にする*/

h1{
	margin-top:70px;
	margin-bottom:30px;
}
.readTxt p{
	margin-bottom:30px;
	font-size:18px;
}
h2{
	text-align:center;
	margin-bottom:40px;
}
.line01 .partitionLines{
	margin-bottom:40px;
}
.line02 .partitionLines{
	margin-bottom:40px;
}
.inputWrap{
	margin-bottom:40px;
}
.inputWrap_elements div.inputWrap_elements_text {
	width: 300px;
}

.freeArea{
	line-height:1.5;
}
.contentsArea{
	margin-bottom:90px;
}
h3{
	margin-bottom:35px;
}
h4 {
	color: #004386;
	font-weight: bold;
	margin-bottom: 15px;
}
.adjustLine{
	margin-bottom:30px;
	float:left;
	width:48%;
}

.snsArea{
	display:table;
	table-layout:fixed;
	margin:0 auto;
}
.snsArea .snsIcon{
	display:table-cell;
	text-align:center;
	padding:0 10px;
}
/* =========================================================
 * タブレット版
 * 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;
	}
	.readTxt p{
		margin-bottom:80px;
	}
	.line01 .partitionLines{
		margin-bottom:40px;
	}
	.freeArea{
		line-height:1.5;
		margin-bottom:15px;
	}
	.contentsArea{
		margin-bottom:100px;
	}
	h3{
		margin-bottom:30px;
	}
	.snsArea .snsIcon{
		padding:0 5px;
	}
	.snsArea .snsIcon img{
		width:100%;
	}

}
/* =========================================================
 * スマホ版
 * 480px以下に適応
 * ====================================================== */

@media screen and (max-width:480px){
	body {
		/* background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-m-about-us-m@2x.jpg); */
	}
	.readTxt p{
		margin-bottom:40px;
	}
	h2{
		text-align:center;
		margin-bottom:20px;
	}
	.line01 .partitionLines{
		margin-bottom:20px;
	}
	.searchArea .searchTxt{
		width:60%;
	}
	.contentsArea{
		margin-bottom:80px;
	}
	h3{
		margin-bottom:20px;
	}
	.inputWrap_elements div.inputWrap_elements_text {
		width: 65%;
	}
	.adjustLine{
		float:none;
		width:100%;
	}
}