/** ===========================================================
 * $
 * タブ共通
 * ========================================================= */
/* ---------------------
 * 上書き
 -------------------- */
.tabNavigation{
	background:#e9e9e9;
	margin-bottom:40px;
}
.tabLayout.tabItemWrapper div{
	height:auto;
}
.tabLayout.tabItemWrapper div a{
	line-height:1.2;
	padding:20px 0;
}
.computeFlatTypeSection{
	margin-bottom:50px;
}
.main_contents_wrap{
	background:url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/about_btm_bg.png) no-repeat bottom center;
	padding-bottom:140px;
}
.main_area{
	position:relative;
}
.main_area img{
	vertical-align:bottom;
}
.main_area_txt{
	position:absolute;
	top:75px;
	right:60px;
	width:38%;
}
.main_area .first_ttl{
	color:#fff;
	font-size:53px;
	text-align:right;
	margin-bottom:20px;
	margin-top:0;
}
.main_area .sub_ttl{
	color:#fff;
	font-size:24px;
	text-align:right;
}
.main_area p{
	color:#fff;
	font-size:14px;
	margin-top:25px;
}
.vr_contens_wrap{
	background:#2a333d;
	color:#fff;
	padding:20px 40px;
}
.vr_contens_wrap h4{
	color:#fff;
	font-weight:bold;
	font-size:20px;
}
.vr_contens_wrap .mr_ver h4{
	color:#fff;
	font-weight:bold;
	font-size:24px;
}
.vr_contens_wrap .mr_ttl{
	text-align:center;
}
.vr_contens_wrap .mr_ttl span{
	border:1px solid #fff;
	padding:14px 50px;
	font-weight:bold;
	font-size:1.25rem;
	display:inline-block;
	margin:0 auto 30px;
}

@media screen and (max-width: 768px){
	.main_contents_wrap img{
		max-width:100%;
	}
	.main_area_txt{
		position:static;
		width:100%;
		background:#2a333d;
		padding:20px;
	}
	.main_area .first_ttl{
		color:#fff;
		font-size:53px;
		text-align:left;
		margin-bottom:20px;
		margin-top:0;
	}
	.main_area .sub_ttl{
		color:#fff;
		font-size:24px;
		text-align:left;
	}
	.vr_contens_wrap .mr_ver h4{
		font-size:1.25rem;
	}
}

@media screen and (max-width: 480px){
	.main_area .first_ttl{
		font-size:2rem;
	}
	.main_area .sub_ttl{
		font-size:1.2rem;
	}
	h2{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.computeFlatTypeSection{
		margin-bottom:30px;
	}
	.main_area_txt{
		padding:10px;
	}
	.vr_contens_wrap{
		padding:10px;
	}
}

.vr_three_block,
.vr_two_block{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.vr_two_block .item_block:nth-of-type(1){
	width: 55%;
}
.vr_two_block .item_block:nth-of-type(2){
	width: 42%;
}
.vr_two_block h4{
	margin-top:0;
	font-size:1.5rem;
}
.vr_two_block p{
	margin-bottom:20px;
}
.vr_two_block .read_3d{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
.vr_three_block .item_block{
	text-align:center;
	width: 347px;
	position:relative;
}
.vr_three_block .item_block:after{
	content: "";
	width: 26px;
	height: 38px;
	background: url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/vr_left_arrow.png) no-repeat;
	position: absolute;
	top: 45%;
	right: -2em;
}
.vr_three_block .item_block:after{
	content: "";
	width: 26px;
	height: 38px;
	background: url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/vr_left_arrow.png) no-repeat;
	position: absolute;
	top: 45%;
	right: -2em;
}
.vr_three_block .item_block.bgnone:after{
	background:none;
}
.vr_three_block .item_block:nth-of-type(2){
	margin:0 65px;
}

.vr_three_block .item_block:nth-of-type(3):after{
	background:none;
}
.vr_three_block .item_block ul{
	list-style:none;
	text-align:left;
	padding:0;
	margin:0;
}
.vr_three_block .item_block ul li{
	font-size:14px;
	text-indent:-1em;
	padding-left:1em;
}
.vr_three_block .item_block.mr_ver ul li{
	padding-bottom:5px;
}
.vr_three_block .item_block.mr_ver p{
	font-size:14px;
}
.video_block{
	text-align:center;
	margin-top:60px;
}
.video_block h4{
	font-size:28px;
	margin-bottom:30px;
}
@media screen and (max-width: 768px){
	.vr_three_block .item_block{
		width: calc((100% - 68px) / 3);
		padding:30px 0;
	}
	.vr_three_block .item_block.bgnone{
		width: calc((100% - 20px) / 3);
	}
	.vr_three_block .item_block:nth-of-type(2){
		margin:0 34px;
	}
	.vr_three_block .item_block.bgnone:nth-of-type(2){
		margin:0 10px;
	}
	.vr_two_block{
		display:block;
	}
	.vr_two_block .item_block:nth-of-type(2){
		width:100%;
	}
	.vr_two_block .item_block:nth-of-type(1){
		width:100%;
	}
	.video_block{
		text-align:center;
		margin-top:30px;
	}
	.video{
		position:relative;
		width:100%;
		padding-top:56.25%;
	}
	.video_block h4{
		font-size:1.25rem;
		margin-bottom:20px;
	}
	.video iframe{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
	}
}

@media screen and (max-width: 480px){
	.vr_three_block{
		display:block;
	}
	.vr_three_block .item_block:nth-of-type(2),
	.vr_three_block .item_block.bgnone:nth-of-type(2){
		margin:0;
	}
	.vr_three_block .item_block{
		width:100%;
		padding:30px 0;
	}
	
	.vr_three_block .item_block.bgnone{
		width:100%;
		padding:20px 0;
	}
	.vr_three_block .item_block:after{
		width: 38px;
		height: 28px;
		background: url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/vr_dwn_arrow.png) no-repeat;
		position: absolute;
		top: auto;
		bottom:-34px;
		right: 45%;
	}
	
}