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

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

   globalNavi

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

#globalNavi>ul>li:nth-of-type(1)>a{
background:url(../../../common/images/globalNavi_bg.png) no-repeat;
}

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

   sideNavi

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

#itinfra.status #sideItMenu .side01,
#itinfra.introduction #sideItMenu .side02,
#itinfra.virtualization #sideItMenu .side03,
#itinfra.migration #sideItMenu .side04,
#itinfra.veeam #sideItMenu .side05{
background:#de0716;
}


#itinfra.status #sideItMenu .side01 a,
#itinfra.introduction #sideItMenu .side02 a,
#itinfra.virtualization #sideItMenu .side03 a,
#itinfra.migration #sideItMenu .side04 a,
#itinfra.veeam #sideItMenu .side05 a{
padding:12px 0 12px 20px;
background:url(../../../common/images/sideSection_bg.png) no-repeat left center;
font-weight:bold;
line-height:1.2;
color:#fff;
}

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

   index

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



#itinfra.index #sideIt{
background:#de0716;
}

#itinfra.index #sideIt a{
padding:12px 0 10px 20px;
background:url(../../../common/images/sideSection_bg.png) no-repeat left center;
font-weight:bold;
line-height:1.2;
color:#fff;
}

#itinfra.index ul.menu{
padding:0 0 20px 0;
}

#itinfra.index ul.menu li{
margin:0 20px 20px 0;
float:left;
}


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

   status

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

#itinfra.status #section01 p,
#itinfra.status #section02 p{
padding:0 10px 20px 20px;
}

#itinfra.status #section01 figure,
#itinfra.status #section02 figure{
padding-bottom:20px;
text-align:center;
}


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

   introduction

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

#itinfra.introduction #section01 p,
#itinfra.introduction #section02 p,
#itinfra.introduction #section03 p,
#itinfra.introduction #section04 p{
padding:0 10px 20px 20px;
}

#itinfra.introduction #section01 figure,
#itinfra.introduction #section02 figure,
#itinfra.introduction #section03 figure{
padding-bottom:60px;
text-align:center;
}

#itinfra.introduction #section03 h3{
padding-bottom:2px;
margin-bottom:16px;
border-bottom:2px #de0716 solid;
font-weight:bold;
font-size:16px;
}


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

   virtualization

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

#itinfra .pagenav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 -10px;
}

#itinfra .pagenav::after {
	content: '';
	display: block;
	width: 240px;
}

#itinfra .pagenav a {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 240px;
	margin: 0 0 10px;
	padding: 15px 10px 27px;
	border: 1px solid #E2E2E2;
	box-sizing: border-box;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	position: relative;
}

#itinfra .pagenav a:hover {
	opacity: .7;
}

#itinfra .pagenav a::after {
	content: '';
	position: absolute;
	bottom: 10px;
	left: 50%;
	border-top: 7px solid #FD8E60;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

#itinfra .pagenav .img {
	margin: 0 0 10px;
	padding: 0;
}

#itinfra .pagenav .txt {
	margin: auto 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.5;
}

@media only screen and (max-width:1002px) {
	#itinfra .pagenav {
		justify-content: space-between;
	}

	#itinfra .pagenav::after {
		content: none;
	}

	#itinfra .pagenav a {
		width: calc(50% - 5px);
		padding: 10px 5px 22px;
	}
}

#itinfra.virtualization figure.img {
	padding-bottom: 25px;
	text-align: center;
}

#itinfra.virtualization .notes {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 13px;
}

#itinfra.virtualization .check_tit {
	margin: 0 0 30px;
	padding: 30px 0 20px;
	border-top: 2px solid #DE0716;
	border-bottom: 1px solid #E2E2E2;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top: 10px;
}

#itinfra.virtualization .check_tit .ico {
	position: absolute;
	top: -15px;
	left: 0;
	padding: 2px 10px 0px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background: #DE0716;
}

#itinfra.virtualization .check_tit .ico::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 20px;
	border-right: 12px solid #DE0716;
	border-bottom: 8px solid transparent;
}

#itinfra.virtualization .case {
	padding: 30px;
	background: #F1F1F1;
	position: relative;
}

#itinfra.virtualization .case::before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-right: 20px solid #fff;
	border-bottom: 20px solid transparent;
}

#itinfra.virtualization .case::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-left: 20px solid #DBDBDB;
	border-top: 20px solid transparent;
}

#itinfra.virtualization .case h4 {
	margin: 0 0 30px;
	padding: 0 0 0 22px;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5;
	background: url(../images/ico_case.svg) no-repeat 0 .15em;
	background-size: 17px auto;
}

#itinfra.virtualization .case .tbr {
	margin: 0 0 30px;
}

@media only screen and (max-width:1002px) {
	#itinfra.virtualization .case {
		padding: 20px;
	}

	#itinfra.virtualization .case h4 {
		margin: 0 0 20px;
	}

	#itinfra.virtualization .case .tbr {
		margin: 0 0 20px;
	}
}

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

   migration

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

#itinfra.migration #section01,
#itinfra.migration #section02,
#itinfra.migration #section03,
#itinfra.migration #section04{
	margin-bottom: 40px;
}

#itinfra.migration figure.img {
	padding-bottom: 25px;
	text-align: center;
}

#itinfra.migration .tit_img {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#itinfra.migration .tit_img span {
	display: inline-block;
	padding: 2px 10px 0;
	font-size: 24px;
	color: #fff;
	line-height: 1.5;
	background: #DE0716;
}

#itinfra.migration .notes {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 13px;
}

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

   veeam

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

#itinfra .block {
	margin-bottom: 40px;
}

#itinfra .block > *:last-child {
	padding-bottom: 0;
}