@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;
}


/*-------------------------------------
*
*	hybrid-cloud
*
-------------------------------------*/

ul.icon_container{
		list-style: none;
		width: 100%;
	padding: 0;
	margin: 0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}

	ul.icon_container li{
		width: 11.9%;
    background: #fff;
	border: 2px solid #004386;
    color: #004386;
    padding: 5px;
	margin: 3px;
    line-height: 110%;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
		float: left;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}

ul.icon_container2{
		list-style: none;
		width: 100%;
	padding: 0;
	margin: 0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}

	ul.icon_container2 li{
		height: 6em;
		width: 26%;
    background: #fff;
		border: 2px solid #004386;
    color: #004386;
    padding: 5px;
		margin: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
		float: left;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
	
	ul.icon_container2 span{
	display:block;
	}
/*-------------------------------------
	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;
}

/*-------------------------------------
*
*	hybrid-cloud
*
-------------------------------------*/


ul.icon_container{
flex-wrap: wrap;
}

ul.icon_container li{
width:26%;
}

ul.icon_container2 li {
    height: 5em;
    }
    
ul.icon_container2 span{
	font-size:14px;
	}

}
