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

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


/* =========================================================
 * ページ見出しセクション
 * @ HEADING SECTION
 * ====================================================== */
.heading_section {
	min-height: 910px;
}

.heading_section div.grid_cols {
	margin:0 auto;
}
h1{
	margin-top:70px;
	margin-bottom:30px;
}
.readTxt p{
	font-size:18px;
}
.heading_section .grid_contents:nth-of-type(3) {
	margin-top: 150px;
}
.heading_section .grid_contents:nth-of-type(3) h5 {
	color: #004386 !important;
	margin-bottom: 20px;
}
.heading_section .grid_contents:nth-of-type(3) p {
	margin-bottom: 40px;
}


/*.heading_section .grid_contents:nth-of-type(3) p:nth-of-type(1n) {
	margin-bottom: 20px;
}
.heading_section .grid_contents:nth-of-type(3) p:nth-of-type(2n) {
	margin-bottom: 40px;
}*/


.heading_section .sectioning_layout-inner .grid_contents:nth-of-type(3) .image_component {
	position:absolute;
	top: 160px;
	right: -100px;
	min-width:300px;
	min-height:300px;
}
.heading_section .sectioning_layout-inner .grid_contents:nth-of-type(3) .image_component > div {
	position: static;
}

/* =========================================================
 * 担当者
 * @ representative_section
 * ====================================================== */
.representative_section {
	margin-bottom: 100px;
	padding: 40px 0;
	background-color: rgb(246,246,246);
}

.representative_section .column_component.colnum-2 > .cc-colnum {
	width: 50%;
}


/* =========================================================
 * コンテンツ
 * @ contents_section
 * ====================================================== */
.contents_section {
	margin-bottom: 80px;
	line-height: 1.7;
}
.contents_section .grid_cols {
	margin: 0 auto;
}

.contents_section h2{
	margin-top: 100px;
	margin-bottom: 30px;
	text-align:center;
}
.contents_section h2:first-child {
	margin-top: 0;
}

.contents_section h3,
.contents_section p {
	margin-bottom: 30px;
}

.contents_section .image_component {
	margin-bottom: 40px;
}



/* =========================================================
 * サービス
 * @ services_section
 * ====================================================== */
.services_section {
	margin-bottom: 100px;
	padding: 40px 0;
	background-color: rgb(246,246,246);
}
.services_section .grid_cols {
	margin: 0 auto;
}
.services_section h2 {
	margin-bottom: 30px;
	text-align: center;
}
.services_section h3 {
	margin-bottom: 30px;
	color: #004386;
}
.services_section p {
	margin-bottom: 30px;
}
.grid_cols .services_section p:last-child {
	margin-bottom: 0;
}



/* =========================================================
 * カンパニープロフィール
 * @ conpanyprofile_section
 * ====================================================== */
.conpanyprofile_section {
	margin-bottom: 100px;
}
.conpanyprofile_section .grid_contents .grid_cols:nth-of-type(1) {
	padding: 0 114px;
}
.conpanyprofile_section .grid_contents .grid_cols:nth-of-type(2) h3,
.conpanyprofile_section .grid_contents .grid_cols:nth-of-type(2) p {
	margin-bottom: 30px;
}
.conpanyprofile_section .grid_contents .grid_cols:nth-of-type(2) p:last-child {
	margin-bottom: 0;
}



/* =========================================================
 * シェアボタン
 * @ share_section
 * ====================================================== */
.share_section .grid_cols {
	margin: 0 auto;
	text-align: center;
}
.share_section h3 {
	margin-bottom: 40px;
}
.share_section a {
	margin: 0 5px;
}



/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * タブレット版
 * 768px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width: 768px) {
body{
	/* background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-t-resources.jpg); */
	background-size: 100% auto;
}
h1{
	margin-top:60px;
	margin-bottom:20px;
}
/* =========================================================
 * TABLET
 * ページ見出しセクション
 * @ HEADING SECTION
 * ====================================================== */
.heading_section {
	min-height: 780px;
}
.heading_section .grid_contents:nth-of-type(3) {
	margin-top: 80px;
}
.heading_section .sectioning_layout-inner .grid_contents:nth-of-type(3) .image_component{
	width: 50%;
	min-height:auto;
	min-width:50%;
	top: 240px;
	right: 0;
}


/* =========================================================
 * TABLET
 * 担当者
 * @ representative_section
 * ====================================================== */


/* =========================================================
 * TABLET
 * コンテンツ
 * @ contents_section
 * ====================================================== */
.contents_section h3,
.contents_section p {
	margin-bottom: 20px;
}



/* =========================================================
 * TABLET
 * サービス
 * @ services_section
 * ====================================================== */
.services_section h2,
.services_section h3,
.services_section p {
	margin-bottom: 20px;
}



/* =========================================================
 * TABLET
 * カンパニープロフィール
 * @ conpanyprofile_section
 * ====================================================== */
.conpanyprofile_section .grid_contents .grid_cols:nth-of-type(1) {
	padding: 0 10px;
}
.conpanyprofile_section .grid_contents .grid_cols:nth-of-type(2) h3,
.conpanyprofile_section .grid_contents .grid_cols:nth-of-type(2) p {
	margin-bottom: 20px;
}



/* =========================================================
 * TABLET
 * シェアボタン
 * @ share_section
 * ====================================================== */
.share_section .grid_cols {
	margin: 0 auto;
	text-align: center;
}
.share_section h3 {
	margin-bottom: 40px;
}
.share_section a {
	margin: 0 5px;
}


}






/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * モバイル版
 * 480px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width: 480px) {
body{
	/* background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-m-resources-m@2x.jpg); */
}

/* =========================================================
 * MOBILE
 * ページ見出しセクション
 * @ HEADING SECTION
 * ====================================================== */
.heading_section {
	min-height: auto;
	margin-top: 40px;
	margin-bottom: 80px;
}

.heading_section .grid_contents:nth-of-type(3) {
	margin-top: 40px;
}
.heading_section .grid_contents:nth-of-type(3) p:nth-of-type(1n) {
	margin-bottom: 10px;
}
.heading_section .grid_contents:nth-of-type(3) p:nth-of-type(2n) {
	margin-bottom: 20px;
}


.heading_section .sectioning_layout-inner .grid_contents:nth-of-type(3) .image_component{
	position: static;
	width: 100%;
	top: auto;
	right: auto;
	margin-bottom: 40px;
}



/* =========================================================
 * MOBILE
 * 担当者
 * @ representative_section
 * ====================================================== */
.representative_section {
	margin-bottom: 80px;
}
.representative_section .column_component.colnum-2 > .cc-colnum {
	width: 100%;
}
.representative_section .column_component.colnum-2 > .cc-colnum:nth-of-type(1) {
	margin-bottom: 2rem;
}


/* =========================================================
 * MOBILE
 * コンテンツ
 * @ contents_section
 * ====================================================== */
.contents_section {
	margin-bottom: 80px;
	line-height: 1.7;
}
.contents_section .grid_cols {
	margin: 0 auto;
}

.contents_section h2{
	margin-top: 80px;
	margin-bottom: 20px;
	text-align:center;
}



/* =========================================================
 * MOBILE
 * サービス
 * @ services_section
 * ====================================================== */
.services_section {
	margin-bottom: 80px;
}



/* =========================================================
 * MOBILE
 * カンパニープロフィール
 * @ conpanyprofile_section
 * ====================================================== */
.conpanyprofile_section {
	margin-bottom: 80px;
}
.conpanyprofile_section .grid_contents .grid_cols:nth-of-type(1) {
	margin-bottom: 10px;
	padding: 0 0px;
}
.conpanyprofile_section .grid_contents .grid_cols:nth-of-type(2) h3,
.conpanyprofile_section .grid_contents .grid_cols:nth-of-type(2) p {
	margin-bottom: 20px;
}
.conpanyprofile_section .image_component{
	text-align:center;
}
.conpanyprofile_section .image_component img{
	width:50%;
	margin:0 auto;
}

/* =========================================================
 * MOBILE
 * シェアボタン
 * @ share_section
 * ====================================================== */
.share_section .grid_cols {
	font-size: 0;
}
.share_section a {
	display: inline-block;
	width: 15%;
	margin: 0 5px;
	font-size: 0;
}
.share_section a img {
	width: 100%;

}




}


/* =========================================================
 * 2021.05
 * /business/case-studies/～
 * 課題・対策・効果　文字色を一括で変更
 * ====================================================== */
div.grid_cols.grid-6 div.text.parbase.text03 div span.fs-30 b span,
div.grid_cols.grid-6 div.text.parbase.text03 div b span.fs-30 span,
div.grid_cols.grid-6 div.text.parbase.text03 p span.fs-30 b span{
	color:#333333 !important;
}