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

.img {
	position: relative;
}

section.w_max.red figcaption {
	background: #FBF9FA;
	right: auto;
	bottom: auto;
	left: 0;
	top: 0;
}

figcaption.reset {
	position: static;
}

.dc_flow .flex_block:nth-of-type(n+2) {
	margin-left: 0;
}

/* トップページ */
#suburban {
	padding: 150px 30px 0;
}

/* ファシリティエリア */
.facility > div {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 30px;
}
.facility .flex_box {
	-webkit-justify-content: center;
	justify-content: center;
}
.facility .flex_box.col_03 .flex_block {
	max-width: 300px;
}

/* アメニティエリア */
.amenity .flex_block:nth-of-type(n+2),
.flex_box.col_02 .flex_block:nth-of-type(n+2) {
	margin-left: 5px;
}
.amenity > div > div {
	padding: 15px 10px 17px;
}
.amenity .col_02 > div {
	width: 50%;
}
.amenity .col_04 > div {
	width: 25%;
}
.amenity figure {
	max-width: 50px;
	min-width: 45px;
	margin: 5px;
}
.amenity .border p {
	font-size: 1.5rem;
	line-height: 1.3;
	margin-top: 5px;
}
.amenity .flex_box .border img {
	padding: 0;
}
.amenity .photos > div {
	padding: 0;
}
.amenity .photos figure {
	max-width: none;
	margin: auto;
}
.amenity figcaption {
	right: auto;
	bottom: auto;
	left: 0;
	top: 0;
}

/* VR動画用 */
.vr_movie iframe {
	width: 100%;
	height: 525px;
	max-width: 1040px;
}

/* ---------------------------------------------
東京府中DC
--------------------------------------------- */
#location_fuchu {
	opacity: 0;
}
#location_fuchu.view {
	opacity: 1;
	transition: 1s;
}
#location_fuchu h2 > span {
	max-width: 77%;
}
#location_fuchu #PageTit {
	margin-top: 25px;
}
#location_fuchu.english #PageTit {
	padding-top: 40px;
}
#location_fuchu h1 span.dc-subtitle {
	padding-bottom: 10px;
}
#mv_Fuchu {
	max-width: none;
	padding: 0;
	position: relative;
}
#mv_Fuchu .main_copy {
	width: 100%;
	max-width: 1040px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#mv_Fuchu .main_copy p {
	position: absolute;
	top: 180px;
	left: 0;
}
#mv_Fuchu .main_copy p span {
	display: inline-block;
	background: #fff;
	color: #262d44;
	font-weight: bold;
	font-size: 4rem;
	margin-bottom: 10px;
	padding: 0 20px 2px;
}
#mv_Fuchu .movie_wrap {
	width: 100%;
	max-width: 1040px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#mv_Fuchu .movie {
	width: 100%;
	max-width: 550px;
	aspect-ratio: 16 / 9;
	position: absolute;
	right: 0;
	top: 220px;
}
#mv_Fuchu .movie iframe {
	width: 100%;
	height: 100%;
}
#mv_Fuchu .simply-scroll-container {
	position: relative;
}
#mv_Fuchu .simply-scroll-clip {
	position: relative;
	overflow: hidden;
}
#mv_Fuchu .simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#mv_Fuchu .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	padding: 0;
	width: 1050px;
	height: 700px;
	margin: 0 15px;
}
#mv_Fuchu .simply-scroll-list li img {
	display: block;
}
#mv_Fuchu.ikomafv .simply-scroll-list li img {
width: 1050px;
}

#location_fuchu .img_wrap {
	justify-content: space-between;
}
#location_fuchu section.w_max.red {
	padding-bottom: 100px;
}
section.w_max.red h2, section.w_max.red > h2 {
	padding: 40px 30px 0 !important;
	margin-bottom: 30px!important;
}
#location_fuchu section.w_max.red .flex_block:nth-of-type(n+2) {
	margin-left: 6%;
}
#location_fuchu section.w_max.red .col2 figure {
	width: 225px;
}

/* ---------------------------------------------
奈良生駒DC
--------------------------------------------- */
#location_ikoma #PageTit {
	margin-top: 25px;
}
#location_ikoma h1 span.dc-subtitle {
	padding-bottom: 10px;
}
#location_ikoma .img_wrap {
	justify-content: space-between;
}
#location_ikoma .ikomatit {
	display: flex;
	align-items: center;
}
.ikoma_tit_sub {
	font-size: 19px;
	border: solid 1px #262D44;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 37px;
	padding: 0 10px;
	color: #262D44;
	line-height: 37px;
}
#location_ikoma .ikomatit p {
	margin: 0 0 60px;
    padding: 0;
    line-height: 1.2;
    font-size: 46px;
    font-size: 4.6rem;
    font-weight: bold;
    color: #262D44;
	margin-bottom: 0;
	margin-right: 30px;
}

section.w_max.red .flex_block_hotail .flex_box .flex_block:nth-of-type(n+2) {
	margin-left: 34px;
}

#location_ikoma #DC_List {
	padding-bottom: 50px;
}

/*----------------------------------------------------------------------------------------------------
   for タブレット（1039px以下）
-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1039px) {
	#mv_Fuchu .main_copy p {
		top: 50px;
	}
	#mv_Fuchu .movie_wrap {
		top: auto;
		left: auto;
		bottom: -50px;
		transform: none;
	}
	#mv_Fuchu .movie {
		position: relative;
		width: 90%;
		margin: 0 auto;
		top: auto;
		right: auto;
	}
	.amenity h3 {
		text-align: center;
	}
	.amenity p {
		text-align: center;
	}
	.amenity figure {
		max-width: none;
		margin: 0;
	}
	.amenity .col_04 > div {
		width: 100%;
	}
	.amenity .col_04 > div p {
		text-align: center;
	}
	.brk_1040_4col {
		display: inherit;
		margin: 20px 0 0 0;
	}
	.brk_1040 {
		display: inherit;
	}
	.amenity .flex_box.col_02 .flex_block:nth-of-type(n+2) {
		margin-left: 0;
		margin-top: 10px;
	}
	.amenity .flex_block:nth-of-type(n+2) {
		margin-top: 10px;
	}
	.amenity .flex_block:nth-of-type(n+2),
	.flex_box.col_02 .flex_block:nth-of-type(n+2) {
		margin-left: 0;
	}
	#location_ikoma .ikomatit {
		display: block;
	}
}

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

@media (max-width: 768px) {
	#urban .img_wrap + .img_wrap {
		margin-top: 40px;
	}
	#yokohama {
		margin-top: 40px;
		padding-top: 0!important;
	}
	#suburban {
		padding: 80px 30px 50px;
	}
	#suburban .flex_box.sp_col_02 .flex_block {
		width: 100%;
	}
	#suburban .flex_box.sp_col_02 .flex_block:nth-child(2) {
		margin-top: 40px;
	}
	.facility .flex_box.col_03 .flex_block {
		max-width: none;
	}

	section.w_max.red .img,
	.amenity .img {
		max-width: 300px;
		margin: 0 auto;
	}
	.amenity h3 {
		text-align: center;
	}
	.amenity p {
		text-align: center;
	}
	.amenity figure {
		max-width: none;
		margin: 0;
	}
	.amenity .col_04 > div {
		width: 100%;
	}
	.amenity .col_04 > div p {
		text-align: center;
	}
	.dc_flow .flex_block:nth-of-type(3) img,
	.dc_flow .flex_block:nth-of-type(4) img {
		margin-top: -50px;
	}
	.vr_movie iframe {
		height: 50vw;
	}
	#location_fuchu .lnav {
		position: static;
		padding-bottom: 50px;
	}
	#location_fuchu .lnav ul li,
	#location_fuchu .lnav ul li a {
		color: #262D44;
	}
	#location_fuchu .lnav ul li {
		background: url(/sevice_shared/img/datacenter/icn_arrow_list.svg) no-repeat right 50% !important;
	}
	#location_fuchu .lnav ul li:last-child {
		background: none!important;
	}
	#mv_Fuchu .main_copy p span {
		font-size: 6vw;
	}
	#mv_Fuchu .simply-scroll-list li {
		width: 150vw;
		height: auto;
		margin: 0 5px;
	}
	#location_fuchu section.w_max.red {
		padding-top: 40px;
	}
	#location_fuchu section.w_max.red .flex_block:nth-of-type(n+2) {
		margin-left: 0;
	}
	#location_fuchu section.w_max.red figcaption {
		position: static;
	}
	#location_fuchu section.w_max.red  .col2 {
		display: flex;
	}
	#location_fuchu section.w_max.red .col2 figure {
		width: auto;
	}
	#location_fuchu section.w_max.red .col2 .flex_block:nth-of-type(n+2) {
		margin-top: 0;
	}
	.amenity .border p {
		font-size: 3.125vw;
	}
	#location_ikoma .ikomatit p {
		margin: 0 0 30px;
        font-size: 64px;
        font-size: 7.33333vw;
	}
	#mv_Fuchu.ikomafv .main_copy p span {
		font-size: 5.5vw;
	}
}