@charset "UTF-8";

/* **************************************************

Name: style.css

Create: 202003
Update: 202012

Copyright 2017 Hitachi, Ltd.

***************************************************** */

/* Common Setting
=========================================================================================== */

.nutanix_contents {
	padding: 30px 0 0 0 !important;
}

.nutanix_grid { width: 100%; }

.block_area {margin-bottom: 30px;}
@media screen and (max-width:994px) {
	.block_area {
		box-sizing: border-box;
		margin: 0 16px 30px 16px;
	} }
@media screen and (max-width:767px) {
	.block_area {
		box-sizing: border-box;
		margin: 0 auto 30px;
		width: 92%;
	} }

.contents_inner {
	margin: 0 auto;
	max-width: 965px;
}

.contents_white {
	background-color: #fff;
	box-sizing: border-box;
	padding: 40px 0 20px 0;
}

.block_area .contents_inner p.TextStyle1 {margin-bottom: 40px;}
@media screen and (max-width:767px) {
	.block_area .contents_inner p.TextStyle1 {
		margin-bottom: 30px;
} }

.col_flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.sp {display: none;}
@media screen and (max-width:767px) {
	.pc {display: none;}
	.sp {display: block;}
}

/* display */

.display-pc {display: block;}
.display-sp {display: none;}

@media screen and (max-width:767px) {
.display-pc {display: none;}
.display-sp {display: block;}
}

.display-pc2 {display: block;}
.display-sp2 {display: none;}

@media screen and (max-width:399px) {
.display-pc2 {display: none;}
.display-sp2 {display: block;}
}


.PageTop a {background-image: url("/products/it/nutanix/image/common/icon_link_top_blue.png");}

.branding_area.default {
	background-color: #333;
	width: 100%;
}

.branding_area.default .PageTitleStyle1 {
	margin: 0;
	padding: 25px 0;
}

.branding_area.default .PageTitleStyle1 h1 {
	color: #fff;
	text-align: center;
}

.branding_inner {
	margin-left: auto;
	margin-right: auto;
	width: 965px;
}
@media screen and (max-width:994px) {
	.branding_inner {
		width: 100%;
	} }
@media screen and (max-width:767px) {
	.branding_inner h1 .sp {
		height: 100px;
		width: auto;
	} }



/* General Setting
=========================================================================================== */

/* link */
a:link,
.nutanix_contents a:link {
	text-decoration: none;
	color: #134a9b;
}
a:visited,
.nutanix_contents a:visited {
	text-decoration: none;
	color: #013f9b;
}
a:hover,
a:active,
.nutanix_contents a:hover,
.nutanix_contents a:active {
	text-decoration: underline;
	color: #092650;
}

/* new window */
a.new_win {
	background: url("/products/it/nutanix/image/common/icon_new_window_blue.png") no-repeat center right / 13px 11px;
	margin-right: 5px;
	padding-right: 18px;
}

/* Button style */
.ButtonStyle1 a:link,
.ButtonStyle1 a:visited,
.ButtonStyle1 a:hover,
.ButtonStyle1 a:active {
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	background-color: #C23849;
}

/* h1 */
h1 {
color: #fff;
    text-shadow: 1px 1px 3px #000;
}

.about h1,
.products h1,
.consulting_si h1,
.usecase h1,
.solution h1,
.blog h1 {
font-size: 200%;
font-weight:bold;
}

.about p.title-lead,
.products p.title-lead,
.consulting_si p.title-lead,
.usecase p.title-lead,
.solution p.title-lead,
.blog p.title-lead {
padding-top: 6%;
color: #fff;
text-shadow: 1px 1px 3px #000;
}

/* h2 */
h2.title {
	background: none;
	color: #222;
	font-size: 100%;
	margin-bottom: 20px;
	text-align: center;
}

h2.title span {
	background: none;
	color: #222;
	font-size: 156.25%;
}
@media screen and (max-width:767px) {
	h2.title span {
		font-size: 4.5vw;
	} }

h2.title2 {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
@media screen and (max-width:767px) {
	h2.title2 {
		margin: 0;
	} }

h2.title2 span {
	background-color: #41748f;
	box-sizing: border-box;
	color: #fff;
	font-size: 90%;
	padding: 12px 0 12px 20px;
}

h2.title3 {
	background: none;
	position: relative;
	padding: .1em .3em .1em .5em;
	border-left: 6px solid #007CC3;
	color: #1B55A3;
	font-size:150%;
	font-weight: bold;
	margin-bottom: 40px;
}
h2.title3::before {
	position: absolute;
	content: '';
	left: -6px;
	bottom: 0;
	width: 6px;
	height: 50%;
	background-color: #7AC142;
}
h2.title3::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
}

@media screen and (max-width:399px) {
	h2.title3 {
		margin-left:4px ;
	} }


/* h3 --20200423-- */
h3.title {
	background: none;
	color: #222;
	font-size: 100%;
	text-align: center;
	padding-top: 15px;
}

h3.title span {
	background: none;
	color: #222;
	font-size: 125%;
}
@media screen and (max-width:767px) {
	h3.title span {
		font-size: 4vw;
	} }


h3.title2 {
color: #1B55A3;
font-size: 120%;
margin: 40px 0 30px;
}

h3.title2 span {
	border-bottom: solid 3px #007CC3;
	position: relative;
}

h3.title2 span::before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 30%;
	height: 3px;
	background-color: #7AC142;
	top: 100%;
}

#page_top {
	position: fixed;
	bottom: 90px;	/*FloatingContactの高さ追加*/
	right: calc((100% - 965px)/2);
	z-index: 10000;
}

@media screen and (max-width:965px) {
	#page_top {
		right: 10px;
	} }
@media screen and (max-width:767px) {
	#page_top {
		bottom: /*2vh*/12vh;
	}
	#page_top img {
		width: 48px;
	} }

#page_top:hover {
	cursor: pointer;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#page_top.stop_pos {
	bottom: /*245px*/ 155px;	/*FloatingContactの高さ*/
	transition-duration: .4s;
}

@media screen and (max-width:767px) {
	#page_top.stop_pos {
		bottom: /*20vh*/30vh;
	} }

@media screen and (max-width:767px) {
	.PageTop {
		display: none;
	} }

@media screen and (max-width:400px) {
	#page_top.stop_pos {
		bottom: 18vh;
	} }



table.no_border th,
table.no_border td {border: none;}

ul.icon_blue li {
	background-image: url("/products/it/nutanix/image/common/icon_list_blue.jpg");
	background-position: 0 center;
	background-size: 8px 8px;
}

.mb15 {margin-bottom: 15px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb60 {margin-bottom: 60px !important;}

.ImgOnlyStyle {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
@media screen and (max-width:767px) {
	.ImgOnlyStyle.sp {
		text-align: center;
	}
	.ImgOnlyStyle img {
		margin-left: auto;
		margin-right: auto;
	} }



/** FloatingContact 20200908**/

#FloatingArea {
	position: relative;
	width: 100%;
	height: 80px;
	animation: fadeIn 0.5s ease 0s 1 normal;
	-webkit-animation: fadeIn 0.5s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

#FloatingArea ul.ContactsBtn {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	background-color: rgba(51, 51, 51, 0.4);
	height:80px;
}

#FloatingArea ul.ContactsBtn li {
display:block;
margin:15px;
text-align: center;
border-radius: 50px;
color: #fff;
background-color: /*#61B812*/#e60027;
font-weight: bold;
font-size: 140%;
text-decoration:none;
}

#FloatingArea ul.ContactsBtn li a{
display:block;
color:#fff;
border-radius: 50px;
padding:8px 40px 0 40px;
}

@media screen and (max-width:767px) {
#FloatingArea ul.ContactsBtn li a{
padding: 8px 16px 0 16px;
font-size: 85%;
}
}

@media screen and (max-width:579px) {
#FloatingArea ul.ContactsBtn li a{
padding: 8px 16px 0 16px;
font-size: 80%;
line-height: 1.2em;
}
}

@media screen and (max-width:399px) {
#FloatingArea ul.ContactsBtn li a{
padding: 8px 16px 0 16px;
font-size: 65%;
line-height: 1.2em;
}
}


#FloatingArea ul.ContactsBtn li:link,
#FloatingArea ul.ContactsBtn li:visited,
#FloatingArea ul.ContactsBtn li:hover,
#FloatingArea ul.ContactsBtn li:active {
	background-color:#b1000e;
}
#FloatingArea ul.ContactsBtn li a:hover{
	text-decoration:none;
}


/* Top Page Setting
=========================================================================================== */

.branding_area.top {
	background: url("/products/it/nutanix/image/top/branding_top_image.jpg") no-repeat center center / auto 100%;
	height: 270px;
	background-color: #08335d;
}

@media screen and (min-width:2000px) {
	.branding_area.top {
		background-position: bottom 0;
		background-size: cover;
	} }
@media screen and (max-width:965px) {
	.branding_area.top {
		height: auto;
		width: 100%;
	}
}

#top-title h1{
	padding-top: 44px;
	padding-left: 16px;
	font-size: 200%;
	font-weight: bold;
	color: #08335D;
	text-shadow: 1px 1px 3px #fff;
}

@media screen and (max-width:579px) {
#top-title h1{
	font-size: 150%;
	}	
}

#top-title .branding_text{
	padding: 44px 16px;
	font-weight: bold;
	font-size: 120%;
	color: #08335D;
	text-shadow: 1px 1px 3px #fff;
}
@media screen and (max-width:579px) {
#top-title .branding_text{
	font-size: 100%;
	}
}

#top_block_area01 {
margin-top: 30px;
margin-bottom: 30px;
}

#top_block_area02,
#top_block_area04 {
background-color: #E4F0FF;
padding-top: 40px;
padding-bottom: 30px;
}

#top_block_area03 {
margin-top: 40px;
margin-bottom: 30px;
}

#top_block_area01 .contents_inner,
#top_block_area02 .contents_inner,
#top_block_area04 .contents_inner {
padding-left:10px;
padding-right:10px;
}


/* container*/

#top_block_area01 .container, 
#top_block_area02 .container, 
#top_block_area03 .container {
	display: flex;
}
@media screen and (max-width:767px) {
#top_block_area01 .container, 
#top_block_area02 .container,
#top_block_area03 .container {
flex-wrap: wrap;
	}
}

#top_block_area01 .left-container, 
#top_block_area02 .left-container, 
#top_block_area03 .left-container {
	width: 50%;
	padding-right: 12px;
}


@media screen and (max-width:767px) {
#top_block_area01 .left-container, 
#top_block_area02 .left-container,
#top_block_area03 .left-container {
	width: 100%;
	padding: 12px;
	}
}


#top_block_area01 .right-container,
#top_block_area02 .right-container,
#top_block_area03 .right-container {
	width: 50%;
	padding-left: 12px;
}


@media screen and (max-width:767px) {
#top_block_area01 .right-container,
#top_block_area02 .right-container,
#top_block_area03 .right-container {
	width: 100%;
	padding: 12px;
	}
}


#top_block_area03 .left-container,
#top_block_area03 .right-container {
	box-sizing: border-box; 
	border-left: 6px solid #82CE46;
	border-top:1px solid #09335D;
	border-right:1px solid #09335D;
	border-bottom:1px solid #09335D;
	padding:0 12px;
}

@media screen and (max-width:994px) {
#top_block_area03 .left-container,
#top_block_area03 .right-container {
	margin: 12px;
	}
}

#top_block_area03 .left-container {
	margin-right:12px;
	background: url("/products/it/nutanix/image/top/img_top_04.jpg") no-repeat 0 top ;
	background-size: 100%;
}
#top_block_area03 .right-container {
	margin-left:12px;
	background: url("/products/it/nutanix/image/top/img_top_03.jpg") no-repeat 0 top ;
	background-size: 100%;
}

@media screen and (max-width:579px) {
	#top_block_area03 .left-container,
	#top_block_area03 .right-container {
	margin:12px;
	}
}

/* titile text */

#top_block_area01 h2, 
#top_block_area02 h2 {
	border-left: 10px solid #82CE46 ;
	background-image: none;
	color: #1B55A3;
	font-weight: bold;
	font-size: 140%;
	margin:0 0 24px 0;
	padding-left: 6px;
	padding-bottom: 0;
	line-height: 1.2em
}

#top_block_area01 .TextStyle1,
#top_block_area02 .TextStyle1 {
	margin-bottom: 24px;
}

#top_block_area03 h2 {
	padding-top:30%;
	background-image: none;
	color: #1B55A3;
	font-weight: bold;
	font-size: 120%;
}
@media screen and (max-width:767px) {
#top_block_area03 h2 {
	padding-left: 12px;
	padding-right:12px;
	}
}

#top_block_area01 p.ButtonStyle1,
#top_block_area02 p.ButtonStyle1,
#top_block_area03 p.ButtonStyle1 
{
text-align:right;
}

/*-- blog link --*/

#top_block_area04 .blog-link {
	box-sizing: border-box; 
	border-left: 6px solid #82CE46;
	background: url("/products/it/nutanix/image/top/img_top_05.jpg") no-repeat 0 top ;
	background-size: cover;
	padding-right:16px;
}
@media screen and (max-width:579px) {
#top_block_area04 .blog-link {
	padding:0;
}
}

#top_block_area04 .blog-link h2 {
	padding :16px 16px 0 16px;
	background-image: none;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	margin-left: 0;
}
@media screen and (max-width:579px) {
#top_block_area04 .blog-link h2 {
	padding-left:32px;
}
}

#top_block_area04 .blog-link p.TextStyle1{
	padding: 4px 16px 0 16px;
	color: #fff;
}

#top_block_area04 p.ButtonStyle1{
text-align:right;
}
@media screen and (max-width:579px){
#top_block_area04 p.ButtonStyle1{
	padding: 0 16px 8px 16px;
}}

/* topics & news */

#topics_news h2{
	background-image: none;
	color: #1B55A3;
	font-weight: bold;
	font-size: 120%;
	text-align:center;
}

#topics_news h2 span{
display: inline;
border-bottom:4px solid #82CE46;
background-color:#fff;
padding:0;
	color: #1B55A3;
}


#topics_news {margin-bottom: 30px;}
@media screen and (max-width:767px) {
	#topics_news {
		box-sizing: border-box;
		margin: 0 auto 30px;
		width: 92%;
	}
}

#topics_news.contents_white {padding: 30px 20px 20px 20px;}

#topics_news dl.DateListStyle2 {
	height: 260px;
	overflow-y: scroll;
	scroll-behavior: smooth;
}

/* scrollbar width */
#topics_news dl.DateListStyle2::-webkit-scrollbar {width: 7px;}
/* scrollbar background-color */
#topics_news dl.DateListStyle2::-webkit-scrollbar-track {background: #e1eaf1;}
/* scrollbar color */
#topics_news dl.DateListStyle2::-webkit-scrollbar-thumb {background: #81a6d0;}

#topics_news dl > div {
	border-bottom: 1px dashed #999;
	margin: 0 10px 15px 0;
	padding: 0 0 10px 0;
}
@media screen and (max-width:767px) {
	#topics_news dl > div {
		margin: 0 5px 15px 0;
	} }

#topics_news dt {
	box-sizing: border-box;
	clear: none;
	font-size: 100%;
}
@media screen and (max-width:579px) {
	#topics_news dt {
		font-size: 86%;
	} }

#topics_news dt.date {
	width: 9em;
}
@media screen and (max-width:579px) {
	#topics_news dt.date {
		float: left;
	} }

#topics_news dt.info_icon {
	width: 9em;
}
@media screen and (max-width:767px) {
	#topics_news dt.info_icon {
		margin-bottom: 5px;
	} }
@media screen and (max-width:579px) {
	#topics_news dt.info_icon {
		float: left;
	} }

#topics_news dt.info_icon span {
	border-radius: 4px;
	box-sizing: border-box;
	display: inline-block;
	font-size: 78%;
	font-weight: bold;
	margin-right: 8%;
	padding: 2px 0 1px 0;
	text-align: center;
	width: 116px;
}
@media screen and (max-width:965px) {
	#topics_news dt span {
		margin-right: 4%;
		width: 45%;
	} }
@media screen and (max-width:767px) {
	#topics_news dt span {
		float: none;
		margin-right: 0;
		width: 116px;
	} }

#topics_news dt.info_icon .event {
	background-color: #cde49c;
	color: #405416;
}

#topics_news dt.info_icon .news {
	background-color: #cddcec;
	color: #444;
}

#topics_news dt.info_icon .catalog {
	background-color: #f1f4b0;
	color: #444526;
}

#topics_news dd {
	margin-left: 18em;
	width: auto;
	word-break: break-all;
	word-wrap: break-word;
}
@media screen and (max-width:767px) {
	#topics_news dd {
		clear: both;
		font-size: 83%;
		margin-left: 0;
		width: 100%;
	} }


/* related link */

#block_area_related_link {
	margin-bottom: 20px;
	padding-bottom: 50px;
background-color:#E6E6E6;
}

#block_area_related_link h2{
	background-image: none;
	color: #1B55A3;
	font-weight: bold;
	font-size: 120%;
	text-align:center;
	padding-top:30px;
}

#block_area_related_link h2 span{
	display: inline;
	background-color:#E6E6E6;
	color: #1B55A3;
}


@media screen and (max-width:579px){
#block_area_related_link .col_flex{
display: block;
text-align:center;
	}
}

#block_area_related_link .related_link_box .col_flex .border img {
border: 1px solid #ccc;
margin:4px;
}


/* About Page Setting
=========================================================================================== */

.branding_area.about {
	background: url("/products/it/nutanix/image/about/branding_about_image.jpg") no-repeat center center / cover;
	height: 220px;
	background-color: #08335d;
}
@media screen and (max-width:994px) {
	.branding_area.about {
		overflow: hidden;
		padding-left: 4.666%;
	} }

/* nagasawa 20201215 */
#about #block_area02 {
background-color: #E4F0FF;
padding-top: 40px;
padding-bottom: 30px;
}
@media screen and (max-width:994px) {
#about #block_area02 {
	margin-left: 0;
	margin-right: 0;
	padding-left: 30px;
	padding-right: 30px;
} }
@media screen and (max-width:767px) {
#about #block_area02.block_area {
	width: 100%;
} }



/*-- Learn_more --*/

#about #learn_more {
background-color: #E6E6E6;
padding: 30px 0;
}
@media screen and (max-width:994px) {
#about #learn_more {
	margin-left: 0;
	margin-right: -15px;
	padding-left: 30px;
	padding-right: 30px;
} }

@media screen and (max-width:767px) {
#about #learn_more.block_area {
	width: 100%;
} }

#about #learn_more h2 {
text-align: center;
color: #1B55A3;
font-size: 120%;
font-weight:bold;
background-image:none;
}

#about #learn_more .col_flex {
display: flex;
justify-content: flex-start;
}
@media screen and (max-width:767px) {
#about #learn_more .col_flex {
	display: block;
} }

#about #learn_more .col {
border: 1px sold #007CC3;
}

#about .learn_more {
width:30%;
border: 1px solid #4F81BD;
margin:0 16px 0 0;
padding: 16px;
background-color:#fff;
/*text-align: center;*/
}
#about .learn_more:hover {
background-color:#E4F0FF;
}
@media screen and (max-width:767px) {
#about .learn_more {
	width: auto;
	margin: 0 0 16px 0;
} }

#about .learn_more a {
display:block;
}
#about .learn_more a:hover {
text-decoration: none;
}

#about .learn_more img {
border-bottom: 5px solid #007CC3;
max-width: 100%;
}
@media screen and (max-width:767px) {
#about .learn_more img {
	display: block;
	width: 100%;
} }

#about .learn_more h3 {
display: inline-block;
padding-top: 8px;
padding-right: 25px;
color: #013F9B;
text-align: left;
background: url(../image/common/icon_link_learn_more.png) no-repeat right top 6px;
}

#about .learn_more p {
font-size: 90%;
}
/* end nagasawa 20201215 */



/* Products Page Setting
=========================================================================================== */

.branding_area.products {
	background: url("/products/it/nutanix/image/products/branding_products_image.jpg") no-repeat center 0 / cover;
	height: 220px;
	background-color: #08335d;
}
@media screen and (max-width:994px) {
	.branding_area.products {
		overflow: hidden;
		padding-left: 4.666%;
	} }
/*@media screen and (max-width:767px) {
	.branding_area.products {
		background-image: url("/products/it/nutanix/image/products/branding_products_image_sp.jpg");
		height: 100px;
		padding-left: 0;
	} }*/


#products #block_area01 ul.ListStyle1{
color: #1B55A3;
font-weight: bold;
margin-left: 16px;
}
@media screen and (max-width:994px){
#products #block_area01 ul.ListStyle1{
margin-left: 0;
	}
}

#products #block_area01 dl.AdditionalNotesStyle2 {
font-size:80%;
margin-left: 16px;
}

@media screen and (max-width:994px) {
#products #block_area01 dl.AdditionalNotesStyle2 {
margin-left: 0;
	}
}

/* nagasawa 20201215 */
p.caption {
text-align: center;
color: #1b55a3;
font-weight: bold;
margin-bottom: 8px;
}

#products #block_area02 {
background-color: #E4F0FF;
padding-top: 40px;
padding-bottom: 30px;
}
@media screen and (max-width:994px) {
#products #block_area02 {
	margin-left: 0;
	margin-right: 0;
	padding-left: 30px;
	padding-right: 30px;
} }
@media screen and (max-width:767px) {
#products #block_area02.block_area {
	width: 100%;
} }


/*-- Learn_more --*/

#products #learn_more {
background-color: #E6E6E6;
padding: 30px 0;
}
@media screen and (max-width:994px) {
#products #learn_more {
	margin-left: 0;
	margin-right: -15px;
	padding-left: 16px;
	padding-right: 16px;
} }

@media screen and (max-width:767px) {
#products #learn_more.block_area {
	width: 100%;
} }

#products #learn_more h2,
#products #solution h2 {
text-align: center;
color: #1B55A3;
font-size: 120%;
font-weight:bold;
background-image:none;
}

#products #learn_more .col_flex {
display: flex;
justify-content: flex-start;
}
@media screen and (max-width:767px) {
#products #learn_more .col_flex {
	display: block;
} }

#products #learn_more .col {
border: 1px sold #007CC3;
}

#products .learn_more {
width:30%;
border: 1px solid #4F81BD;
margin:0 16px 0 0;
padding: 16px;
background-color:#fff;
/*text-align: center;*/
}
#products .learn_more:hover {
background-color:#E4F0FF;
}
@media screen and (max-width:767px) {
#products .learn_more {
	width: auto;
	margin: 0 0 16px 0;
} }

#products .learn_more a {
display:block;
}
#products .learn_more a:hover {
text-decoration: none;
}

#products .learn_more img {
border-bottom: 5px solid #007CC3;
max-width: 100%;
}
@media screen and (max-width:767px) {
#products .learn_more img {
	display: block;
	width: 100%;
} }

#products .learn_more h3 {
display: inline-block;
padding-top: 8px;
padding-right: 25px;
color: #013F9B;
text-align: left;
background: url(../image/common/icon_link_learn_more.png) no-repeat right top 6px;
}

#products .learn_more p {
font-size: 90%;
}


#solution .solution-item {
display: flex;
margin-bottom: 15px;
background-color: #F2F2F2;
}
@media screen and (max-width:767px) {
#solution .solution-item {
	display: block;
} }

#solution .solution-item .Img {
width: 40%;
}
@media screen and (max-width:767px) {
#solution .solution-item .Img {
	width: auto;
} }

#solution .solution-item .Img img {
border-right: 6px solid #82CE46;
width: 100%;
}
@media screen and (max-width:767px) {
#solution .solution-item .Img img {
	display: block;
	width: 100%;
	border-right: none;
	border-bottom: 6px solid #82CE46;
} }

#solution .solution-item .Inn {
margin: 15px 15px 0 30px;
width: 60%;
}
@media screen and (max-width:767px) {
#solution .solution-item .Inn {
	margin-top: 8px;
	width: auto;
} }

#solution .solution-item .Inn p.TextStyle1 {
margin-bottom: 8px;
}
#solution .solution-item .Inn h3 {
color: #1B55A3;
font-size: 105%;
margin-bottom: 5px;
}

/* end nagasawa 20201215 */

/*-- table --*/

#products table {
border-collapse: separate;
border-spacing: revert;
width: 100%;
margin: 0;
}

#products table th {
background-color: #1B55A3;
color: #fff;
text-align:center;
font-size: 90%;
}
@media screen and (max-width:767px) {
#products table th {
text-align:left;
	}
}

#products table td {
background: #E4F0FF;
text-align:center;
font-size: 90%;
}
@media screen and (min-width:768px) {
#products table td {
width:30%;
	}
}
#products table tr:nth-child(odd) td {
background: #EBF3EA;
}

#products .ResponsiveTableStyle1 dl {
font-size: 80%;
margin:0;
}

#products .ResponsiveTableStyle1 .AdditionalNotesStyle1 dd {
margin: -1.55em 0 1px 1.6em;
}

#products table td em {
font-size: 200%;
font-weight: bold;
color: #F47A1F;
}

#products table td strong {
border-bottom: 3px solid #FBC9A4;
}


/* consulting_si Page Setting
=========================================================================================== */

.branding_area.consulting_si {
	background: url("/products/it/nutanix/image/consulting_si/branding_consulting_si_image.jpg") no-repeat center 0 / cover;
	height: 220px;
	background-color: #08335d;
}
@media screen and (max-width:994px) {
	.branding_area.consulting_si {
		overflow: hidden;
		padding-left: 4.666%;
	} }

/*-- InnerLinks --*/

#consulting_si #InnerLinks {
background-color: #EBF3EA;
margin-top: -30px;
padding-top:16px;
margin-bottom: 30px;
}

@media screen and (max-width:579px) {
#consulting_si #InnerLinks {
padding-bottom: 150px;
}
}

@media screen and (max-width:399px) {
#consulting_si #InnerLinks {
padding-bottom: 16px;
}
}

#consulting_si #InnerLinks ul.col_flex {
justify-content: space-between;

}
@media screen and (max-width:994px) {
#consulting_si #InnerLinks ul.col_flex {
padding: 0 16px;
}
}

@media screen and (max-width:579px) {
#consulting_si #InnerLinks ul.col_flex {
display:block;
}
}

#consulting_si .ButtonStyle2 li {
width:33%;
color: #4980D2;
margin:0;
align-self: stretch;
}
@media screen and (max-width:767px) {
#consulting_si .ButtonStyle2 li {
font-size:90%;
align-self: stretch;
}}
@media screen and (max-width:579px) {
#consulting_si .ButtonStyle2 li {
width:100%;
margin:0 0 4px 0;
}
}

#consulting_si .ButtonStyle2 li a:link,
#consulting_si .ButtonStyle2 li a:visited {
border:1px solid #4980D2;
background-color:#fff;
color: #4980D2;
display:block;
text-decoration:none;
text-align:center;
font-weight: normal;
font-size: 90%;
padding :9px 16px 9px 9px;
}

#consulting_si .ButtonStyle2 li span a {
background: url("/products/it/nutanix/image/consulting_si/icon_arrowunder01.png") ;
background-repeat: no-repeat;
background-position: 98% center;
background-size: 16px;
}

@media screen and (max-width:579px) {
#consulting_si .ButtonStyle2 li span a{
margin:0 0 4px 0;
padding :9px 16px 9px 9px;
}
}


#consulting_si .ButtonStyle2 li a:hover  {
border:1px solid #4980D2;
background-color:#E4F0FF;
color: #4980D2;
display:block;
text-decoration:none;
text-align:center;
font-weight: normal;
font-size: 90%;
background-position: 98% center;
background-size: 16px;
border-radius: 0;
padding :9px 16px 9px 9px;
}


/*-- bubble --*/
#consulting_si .bubble {
margin-bottom: 12px;
position: relative;
}

#consulting_si .bubble:before,
#consulting_si .bubble:after {
clear: both;
content: "";
display: block;
}

#consulting_si .bubble figure {
width: 74px;
height: 80px;
}
#consulting_si .bubble-left-icon {
float: left;
margin-right: 20px;
margin-left: 0;
margin-top: 0;
}
#consulting_si .bubble-right-icon {
float: right;
margin-left: 20px;
margin-right: 0;
margin-top: 0;
}
#consulting_si .bubble figure img {
width: 100%;
height: 100%;
margin: 0;
}

#consulting_si .bubble .bubble-right-text,
#consulting_si .bubble .bubble-left-text {
position: relative;
padding: 10px;
border-radius: 4px;
max-width: -webkit-calc(100% - 120px);
max-width: calc(100% - 120px);
display: inline-block;
}

#consulting_si .bubble .bubble-right-text {
background-color: #EBF3EA;
}

#consulting_si .bubble-left-text {
background-color: #E4F0FF;
}

#consulting_si .bubble .bubble-right-text {
float: left;
}

#consulting_si .bubble .bubble-left-text {
float: right;
}

#consulting_si .bubble p {
font-size:90%
}

#consulting_si .bubble .bubble-left-text:before {
content: "";
position: absolute;
top: 30px;
right: -20px;
margin-top: -20px;
border: 8px solid transparent;
border-left: 15px solid #E4F0FF;
z-index: 0;
}

#consulting_si .bubble .bubble-right-text:before {
content: "";
position: absolute;
top: 30px;
left: -20px;
margin-top: -20px;
border: 8px solid transparent;
border-right: 15px solid #EBF3EA;
z-index: 0;
}


/*-- uc-button --*/
#consulting_si .uc-button{
text-align : center;
margin-top:24px;
margin-bottom:16px;
}

/*-- usecase col_flex uc --*/

#consulting_si .usecase .col_flex {
display: flex;
justify-content: space-between;
}
@media screen and (max-width:767px) {
#consulting_si .usecase .col_flex {
display: block;
}
}

#consulting_si .uc {
width:32%;
border: 1px solid #4F81BD;
border-radius: 8px 8px 0 0;
text-align: center;
margin:10px 0 0 0 ;
background-color: #E4F0FF;
}
@media screen and (max-width:767px) {
#consulting_si .uc {
width:100%;
}
}


#consulting_si .uc h4{
margin:0;
background-color: #32608B;
color:#fff;
border-radius: 8px 8px 0 0;
padding:24px 16px;
font-size:110%;
}

#consulting_si .uc h5{
margin: 0;
color: #333;
padding:24px 16px;
font-size: 100%;
font-weight: bold;
}

#consulting_si .uc p {
font-size: 90%;
padding: 16px;
text-align: left;
}

#consulting_si .uc p.ImgOnlyStyle {
text-align: center;
}

#consulting_si .uc dl {
font-size: 80%;
padding: 0 16px;
text-align: left;
}

/*-- case --*/

#consulting_si .case {
border: 2px solid #0070B1;
border-radius: 8px;
padding: 16px;
margin-bottom: 20px;
}

#consulting_si .case h4 {
color: #0070B1;
font-size:110%;
margin-bottom: 16px;
border-left: 10px solid #0070B1;
border-bottom: dotted 2px #6FB13B;
padding-left: 4px;
display: inline-block;
}

#consulting_si .case h5 {
color: #333;
font-size: 100%;
font-weight: bold;
margin-top: 8px;
}

#consulting_si .case p {
font-size: 90%;
}

#consulting_si .case dl {
font-size: 80%;
margin:0;
}

#consulting_si .case .AdditionalNotesStyle1 dd {
margin: -1.55em 0 1px 1.6em;
}

/*-- table --*/

#consulting_si table {
border-collapse: separate;
border-spacing: revert;
width: 100%;
margin: 0;
}

#consulting_si table th {
background-color: #1B55A3;
color: #fff;
width: 45%;
}
@media screen and (max-width:767px) {
#consulting_si table th {
width: auto;
}}

#consulting_si table td {
background: #E4F0FF;
width: 55%;
}
@media screen and (max-width:767px) {
#consulting_si table td {
width: auto;
}}

#consulting_si table tr:nth-child(odd) td {
background: #EBF3EA;
}

#consulting_si .ResponsiveTableStyle1 dl {
font-size: 80%;
margin:0;
}

#consulting_si .ResponsiveTableStyle1 .AdditionalNotesStyle1 dd {
margin: -1.55em 0 1px 1.6em;
}

/*-- uc-si --*/

#consulting_si .uc-si {
background-color: #FFF1EE;
margin: 40px 0;
padding:20px 16px;
}

#consulting_si .uc-si h4 {
color: #DB0B2C;
font-size:130%;
line-height: 1.6em;
text-align: center;
padding-top: 16px;
}

#consulting_si .uc-si h4 span {
border-bottom: dotted 2px #0500AD;
}

#consulting_si .uc-si .col_flex {
display: flex;
justify-content: space-between;
margin: 40px;
}

@media screen and (max-width:767px) {
#consulting_si .uc-si .col_flex {
margin: 40px 0;
}
}
@media screen and (max-width:579px) {
#consulting_si .uc-si .col_flex {
display: block;
margin: 0 auto;
width: 50%;
}
}
@media screen and (max-width:399px) {
#consulting_si .uc-si .col_flex {
margin: 0 auto;
width: 100%;
}
}

#consulting_si .uc-si li.col{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 252px;
height: 252px;
background: url("/products/it/nutanix/image/consulting_si/img_consulting_si_05.png") ;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width:994px) {
#consulting_si .uc-si li.col{
background-size: 100%;
}}

@media screen and (max-width:579px) {
#consulting_si .uc-si li.col{
}}

#consulting_si .uc-si li.col span {
padding: 0 16px;
color:#0500AD;
font-size: 120%;
font-weight: bold;
}

/*-- consul-counter 2021.3.18 update--*/

#consulting_si #consul-counter .contents_inner {
margin-top: 80px;
}


#consulting_si #consul-counter .consul-counter {
border-right: 1px solid #007CC3;
border-bottom: 1px solid #007CC3;
border-left: 8px solid #007CC3;

margin-top:0;
margin-bottom:60px;
}

#consulting_si #consul-counter .consul-counter {
display: flex;
}

#consulting_si #consul-counter .consul-counter .left-container {
text-align: center;
width: 55%; 
}
@media screen and (max-width:767px) {
#consulting_si #consul-counter .consul-counter .left-container {
width: auto; 
}
}
#consulting_si #consul-counter h2{
background-color: #e4f0ff;
margin: 0;
padding: 0;
background-image:none;
border-top: 1px solid #007CC3;
border-right: 1px solid #007CC3;
border-left: 8px solid #007CC3;
text-align: center;
}
#consulting_si #consul-counter h2 span {
color: #1B55A3;
background-color: #e4f0ff;
font-size: 120%;
padding:16px;
}
#consulting_si #consul-counter h2 span::before{ 
content:'';
background: url("/products/it/nutanix/image/consulting_si/icon_consulting_si_03.png") ;
background-repeat: no-repeat;
background-size: 74%;
padding-left:50px; 
}
@media screen and (max-width:767px) {
#consulting_si #consul-counter h2 span {
background-position: 20% 50%;
padding-left: 0; 
}
}
@media screen and (max-width:579px) {
#consulting_si #consul-counter h2 span {
background-position: 20% 50%;
background-size: 32px 22px;
}
}
@media screen and (max-width:399px) {
#consulting_si #consul-counter h2 span {
background-position: 8% 50%;
background-repeat: no-repeat;
background-size: 32px 22px;
}
}
#consulting_si #consul-counter p.TextStyle1 {
text-align: left;
padding:16px 16px 0 16px;
margin-bottom: 10px; 
}
@media screen and (max-width:767px) {
#consulting_si #consul-counter p.TextStyle1 {
padding:16px;
}
}

#consulting_si #consul-counter p.ButtonStyle1,
#consulting_si #consul-counter p.ButtonStyle1 a {
margin: 0 0 10px 0;
/*background-image: url(/products/it/nutanix/image/common/icon_new_window_white.png);*/
}
@media screen and (max-width:579px) {
#consulting_si #consul-counter p.ButtonStyle1,
#consulting_si #consul-counter p.ButtonStyle1 a {
margin: 0 10px 10px 10px;
}
}

#consulting_si #consul-counter .consul-counter .right-container {
width: auto; 
}

#consulting_si #consul-counter p.ImgOnlyStyle img {
margin: 10px auto;
width: 95%; 
}


/*-- Learn_more --*/

#consulting_si #learn_more {
background-color: #E6E6E6;
padding: 30px 0;
}

@media screen and (max-width:994px) {
#consulting_si #learn_more {
	margin-left: 0;
	margin-right: -15px;
	padding-left: 30px;
	padding-right: 30px;
} }

@media screen and (max-width:767px) {
#consulting_si #learn_more.block_area {
	width: 100%;
} }

#consulting_si #learn_more h2 {
text-align: center;
color: #1B55A3;
background-color: #E6E6E6;
font-size: 120%;
font-weight:bold;
background-image:none;
}

#consulting_si #learn_more.col_flex {
display: flex;
justify-content: flex-start;
}
@media screen and (max-width:767px) {
#consulting_si #learn_more .col_flex {
	display: block;
} }

#consulting_si #learn_more .col {
border: 1px sold #007CC3;
}

#consulting_si .learn_more {
width:30%;
border: 1px solid #4F81BD;
margin:0 16px 0 0;
padding: 16px;
background-color:#fff;
}
#consulting_si .learn_more:hover {
background-color:#E4F0FF;
}
@media screen and (max-width:767px) {
#consulting_si .learn_more {
	width: auto;
	margin: 0 0 16px 0;
} }

#consulting_si .learn_more a {
display:block;
}
#consulting_si .learn_more a:hover {
text-decoration: none;
}

#consulting_si .learn_more img {
border-bottom: 5px solid #007CC3;
max-width: 100%;
}
@media screen and (max-width:767px) {
#consulting_si .learn_more img {
	display: block;
	width: 100%;
} }
#consulting_si .learn_more h3 {
display: inline-block;
padding-top: 8px;
padding-right: 25px;
color: #013F9B;
text-align: left;
background: url(../image/common/icon_link_learn_more.png) no-repeat right top 6px;
}
}

#consulting_si .learn_more p {
font-size: 90%;
}

/*-- popup --*/

h1.popup-title {
	background: none;
	position: relative;
	padding: .1em .3em .1em .5em;
	border-left: 6px solid #007CC3;
	color: #1B55A3;
	font-size:150%;
	font-weight: bold;
	margin-bottom: 40px;
	text-shadow: none;
}
h1.popup-title::before {
	position: absolute;
	content: '';
	left: -6px;
	bottom: 0;
	width: 6px;
	height: 50%;
	background-color: #7AC142;
}
h1.popup-title::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
}



/* Usecase Page Setting  20210630
=========================================================================================== */
/*コンテンツエリア*/

.branding_area.usecase {
	background: url("/products/it/nutanix/image/usecase/branding_usecase_image.jpg") no-repeat center 0 / cover;
	height: 220px;
	background-color: #08335d;
}
@media screen and (max-width:994px) {
	.branding_area.usecase {
		overflow: hidden;
		padding-left: 4.666%;
	} }
@media screen and (max-width:767px) {
	.branding_area.usecase {
		background: url("/products/it/nutanix/image/usecase/branding_usecase_image_sp.jpg") no-repeat center 0 / cover;
	} }

/*-- usecase-contents --*/

#usecase #usecase-contents .containerA,
#usecase #usecase-contents .containerB {
border-top: 1px solid #1F4E79;
border-right: 1px solid #1F4E79;
border-bottom: 1px solid #1F4E79;
border-left: 8px solid #1F4E79;
margin-top:0;
margin-bottom:30px;
}

#usecase #usecase-contents .containerA,
#usecase #usecase-contents .containerB {
display: flex;
}

#usecase #usecase-contents .containerA .left-container,
#usecase #usecase-contents .containerB .right-container {
width: 55%; 
}
@media screen and (max-width:767px) {
#usecase #usecase-contents .containerA .left-container,
#usecase #usecase-contents .containerB .right-container {
width: auto; 
}}

#usecase #usecase-contents .left-container h2,
#usecase #usecase-contents .right-container h2 {
background: none;
padding-bottom: 0;
}
#usecase #usecase-contents .left-container h2 span,
#usecase #usecase-contents .right-container h2 span {
display: inline-block;
background: none;
margin-top: 30px;
margin-left: 15px;
margin-right: 15px;
padding: 0 0 5px 0;
border-bottom: 2px solid #1F4E79;
}
@media screen and (max-width:767px) {
#usecase #usecase-contents .left-container h2,
#usecase #usecase-contents .right-container h2 {
margin-left: 0;
margin-right: 0;
}}

#usecase #usecase-contents p.TextStyle1 {
text-align: left;
padding:16px 16px 0 16px;
margin-bottom: 10px; 
}
@media screen and (max-width:767px) {
#usecase #usecase-contents p.TextStyle1 {
padding:16px;
}}

#usecase #usecase-contents p.ButtonStyle1,
#usecase #usecase-contents p.ButtonStyle1 a {
margin: 0 6px 6px 0;
/*background-image: url(/products/it/nutanix/image/common/icon_new_window_white.png);*/
}
@media screen and (max-width:579px) {
#usecase #usecase-contents p.ButtonStyle1,
#usecase #usecase-contents p.ButtonStyle1 a {
margin: 0 10px 10px 10px;
}}

#usecase #usecase-contents .containerA .right-container,
#usecase #usecase-contents .containerB .left-container {
width: auto; 
}

#usecase #usecase-contents p.ImgOnlyStyle img {
margin: 10px auto;
width: 95%; 
}

/*-- Learn_more --*/

#usecase #learn_more {
background-color: #E6E6E6;
padding: 30px 0;
}

@media screen and (max-width:994px) {
#usecase #learn_more {
	margin-left: 0;
	margin-right: -15px;
	padding-left: 30px;
	padding-right: 30px;
} }

@media screen and (max-width:767px) {
#usecase #learn_more.block_area {
	width: 100%;
} }

#usecase #learn_more h2 {
text-align: center;
color: #1B55A3;
background-color: #E6E6E6;
font-size: 120%;
font-weight:bold;
background-image:none;
}

#usecase #learn_more.col_flex {
display: flex;
justify-content: flex-start;
}
@media screen and (max-width:767px) {
#usecase #learn_more .col_flex {
	display: block;
} }

#usecase #learn_more .col {
border: 1px sold #007CC3;
}

#usecase .learn_more {
width:30%;
border: 1px solid #4F81BD;
margin:0 16px 0 0;
padding: 16px;
background-color:#fff;
}
#usecase .learn_more:hover {
background-color:#E4F0FF;
}
@media screen and (max-width:767px) {
#usecase .learn_more {
	width: auto;
	margin: 0 0 16px 0;
} }

#usecase .learn_more a {
display:block;
}
#usecase .learn_more a:hover {
text-decoration: none;
}

#usecase .learn_more img {
border-bottom: 5px solid #007CC3;
max-width: 100%;
}
@media screen and (max-width:767px) {
#usecase .learn_more img {
	display: block;
	width: 100%;
} }

#usecase .learn_more h3 {
display: inline-block;
padding-top: 8px;
padding-right: 25px;
color: #013F9B;
text-align: left;
background: url(../image/common/icon_link_learn_more.png) no-repeat right top 6px;
}}

#usecase .learn_more p {
font-size: 90%;
}


/*ユースケース個別ページ*/

#UsecaseTitleStyle{
background:#1F4E79;
color: #FFF;
height: 180px;
}
#UsecaseTitleStyle .PageTitleStyle1{
padding: 30px 0 0;
}
@media screen and (max-width:994px) {
#UsecaseTitleStyle .PageTitleStyle1{
	padding-left: 30px;
	padding-right: 30px;
}}
@media screen and (max-width: 579px) {
#UsecaseTitleStyle .PageTitleStyle1{
	padding-top: 20px;
}}

#UsecaseTitleStyle .PageTitleStyle1 h1{
text-shadow: none;
}
#UsecaseTitleStyle .PageTitleStyle1 span{
display: inline-block;
background-color: #fff;
color: #09335D;
padding: 2px 10px 0;
border-radius: 5px 0 5px 0;
font-size: 83%;
}
#UsecaseTitleStyle .PageTitleStyle1 h1{
padding: 8px 0;
text-align: left;
}
#UsecaseTitleStyle .PageTitleStyle1 .SubTitle strong{
color: #fff;
font-weight: normal;
}

#usecase_detail #block_area01, #usecase_detail #block_area02, #usecase_detail #block_area03, #usecase_detail #block_area04, #usecase_detail #block_area05, #usecase_detail #inq, #usecase_detail #related_information {
padding-top: 40px;
padding-bottom: 30px;
}
#usecase_detail #block_area01, #usecase_detail #block_area03 {
background-color: #fff;
}
#usecase_detail #block_area02, #usecase_detail #block_area05 {
background-color: #E4F0FF;
}
#usecase_detail #block_area04 {
background-color: #E7F3E0;
}
#usecase_detail #block_area04.block_area {
margin-bottom: 0;
}
#usecase_detail #inq {
background-color: #fff;
}
#usecase_detail #related_information {
background-color: #E4F0FF;
margin-bottom: 0;
}
@media screen and (max-width:994px) {
#usecase_detail #block_area01, #usecase_detail #block_area02, #usecase_detail #block_area03, #usecase_detail #block_area04, #usecase_detail #block_area05, #usecase_detail #inq, #usecase_detail #related_information {
	margin-left: 0;
	margin-right: 0;
	padding-left: 30px;
	padding-right: 30px;
} }
@media screen and (max-width:767px) {
#usecase_detail .block_area {
	width: 100%;
}
#usecase_detail #block_area01, #usecase_detail #block_area02, #usecase_detail #block_area03, #usecase_detail #block_area04, #usecase_detail #block_area05, #usecase_detail #inq, #usecase_detail #related_information {
	padding-left: 15px;
	padding-right: 15px;
}}/**/

#usecase_detail h2 {
background: none;
padding-bottom: 0;
}
#usecase_detail h2 span {
background: none;
padding: 0 0 15px 0;
text-align: center;
font-size: 200%;
color: #666;
}

#usecase_detail p.TextStyle1 {
margin-bottom: 15px;
}

/* ページ内リンク */
#InnerLinksArea {
	top: 0;
	z-index: 10;
	width: 100%;
	background-color: #AAB53C;
}

#InnerLinksArea .HorizontalInnerLinks {
	margin-bottom: 0;
}

#InnerLinksArea .HorizontalInnerLinks li {
	display: table;
	width: 16.66666666%;
	margin-right: 0;
}

#InnerLinksArea .HorizontalInnerLinks li a {
	display: table-cell;
	height: 2.815em;
	padding-right: 0;
	vertical-align: middle;
	text-align: center;
	font-size: 100%;
	color: #ffffff;
	background-image: none;
}
#InnerLinksArea .HorizontalInnerLinks li a:link,
#InnerLinksArea .HorizontalInnerLinks li a:visited {
	background-color: #AAB53C;
}
#InnerLinksArea .HorizontalInnerLinks li a:hover,
#InnerLinksArea .HorizontalInnerLinks li a:active {
	color: #333333;
	background-color: #C0C86D;
	text-decoration: none;
}
#InnerLinksArea .HorizontalInnerLinks li a span {
	display: inline-block;
	padding: 2px 0 0 0;
	background-position: right center;
	background-repeat: no-repeat;
}

#InnerLinksArea .HorizontalInnerLinks li.Inq a {
    border-radius: 0 0 10px 10px;
}
#InnerLinksArea .HorizontalInnerLinks li.Inq a:link,
#InnerLinksArea .HorizontalInnerLinks li.Inq a:visited {
	background-color: #1F4E79;
}
#InnerLinksArea .HorizontalInnerLinks li.Inq a:hover,
#InnerLinksArea .HorizontalInnerLinks li.Inq a:active {
	color: #fff;
	background-color: #5B9BD5;
	text-decoration: none;
}
@media screen and (max-width:767px) {
	#InnerLinksArea .HorizontalInnerLinks li.Inq a {
		border-radius: 10px 0 0 10px;
	}}

#InnerLinksArea .HorizontalInnerLinks li.Inq a span {
	display: inline-block;
	padding: 2px 23px 0 0;
	background-image: url("/image/jp/r1/icon/icon_inquiry_white_hd.png");
	background-size: 21px;
	background-position: right center;
	background-repeat: no-repeat;
}
#InnerLinksArea .HorizontalInnerLinks li.Inq a:hover span,
#InnerLinksArea .HorizontalInnerLinks li.Inq a:active span {
	background-image: url("/image/jp/r1/icon/icon_inquiry_white_hd.png");
}
@media screen and (max-width:994px) {
	.JS #InnerLinksArea .HorizontalInnerLinks {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width:767px) {
	.JS #InnerLinksArea .HorizontalInnerLinks {
		padding-left: 0;
		padding-right: 0;
	}

	.JS #InnerLinksArea .HorizontalInnerLinks li {
		width: 33.33333333%;
	}

	.JS.SP #InnerLinksArea .HorizontalInnerLinks li a {
		height: 2.25em;
	}

	.JS #InnerLinksArea .HorizontalInnerLinks li a span {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 579px) {
	.JS #InnerLinksArea .HorizontalInnerLinks li {
		width: 50%;
	}

	.JS #InnerLinksArea .HorizontalInnerLinks li a {
		height: 2.25em;
	}
}

/* 課題・解決 */
#usecase_detail .problem_solving {
display: flex;
}
@media screen and (max-width:767px) {
#usecase_detail .problem_solving {
	display: block;
}}

#usecase_detail .problem_solving .problem,
#usecase_detail .problem_solving .solving {
width: 40%; 
}
#usecase_detail .problem_solving .arrow {
width: 20%; 
position: relative;
}
@media screen and (max-width:767px) {
#usecase_detail .problem_solving .problem,
#usecase_detail .problem_solving .solving,
#usecase_detail .problem_solving .arrow {
	width: auto; 
}
#usecase_detail .problem_solving .solving {
	margin-top: 100px;
}}

#usecase_detail .problem {
background-color: #2E75B6;
border: solid 1px #5B9BD5;
border-radius: 8px 0 8px 0;
padding: 15px 11px 11px;
color: #fff;
}
#usecase_detail .solving {
background-color: #70AD47;
border: solid 1px #5B9BD5;
border-radius: 8px 0 8px 0;
padding: 11px;
color: #fff;
}

#usecase_detail .problem_solving .arrow .ImgOnlyStyle {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#usecase_detail .problem_solving .arrow .ShowRWD {
transform: rotate(90deg);
transform-origin: left center;
}

#usecase_detail .problem_solving .problem h3,
#usecase_detail .problem_solving .solving h3 {
text-align: center;
margin-bottom: 20px;
margin-top: 3px;
}
#usecase_detail .problem_solving .problem h3 span,
#usecase_detail .problem_solving .solving h3 span {
display: inline-block;
background-color: #fff;
border-radius: 100px;
text-align: center;
}
#usecase_detail .problem_solving .problem h3 span {
padding: 5px 35px 2px;
color: #1F4E79;
}
#usecase_detail .problem_solving .solving h3 span {
padding: 5px 35px 2px;
color: #447225;
}

#usecase_detail .problem ul,
#usecase_detail .solving ul {
font-size: 100%;
margin-bottom: 0;
}
#usecase_detail .problem ul li,
#usecase_detail .solving ul li {
line-height: 160%;
}
#usecase_detail .problem ul li {
background: url(/products/it/nutanix/image/usecase/icon_list_marker_problem.png) no-repeat 0 2px;
background-size: 16px;
padding-left: 20px;
}
#usecase_detail .solving ul li {
background: url(/products/it/nutanix/image/usecase/icon_list_marker_solving.png) no-repeat 0 2px;
background-size: 21px;
padding-left: 25px;
}

#usecase_detail .solving_detail {
margin-bottom: 70px;
}
#usecase_detail .solving_detail:last-child {
margin-bottom: 10px;
}
#usecase_detail .solving_detail h3 {
position: relative;
overflow: hidden;
padding: 1.7rem 2rem 1.3rem 130px;
line-height: 1.3;
background-color: #70AD47;
color: #fff;
font-size: 130%;
border-radius: 8px 8px 0 0;
margin-bottom: 0;
}
#usecase_detail .solving_detail h3:before {
position: absolute;
top: -150%;
left: -100px;
width: 200px;
height: 300%;
content: '';
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
background: #447225;
}
@media screen and (max-width: 579px) {
#usecase_detail .solving_detail h3 {
	padding: 1.7rem 1.3rem 1.3rem 120px;

}}
#usecase_detail .solving_detail h3 span {
/*font-size: 40px;*/
font-size: 200%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
padding-top: 10px;
padding-left: 30px;
color: #fff;
font-family: fantasy;
}
#usecase_detail .solving_detail .solving_detail_inner {
padding: 15px 15px 1px;
background-color: #DFEAB0;
}

#usecase_detail .container_2 {
display: flex;
}
@media screen and (max-width:767px) {
#usecase_detail .container_2 {
	display: block;
}}

#usecase_detail .container_2 .problem.left-container,
#usecase_detail .container_2 .problem.right-container {
margin: 0 10px 15px;
}
#usecase_detail .container_2 .problem.left-container h4,
#usecase_detail .container_2 .problem.right-container h4 {
text-align: center;
}
#usecase_detail .container_2 .problem.left-container h4 span,
#usecase_detail .container_2 .problem.right-container h4 span {
display: inline-block;
line-height: 140%;
color: #fff;
border-bottom: 1px solid #fff;
}

/*-- bubble --*/
#usecase_detail .bubble {
position: relative;
margin-bottom: 70px;
}
#usecase_detail .bubble:before,
#usecase_detail .bubble:after {
clear: both;
content: "";
display: block;
}
#usecase_detail .bubble figure {
width: 147px;
}
@media screen and (max-width: 579px) {
#usecase_detail .bubble figure {
	width: 80px;
}}
#usecase_detail .bubble figure .ImgOnlyStyle {
position: absolute;
bottom: 0;
}
#usecase_detail .bubble-left-icon {
float: left;
margin-right: 20px;
margin-left: 0;
margin-top: 0;
}
#usecase_detail .bubble-right-icon {
float: right;
margin-left: 20px;
margin-right: 0;
margin-top: 0;
}
#usecase_detail .bubble figure img {
width: 100%;
/*height: 100%;*/
margin: 0;
}
#usecase_detail .bubble .bubble-right-text,
#usecase_detail .bubble .bubble-left-text {
position: relative;
padding: 15px 15px 1px;
border-radius: 10px;
max-width: -webkit-calc(100% - 200px);
max-width: calc(100% - 200px);
display: inline-block;
background-color: #FFF1EE;
}
@media screen and (max-width: 579px) {
#usecase_detail .bubble .bubble-right-text,
#usecase_detail .bubble .bubble-left-text {
	max-width: -webkit-calc(100% - 130px);
	max-width: calc(100% - 130px);
}}
#usecase_detail .bubble .bubble-right-text {
float: left;
}
#usecase_detail .bubble .bubble-left-text {
float: right;
}
#usecase_detail .bubble .bubble-right-text:before {
content: "";
position: absolute;
bottom: 30px;
left: -36px;
margin-top: -20px;
border: 18px solid transparent;
border-right: 23px solid #FFF1EE;
z-index: 0;
}
#usecase_detail .bubble .bubble-left-text:before {
content: "";
position: absolute;
bottom: 30px;
right: -36px;
margin-top: -20px;
border: 18px solid transparent;
border-left: 23px solid #FFF1EE;
z-index: 0;
}

#usecase_detail .bubble h3 {
position: relative;
padding-left: 180px;
padding-top: 7px;
}
#usecase_detail .bubble h3 span {
position: absolute;
top: 0;
left: 0;
padding: 5px 30px 3px;
color: #fff;
background: #f9a052;
border-radius: 5px;
}
@media screen and (max-width:767px) {
#usecase_detail .bubble h3 {
	padding-left: 5px;
	padding-top: 40px;
}}
/*
#usecase_detail .bubble h3 span:after {
position: absolute;
top: calc(50% - 7px);
right: -11px;
width: 0;
height: 0;
content: '';
border-width: 7px 0 7px 12px;
border-style: solid;
border-color: transparent transparent transparent #F9A052;
}*/

@media screen and (max-width:579px) {
#usecase_detail .bubble figure.bubble-left-icon p.ImgOnlyStyle img {
	width: 80px;
}}

#usecase_detail .solution .ImgRightAdjust {
width: 230px;
}
@media screen and (max-width:767px) {
#usecase_detail .solution .ImgRightAdjust {
	width: 100%;
}}
#usecase_detail .solution .problem {
margin-right: 260px;
}
@media screen and (max-width:767px) {
#usecase_detail .solution .problem {
	margin: 0 auto;
}}
#usecase_detail .solution h3 {
font-size: 125%;
}
#usecase_detail .solution h4 {
margin-bottom: 18px;
}
#usecase_detail .solution h4 span {
border-bottom: 2px solid #7ac142;
padding: 0 15px;
color: #fff;
font-size: 115%;
}
#usecase_detail .solution  p.ButtonStyle1 a {
background-color: #013F9B;
border-radius: 100px;
}

/*--お問い合わせ--*/
#usecase_detail .inq-counter {
display: flex;
}

#usecase_detail .inq-counter .left-container {
text-align: center;
width: 55%; 
padding-right: 15px;
}
@media screen and (max-width:767px) {
#usecase_detail .inq-counter .left-container {
	width: auto;
	padding-right: 0;
}}

#usecase_detail .inq-counter p.TextStyle1 {
text-align: left;
}
@media screen and (max-width:767px) {
#usecase_detail .inq-counter p.TextStyle1 {
	padding:16px 0;
}}

#usecase_detail .inq-counter p.ButtonStyle1,
#usecase_detail .inq-counter p.ButtonStyle1 a {
margin: 0 0 10px 0;
/*background-image: url(/products/it/nutanix/image/common/icon_new_window_white.png);*/
}
#usecase_detail .inq-counter p.ButtonStyle1 a:link,
#usecase_detail .inq-counter p.ButtonStyle1 a:visited {
padding: 15px 32px 15px 25px;
border-right: solid 13px transparent;
}
#usecase_detail .inq-counter p.ButtonStyle1 a:hover,
#usecase_detail .inq-counter p.ButtonStyle1 a:active {
padding: 15px 34px 15px 25px;
border-right: solid 11px transparent;
}
@media screen and (max-width:579px) {
#usecase_detail .inq-counter p.ButtonStyle1,
#usecase_detail .inq-counter p.ButtonStyle1 a {
	margin: 0 10px 10px 10px;
}}

#usecase_detail .inq-counter .right-container {
width: auto; 
}

#usecase_detail .inq-counter p.ImgOnlyStyle img {
margin: 10px auto;
width: 95%; 
}
@media screen and (max-width:767px) {
#usecase_detail .inq-counter p.ImgOnlyStyle img {
	margin-top: 0;
	width: 100%;
}}

#usecase_detail #related_information ul.LinkListStyle1 {
font-size: 100%;
}



/* Solution Page Setting  20210930
=========================================================================================== */
/*コンテンツエリア*/

.branding_area.solution {
	background: url("/products/it/nutanix/image/solution/branding_solution_image.jpg") no-repeat center 0 / cover;
	height: 220px;
	background-color: #08335d;
}
@media screen and (max-width:994px) {
	.branding_area.solution {
		overflow: hidden;
		padding-left: 4.666%;
	} }
@media screen and (max-width:767px) {
	.branding_area.solution {
		background: url("/products/it/nutanix/image/solution/branding_solution_image_sp.jpg") no-repeat center 0 / cover;
	} }


/*-- solution-contents --*/

#solution #solution-contents .BoxPatternA {
    background-color: #E4F0FF;
}
#solution #solution-contents .BoxPatternA h2 {
background-color: #1F4E79;
    padding: 12px 10px 12px 15px;
    font-size: 120%;
}

#solution #solution-contents .container {
display: flex;
}
@media screen and (max-width:767px) {
#solution #solution-contents .container {
display: block;
}}

#solution #solution-contents .container .left-container {
width: 90%; 
}
@media screen and (max-width:767px) {
#solution #solution-contents .container .left-container {
width: auto; 
}}

#solution #solution-contents p.TextStyle1 {
margin-bottom: 10px; 
}
@media screen and (max-width:767px) {
#solution #solution-contents p.TextStyle1 {
padding:16px;
}}

#solution #solution-contents p.ButtonStyle1,
#solution #solution-contents p.ButtonStyle1 a {
margin: 0 6px 6px 0;
/*background-image: url(/products/it/nutanix/image/common/icon_new_window_white.png);*/
}
@media screen and (max-width:579px) {
#solution #solution-contents p.ButtonStyle1,
#solution #solution-contents p.ButtonStyle1 a {
margin: 0 10px 10px 10px;
}}

#solution #solution-contents .container .right-container {
width: auto; 
}

#solution #solution-contents p.ImgOnlyStyle img {
margin: 10px auto;
width: 95%; 
}

/*-- Learn_more --*/

#solution #learn_more {
background-color: #E6E6E6;
padding: 30px 0;
}

@media screen and (max-width:994px) {
#solution #learn_more {
	margin-left: 0;
	margin-right: -15px;
	padding-left: 30px;
	padding-right: 30px;
} }

@media screen and (max-width:767px) {
#solution #learn_more.block_area {
	width: 100%;
} }

#solution #learn_more h2 {
text-align: center;
color: #1B55A3;
background-color: #E6E6E6;
font-size: 120%;
font-weight:bold;
background-image:none;
}

#solution #learn_more.col_flex {
display: flex;
justify-content: flex-start;
}
@media screen and (max-width:767px) {
#solution #learn_more .col_flex {
	display: block;
} }

#solution #learn_more .col {
border: 1px sold #007CC3;
}

#solution .learn_more {
width:30%;
border: 1px solid #4F81BD;
margin:0 16px 0 0;
padding: 16px;
background-color:#fff;
}
#solution .learn_more:hover {
background-color:#E4F0FF;
}
@media screen and (max-width:767px) {
#solution .learn_more {
	width: auto;
	margin: 0 0 16px 0;
} }

#solution .learn_more a {
display:block;
}
#solution .learn_more a:hover {
text-decoration: none;
}

#solution .learn_more img {
border-bottom: 5px solid #007CC3;
max-width: 100%;
}
@media screen and (max-width:767px) {
#solution .learn_more img {
	display: block;
	width: 100%;
} }

#solution .learn_more h3 {
display: inline-block;
padding-top: 8px;
padding-right: 25px;
color: #013F9B;
text-align: left;
background: url(../image/common/icon_link_learn_more.png) no-repeat right top 6px;
}}

#solution .learn_more p {
font-size: 90%;
}

/*-- HCI Solution --*/
#solution #HCI_solution h2 {
text-align: center;
color: #1B55A3;
font-size: 120%;
font-weight:bold;
background-image:none;
}

#solution #HCI_solution .solution-item {
display: flex;
margin-bottom: 15px;
background-color: #F2F2F2;
}
@media screen and (max-width:767px) {
#solution #HCI_solution .solution-item {
	display: block;
	padding-bottom: 1px;
}}

#solution #HCI_solution .solution-item .Img {
width: 40%;
}
@media screen and (max-width:767px) {
#solution #HCI_solution .solution-item .Img {
	width: auto;
} }

#solution #HCI_solution .solution-item .Img img {
border-right: 6px solid #82CE46;
width: 100%;
}
@media screen and (max-width:767px) {
#solution #HCI_solution .solution-item .Img img {
	display: block;
	width: 100%;
	border-right: none;
	border-bottom: 6px solid #82CE46;
} }

#solution #HCI_solution .solution-item .Inn {
margin: 15px 15px 0 30px;
width: 60%;
}
@media screen and (max-width:767px) {
#solution #HCI_solution .solution-item .Inn {
	margin-top: 8px;
	width: auto;
	margin-left: 15px;
} }

#solution #HCI_solution .solution-item .Inn p.TextStyle1 {
margin-bottom: 8px;
}
#solution #HCI_solution .solution-item .Inn h3 {
color: #1B55A3;
font-size: 105%;
margin-bottom: 5px;
}

/*-- 導入事例 --*/
#solution #HCI_solution .container {
display: flex;
}
@media screen and (max-width:767px) {
#solution #HCI_solution .container {
display: block;
}}

#solution #HCI_solution .container .left-container {
width: 50%; 
margin-right: 20px;
background-color: #F2F2F2;
}
#solution #HCI_solution .container .right-container {
width: 50%;
background-color: #F2F2F2;
}
@media screen and (max-width:767px) {
#solution #HCI_solution .container .left-container,
#solution #HCI_solution .container .right-container {
width: auto; 
margin-right: 0;
}}

#solution #HCI_solution .container .solution-item {
display: block;
margin-bottom: 0;
background-color: #F2F2F2;
}
@media screen and (max-width:767px) {
#solution #HCI_solution .container .solution-item {
	display: block;
	margin-bottom: 30px;
} }

#solution #HCI_solution .container .solution-item .Img {
width: 100%;
}
@media screen and (max-width:767px) {
#solution #HCI_solution .container .solution-item .Img {
	width: auto;
} }

#solution #HCI_solution .container .solution-item .Img img {
border-right: none;
border-bottom: 6px solid #82CE46;
width: 100%;
}
@media screen and (max-width:767px) {
#solution #HCI_solution .container .solution-item .Img img {
	display: block;
	width: 100%;
	border-right: none;
	border-bottom: 6px solid #82CE46;
} }

#solution #HCI_solution .container .solution-item .Inn {
margin: 15px 15px 0 15px;
width: auto;
}
@media screen and (max-width:767px) {
#solution #HCI_solution .container .solution-item .Inn {
	margin-top: 8px;
	width: auto;
} }

#solution #HCI_solution .container .solution-item .Inn p.TextStyle1 {
margin-bottom: 8px;
}
#solution #HCI_solution .container .solution-item .Inn h3 {
color: #1B55A3;
font-size: 105%;
margin-bottom: 5px;
}





/*ソリューション個別ページ*/
#SolutionTitleStyle{
background: #08335D;
color: #FFF;
height: 180px;
}

#SolutionTitleStyle .PageTitleStyle1{
padding: 30px 0 0;
}
@media screen and (max-width:994px) {
#SolutionTitleStyle .PageTitleStyle1{
	padding-left: 30px;
	padding-right: 30px;
}}
@media screen and (max-width: 579px) {
#SolutionTitleStyle .PageTitleStyle1{
    padding-top: 8px;
    padding-left: 15px;
    padding-right: 15px;}}

#SolutionTitleStyle .PageTitleStyle1 h1{
text-shadow: none;
}
#SolutionTitleStyle .PageTitleStyle1 span{
display: inline-block;
background-color: #fff;
color: #09335D;
padding: 2px 10px 0;
border-radius: 5px 0 5px 0;
font-size: 83%;
}
#SolutionTitleStyle .PageTitleStyle1 h1{
padding: 8px 0;
text-align: left;
font-size: 180%;
}
#SolutionTitleStyle .PageTitleStyle1 .SubTitle {
padding-top: 10px;
}
#SolutionTitleStyle .PageTitleStyle1 .SubTitle strong{
color: #fff;
font-weight: normal;
}

#block_area00.block_area {
padding-top: 40px;
padding-bottom: 1px;
margin-bottom: 0;
background-color: #EFEFEF;
}
@media screen and (max-width:994px) {
#block_area00.block_area {
	margin-left: 0;
	margin-right: 0;
	padding-left: 30px;
	padding-right: 30px;
} }
@media screen and (max-width:767px) {
#block_area00.block_area {
	width: 100%;
}}


#solution_detail #block_area01, #solution_detail #block_area02, #solution_detail #block_area03, #solution_detail #block_area04, #solution_detail #block_area05, #solution_detail #inq, #solution_detail #related_information {
padding-top: 40px;
padding-bottom: 30px;
}
#solution_detail #block_area01, #solution_detail #block_area05 {
background-color: #fff;
}
#solution_detail #block_area02, #solution_detail #block_area04 {
background-color: #E4F0FF;
}
#solution_detail #block_area03 {
background-color: #E7F3E0;
}
#solution_detail #block_area02.block_area, #solution_detail #block_area03.block_area {
margin-bottom: 0;
}
#solution_detail #inq {
background-color: #fff;
}
#solution_detail #related_information {
background-color: #E4F0FF;
margin-bottom: 0;
}
@media screen and (max-width:994px) {
#solution_detail #block_area01, #solution_detail #block_area02, #solution_detail #block_area03, #solution_detail #block_area04, #solution_detail #block_area05, #solution_detail #inq, #solution_detail #related_information {
	margin-left: 0;
	margin-right: 0;
	padding-left: 30px;
	padding-right: 30px;
} }
@media screen and (max-width:767px) {
#solution_detail .block_area {
	width: 100%;
}
#solution_detail #block_area01, #solution_detail #block_area02, #solution_detail #block_area03, #solution_detail #block_area04, #solution_detail #block_area05, #solution_detail #inq, #solution_detail #related_information {
	padding-left: 15px;
	padding-right: 15px;
}}/**/

#solution_detail h2 {
background: none;
padding-bottom: 0;
}
#solution_detail h2 span {
background: none;
padding: 0 0 15px 0;
text-align: center;
font-size: 200%;
color: #666;
}

#solution_detail p.TextStyle1 {
margin-bottom: 15px;
}

/* ページ内リンク */
#InnerLinksArea {
	top: 0;
	/*z-index: 10;*/
	z-index: 100;
	width: 100%;
	background-color: #08335D;
}

#InnerLinksArea .HorizontalInnerLinks {
	margin-bottom: 0;
}

#InnerLinksArea .HorizontalInnerLinks li {
	display: table;
	width: 16.66666666%;
	margin-right: 0;
}

#InnerLinksArea .HorizontalInnerLinks li a {
	display: table-cell;
	height: 2.815em;
	padding-right: 0;
	vertical-align: middle;
	text-align: center;
	font-size: 100%;
	color: #ffffff;
	background-image: none;
}
#InnerLinksArea .HorizontalInnerLinks li a:link,
#InnerLinksArea .HorizontalInnerLinks li a:visited {
	background-color: #08335D;
}
#InnerLinksArea .HorizontalInnerLinks li a:hover,
#InnerLinksArea .HorizontalInnerLinks li a:active {
	color: #fff;
	background-color: #466686;
	text-decoration: none;
}
#InnerLinksArea .HorizontalInnerLinks li a span {
	display: inline-block;
	padding: 2px 0 0 0;
	background-position: right center;
	background-repeat: no-repeat;
}

#InnerLinksArea .HorizontalInnerLinks li.Inq a {
    border-radius: 0 0 10px 10px;
}
#InnerLinksArea .HorizontalInnerLinks li.Inq a:link,
#InnerLinksArea .HorizontalInnerLinks li.Inq a:visited {
	background-color: #70AD47;
}
#InnerLinksArea .HorizontalInnerLinks li.Inq a:hover,
#InnerLinksArea .HorizontalInnerLinks li.Inq a:active {
	color: #fff;
	background-color: #447225;
	text-decoration: none;
}
@media screen and (max-width:767px) {
	#InnerLinksArea .HorizontalInnerLinks li.Inq a {
		border-radius: 10px 0 0 10px;
	}}

#InnerLinksArea .HorizontalInnerLinks li.Inq a span {
	display: inline-block;
	padding: 2px 23px 0 0;
	background-image: url("/image/jp/r1/icon/icon_inquiry_white_hd.png");
	background-size: 21px;
	background-position: right center;
	background-repeat: no-repeat;
}
#InnerLinksArea .HorizontalInnerLinks li.Inq a:hover span,
#InnerLinksArea .HorizontalInnerLinks li.Inq a:active span {
	background-image: url("/image/jp/r1/icon/icon_inquiry_white_hd.png");
}
@media screen and (max-width:994px) {
	.JS #InnerLinksArea .HorizontalInnerLinks {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width:767px) {
	.JS #InnerLinksArea .HorizontalInnerLinks {
		padding-left: 0;
		padding-right: 0;
	}

	.JS #InnerLinksArea .HorizontalInnerLinks li {
		width: 33.33333333%;
	}

	.JS.SP #InnerLinksArea .HorizontalInnerLinks li a {
		height: 2.25em;
	}

	.JS #InnerLinksArea .HorizontalInnerLinks li a span {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 579px) {
	.JS #InnerLinksArea .HorizontalInnerLinks li {
		width: 50%;
	}

	.JS #InnerLinksArea .HorizontalInnerLinks li a {
		height: 2.25em;
	}
}


/* 特長ボックス */
#solution_detail .problem {
background-color: #2E75B6;
border: solid 1px #5B9BD5;
border-radius: 8px 0 8px 0;
padding: 15px 11px 11px;
color: #fff;
}
#solution_detail .solving {
background-color: #70AD47;
border: solid 1px #5B9BD5;
border-radius: 8px 0 8px 0;
padding: 11px;
color: #fff;
}

#solution_detail .solving_detail {
margin-bottom: 70px;
}
#solution_detail .solving_detail:last-child {
margin-bottom: 10px;
}
#solution_detail .solving_detail h3 {
position: relative;
overflow: hidden;
padding: 1rem 2rem 0.8rem 130px;
line-height: 1.3;
background-color: #1F4E79;
color: #fff;
font-size: 130%;
font-weight: normal;
border-radius: 8px 8px 0 0;
margin-bottom: 0;
}
#solution_detail .solving_detail h3:before {
position: absolute;
top: -150%;
left: -100px;
width: 200px;
height: 300%;
content: '';
/*-webkit-transform: rotate(25deg);
transform: rotate(25deg);*/
background: #F95252;
}
@media screen and (max-width: 579px) {
#solution_detail .solving_detail h3 {
	padding: 1.2rem 1.3rem 1rem 120px;

}}
#solution_detail .solving_detail h3 span {
/*font-size: 40px;*/
font-size: 100%;
position: absolute;
z-index: 1;
/*top: 0;*/
left: 20px;
display: block;
/*padding-top: 10px;*/
/*padding-left: 30px;*/
color: #fff;
/*font-family: fantasy;*/
}
#solution_detail .solving_detail .solving_detail_inner {
padding: 15px 15px 1px;
background-color: #DEEAFF;
border-radius: 0 0 8px 8px;
}

#solution_detail .solving_detail .solving_container {
display: flex;
}
@media screen and (max-width:767px) {
#solution_detail .solving_detail .solving_container {
display: block;
}}

#solution_detail .solving_detail .solving_container .left-container {
text-align: center;
width: 70%; 
padding-right: 15px;
}
@media screen and (max-width:767px) {
#solution_detail .solving_detail .solving_container .left-container {
	width: auto;
	padding-right: 0;
}}

#solution_detail .solving_detail .solving_container p.TextStyle1 {
text-align: left;
}

#solution_detail .solving_detail .solving_container .right-container {
width: auto; 
}

#solution_detail .solving_detail .solving_container p.ImgOnlyStyle img {
width: 95%; 
}
@media screen and (max-width:767px) {
#solution_detail .solving_detail .solving_container p.ImgOnlyStyle img {
	margin-top: 0;
	width: auto;
}}

#solution_detail #related_information ul.LinkListStyle1 {
font-size: 100%;
}



#solution_detail .solution .ImgRightAdjust {
width: 230px;
}
@media screen and (max-width:767px) {
#solution_detail .solution .ImgRightAdjust {
	width: 100%;
}}
#solution_detail .solution .problem {
margin-right: 260px;
}
@media screen and (max-width:767px) {
#solution_detail .solution .problem {
	margin: 0 auto;
}}
#solution_detail .solution h3 {
font-size: 125%;
}
#solution_detail .solution h4 {
margin-bottom: 18px;
}
#solution_detail .solution h4 span {
border-bottom: 2px solid #7ac142;
padding: 0 15px;
color: #fff;
font-size: 115%;
}
#solution_detail .solution  p.ButtonStyle1 a {
background-color: #013F9B;
border-radius: 100px;
}


/*-- table --*/
@media screen and (max-width:767px) {
.scroll-table table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
/*  -webkit-overflow-scrolling: touch;*/
}}

#solution_detail #block_area04 table {
border-collapse: separate;
border-spacing: revert;
width: 100%;
margin: 0;
}

#solution_detail #block_area04 table th {
background-color: #09335D;
color: #fff;
text-align:center;
font-size: 75%;
width: 10%;
}
@media screen and (max-width:767px) {
#solution_detail #block_area04 table th {
	text-align:left;
}}

#solution_detail #block_area04 table th.top {
width: 18% !important;
}

#solution_detail #block_area04 table td {
background: #E4F0FF;
text-align:center;
font-size: 75%;
}
/*@media screen and (min-width:768px) {
#solution_detail #block_area04 table td {
	width:30%;
}}*/
#solution_detail #block_area04 table tr:nth-child(odd) td {
background: #EBF3EA;
}

#solution_detail #block_area04 table td em {
font-size: 200%;
font-weight: bold;
color: #F47A1F;
}

#solution_detail #block_area04 table td strong {
border-bottom: 3px solid #FBC9A4;
}


/*-- 関連情報内ユースケースコンテンツ --*/

#solution_detail #related_information .containerA,
#solution_detail #related_information .containerB {
border-top: 1px solid #1F4E79;
border-right: 1px solid #1F4E79;
border-bottom: 1px solid #1F4E79;
border-left: 8px solid #1F4E79;
margin-top:0;
margin-bottom:30px;
}

#solution_detail #related_information .containerA,
#solution_detail #related_information .containerB {
display: flex;
background-color: #fff;
}

#solution_detail #related_information .containerA .left-container,
#solution_detail #related_information .containerB .right-container {
width: 55%; 
}
@media screen and (max-width:767px) {
#solution_detail #related_information .containerA .left-container,
#solution_detail #related_information .containerB .right-container {
width: auto; 
}}

#solution_detail #related_information .left-container h2,
#solution_detail #related_information .right-container h2 {
background: none;
padding-bottom: 0;
}
#solution_detail #related_information .left-container h2 span,
#solution_detail #related_information .right-container h2 span {
display: inline-block;
background: none;
margin-top: 30px;
margin-left: 15px;
margin-right: 15px;
padding: 0 0 5px 0;
border-bottom: 2px solid #1F4E79;
font-size: 110%;
font-weight: bold;
color: #575757;
line-height: 130%;
text-align: left;
}
@media screen and (max-width:767px) {
#solution_detail #related_information .left-container h2,
#solution_detail #related_information .right-container h2 {
margin-left: 0;
margin-right: 0;
}}

#solution_detail #related_information .left-container p.TextStyle1,
#solution_detail #related_information .right-container p.TextStyle1 {
text-align: left;
padding:16px 16px 0 16px;
margin-bottom: 10px; 
}
@media screen and (max-width:767px) {
#solution_detail #related_information .left-container p.TextStyle1,
#solution_detail #related_information .right-container p.TextStyle1 {
padding:16px;
}}

#solution_detail #related_information p.ButtonStyle1,
#solution_detail #related_information p.ButtonStyle1 a {
margin: 0 6px 6px 0;
/*background-image: url(/products/it/nutanix/image/common/icon_new_window_white.png);*/
}
@media screen and (max-width:579px) {
#solution_detail #related_information p.ButtonStyle1,
#solution_detail #related_information p.ButtonStyle1 a {
margin: 0 10px 10px 10px;
}}

#solution_detail #related_informations .containerA .right-container,
#solution_detail #related_informations .containerB .left-container {
width: auto; 
}

#solution_detail #related_information p.ImgOnlyStyle img {
margin: 10px auto;
width: 95%; 
}


/*--お問い合わせ--*/
#solution_detail .inq-counter {
display: flex;
}

#solution_detail .inq-counter .left-container {
text-align: center;
width: 55%; 
padding-right: 15px;
}
@media screen and (max-width:767px) {
#solution_detail .inq-counter .left-container {
	width: auto;
	padding-right: 0;
}}

#solution_detail .inq-counter p.TextStyle1 {
text-align: left;
}
@media screen and (max-width:767px) {
#solution_detail .inq-counter p.TextStyle1 {
	padding:16px 0;
}}

#solution_detail .inq-counter p.ButtonStyle1,
#solution_detail .inq-counter p.ButtonStyle1 a {
margin: 0 0 10px 0;
/*background-image: url(/products/it/nutanix/image/common/icon_new_window_white.png);*/
}
#solution_detail .inq-counter p.ButtonStyle1 a:link,
#solution_detail .inq-counter p.ButtonStyle1 a:visited {
padding: 15px 32px 15px 25px;
border-right: solid 13px transparent;
}
#solution_detail .inq-counter p.ButtonStyle1 a:hover,
#solution_detail .inq-counter p.ButtonStyle1 a:active {
padding: 15px 34px 15px 25px;
border-right: solid 11px transparent;
}
@media screen and (max-width:579px) {
#solution_detail .inq-counter p.ButtonStyle1,
#solution_detail .inq-counter p.ButtonStyle1 a {
	margin: 0 10px 10px 10px;
}}

#solution_detail .inq-counter .right-container {
width: auto; 
}

#solution_detail .inq-counter p.ImgOnlyStyle img {
margin: 10px auto;
width: 95%; 
}
@media screen and (max-width:767px) {
#solution_detail .inq-counter p.ImgOnlyStyle img {
	margin-top: 0;
	width: 100%;
}}

#solution_detail #related_information ul.LinkListStyle1 {
font-size: 100%;
}





/* Blog Page Setting  20200617
=========================================================================================== */
/*タイトル部分　20200904*/

#BlogTitleStyle{
background:#012861;
color: #FFF;
}

#BlogTitleStyle .PageTitleStyle1{
padding: 16px 0;
}

#BlogTitleStyle .PageTitleStyle1 span{
color:#fff;
padding: 0 16px;
}

#BlogTitleStyle .PageTitleStyle1 h1{
padding: 8px 16px;
text-align: left;
}

/*コンテンツエリア*/
.branding_area.blog {
	background: url("/products/it/nutanix/image/blog/branding_blog_image.jpg") no-repeat center 0 / cover;
	height: 220px;
	background-color: #08335d;
}
@media screen and (max-width:994px) {
	.branding_area.blog {
		overflow: hidden;
		padding-left: 4.666%;
	} }
@media screen and (max-width:767px) {
	.branding_area.blog {
		background: url("/products/it/nutanix/image/blog/branding_blog_image_sp.jpg") no-repeat center 0 / cover;
	} }

#blog .ImgOnlyStyle a:hover img {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.8;
}

#blog #blog_List {
	margin-bottom: 30px;
}

#blog .col_flex {
	flex-flow: row wrap;
	width: 100%;
}

#blog .col_flex .blog_summary {
	display: flex;
	flex-flow: row wrap;
	width: 30%;
	border: solid 2px #4F81BD;
	margin: 12px 8px;
}

#blog .col_flex .blog_summary img {
	width: 100%;
}

#blog .col_flex .blog_summary dl {
	margin: 8px 6px 6px 8px;
}

#blog .col_flex .blog_summary dt {
	font-weight: bold;
	color: #222;
	line-height: 150%;
	margin-bottom: 12px;
}

#blog .col_flex .blog_summary dd {
	color: #222;
	font-size: 90%;
}

#blog .col_flex .blog_summary .post_date {
	text-align: right;
	font-size: 90%;
	margin-right: 8px;
}

#blog .col_flex .blog_summary a{
	color: #222;
	text-decoration: none;
}

#blog .col_flex .blog_summary a:hover{
	color: #222;
	text-decoration: none;
	background-color: #DBEEF4;
}

@media screen and (max-width: 767px) {
#blog .col_flex .blog_summary {
	width: 45%;
	}}

@media screen and (max-width:579px) {
#blog .col_flex {
	margin-left: 0;
}

#blog .col_flex .blog_summary {
	flex-direction: column
	display: flex;
	width: 100%;
	}}

/*-- Blog Page Module  20200904-- */


/*リード文*/
#blog .block_area .contents_inner #Blog-lead{
background:url(/products/it/nutanix/image/blog/img_lead.png) ;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin:24px 0;
}

#blog .block_area .contents_inner #Blog-lead p{
color:#fff;
padding: 24px 24px 12px;
margin-bottom:0;
text-shadow: 2px 1px 2px #040404;
}

#blog .block_area .contents_inner #Blog-lead a{
color:#ffb49a;
}


/*目次*/
#blog .block_area .contents_inner #Blog-toc ul{
font-size: 100%;
color: #436db5 ;
border-top: solid #436db5 1px;
border-bottom: solid #436db5 1px;
padding: 0.5em 0 0.5em 1.5em;
}

#blog .block_area .contents_inner #Blog-toc ul li{
line-height: 1;
padding: 0.5em 0;
list-style-type: disc;
}

/*見出しレベル*/
#blog .block_area .contents_inner h2{
font-size: 150%;
font-weight: bold;
color: #fff;
background-color: #436db5;
background-image: none;
padding: 4px 16px;
margin-bottom: 16px;
border-radius: 0 10px 0 10px;
}

#blog .block_area .contents_inner h3{
color: #436db5;
margin-bottom: 16px;
font-size: 140%;
font-weight: bold;
line-height: 130%;
border-left: 5px solid #436db5;
padding: 4px 0 0 8px;
}

#blog .block_area .contents_inner h4{
color: #436db5;
margin-bottom: 12px;
font-size: 130%;
font-weight: bold;
line-height: 130%;
}

#blog .block_area .contents_inner p.TextStyle1{
margin-bottom: 24px;
}

#blog .block_area .contents_inner #Blog-toc {
margin-bottom:24px;
}

#blog .block_area .contents_inner #Blog-toc p{
color: #436db5;
font-weight: bold;
}

/*リンクボタン*/

#blog .block_area .contents_inner p.ButtonStyle2 {
text-align: center;
}

#blog .block_area .contents_inner
.ButtonStyle2 a:link,
.ButtonStyle2 a:visited,
.ButtonStyle2 a:hover,
.ButtonStyle2 a:active {
border-radius: 50px;
color: #fff;
background-color: #61B812;
font-weight: bold;
font-size: 140%;
text-decoration:none;
padding:16px 40px;
text-align:center;
border:none;
background-position-x: 10px;
}

#blog .block_area .contents_inner dl {
display: table;
}

#blog .block_area .contents_inner
.ButtonStyle2 a:hover,
.ButtonStyle2 a:active {
opacity:0.7;
/*background-color: #436db5;*/
}

/*リンクリスト*/
#blog .block_area .contents_inner .LinkListStyle1 li a:link, 
#blog .block_area .contents_inner .LinkListStyle1 li a:visited {
background-image: url(/products/it/nutanix/image/blog/icon_link_right_hd.gif);
}

#blog .block_area .contents_inner .LinkListStyle1 li a:hover {
background-image: url(/products/it/nutanix/image/blog/icon_link_right_hover_hd.gif);
}

#blog .block_area .contents_inner .LinkListStyle1 li.NewWin a {
background-image: url(/products/it/nutanix/image/blog/icon_new_window_hd.gif) !important;
}

#blog .block_area .contents_inner .AdditionalNotesStyle2 dd.NewWin a {
background-image: url(/products/it/nutanix/image/blog/icon_new_window_hd.gif) !important;
padding: 0 17px 0 0;
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
}

/*囲みB*/
#blog .block_area .contents_inner .BoxPatternB h2{
background-color: transparent;
color: #333;
}

#blog .Without_notice {
margin :50px auto 30px ;
}



/* Catalog Page Setting
=========================================================================================== */

#catalog .Column3 {width: 660px;}
@media screen and (max-width:994px) {
	#catalog .Column3 {
		width: 70%;
	} }
@media screen and (max-width:767px) {
	#catalog .Column3 {
		width: 100%;
	} }


/* lightbox Setting
=========================================================================================== */

.lb-cancel {background: url(/products/it/nutanix/image/lightbox/loading.gif) no-repeat !important;}

.lb-nav a.lb-prev {background: url(/products/it/nutanix/image/lightbox/prev.png) left 48% no-repeat !important;}

.lb-nav a.lb-next {background: url(/products/it/nutanix/image/lightbox/next.png) right 48% no-repeat !important;}

.lb-data .lb-close {background: url(/products/it/nutanix/image/lightbox/close.png) top right no-repeat !important;}