@charset "utf-8";
/* CSS Document */


/*-------------------------------------
	全体共通
-------------------------------------*/
.w840_hq {
	max-width: 838px;
	margin: 0 auto;
	padding: 0;
}

.ind1_hq {
	padding-left: 1em;
	text-indent: -1em;
}

/*表示---------------------*/
	.pc_only{display: block;}
	.sp_only{display: none;}

/*font-size--------------------*/
.fs_ss{
	font-size: 80%;
}

/*font-color--------------------*/
.fc_red{color:#c9151e;}
.fc_bl{color:#333;}


/*hn--------------------*/

.computeFlatTypeSection {
    margin-bottom: 0px;
}

h3.fllb_hq{
font-size:20px;
margin-top: 0px;
}


/*-------------------------------------
*
*	total-management
*
-------------------------------------*/

.tm_link {/*親div*/
  position: relative;
  }

.tm_link p.link_a {
  position: absolute;
  color: #09357f;
	font-size:1.5em;
  font-weight: bold; 
   top: 24%;
  left: 50%;
  -ms-transform: translate(-50%);
  -webkit-transform: translate(50%);
  transform: translate(-50%);
  margin:0;
  padding:0;
  }
	
	.tm_link p.link_b {
  position: absolute;
  color: #09357f;
	font-size:1.5em;
  font-weight: bold; 
   top: 36%;
  left: 50%;
  -ms-transform: translate(-50%);
  -webkit-transform: translate(50%);
  transform: translate(-50%);
  margin:0;
  padding:0;
  }
	
	.tm_link p.link_b::before{
		content: "";
		width: 42px;
		height: 29px;
		display: inline-block;
		background: url(/content/dam/nttcom/hq/en/services/cloud/enterprise-cloud/value_totalmanagement/img/total-management_img05_icon.png) no-repeat;
		background-size: contain;
		padding-right: 20px;
	}

.tm_link img {
  width: 100%;
  }

/*-------------------------------------
	768px
-------------------------------------*/

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

/*-------------------------------------
	全体共通（768px）
-------------------------------------*/
	/*表示---------------------*/
	.pc_only{display: none;}
	.sp_only{display: block;}
	.img_per{width: 100%;}
	

}

/*-------------------------------------
	480px
-------------------------------------*/

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

.column_component.colnum-2 .cc-colnum{
padding: 0px 0px 30px 0px;
}


/*table--------------------*/
table{
font-size:14px;
}

div.over{
overflow: scroll;
}

	/*-------------------------------------
*
*	total-management
*
-------------------------------------*/
	.tm_link p.link_a {
	font-size:14px;
		top: 23%;
  }
	
	.tm_link p.link_b {
	font-size:12px;
   top: 36%;
  left: 36%;
  -ms-transform: translate(-50%);
  -webkit-transform: translate(50%);
  transform: translate(-50%);
  }
		
		.tm_link p.link_b::before{
		content: "";
		width: 20px;
		height: 14px;
		background-size: contain;
		padding-right: 10px;
	}


}