body{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	box-sizing: border-box;
}
/** ===========================================================
 * $
 * タブ共通
 * ========================================================= */
/* ---------------------
 * 上書き
 -------------------- */
.tabNavigation{
	margin-bottom:40px;
}
.tabNavigation_contents.grid_cols.grid-8 {
	width: 100%;
}
.tabNavigation_contents p{
	margin-bottom:0;
}
@media screen and (max-width: 768px){
	
}

@media screen and (max-width: 480px){
	.allPd{
		padding-left:2%;
		padding-right:2%;
	}
}

/** ===========================================================
 * $other_scene_area
 * 他の利用シーンを探す
 * ========================================================= */
.other_scene_area h3{
	font-size:35px;
}
.other_scene_block{
	background:#ebebeb;
	padding:40px;
	text-align:center;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.other_scene_block a{
	width:25%;
	color:#fff;
	font-size:24px;
	line-height:1.5;
	text-align:center;
	display:block;
}
.other_scene_block a:hover .other_scene_item{
	opacity:0.7;
}
.other_scene_block .other_scene_item{
	width:100%;
	height:295px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	text-align:center;
}
.other_scene_block .other_scene_item div{
	width:100%;
}
.other_scene_block .scene1{
	background:url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/link_scene1_bg.png) no-repeat center center;
}
.other_scene_block .scene2{
	background:url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/link_scene2_bg.png) no-repeat center center;
}
.other_scene_block .scene3{
	background:url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/link_scene3_bg.png) no-repeat center center;
}
.other_scene_block .scene4{
	background:url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/link_scene4_bg.png) no-repeat center center;
}

@media screen and (max-width: 768px){
	.other_scene_area h3{
		font-size:1.5rem;
	}
	.other_scene_block{
		padding:20px;
	}
	.other_scene_block a{
		font-size:1rem;
	}
	.other_scene_block .other_scene_item{
		height:200px;
	}
	.other_scene_block .other_scene_item{
		background-size:cover;
	}
}

@media screen and (max-width: 480px){
	.other_scene_block a{
		width:50%;
	}
}
/** ===========================================================
 * $other_about_area
 * VR・AR・MR・3Dホログラムとは？
 * ========================================================= */

.other_about_area h3{
	font-size:35px;
}
.other_about_block{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin:30px 0 60px;
}
.other_about_item{
	text-align:center;
	margin:0 50px;
}
.other_about_item p{
	font-weight:bold;
	margin-top:15px;
	font-size:24px;
}
.other_about_item a{
	color:#000;
}
.other_about_item a:hover{
	opacity:0.7;
}
@media screen and (max-width: 768px){
	.other_about_area h3{
		font-size:1.5rem;
	}
	.other_about_block{
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin:30px 0 30px;
	}
	.other_about_item{
		margin:0 10px 30px;
		width: calc((100% - 40px) / 2);
	}
	.other_about_item p{
		font-size:1rem;
		margin-top:5px;
	}
}

@media screen and (max-width: 480px){
	.other_scene_block a{
		width:50%;
	}
}

/** ===========================================================
 * $vr_contact_area
 * まずはお問い合わせください！
 * ========================================================= */
.vr_contact_area{
	background:#d9dcde;
	padding:120px 135px;
}
.vr_contact_area h3{
	font-size:32px;
	color:#074580;
	margin-top:0;
	text-align:center;
}
.vr_contact_black{
		display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}
.vr_contact_black div{
	width:50%;
}
.contact_btn{
	text-align:center;
}
.contact_btn a{
	background:#cc023a;
	color:#fff;
	font-size:20px;
	display:inline-block;
	padding:25px 10px;
	width:70%;
	border-radius:5px;
	position:relative;
}
.contact_btn a:after{
	content: url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/icon_contact_arrow.png);
	margin-right:10px;
	position:absolute;
	top: 50%;
	right:10px;
	transform:translateY(-50%)
}
.contact_btn a:hover{
	opacity:0.7;
}
@media screen and (max-width: 768px){
	.vr_contact_area{
		padding:30px;
	}
	.vr_contact_area h3{
		font-size:1.5rem;
	}
	.vr_contact_black{
		display:block;
	}
	.vr_contact_black div{
		width:100%;
	}
	.contact_btn{
		margin-top:20px;
	}
}
/** ===========================================================
 * $point_block
 * point!
 * ========================================================= */
.point_block{
	border-top:2px solid #95999e;
	margin-top:80px;
	padding:80px 0 30px;
}
.point_block_inner{
	width:70%;
	margin:0 auto;
}
.point_block h4{
	font-size:22px;
	font-weight:normal;
	line-height:1.5;
	color:#fff;
}
.point_list{
	width:90%;
	margin:20px auto;
}
.point_list_item{
	position:relative;
	padding:30px 0 30px 80px;
}
.point_list_item:before{
	content: url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/icon_point.png);
	margin-right:10px;
	position:absolute;
	top: 50%;
	left:0;
	transform:translateY(-50%)
}
.point_block .blue_txt{
	color:#00ffff;
	font-size:18px;
}
@media screen and (max-width: 768px){
	.point_block{
		margin-top:40px;
		padding:40px 0 20px;
	}
	.point_block_inner{
		width:100%;
	}
}

@media screen and (max-width: 480px){
	.point_block{
		margin-top:20px;
		padding:20px 0 10px;
	}
	.point_block h4{
		font-size:1rem;
	}
	.point_list{
		margin:10px auto;
	}
	.point_list_item{
		padding:20px 0 20px 80px;
		line-height:1.5;
		font-size:0.8rem;
	}
	.point_block .blue_txt{
		font-size:1rem;
	}
}
/** ===========================================================
 * $dl_btn
 * パンフレットをダウンロード
 * ========================================================= */
.dl_btn{
	text-align:center;
	margin-top:80px;
}
.dl_btn a{
	background:#80186d;
	color:#fff;
	font-size:20px;
	display:inline-block;
	padding:25px 50px;
	width:70%;
	border-radius:5px;
	position:relative;
	text-align:left;
}
.dl_btn a:after{
	content: url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/icon_contact_arrow.png);
	margin-right:10px;
	position:absolute;
	top: 50%;
	right:10px;
	transform:translateY(-50%)
}
.dl_btn a:hover{
	opacity:0.7;
}
.txt_block .detail_btn{
	text-align:right;
	margin-top:10px;
}
.txt_block .detail_btn a{
	background:#074584;
	color:#fff;
	font-size:16px;
	display:inline-block;
	padding:10px 40px;
	border-radius:5px;
	position:relative;
	text-align:left;
}
.txt_block .detail_btn a:after{
	content: url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/icon_arrow.png);
	margin-right:10px;
	position:absolute;
	top: 50%;
	right:10px;
	transform:translateY(-50%)
}
.txt_block .detail_btn a:hover{
	opacity:0.7;
}
@media screen and (max-width: 768px){
	.dl_btn a{
		width:100%;
	}
	.dl_btn{
		margin-top:30px;
	}
}

@media screen and (max-width: 480px){
	.dl_btn a{
		padding:25px;
	}
	.txt_block .detail_btn{
		text-align:center;
	}
}
.main_left_area{
	padding-top:60px;
}
.main_left_area h2{
	margin:0;
	font-size:1.5rem;
	margin-bottom:20px;
}
.main_left_area h3{
	font-size:1.25rem;
	margin:50px 0 20px;
	color:#074584;
	border-bottom:1px solid #074584;
	padding-bottom:5px;
}
.news_wrap{
	margin-bottom:60px;
}
.news_wrap p{
	font-size:14px;
	margin-bottom:20px;
}
.main_left_area .date{
	font-size:12px;
	margin-bottom:5px;
}
.main_left_area .date span{
	display:inline-block;
	background:#6d91af;
	color:#fff;
	padding:5px 30px;
	font-size:12px;
}
.main_left_area .date .category{
	background:#6daf8b;
}
@media screen and (max-width: 480px){
	.main_left_area{
		padding-top:0px;
	}
	.main_left_area h3{
		margin-top:30px;
	}
	.news_wrap {
		margin-bottom:30px;
	}
}


.main_area{
	position:relative;
	background:#eef1f3;
}
.main_area img{
	vertical-align:bottom;
}
.main_area_txt{
	position:absolute;
	margin:0 auto;
}
.main_area_txt .read{
	margin-bottom:10px;
	font-size:1.25rem;
}
.tabInPagePar1 .main_area_txt{
	color:#fff;
	top:30%;
	left:50px;
	width: 40%;
}
.tabInPagePar2 .main_area_txt{
	color:#fff;
	top:30%;
	right:50px;
	width: 40%;
}

.tabInPagePar3 .main_area_txt{
	color:#333;
	top:30%;
	right:50px;
	width: 40%;
}
.tabInPagePar4 .main_area_txt{
	color:#fff;
	top:30%;
	left:50px;
	width: 40%;
}
.main_area_txt .first_ttl{
	font-size:2rem;
	text-align:center;
	margin-bottom:30px;
}
.main_area_txt p{
	margin-bottom:0;
}
@media screen and (max-width: 768px){
	.main_area_txt .first_ttl{
		font-size:1.5rem;
		margin-bottom:20px;
	}
	.main_area_txt p{
		font-size:.7rem;
	}
	.main_area_txt .read{
		margin-bottom:10px;
		font-size:1rem;
	}
	.tabInPagePar1 .main_area_txt{
		color:#fff;
		top:30px;
		left:20px;
		width:60%;
	}
	.tabInPagePar2 .main_area_txt{
		top:30px;
		right:20px;
		width: 90%;
	}
	.tabInPagePar3 .main_area_txt{
		top:20px;
		right:20px;
		width: 80%;
	}
	.tabInPagePar4 .main_area_txt{
		top:30px;
		left:20px;
		width: 90%;
	}
}
@media screen and (max-width: 480px){
	.main_area_txt{
		position:static;
		color:#333;
	}
	.tabInPagePar1 .main_area_txt{
		width:90%;
		color:#333;
		margin:0 auto;
		padding:10px;
	}
	.tabInPagePar2 .main_area_txt{
		width:90%;
		color:#333;
		margin:0 auto;
		padding:10px;
	}
	.tabInPagePar3 .main_area_txt{
		width:90%;
		color:#333;
		margin:0 auto;
		padding:10px;
	}
	.tabInPagePar4 .main_area_txt{
		width:90%;
		color:#333;
		margin:0 auto;
		padding:10px;
	}
}
.main_area_btm{
	background:#eef1f3;
	text-align:center;
	padding:60px 0;
}
.main_area_btm p{
	font-size:1.85rem;
	margin-bottom:0;
}
.main_area_btm .read{
	font-size:1.5rem;
	color:#074584;
	margin-bottom:30px;
}
@media screen and (max-width: 768px){
	.main_area_btm{
		padding:30px;
	}
	.main_area_btm p{
		font-size:1.5rem;
	}
	.main_area_btm .read{
		font-size:1.25rem;
	}
}
/*TOPスライダー*/
.slider_block{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background:#eef1f3;
}
.slider_block img{
	vertical-align:bottom;
}
.slider_navi_area,.slider_area{
	width:50%;
}
.slider_navi_area {
	background:#eef1f3;
	padding-bottom:60px;
}
.slider_navi_area ul{
	list-style:none;
	margin:0;
	padding:0;
}
.slider_navi_area ul li{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	padding:9px 0;
	cursor : pointer;
	background:#eef1f3;
}
.slider_navi_area ul li div{
	padding:0 10px;
}
.slider_navi_area ul li:hover,
.slider_navi_area ul .active{/*クラス名適当*/
	background:#fff;
}
.slider_navi_area h3{
	margin:0 0 10px;
	padding:0;
	font-size:1.75rem;
}
.slider_navi_area ul .active h3{
	color:#074584;
}
.slider_navi_area i{
	font-size:3rem;
	margin-right:20px;
}
.slider_navi_area img{
	width:122px;
}
.slider_area ul{
	list-style:none;
	margin:0;
	padding:0;
}
.slider_area li{
	/* position:relative; */
}
.slider_area .txt_block{
	position:absolute;
	bottom:30px;
	left:0;
	right:0;
	width:630px;
	padding:0 50px;
}
.slider_area .txt_block h3{
	color:#fff;
	margin:0 0 20px;
	font-size:2rem;
}
.slider_area .txt_block p{
	color:#fff;
}
.slider_area .txt_block i{
	font-size:3rem;
	margin-right:20px;
}
@media screen and (max-width: 768px){
	.slider_navi_area{
		display:none;
	}
	.slider_area{
		width:100%;
	}
	.slider_area .txt_block{
		width:100%;
		padding:0 30px;
		bottom:30px;
	}
}
@media screen and (max-width: 480px){
	.slider_area .txt_block p{
		display:none;
	}
}
.index_other_scene_area{
	background:url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/index_conts_bg.png) no-repeat top center #2a333e;
	padding:180px 40px 100px;
}
.index_other_scene_area .other_scene_block{
	background:none;
	padding:0;
	margin-top:50px;
}
.index_other_scene_area h3{
	color:#fff;
	text-align:center;
	margin:0 0 30px;
	font-size:2rem;
}
.index_other_scene_area p{
	color:#fff;
	text-align:center;
}
@media screen and (max-width: 480px){
	.index_other_scene_area{
		background:#2a333e;
		padding:30px;
	}
	.index_other_scene_area p br{
		display:none;
	}
	.index_other_scene_area h3{
		font-size:1.5rem;
	}
}
.next_tab_area{
	position:relative;
}
.next_tab_area img{
	vertical-align:bottom;
}
.next_tab_area a{
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background:#8b186d;
	width:60%;
	height:100px;
	border-radius:5px;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#fff;
	font-size:1.5rem;
}
.next_tab_area a:after{
	content: "";
	width: 26px;
	height: 38px;
	background: url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/icon_contact_arrow.png) no-repeat right center;
}
.next_tab_area a:hover{
	opacity:0.7;
}
@media screen and (max-width: 768px){
	.next_tab_area a{
		width:90%;
		font-size:1rem;
	}
}
@media screen and (max-width: 480px){
	.next_tab_area a{
		width:96%;
		height:60px;
	}
}


/*tab2*/
.reason_block{
	background:#eef1f3;
	text-align:center;
	padding-bottom:80px;
}
.reason_item{
	position:relative;
}
.reason_item .txt_block{
	position:absolute;
	width:30%;
	right:180px;
	top:70px;
	color:#fff;
	text-align:left;
	font-weight:bold;
}
.reason_item .txt_block h3{
	margin:0 0 30px;
	color:#fff;
	font-weight:bold;
	padding-bottom:30px;
	border-bottom:1px solid #fff;
}
@media screen and (max-width: 768px){
	.reason_item .txt_block{
		top:20px;
		width:50%;
		right:80px;
	}
	.reason_item .txt_block h3{
		margin:0 0 5px;
		padding-bottom:5px;
		font-size:1rem;
	}
	.reason_item .txt_block p{
		font-size:.75rem;
	}
}
@media screen and (max-width: 480px){
	.reason_block{
		padding-bottom:20px;
	}
	.reason_item .txt_block{
		position:static;
		color:#333;
		width:100%;
		margin-bottom:20px;
	}
	.reason_item .txt_block h3{
		color:#333;
		border-bottom:1px solid #333;
	}
	.tabInPagePar2 .main_area_btm{
		padding:30px 30px 10px;
	}
}

/*tab3*/
.tab03_block{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background:#eef1f3;
	padding:0 60px 100px;
}
.tab03_block img{
	vertical-align:bottom;
}
.tab03_block .item_block{
	width:50%;
}
.tab03_block .txt_block{
	padding:30px;
	background:#fff;
}
.tab03_block .txt_block.bggray{
	background:#eef1f3;
}
.tab03_block .txt_block h3{
	margin:0 0 20px;
	font-weight:bold;
}

@media screen and (max-width: 768px){
	.tab03_block{
		display:block;
		padding:0 60px 30px;
	}
	.tab03_block .item_block{
		width:100%;
	}
}
@media screen and (max-width: 480px){
	.tab03_block{
		padding:0 20px 20px;
	}
	.tab03_block .txt_block{
		padding:15px;
	}
}

/*tab4*/

.tab04_block{
	width:50%;
	margin:60px auto 0;
	display:table;
}
.tab04_block div{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
.tab04_block p{
	font-size:1rem;
}
.tab04_block .num{
	vertical-align:top;
	padding-right:20px;
}
.tab04_block h3{
	margin:0 0 20px;
}
@media screen and (max-width: 768px){
	.tab04_block{
		width:90%;
	}
	.tab04_block .num{
		width:10%;
	}
}
@media screen and (max-width: 480px){
	.tab04_block{
		width:100%;
	}
	.tab04_block .num{
		width:15%;
	}
}

.tab04_contact{
	width:60%;
	margin:50px auto 0;
}
.tab04_contact h3{
	font-size: 32px;
	color: #074580;
	margin-top: 0;
	text-align: center;
}
.tab04_contact p{
	font-size:1rem;
}
.tab04_contact .contact_btn{
	margin-top:30px;
}
@media screen and (max-width: 768px){
	.tab04_contact{
		width:100%;
		margin:40px auto 0;
	}
	.tab04_contact h3{
		font-size: 1.5rem;
	}
	.tab04_contact p{
		font-size:1rem;
	}
	.tab04_contact .contact_btn a{
		width: 100%;
	}
}


/** ===========================================================
 * $
 * Slider Pro 上書き
 * ========================================================= */
.sp-horizontal .sp-arrows {
	width: 100%;
	left: 0;
	top: 80%;
	margin-top: 0;
}
.sp-arrow {
	width: 10px;
	height: 40px;
	transform: translateY(-100%);
}
.sp-horizontal .sp-previous-arrow {
	left: 16px;
}
.sp-horizontal .sp-next-arrow {
	right: 16px;
}

@media screen and (max-width: 480px) {
	.sp-horizontal .sp-arrows {
		top: 50%;
	}
	.sp-arrow {
		transform: translateY(0);
	}
}
.contact_tel_wrap{
	border-top: 1px solid #cfcfcf !important;
	margin-top:30px;
}
.contact_tel_hq {
    width: 100%;
    margin: 10px 0 30px;
        margin-top: 10px;
        margin-bottom: 30px;
    padding: 10px 20px;
    border: #cfcfcf solid 1px;
}
.contact_bt_top {
    background: #ffd601;
    border: 2px solid #004386;
    padding: 10px 20px 10px 20px;
    font-family: FrutigerNeueLTW10-Bold,Frutiger Neue W01 Bd,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, sans-serif;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
}
.contact_bt_top {
    margin: 0px auto;
        margin-bottom: 0px;
}
.contact_tel_hq h4 {
    font-weight: bold !important;
    font-size: 18px;
    border-bottom: 1px solid #004386 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    line-height: 1.3 !important;
}
.contact_bt_top a {
    text-decoration: none;
    color: #193477;
    font-size: 16px;
    font-weight: bold;
    display:block;
}














/** ===========================================================
 * $190617
 * 導入事例ブロック追加
 * ========================================================= */

.casestudy_tab04_block{
	background:#eef1f3;
	padding:50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.casestudy_tab04_block_item{
	width:50%;
}
.casestudy_tab04_block_item.intro_block{
	background:url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/casestudy_bg.jpg) no-repeat;
	background-size:cover;
	width:50%;
	position:relative;
	padding:100px 40px;
}
.casestudy_tab04_block_item.intro_block .case_ttl{
	background:#85166e;
	position:absolute;
	top:20px;
	left:-10px;
	padding:10px 20px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	letter-spacing: 5px;
	text-align:center;
}
.casestudy_tab04_block_item.intro_block .case_link{
	position:absolute;
	bottom:20px;
	left: 0;
	right: 0;
	margin:0 auto;
	display:inline-block;
	text-align:center;
	background:url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/icon_arrow2.png) no-repeat center right 20px #fff;
	padding:15px 20px;
	border-radius:5px;
	width:210px;
	font-size:20px;
}
.casestudy_tab04_block_item.intro_block .case_txt{
	color:#fff;
}
.casestudy_tab04_block_item.company_block{
	background:#fff;
	height:443px;
	padding:40px;
}
.casestudy_tab04_block_item.company_block .caption{
	text-align:right;
	font-size:14px;
	color:#0a327f;
	font-weight:bold;
	margin-bottom:5px;
}
.casestudy_tab04_block_item.company_block .company_name{
	font-size:28px;
	margin-bottom:5px;
}
.casestudy_tab04_block_item.company_block .company_txt{
	margin-bottom:5px;
}
.casestudy_tab04_block_item.company_block .company_industry{
	color:#0a327f;
	margin-bottom:5px;
}
.casestudy_tab04_block_item.company_block .detail_btn{
	text-align:right;
	margin-top:20px;
}
.casestudy_tab04_block_item.company_block .detail_btn a{
	border:1px solid #0a327f;
	font-size:14px;
	padding:2px 10px;
}

.casestudy_tab04_block  a:hover{
	opacity:0.7;
}
.other_case_area h3{
	font-size:35px;
}
.casestudy_block{
	background:#eef1f3;
	padding:50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width:100%;
}
.casestudy_block .img{
	background:#fff;
	padding:20px;
	width:50%;
}
.casestudy_block .right_txt{
	background:#fff;
	padding:25px 20px;
	width:50%;
}
.casestudy_block .right_txt .caption{
	font-size:14px;
	color:#0a327f;
	font-weight:bold;
	margin-bottom:5px;
}
.casestudy_block .right_txt .company_name{
	font-size:28px;
	margin-bottom:5px;
}
.casestudy_block .right_txt .company_txt{
	margin-bottom:5px;
	font-size:18px;
}
.casestudy_block .right_txt .company_industry{
	color:#0a327f;
	margin-bottom:20px;
	font-size:18px;
}
.casestudy_block .right_txt .detail_btn_small{
	text-align:right;
}
.casestudy_block .right_txt .detail_btn_small a{
	border:1px solid #0a327f;
	font-size:14px;
	padding:2px 10px;
}
.other_case_area .detail_btn{
	text-align:center;
	margin:20px auto;
	border-bottom:1px solid #f5f5f5;
	padding-bottom:30px;
}
.other_case_area .detail_btn a{
	background:#074584;
	color:#fff;
	font-size:16px;
	display:inline-block;
	padding:15px 40px;
	border-radius:5px;
	position:relative;
	text-align:left;
}
.other_case_area .detail_btn a:after{
	content: url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/icon_arrow.png);
	margin-right:10px;
	position:absolute;
	top: 50%;
	right:10px;
	transform:translateY(-50%)
}
.other_case_area  a:hover{
	opacity:0.7;
}
@media screen and (max-width: 768px){
	.other_case_area h3{
		font-size: 1.5rem;
	}
	.casestudy_tab04_block{
		padding:20px;
	}
	.casestudy_tab04_block{
		display:block;
	}
	.casestudy_tab04_block_item{
		width:100%;
	}
	.casestudy_tab04_block_item.intro_block{
		width:100%;
	}
	.casestudy_tab04_block_item.company_block{
		height:auto;
	}
	.casestudy_block{
		display:block;
		padding:20px;
	}
	.casestudy_block .img{
		width:100%;
	}
	.casestudy_block .right_txt{
		width:100%;
	}
}
.main_area_btm2 {
	background: #eef1f3;
	padding:40px;
}
.casestudy_list_block{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding:40px 70px 20px;
}
.casestudy_list_block .casestudy_item{
	width:358px;
	border:1px solid #cacaca;
	text-align:center;
	margin-right:20px;
	margin-bottom:20px;
}
.casestudy_list_block .casestudy_item:nth-of-type(3n){
	margin-right:0;
}
.casestudy_item .logo{
	padding:20px 0;
}
.casestudy_item .company_prof{
	padding:20px;
	background:#eceff1;
	text-align:left;
}
.casestudy_item .company_prof .caption{
	font-size:14px;
}
.casestudy_item .company_prof .company_name{
	font-size:20px;
	margin-bottom:10px;
	color:#0a327f;
}
.casestudy_item .company_prof .company_txt{
	margin-bottom:10px;
	font-size:14px;
	color:#0a327f;
}
.casestudy_item .company_prof .company_industry{
	margin-bottom:10px;
	font-size:14px;
}

@media screen and (max-width: 768px){
	.casestudy_list_block{
		display:block;
		padding:20px 0;
	}
	.casestudy_list_block .casestudy_item{
		width:100%;
	}
	.casestudy_item .logo img{
		width:auto;
	}
}
.casestudy_detail_box{
	background:#fff;
	text-align:center;
	padding:40px;
}
.casestudy_detail_box .company_name{
	font-size:34px;
	margin-bottom:10px;
}
.casestudy_detail_box .company_txt{
	color:#0a327f;
	font-size:28px;
}
.casestudy_detail_box .detail_wrap{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.casestudy_detail_box .detail_wrap .logo{
	width:530px;
	padding-top:30px;
}
.casestudy_detail_box .detail_wrap .txt{
	width:570px;
	padding:30px 0 0 20px;
	text-align:left;
}
.casestudy_detail_box .detail_wrap .txt table{
	width:100%;
}
.casestudy_detail_box .detail_wrap .txt th{
	font-size:20px;
	border:none;
	border-bottom:1px dotted #ccc;
	background:none;
	padding:22px 30px 0 0;
	white-space: nowrap;
}
.casestudy_detail_box .detail_wrap .txt td{
	border:none;
	border-bottom:1px dotted #ccc;
	background:none;
	padding:20px 0;
}
.casestudy_detail_box .detail_wrap .txt td ul{
	list-style:none;
	padding:0;
	margin:0;
}
.casestudy_detail_box .detail_wrap .txt td ul li{
	text-indent:-1em;
	padding-left:1em;
}
.casestudy_detail_box .detail_wrap .txt .last th,
.casestudy_detail_box .detail_wrap .txt .last td{
	border:none;
}



.casestudy_detail_box .detail_wrap .detail_btn{
	text-align:right;
	margin:20px auto 0;
}
.casestudy_detail_box .detail_wrap .detail_btn a{
	background:#074584;
	color:#fff;
	font-size:16px;
	display:inline-block;
	padding:15px 40px;
	border-radius:5px;
	position:relative;
	text-align:left;
}
.casestudy_detail_box .detail_wrap .detail_btn a:after{
	content: url(/content/dam/nttcom/hq/jp/business/solutions/communication-and-collaboration/vrsol/img/icon_arrow.png);
	margin-right:10px;
	position:absolute;
	top: 50%;
	right:10px;
	transform:translateY(-50%)
}
.casestudy_detail_box .detail_wrap .detail_btn a:hover{
	opacity:.7;
}

@media screen and (max-width: 768px){
	.casestudy_detail_box .detail_wrap{
		display:block;
	}
	.casestudy_detail_box .detail_wrap .logo{
		width:60%;
		text-align:center;
		margin:0 auto;
	}
	.casestudy_detail_box .detail_wrap .txt{
		width:100%;
		padding:0;
	}
	
}
@media screen and (max-width: 480px){
	.main_area_btm2{
		padding:20px;
	}
	.casestudy_detail_box{
		padding:20px;
	}
	.casestudy_detail_box .company_name{
		font-size:24px;
	}
	.casestudy_detail_box .company_txt{
		font-size:18px;
	}
	.casestudy_detail_box .detail_wrap .logo{
		width:100%;
	}
	.casestudy_detail_box .detail_wrap .txt th{
		display:block;
		border-bottom:none;
	}
	.casestudy_detail_box .detail_wrap .txt td{
		display:block;
	}
}

/* =========================================================
 * 2022
 * 新テンプレ調整
 * ====================================================== */
 
/*リンク文字色*/
.other_scene_block a,
.next_tab_area a,
.contact_btn a{
	color:#FFF !important;
}