@charset "utf-8";
/*=========================================

	/datadenter/colocation/配下のCSS

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


/*----------------------------------------------------------------------------------------------------
  共通設定
-----------------------------------------------------------------------------------------------------*/

/* アイコンサイズの調整 */
.flex_box .border img.connect ,
.flex_box .border img.vb {
    width: 60px;
    padding: 35px 0 70px;
}
/* table内文字サイズの調整 */
table p {
    font-size: inherit;
}

/*----------------------------------------------------------------------------------------------------
  ファシリティページ調整用
-----------------------------------------------------------------------------------------------------*/
.dc_flow .flex_block:nth-of-type(n+2) {
	margin-left: 0;
}

/*----------------------------------------------------------------------------------------------------
  ファシリティページ調整用
-----------------------------------------------------------------------------------------------------*/
section.w_max.red .ope-facility .flex_block:nth-of-type(n+2) {
	margin-left: 20px;
}
.ope-facility {
	width: 90%;
	max-width: 1040px;
	margin: 0 auto;
}
section.w_max.red .ope-facility h3 {
	text-align: center;
}
.facility_2col {
	width: 100%;
	max-width: 515px;
}
.facility_img {
	display: flex;
	justify-content: space-between;
}
.facility_2col .facility_img figure:first-child {
	margin-right: 20px;
}
.facility_1col {
	width: 100%;
	max-width: 246px;
}


/* トグルメニュー用 */
ul.list_arrow li.toggle_M2M {
	color: #1067b6;
	font-size: 1.6rem;
	display: inline;
}
ul.list_arrow li.toggle_M2M:hover {
	text-decoration: underline;
}
ul.list_arrow li.arrow_bottom:before{
	transform: rotateZ(90deg);
}

/* table強調用 */
.t_private th:nth-of-type(3) {
	border-top: 4px solid #364482;
	border-left: 4px solid #364482;
	border-right: 4px solid #364482;
}
.t_private td:nth-of-type(2) {
	border-left: 4px solid #364482;
	border-right: 4px solid #364482;
}
.t_private tr:last-child td:nth-of-type(2) {
	border-bottom: 4px solid #364482;
}
.t_vb th:nth-of-type(2) {
	border-top: 4px solid #364482;
	border-left: 4px solid #364482;
	border-right: 4px solid #364482;
}
.t_vb td:nth-of-type(1) {
	border-left: 4px solid #364482;
	border-right: 4px solid #364482;
}
.t_vb tr:last-child td:nth-of-type(1) {
	border-bottom: 4px solid #364482;
}

/* line-height調整用 */
.recommend div:nth-of-type(2) h4 {
	line-height: 2.7;
}


/*----------------------------------------------------------------------------------------------------
  高負荷ハウジングサービス調整用
-----------------------------------------------------------------------------------------------------*/
#high-power .feature ul li {
	font-size: 1.5rem;
	background: url(/sevice_shared/img/datacenter/icn_arrow_list.svg) no-repeat left 8px;
	padding-left: 12px;
	margin-bottom: 3px;
}
#high-power .dgx-ready {
	background: #eff3f5;
	padding: 30px 35px 20px;
}
#high-power .dgx-ready p {
	font-size: 1.5rem;
}
#high-power .dgx-ready .img_wrap.left .img {
	margin-right: 20px;
}

/*----------------------------------------------------------------------------------------------------
  インターコネクト：メガクラウド調整用
-----------------------------------------------------------------------------------------------------*/
.service_partner {
    border: solid 2px #76b900;
    display: block;
    border-radius: 10px;
    padding: 25px;
    box-sizing: border-box;
    text-align: center;
    color: #333;
    position: relative;
}
.sinet .service_partner {
	border: solid 2px #A5A5A5;
}
.service_partner h4 {
    color: #76b900;
    margin-bottom: 0;
    padding-left: 0;
    border-left: none;
}
.service_partner h4 {
	color: #333333;
}
.service_partner p {
    font-size: 1.4rem;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
}
.service_partner:hover {
    text-decoration: none;
    color: #333;
}
.service_partner:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    transition: .6s;
}
.service_partner:hover:before {
    background: #fff;
    opacity: .3;
    z-index: 1;
}

.service_partner_sinet:hover:before {
  background: none;
  opacity: 1;
  z-index: auto;
}

/* ----- リスト（丸点） ----------------- */
.article ul.list_disc {
    font-size: 1.6rem;
    margin-bottom: 0.7em;
}
.article ul.list_disc li {
    list-style: disc;
    margin-left: 35px;
}

/*----------------------------------------------------------------------------------------------------
  IX接続調整用
-----------------------------------------------------------------------------------------------------*/
/* ----- 横並びボーダー付きリスト ----------------- */
.col4_border {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.col4_border > li {
    width: 24%;
    border: 1px solid #ccc;
    font-size: 1.6rem;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 5px;
}
.flex_link {
    display: flex;
    justify-content: space-around;
}
.flex_link figure {
    max-width: 200px;
}

/*----------------------------------------------------------------------------------------------------
DLCハウジングサービス調整用
-----------------------------------------------------------------------------------------------------*/
.method_block {
display: flex;
justify-content: space-between;

}

.method_block a {
text-align: center;
border: 1px solid #B4B4B4;
padding: 10px;
width: 510px;
padding-top: 40px;
display: block;
}

.method_block a p {
margin-bottom: 10px;
}

.method_block a img {
margin-top: 30px;
}

.feature_block {
	display: flex;
    justify-content: center;
}

.feature_box {
	padding: 20px;
    border: 1px solid #CCCCCC;
	color: #262D44;
	display: block;
}

.feature_box:first-child {
	margin-right: 50px;
}

.feature_block .feature_box {
	position: relative;
}

.feature_block .feature_box img {
	padding: 10px 0 25px;
}

.feature_block .feature_box p span {
	background: url(/sevice_shared/img/datacenter/icn_arrow_list.svg) no-repeat left center;
    padding-left: 10px;
    line-height: 1.35;
    font-size: 14px;
    font-size: 1.4rem;
    color: #262D44;
    text-align: left;
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.method_block div {
	padding: 40px 20px 10px;
    text-align: center;
    border: solid 1px #CCCCCC;
    width: 510px;
}

.method_block div h3 {
	margin-bottom: 0;
}

.method_block div p {
	margin-bottom: 2.7em;
}

@media (max-width: 768px) {
.method_block {
	display: block;
}.feature_block {
	display: block;
}
.feature_box:first-child {
	margin-right: 0;
}
.method_side {
	margin-bottom: 30px;
}
.method_block div {
	width: 100%;
	padding: 10px 20px 10px;
}

}

/*----------------------------------------------------------------------------------------------------
   for SP（768px以下）
-----------------------------------------------------------------------------------------------------*/

@media (max-width: 768px) {
	/* ----- アイコンサイズの調整 ----------------- */
	.flex_box .border img.connect ,
	.flex_box .border img.vb {
		padding: 35px 0 50px;
	}

	/* コロケーションページ調整用 */
	.dc_flow .flex_block:nth-of-type(3) img,
	.dc_flow .flex_block:nth-of-type(4) img {
		margin-top: -50px;
	}

	/* ファシリティページ調整用 */
	section.w_max.red .ope-facility .flex_block:nth-of-type(n+2) {
		margin-left: auto;
	}
	.facility_2col {
		max-width: none;
	}
	.facility_1col {
		max-width: none;
	}

	/* VBページ調整用 */
	.nav_product ul li a {
		font-size: 3.7vw;
	}
	ul.list_arrow li.toggle_M2M {
		font-size: 3.125vw;
	}
	.recommend div:nth-of-type(2) h4 {
		line-height: 1.35;
	}
    /* ----- 横並びボーダー付きリスト ----------------- */
    .col4_border > li {
        width: 49%;
        font-size: 3.125vw;
    }
}