@charset "UTF-8";
/*!
 * リソースセンター （振り分け）-2
*/

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

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

.heading_section div.grid_cols {
	margin:0 auto;
}

h1{
	margin-top:70px;
	margin-bottom:30px;
}
.readTxt p{
	font-size:18px;
}
/* =========================================================
 * コンテンツ
 * @ CONTENTS SECTION
 * ====================================================== */
.contents_section {
	margin-bottom: 90px;
}
.contents_section h5{
	font-weight:bold;
}
.contents_section .grid_cols.grid-6 {
	margin-bottom: 60px;
}

.contents_section .adjustLine {
	padding: 0 20px;
}

.contents_section .adjustLine p {
	margin-bottom:20px;
}



/* -----------------------------------
 * アイテムごとの見出し
 * @ contents_section_item_heading
 * ---------------------------------*/
.contents_section_item_heading {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}

/* -----------------------------------
 * 本文
 * @ contents_section_item_text
 * ---------------------------------*/
.contents_section_item_text {
	margin-bottom: 20px;
}

.graybox{
	margin:40px 0;
	padding:20px;
	background-color:#ddd;
}




/* -----------------------------------
 * 画像
 * @
 * ---------------------------------*/
.featuredCaseStudies_image {
	position: relative;
	width: 316px;
	margin: 0 auto 20px;
}
.featuredCaseStudies_image_small {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 158px;
	height: 158px;
	margin-left: -79px;
}
.featuredCaseStudies_image_small img {
	width: 100%;
}

.featuredCaseStudies_item_title {
	margin-bottom: 20px;
	font-size: 16px;
}


/* =========================================================
 * タブ
 * @ TABs SECTION
 * ====================================================== */
.tab_section {
	margin-bottom: 80px;
}

/* -----------------------------------
 * タイトル
 * @ TITLE
 * ---------------------------------*/

.tabNavigation_contents {
	border-bottom: rgb(204,206,218) solid 1px;
}


.accordion_contents_wrapper li {
	padding: 20px 5px;
	border-top: rgb(204,206,218) solid 1px;
}

.tab_section .accordion_header {
	width: 66.6668%;
	margin: 0 auto;
	background-image: url(/content/dam/nttcom/cmn/img/btn-blind-open.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	font-size: 24px;
}
.tab_section .accordion_header.accordion-close {
	background-image: url(/content/dam/nttcom/cmn/img/btn-blind-close.png);
}


.tab_section .accordion_contents {
	width: 66.6668%;
	margin: 0 auto;
}

.tabNavigation_contents-items {
	display: table;
	width: 100%;
	margin-bottom: 60px;
}
.tabNavigation_contents-items:first-child {
	margin-top: 50px;
}
.tabNavigation_contents-items_image,
.tabNavigation_contents-items_contents {
	display: table-cell;
	vertical-align: middle;
}
.tabNavigation_contents-items_image {
	padding: 10px 40px;
}
.tabNavigation_contents-items_service {
	width: 100%;
}
.tabNavigation_contents-items_service p {
	width: 50%;
}
.tabNavigation_contents-items_service .download {
	text-align: right;
}



/* ----- / @media screen and (max-width:768px) ----- */
@media screen and (max-width: 768px) {
body {
	background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-t-resources.jpg);
}
/* =========================================================
 * TABLET
 * FEATURED CASE STUDIES
 * @ FEATURED CASE STUDIES
 * ====================================================== */

h1{
	margin-top:60px;
	margin-bottom:20px;
}
/* -----------------------------------
 * 画像
 * @
 * ---------------------------------*/
.featuredCaseStudies_image {
	width: 100%;
}

.featuredCaseStudies_image-bg {
	display: none;
}
.featuredCaseStudies_image_small {
	position: static;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	margin-left: auto;
}

}


/* ----- / @media screen and (max-width: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 {
	margin-bottom: 40px;
}

.heading_section h1 {
	font-size: 24px;
}

/* =========================================================
 * Mobile
 * FEATURED CASE STUDIES
 * @ FEATURED CASE STUDIES
 * ====================================================== */
.featuredCaseStudies_section {
	margin-bottom: 80px;
}
.featuredCaseStudies_section .grid_cols.grid-4 {
	margin-bottom: 40px;
}



/* =========================================================
 * Mobile
 * タブ
 * @ TABs SECTION
 * ====================================================== */

.tab_section .accordion_header {
	width: 100%;
	margin: 0 auto;
	font-size: 0.9rem;
}

.tab_section .accordion_contents {
	width: 100%;
	margin: 0 auto;
}

.tabNavigation_contents-items {
	display: block;
}
.tabNavigation_contents-items:first-child {
	margin-top: 20px;
}


.tabNavigation_contents-items_image,
.tabNavigation_contents-items_contents {
	display: block;
}
.tabNavigation_contents-items_image {
	display: none;
}

.tabNavigation_contents-items_service p {
	width: 100%;
}
.tabNavigation_contents-items_service p:first-child {
	margin-bottom: 10px;
}
.tabNavigation_contents-items_service .download {
	text-align: left;
}



}