@charset "utf-8";

/*
  【垂直統合型商品】パンくず
-----------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.breadcrumb-wrapper {
		padding-right: 30px;
	}
}


/*
  【垂直統合型商品】グロナビ
-----------------------------------------------------------------------------*/
@media screen and (min-width: 1001px) {
	.c-nav-header-wrap {
		min-height: 60px;
	}
	.c-nav-header>ul {
		min-height: 60px;
	}
}
.c-nav-header>ul>li>a.toggle-hook:before {
    display: none
}
.p-nav-header>ul>li>a.toggle-hook {
    padding-right: 0
}
.c-nav-header>ul:before {
    left: 0;
    background-color: #ccc;
    z-index: 3
}
.c-nav-header>ul:before,.c-nav-header>ul>li>a:after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    width: 1px;
    height: 28px;
    margin-top: -14px
}
.c-nav-header>ul>li>a:after {
    right: 0;
    background: #ccc
}
[data-script-enabled=true] .c-nav-header>ul>li {
	width: 50%;
}
[data-script-enabled=true] .c-nav-header>ul>li>a.toggle-hook:hover {
	background: #4d4d4d;
}
.c-nav-header>ul>li.js-hover>a {
    background-color: #000;
}
@media screen and (max-width: 767px) {
    .c-nav-header>ul:before,.c-nav-header>ul>li>a:after {
        content:none
    }
	[data-script-enabled=true] .c-nav-header>ul>li {
		width: 100%;
	}
	.c-nav-header>ul>li.js-hover>a {
		background: none;
	}	
}


/*
  【垂直統合型商品】メインビジュアル
-----------------------------------------------------------------------------*/
.main-visual {
	background: #ebebee;
}
.main-visual .main-visual-wrap {
	margin: 0 auto;
	max-width: 1280px;
}


/*
  【垂直統合型商品】次世代プラットフォーム富士通の垂直統合型商品
-----------------------------------------------------------------------------*/
.diff-bg-z {
	background: url(/jp/imagesgig5/bg_intro_tcm102-5035324_tcm102-2750236-32.jpg) top center no-repeat,#dadbdf;
}


/*
  【垂直統合型商品】製品ラインナップ
-----------------------------------------------------------------------------*/
.diff-bg-y {
	background: url(/jp/imagesgig5/bg_lineup_tcm102-5035326_tcm102-2750236-32.jpg) top center no-repeat,#0c0203;
}
.diff-bg-y h2 {
	color: #fff;
}
.diff-bg-y .white-btn,
.diff-bg-y .white-btn:hover {
	border: 1px solid #fff;
	background: none;
}
@media only screen and (min-width: 769px) {
	.lyt-hover-a.diff-col3 .hover-content .visual .hover-hdg {
        font-size:2.2rem;
    }
	.lyt-hover-a.diff-col3 .hover-content .visual:hover a .hover-hdg {
		margin: 20px 0 16px;
	}
}
@media only screen and (min-width: 1013px) {
	.lyt-hover-a.diff-col3 .hover-content .visual .hover-hdg {
		margin-top: 1rem;
	}
	.lyt-hover-a .hover-content .visual a span:not(.hover-hdg) {
		margin-top: 20px;
	}
}


/*
  【垂直統合型商品】導入事例
-----------------------------------------------------------------------------*/
.diff-bg-x {
	background: #eee;
}
.diff-bg-x .lyt-panel-a {
	border: 1px solid #bebebe;
}


/*
  【垂直統合型商品】お問い合わせ
-----------------------------------------------------------------------------*/
.p-lyt-contact-a .p-list-contact-a {
  width: 100%;
  margin-left: 0; }

.p-lyt-contact-a .p-list-contact-a > li {
  width: 50%;
  padding: 0 2vw; }

@media screen and (max-width: 768px) {
  .p-lyt-contact-a .p-list-contact-a > li {
    width: inherit;
    padding: 0; } }
.p-lyt-contact-a .p-list-contact-a > li:first-child {
  border-right: 1px solid #c6c6c0; }

@media screen and (max-width: 768px) {
  .p-lyt-contact-a .p-list-contact-a > li:first-child {
    border-right: none;
    border-bottom: 1px solid #c6c6c0; } }
.p-lyt-contact-a .p-list-contact-a > li .p-type-form {
  font-weight: bold;
  font-size: 2.5rem; }

.p-lyt-contact-a .p-list-contact-a > li .p-type-form::before {
  content: "";
  background: url("/jp/imagesgig5/icon_form_tcm102-4063611_tcm102-2750236-32.gif") no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 12px; }

.p-lyt-contact-a .p-list-contact-a li.p-type-tel .p-contact-inner::before {
  background-position: -126px 47px; }


/*
  【VMware vSphere】メインビジュアル
-----------------------------------------------------------------------------*/
.hero-area-bg {
	background: #ebebee;
}
.hero-area-z {
	max-width: 1280px;
	max-height: 400px;
	min-height: 400px;
	margin: 0 auto;
}
.hero-area-z.hero-area-b .content {
	z-index: 2;
	padding-top: 30px;
	padding-left: 30px;
}
.hero-area-z.hero-area-b .content .main-txt>*,
.hero-area-z.hero-area-b .content .sub-txt>*{
	background: none;
	color: #000;
}
.hero-area-z.hero-area-b .visual {
	z-index: 1;
}
.hero-area-z.hero-area-b .visual>img {
	min-width: inherit;
}
@media screen and (max-width: 767px) {
	.hero-area-z {
		max-height: auto;
		min-height: auto;
	}
	.hero-area-z.hero-area-b .content {
		padding-top: 0;
		padding-left: 0;
	}
	.hero-area-z.hero-area-b .visual>img {
		margin-left: -40%;
	}
}


/*
  【VMware vSphere】富士通がご提供する垂直統合型 仮想化・クラウド基盤
-----------------------------------------------------------------------------*/
.diff-bg-w {
	background: url(/jp/imagesgig5/bg_contents_tcm102-5037396_tcm102-2750236-32.jpg) top center no-repeat,#eee;
}


/*
  【VMware vSphere】カタログ
-----------------------------------------------------------------------------*/
.btn-b.btn-z {
	width: 250px;
	padding-top: 13px;
	padding-bottom: 13px;
}
.btn-b.btn-z[href$=".pdf"]::before {
    display: block;
}
@media screen and (max-width: 767px) {
	.btn-b.btn-z {
		width: 100%;
		padding-top: 12px;
		padding-bottom: 12px;
	}	
}


/*
  【VMware vSphere 製品情報】メインビジュアル
-----------------------------------------------------------------------------*/
.c-lyt-visual-a.c-lyt-visual-z {
	background: url(/jp/imagesgig5/bg_detail_tcm102-5037404_tcm102-2750236-32.jpg) no-repeat top left 0,#ebebee;
}
.c-lyt-visual-z .c-lyt-visual-a__visualarea {
	width: 280px;
	flex-basis: 280px;
}
.c-lyt-visual-z .c-lyt-visual-a__visual {
	height: auto;
	top: 50%;
    margin-top: -140px;
}
.c-lyt-visual-z .c-lyt-visual-a__titlearea {
	width: 1000px;
	flex-basis: 1000px;
	padding: 0;
	color: #000;
}
.c-lyt-visual-z .c-lyt-visual-a__titlearea-inner {
	border: none;
	background: none;
	box-shadow: none;
}
.c-lyt-visual-z .c-lyt-visual-a__title {
	font-size: 4.2rem;
	margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
	.c-lyt-visual-z .c-lyt-visual-a__visualarea {
		width: 100%;
		flex-basis: auto;
	}
	.c-lyt-visual-z .c-lyt-visual-a__titlearea {
		width: 100%;
		flex-basis: auto;
		padding: 0;
		color: #000;
	}	
	.c-lyt-visual-z .c-lyt-visual-a__inner {
		flex-direction: column;
	}
	.c-lyt-visual-z .c-lyt-visual-a__visual {
		top: 10%;
		margin-top: 0;
		width: 50%;
	}
	.c-lyt-visual-z .c-lyt-visual-a__titlearea-inner {
		background: #EBEAEF;
	}
	.c-lyt-visual-z .c-lyt-visual-a__title {
		font-size: 2.4rem;
		margin-bottom: 28px;
	}
}


/*
  【VMware vSphere 製品情報】仕様・諸元
-----------------------------------------------------------------------------*/
.tbl-scroll-a .tbl-a th {
	background: #F3F3F3;
	text-align: center;
	vertical-align: middle;
}
.tbl-scroll-a .tbl-a td {
	text-align: center;
}


/*
  【Microsoft Azure Stack Hub 製品情報】特長
-----------------------------------------------------------------------------*/
.col2-box {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.col2-box p {
	width: 49%;
	border: 1px solid #b1b1ac;
	border-radius: 10px;
	padding: 20px;
}
.col2-box p + p {
	margin-top: 0 !important;
}
.col2-box p:nth-of-type(n+3) {
	margin-top: 20px !important;
}
@media only screen and (max-width: 767px) {
	.col2-box {
		display: block;
	}
	.col2-box p {
		width: 100%;
	}
	.col2-box p:nth-of-type(n+2) {
		margin-top: 20px !important;
	}
}
@media only screen and (min-width: 769px) {
	.u-bg-06 {
		background: rgba(0,0,0,0.6) !important;
	}
}