@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;
}

/*
------------------------------------------------------------------------------------------------------------------------------------------------
 * ----- メディアクエリ -----
 * タブレット版
 * 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) ----- */
}