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


/*==========================================================================
エンタープライズストレージとしての機能
============================================================================*/
.architectList {
	display: flex;
	flex-wrap: wrap;
  	justify-content: space-between;
}
.architectList .box {
	width: 100%;
	box-shadow: 0px 2px 6px rgba(0,0,0,.2);
	box-sizing: border-box;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	background-color: #FFF;
	padding: 10px;
}
.architectList .box .ttl {
	background-color: #174489;
	color: #FFF;
	padding: 5px 10px;
	margin-bottom: 20px;
	font-size: 16px;
	text-align: center;
}
.architectList ul {
	margin-bottom: 10px;
}
.architectList ul li {
	list-style-type: disc;
	margin-left: 25px;
	font-size: 14px;
}
/*****************************************************
	320px以下【iphone5】
******************************************************/
@media print, screen and (max-width: 320px) {

}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.architectList .box {
		width: 48.5%;
		margin-bottom: 20px;
	}
	.architectList ul li {
		font-size: 16px;
	}

}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.architectList .box {
		width: 23.5%;
		margin-bottom: 20px;
	}
}

/*==========================================================================
高可用性/パフォーマンスの最大化
============================================================================*/
.boxwap {
	display: flex;
	flex-wrap: wrap;
  	justify-content: space-between;
}
.boxwap .box {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 20px;
}
/*****************************************************
	320px以下【iphone5】
******************************************************/
@media print, screen and (max-width: 320px) {

}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.boxwap .box {
		width: 48%;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {

}