/** ===========================================================
 * $
 * タブ共通
 * ========================================================= */
/* ---------------------
 * 上書き
 -------------------- */
.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:#2a333d;
	color:#fff;
}
.main_area{
	position:relative;
}
.main_area img{
	vertical-align:bottom;
}
.main_area_txt{
	position:absolute;
	bottom:30px;
	left:210px;
	margin:0 auto;
	width: 70%;
}
.main_area p{
	color:#fff;
	font-size:38px;
}
.main_area .bk_txt{
	color:#000;
}
.vr_contens_wrap{
	padding: 40px;
}
.scene_block{
	width:70%;
	margin:0 auto;
}
.scene_block p{
	font-size:14px;
}
@media screen and (max-width: 768px){
	.main_contents_wrap img{
		max-width:100%;
	}
	.scene_block{
		width:100%;
	}
	.main_area_txt{
		left:20px;
		bottom:10px;
		width:96%;
	}
	.main_area p{
		font-size:1.25rem;
	}
}

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

/*scene1*/
.scene1_img{
	margin-top:60px;
}

/*scene2*/
.scene2_block{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width:80%;
	margin:0 auto 60px ;
}
.scene2_block .scene2_item{
	width:38%;
	position:relative;
	text-align:left;
}
.scene2_block .scene2_item:nth-of-type(2){
	margin-left:60px;
}
.scene2_block h3{
	margin-top:0;
	font-size:1rem;
	color:#fff;
	font-weight:bold;
	margin-bottom:10px;
}
.scene2_block p{
	font-size:0.85rem;
	margin-top:5px;
	text-align:left;
}
.scene2_block .scene2_item: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: 35%;
	right: -2em;
}
.scene2_block .scene2_item:nth-of-type(2):after{
	background:none;
}

.scene_block_ttl{
	text-align:center;
}
.scene_block .blue_txt{
	color:#00ffff;
	font-weight:bold;
	font-size:22px;
}
.scene_block_ttl span{
	border:1px solid #fff;
	padding:14px 30px;
	font-weight:bold;
	font-size:1rem;
	display:inline-block;
	margin:0 auto 30px;
}
.scene2_block2{
	text-align:center;
}
.scene2_block2 p{
	font-size:1.25rem;
	font-weight:bold;
}
@media screen and (max-width: 480px){
	.scene2_block{
		display:block;
	}
	.scene2_block .scene2_item{
		width:100%;
	}
	.scene2_block .scene2_item:nth-of-type(2){
		margin-left:0;
		margin-top:40px;
	}
	.scene2_block .scene2_item: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%;
	}
	.scene_block .blue_txt{
		font-size:1.25rem;
	}
}

/*scene3*/
.scene3_block .scene_block_ttl{
	margin-top:30px;
}
.scene3_block .scene_block_ttl span{
	margin:0 auto;
}
.scene3_block h3{
	color:#fff;
	text-align:center;
	font-size:28px;
}
.scene3_block h4{
	font-weight:bold;
	color:#fff;
	text-align:center;
	font-size:1rem;
}
.scene3_top_block{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin:30px 0 50px;
	padding-bottom:30px;
	border-bottom:2px dotted #fbfbfb;
}
.scene3_btm_block{/*
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;*/
	margin-top:30px;
}
.scene3_block p{
	font-size:14px;
}
.scene3_block .scene3_item{
	text-align:center;
}
@media screen and (max-width: 768px){
	.scene3_top_block .scene3_item{
		width:50%;
	}
	/*
	.scene3_btm_block .scene3_item{
		margin:0 5px;
		width:33%;
	}
	*/
}
@media screen and (max-width: 480px){
	.scene3_block p{
		font-size:1rem;
	}
	.scene3_block h3{
		font-size:1.5rem;
	}
	.scene3_block h4{
		font-size:1.2rem;
	}
	.scene3_btm_block,.scene3_top_block{
		display:block;
	}
	.scene3_btm_block{
		margin-top:10px;
	}
	.scene3_top_block{
		margin: 20px 0;
	}
	.scene3_block .scene3_item{
		margin-bottom:10px;
	}
	.scene3_top_block .scene3_item{
		width:100%;
	}
	.scene3_btm_block .scene3_item{
		width:100%;
	}
}

/*scene4*/
.scene4_block .scene_block_ttl{
	margin-top:80px;
}
.scene4_block .scene_block_ttl span{
	margin:0 auto;
}
.scene4_block h3{
	color:#fff;
	text-align:center;
	font-size:28px;
}
.scene4_block p{
	font-size:16px;
}
.scene4_top_block{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin:30px 0 50px;
}
.scene4_top_block .sp_only{
	display:none;
}
.scene4_block .scene4_item{
	text-align:center;
}
@media screen and (max-width: 768px){
	.scene4_block .scene_block_ttl{
		margin-top:50px;
	}
	
	.scene4_block .scene4_item{
		width:40%;
	}
	.scene4_block .scene4_item:nth-of-type(2){
		width:20%;
	}
}

@media screen and (max-width: 480px){
	.scene4_block p{
		font-size:1rem;
	}
	.scene4_top_block{
		display:block;
	}
	.scene4_block .scene_block_ttl{
		margin-top:20px;
	}
	.scene4_block h3{
		font-size:1.25rem;
	}
	.scene4_top_block .pc_only{
		display:none;
	}
	.scene4_top_block .sp_only{
		display:block;
	}
	
	.scene4_block .scene4_item{
		width:100%;
	}
	.scene4_block .scene4_item:nth-of-type(2){
		width:100%;
	}
}