@charset "UTF-8";
/*!
 * 導入事例CSS
*/

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

/* =========================================================
 * firstSection
 * @ firstSection
 * ====================================================== */
h1{
	margin-top:70px;
	margin-bottom:30px;
}
.readTxt p{
	margin-bottom:90px;
	font-size:18px;
}
.inputWrap{
	width:70%;
	margin:0 auto 90px;
}
.inputWrap label,
.inputWrap_elements{
	display:block;
}
.inputWrap label{
	margin-bottom:10px;
}
.inputWrap .inputWrap_elements_text{
	width:100%;
}
.promotion_diamonds_component{
	margin-bottom:90px;
}
.ContactUsButtonHQJp{
	display:none;
}
/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * タブレット版
 * 768px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:768px) {
	body {
		background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-t-resources.jpg);
		background-size:contain;
	}
	h1{
		margin-top:60px;
		margin-bottom:20px;
	}
	.readTxt p{
		margin-bottom:40px;
	}
	.inputWrap{
		width:100%;
	}
	.inputWrap label{
		text-align:left;
	}
	.inputWrap_elements div.inputWrap_elements_text{
		width:100%;
	}
	.inputWrap_elements_button{
		width:15%;
	}
	.column_component.colnum-3 > .cc-colnum{
		padding:0 10px;
	}
	
.promotion_diamonds_component{
	margin-bottom:40px;
}
/* ----- / @media screen and (max-width:768px) ----- */
}



/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * スマホ版
 * 480px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/

@media screen and (max-width:480px) {
	body {
		background-image:url(/content/dam/nttcom/cmn/img/backgrounds/bg-m-resources-m@2x.jpg);
		background-size:contain;
	}
	.txtArea p{
		margin-bottom:20px;
	}
	.inputWrap{
		border:none;
	}
	.inputWrap_elements{
		padding-top:0;
	}
	.inputWrap_elements div.inputWrap_elements_text input{
		width:95%;
	}
	.inputWrap label{
		margin-bottom:0;
		background:none;
	}

	.inputWrap_elements div{
		display:table-cell;
		float:none;
	}
	.promotion_diamonds_icon img {
		width: 50%;
	}
	.promotion_diamonds_component{
	margin-bottom:30px;
}
/* ----- / @media screen and (max-width:480px) ----- */
}



/*20170316改修*/
.inputWrap{
	display:none;
}


.inputWrap_new{
	width:70%;
	margin:0 auto 90px;
}
.inputWrap_new label,
.inputWrap_elements{
	display:block;
}
.inputWrap_new label{
	margin-bottom:10px;
}
.inputWrap_new .inputWrap_elements_text{
	width:100%;
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * タブレット版
 * 768px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:768px) {

	.inputWrap_new{
		width:100%;
	}
	.inputWrap_new label{
		text-align:left;
	}

/* ----- / @media screen and (max-width:768px) ----- */
}
/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * スマホ版
 * 480px以下に適応
------------------------------------------------------------------------------------------------------------------------------------------------
*/

@media screen and (max-width:480px) {
	.inputWrap_new{
		border:none;
	}
	.inputWrap_new label{
		margin-bottom:0;
		background:none;
	}
/* ----- / @media screen and (max-width:480px) ----- */
}



/* -----------------------------------
 * タイトル
 * @ TITLE
 * ---------------------------------*/
.resources_contents .tabNavigation_contents {
	margin: 0 auto 60px;
}


.resources_contents .accordion_header {
	padding: 20px 5px;
}


.tabNavigation_contents-items {
	display: table;
	width: 100%;
	margin-bottom: 65px;
}
.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_contents p{
	margin-bottom:15px;
}
.tabNavigation_contents-items_image
{
	width: 200px;
	padding: 10px 40px;
}
.tabNavigation_contents-items_service {
	width: 100%;
}
.tabNavigation_contents-items_service p {
	width: 50%;
}

.tabNavigation_contents-items_service .column_component .cc-colnum:nth-of-type(1) {
	width: 20%;
}
.tabNavigation_contents-items_service .column_component .cc-colnum:nth-of-type(2) {
	width: 60%;
}
.tabNavigation_contents-items_service .column_component .cc-colnum:nth-of-type(3) {
	width: 28%;
}

.tabNavigation_contents-items_service .cc-colnum p {
	width: 100%;
}


.tabNavigation_contents-items_service .download {
	text-align: right;
}
.tabNavigation_contents-items_service .download img {
	margin-right:10px;
}

.RscCaseStudy.section{
	max-width:840px;
	margin:0 auto;
}



/* ----- / @media screen and (max-width:768px) ----- */
@media screen and (max-width: 768px) {

/* =========================================================
 * TABLET
 *
 *
 * ====================================================== */

.tabNavigation_contents-items .f-l,
.tabNavigation_contents-items .f-r {
	float: none !important;
}
.tabNavigation_contents-items_service .download {
	text-align: left;
}
.tabNavigation_contents-items_service .column_component .cc-colnum:nth-of-type(1),
.tabNavigation_contents-items_service .column_component .cc-colnum:nth-of-type(2),
.tabNavigation_contents-items_service .column_component .cc-colnum:nth-of-type(3) {
	width: 100%;
}

.RscCaseStudy.section{
	max-width:100%;
}


}


/* ----- / @media screen and (max-width:480px) ----- */
@media screen and (max-width: 480px) {

/* =========================================================
 * 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,
	.tabNavigation_contents-items .image_component {
		display: block;
	}
	.tabNavigation_contents-items_image,
	.tabNavigation_contents-items .image_component {
		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;
	}
	.tabNavigation_contents-items_service .column_component .cc-colnum:nth-of-type(1),
	.tabNavigation_contents-items_service .column_component .cc-colnum:nth-of-type(2),
	.tabNavigation_contents-items_service .column_component .cc-colnum:nth-of-type(3) {
		width: 100%;
	}

/**/
}






/*20170531改修*/

/* =========================================================
 * firstSection
 * @ firstSection
 * ====================================================== */
body {
	background:none;
}
h2{
	border-bottom:2px solid #004387;
	padding-bottom:10px;
	font-size:24px;
	margin-bottom:50px;
}
.tabNavigation{
	margin-bottom:0;
}
.readTxt p{
	margin-bottom:50px;
}

.caseSearchArea{
	border:3px solid #ccc;
	padding:20px 90px;
}
.caseSearchArea h3{
	text-align:center;
	margin-top:0;
}
.caseSearchArea h4{
	font-size:24px;
	color:#004385;
	border-top:1px solid #ccc;
	position: relative;
	cursor: pointer;
	padding-top: 20px;
	line-height: 1.3;
	margin-top:0;
}
.caseSearchArea h4:after{
	content: "";
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
	top: 50%;
	right: 0;
	margin-top: -12px;
	background: url(/content/dam/nttcom/cmn/img/btn-blind-open.png) left top no-repeat;
	background-size: contain;
}
.caseSearchArea h4.close:after{
	background-image: url(/content/dam/nttcom/cmn/img/btn-blind-close.png);
}
.checkboxArea{
	display:none;
}
.checkboxArea ul{
	list-style:none;
	padding-top:10px;
	margin-top:0;
}
.checkboxArea ul li{
	display:inline-block;
	margin:0 auto;
	font-size:16px;
	margin-bottom:10px;
	color:#004385;

	margin-right: 10px;
}
.checkboxArea .searchcheck {
	background-color: #E6F7FE;
}





.checkboxArea dl{
	padding-left:40px;
	float:left;
	width:990px;
	margin:16px auto;
}
.checkboxArea dl dt{
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
}
.checkboxArea dl dd{
	color:#004385;
	display:inline-block;
	margin-right:30px;
	font-size:16px;
	margin-bottom:10px;
}
.searchResultsArea{
	width:1120px;
	margin:0 auto;
}
.searchResultsArea h3{
	text-align:center;
	margin:50px auto;
	font-size:36px;
}
.searchResultsArea ul{
	list-style:none;
	margin:0;
	padding:0;
}
.searchResultsArea ul li{
	border:1px solid #ccc;
	width:358px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.searchResultsArea ul li:nth-of-type(3n){
	float:right;
	margin-right:0;
}
.searchResultsArea ul li .logo{
	text-align:center;
	padding:10px;
}
.searchResultsArea ul li .logo img{
	height:127px;
}
.searchResultsArea ul li .disc{
	background:#f3f3f3;
	padding:10px;
}
.searchResultsArea ul li .disc h4{
	font-size:20px;
	margin-bottom:10px;
	margin-top:0;
}
.searchResultsArea ul li .disc .read{
	color:#004385;
}
.searchResultsArea ul li .disc p{
	margin-bottom:10px;
}

.allshowBt{
	text-align:center;
	margin:40px auto 0;
}
.allshowBt a{
	border:3px solid #004286;
	padding:20px 0;
	width:360px;
	font-size:18px;
	font-weight:bold;
	display:block;
	margin:0 auto;
}
.allshowBt a span{
	background:url(/content/dam/nttcom/cmn/img/cta-breadcrumb.png) no-repeat right;
	padding-right:30px;
}
/* ----- / @media screen and (max-width:768px) ----- */
@media screen and (max-width: 768px) {

/* =========================================================
 * TABLET
 *
 *
 * ====================================================== */
body {
	background:none;
}
.caseSearchArea{
	padding:15px;
}
.caseSearchArea h4{
	width:100%;
}
.checkboxArea ul,.checkboxArea dl{
	width:100%;
	padding-left:0;
}
.searchResultsArea{
	width:100%;
}
.searchResultsArea h3{
	text-align:center;
	margin:25px auto;
	font-size:24px;
}
.searchResultsArea ul li{
	width:49%;
	margin-right:0;
	margin-bottom:10px;
}
.searchResultsArea ul li:nth-of-type(3n){
	float:left;
	margin-right:0;
}
.searchResultsArea ul li:nth-of-type(2n){
	float:right;
	margin-right:0;
}
/*TABLETここまで*/
}



/* ----- / @media screen and (max-width:480px) ----- */
@media screen and (max-width: 480px) {

/* =========================================================
 * Mobile
 * 
 * 
 * ====================================================== */
body {
	background:none;
}
.tabChange_dropdown{
	display:none;
}
.caseSearchArea h4{
	color:#004385;
	border:none;
	background:none;
	text-align:left;
	border-top:1px solid #ccc;
	margin:0;
}
.checkboxArea{
	display:none;
}
.checkboxArea ul,.checkboxArea dl{
	padding-left:10px;
}
/*
.caseSearchArea .cf:last-of-type{
	border-bottom:1px solid #ccc;
	
}
*/
.caseSearchArea h4 {
	position: relative;
	color:#004386;
	font-size: 1rem;
	font-weight:bold;
	cursor: pointer;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.3;
	border-top: rgb(204,206,218) solid 1px;/*10/8削除指示　4/1復活指示*/
}
.caseSearchArea h4:after{
	content: "";
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
	top: 50%;
	right: 0;
	margin-top: -12px;
	background: url(/content/dam/nttcom/cmn/img/btn-blind-open.png) left top no-repeat;
	background-size: contain;
}
.caseSearchArea h4.close:after{
	background-image: url(/content/dam/nttcom/cmn/img/btn-blind-close.png);
}
.searchResultsArea ul li{
	float:none;
	width:100%;
	margin-bottom:10px;
}
.searchResultsArea ul li:nth-of-type(2n){
	float:none;
}
.searchResultsArea ul li:nth-of-type(3n){
	float:none;
}
.allshowBt{
	margin-top:10px;
}
.allshowBt a{
	width:100%;
}
/*Mobileここまで*/
}









/*20170823改修*/

/* =========================================================

 * ====================================================== */




.search_count{
	background: #09357e;
	color: #fff !important;
	position: fixed;
	right: 0;
	text-align: center;
	bottom: 0;
	z-index: 9999;
	padding:5px 0;
	line-height:30px;
	display:none;
	width:100%;
}
.search_count .countWrap{
	display:table;
	margin:0 auto;
}
.search_count .countWrap p{
	display:table-cell;
	vertical-align:middle;
	padding:0 5px;
}
.search_count .countWrap .pd0{
	padding-left:0;
	padding-right:10px;
}
.search_count .result_cnt{
	font-size:30px;
}
.search_count a{
	color:#fff;
	background:url(/content/dam/nttcom/cmn/img/icn_right_arrow_wh.png) no-repeat left center;
	padding-left:10px;
	font-size:12px;
}

.sub_backTo-top{
	margin-bottom:80px;
}