@charset "utf-8";


.d-block{
	display: block;
}

.float-none{
	float: none;
}

.txt20{
	font-size: 20px;
}
.lp_inner2 .vrar_txt_area .text16{
	font-size: 16px;
}
.txt-18{
	font-size: 18px;
}
@media (max-width: 960px){
	.txt20{
		font-size: 16px;
	}
}
.graybox img{
	border: 1px solid #ccc;
}
.jc-center{
	justify-content: center;
}
.arvrtop_link-blue{
	width: auto;
}
.arvrtop_link-blue a{
	color: rgba(0,43,98,1)!important;
	position: relative;
	top: 2px;
}
@media (min-width: 1080px){
	.arvrtop_link-blue a{
		top: -3px;
	}
}
@media (max-width: 400px){
	.arvrtop_link-blue{
		width: 90%;
	}
}

/*kv-product-top*/

.kv-product-top{
	width: 100%;
	background: url('/ss/arvr/images/vrar_kv03-product-top.jpg') no-repeat;
	padding-top: 29%;
	background-size: 100%;
	position: relative;
}

.kv-product-top--ar{
	width: 100%;
	background: url('/ss/arvr/images/vrar_kv03-product-ar-top.jpg') no-repeat;
	padding-top: 29%;
	background-size: 100%;
	position: relative;
}


.kv-product-top__info{
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	max-width: 600px;
	color: #fff;
	background: rgba(0, 0, 0, .5);
	padding: 20px 40px;
}

.kv-product-top__sub-head{
	font-size: 22px;
	line-height: 1.3;
	/* font-weight: bold; */
}

.kv-product-top__head{
	font-size: 34px;
/* 	font-weight: bold;
 */}

.kv-product-top__sp-image{
	display: none;
}

.kv-product-top__text{
	font-size: 16px;
}

.kv-product-top__link{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.kv-product-top__link__item{
	width: 48%;
}
.kv-product-top__link__item a{
	display: block;
	position: relative;
	color: #fff;
	padding: 8px 0 5px 15px;
	text-align: center;
	position: relative;
	text-decoration: none;
	width: 100%;
}
.kv-product-top__link__item:hover{
	opacity: .8;
}

.kv-product-top__link__item--contact{
	background: url('/ss/arvr/images/vrar_info_icon2.png')no-repeat left 20px center #4cb3c0;
	-webkit-background-size: 35px;
	background-size: 35px;
}
.kv-product-top__link__item--download{
	background: url('/ss/arvr/images/icon_dl_btn_wh.png')no-repeat left 20px center rgba(214,146,76,1);
	-webkit-background-size: 35px;
	background-size: 35px;
}
.kv-product-top__link__item--interview{
	background: url('/ss/arvr/images/icon_hukidadhi.png')no-repeat left 20px center #9a80af;
	-webkit-background-size: 35px;
	background-size: 35px;
}

@media (min-width: 1230px){
	.kv-product-top{
		padding-top: 370px;
	}
}
@media (max-width: 768px){
	.kv-product-top{
		padding: 15px;
		background: none;
	}
	.kv-product-top__info{
		position: static;
		width: 100%;
		transform: none;
		padding: 0;
		background: none;
		color: #333;
		max-width: none;
	}
	.kv-product-top__sub-head{
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.kv-product-top__head{
		font-size: 24px;
		line-height: 1.4;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.kv-product-top__text{
		background: #fff;
		padding: 10px;
		font-size: 14px;
	}
	.kv-product-top__link{
		display: block;
		margin-top: 0;
	}

	
	.kv-product-top__link__item{
		width: 100%;
	}
	.kv-product-top__link__item{
		width: auto;
	}
	.kv-product-top__sp-image{
		display: block;
		/* margin-bottom: 10px; */
	}
}



/*kv(下層)*/

.page-head{
	width: 100%;
	background: url('/ss/arvr/images/bg_product_page-head.png') no-repeat bottom center / cover;
	position: relative;
	/* height: 300px; */
	height: 270px;
	/* min-height: 300px; */
	overflow: hidden;
}
.page-head--ar{
	background: url('/ss/arvr/images/bg_product-ar_head.png') no-repeat center center / cover;
}
.page-head__inner{
	position: relative;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-ms-align-items: center;
	align-items: center;
}
.page-head__image{
	/* height: 100%; */
	width: 33%;
}
.page-head__image img{
	/* height: 100%; */
	width: 100%;
}
.page-head__info{
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	max-width: 600px;
	color: #fff;
	background: rgba(0, 0, 0, .7);
	padding: 20px 40px;
	width: 53%;
}
.page-head__sub-head{
	font-size: 22px;
	line-height: 1.3;
}
.page-head__head{
	font-size: 34px;
	/* font-weight: bold; */
}
.page-head__text{
	font-size: 16px;
}
.page-head__link{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.page-head__link__item{
	width: 48%;
}
.page-head__link__item a{
	display: block;
	position: relative;
	color: #fff;
	padding: 8px 0 5px 15px;
	text-align: center;
	position: relative;
	text-decoration: none;
	width: 100%;
}
.page-head__link__item--contact{
	background: url('/ss/arvr/images/vrar_info_icon2.png')no-repeat left 20px center #4cb3c0;
	-webkit-background-size: 35px;
	background-size: 35px;
}
.page-head__link__item--download{
	background: url('/ss/arvr/images/icon_dl_btn_wh.png')no-repeat left 20px center rgba(214,146,76,1);
	-webkit-background-size: 35px;
	background-size: 35px;
}
.page-head__link__item--interview{
	background: url('/ss/arvr/images/icon_hukidadhi.png')no-repeat left 20px center #9a80af;
	-webkit-background-size: 35px;
	background-size: 35px;
}
.page-head__link__item:hover{
	opacity: .8;
}

@media (max-width: 960px){
	.page-head__text{
		font-size: 14px;
	}
	.page-head__info{
		padding: 20px;
		max-width: none;
	}
}

@media (max-width: 768px){
	.page-head{
		width: 100%;
		background: none;
		height: auto;
		overflow: auto;
	}
	.page-head__inner{
		display: block;
		padding-bottom: 20px;
	}
	.page-head__image{
		width: 100%;
	}
	.page-head__info{
		width: 100%;
		position: static;
		transform: none;
		background: none;
		color: #333;
		padding: 10px 0 0;
	}
	.page-head__sub-head{
		font-size: 18px;
		line-height: 1.3;
	}
	.page-head__head{
		font-size: 24px;
		font-weight: bold;
	}
	
	.page-head__link{
		margin-top: 10px;
		display: block;
	}
	.page-head__link__item{
		width: 100%;
	}
	.page-head__link__item a{
		display: block;
		position: relative;
		color: #fff;
		padding: 8px 0 5px 15px;
		text-align: center;
		position: relative;
		text-decoration: none;
		width: 100%;
	}
	.page-head__link__item--contact{
		background: url('/ss/arvr/images/vrar_info_icon2.png')no-repeat left 20px center #4cb3c0;
		-webkit-background-size: 35px;
		background-size: 35px;
	}
	.page-head__link__item--download{
		background: url('/ss/arvr/images/icon_dl_btn_wh.png')no-repeat left 20px center rgba(214,146,76,1);
		-webkit-background-size: 35px;
		background-size: 35px;
	}
}







/*product TOP 下層へのリンクナビ*/

.product-nav{
	background: #2f363d;
	height: 80px;
}

.product-nav__inner{
	height: 100%;
}

.product-nav__items{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	height: 80px;
}

.product-nav__item{
	width: 23%;
	text-align: center;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
}
.product-nav__item--vr{
	width: 16%;
}
.product-nav__item--vr-long{
	width: 32%;
}
.product-nav__item--ar-long{
	width: 27%;
}
@media (max-width: 960px){
	.product-nav__item--ar-long{
		width: 29%;
	}
}




/* .product-nav__item:nth-of-type(4){
	width: 29%;
} */

.product-nav__item a{
	color: #d6e8ff;
	font-size: 16px;

}

.product-nav__item img{
	height: 55px;
	vertical-align: middle;
	padding-right: 20px;
}

@media (max-width: 960px){
	.product-nav__item--ar-long a{
		font-size: 18px;
	}
}

@media (max-width: 960px){
	.product-nav{
		/* display: none; */
		height: auto;
	}
	.product-nav__inner{
		padding: 0;
	}
	.product-nav__items{
		justify-content: space-around;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		height: auto;
	}
	.product-nav__item{
		width: auto;
		padding: 5px 5px;
	}
	.product-nav__item:nth-of-type(4){
		width: auto;
	}
	.product-nav__item a{
		font-size: 13px;
	}
	.product-nav__item img{
		height: 30px;
		padding-right: 10px;
	}
	.product-nav__item--ar-long a{
		font-size: 13px;
	}
}

@media (max-width: 600px){
	.product-nav__item{
		width: 42%;
		margin: 0 auto;
		text-align: center;
		display: block;
	}
}
@media (max-width: 440px){
	.product-nav__item--ar-long{
		width: 48%;
	}
}

/*product 下層ページのナビゲーション*/

.product-nav02{
	background: #2f363d;
	/* height: 50px; */
	padding: 10px 0;
}

.product-nav02__items{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	height: 100%;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.product-nav02__item{
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

.product-nav02__item a{
	color: #d6e8ff;
	font-size: 16px;
	display: inline-block;
	text-decoration: none;
	padding: 0px 15px;
	position: relative;
}

.product-nav02__item a:hover:before{
	content: '';
	width: 100%;
	height: 3px;
	background: #98c5ff;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.product-nav02__item--current a{
	position: relative;
}
.product-nav02__item--current a:before{
	content: '';
	width: 100%;
	height: 3px;
	background: #98c5ff;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media (max-width: 960px){
	.product-nav02__items{
		padding: 0;
		/* justify-content: flex-start; */
	}
	.product-nav02__item a{
		font-size: 14px;
		padding: 0 8px;
	}
}


/*product 下層ページのページ内リンクナビゲーション*/
.anchor-nav{
	background: #318bff;
}
.anchor-nav__items{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
}
.anchor-nav__items--cases{
	justify-content: space-around;
}
.anchor-nav__items--around{
	justify-content: space-around;
}
.anchor-nav__item{
	position: relative;
	padding: 15px 0 15px 30px;
}
.anchor-nav__item a{
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}
.anchor-nav__item a:before{
	content: '';
	background: url('/ss/arvr/images/arrow-down.png')no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	position: absolute;
	top: 15px;
	left: 0px;
	width: 20px;
	height: 30px;
}
.anchor-nav__item a:hover{
	text-decoration: underline;
}

@media (max-width: 1000px){
	.anchor-nav__item a{
		font-size: 14px;
	}
}

@media (max-width: 860px){
	.anchor-nav__items{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
/* 		justify-content: flex-start; */
		justify-content: space-around;
	}
	.anchor-nav__item{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.anchor-nav__item--33{
		width: 33.3%;
	}
	.anchor-nav__item a{
		font-size: 12px;
	}
	.anchor-nav__item a:before{
		width: 15px;
		top: 7px;
		left: 10px;
	}
}

@media (max-width: 420px){
	.anchor-nav__items{
		padding: 0 5px;
	}
	.anchor-nav__item--33{
		width: 50%;
		box-sizing: border-box;
		line-height: 1.4;
	}
	.anchor-nav__item a:before{
		width: 12px;
	}

}

/*画像：テキスト 4:6のレイアウト*/
.product-40 li.icon_txt{
	width: 40%;
}

.product-40 li.icon_txt:last-of-type{
	width: 60%;
}

@media (max-width: 750px){
	.product-40 li.icon_txt{
		width: 100%;
	}
	.product-40 li.icon_txt:last-of-type{
		width: 100%;
	}
}

/*背景色*/

.bg_beige{
	background: #f1dbc4;
}
.bg_purple{
	background: #ebe6ef;
}
.btn_bg_beige a{
	background: #593714;
}
.btn_bg_purple a{
	background: #664d7b;
}
.point_ttl2_beige a{
	color: #593714;
}
.point_ttl2_purple a{
	color: #664d7b;
}

/*3カラムリンク 活用イメージ 注意文章用*/

.lp_inner2 .vrar_txt_area .note-text,.note-text{
	font-size: 11px;
}

/*h2アイコン追加*/

.h2-product {
	text-align: center;
	font-size: 30px;
	line-height: 125%;
	background: url(/nsi/ss/arvr/images/vrar_icon_top_01.png) no-repeat;
	background-size: 90px 90px;
	background-position: left 20% top 20px;
	padding: 50px 0 35px;
	color: #333;
	position: relative;
}
.h2-product--1{
	background: url(/nsi/ss/arvr/images/vrar_icon12.png) no-repeat;
	background-position: left 10% top 20px;
	background-size: 88px;
}

@media (max-width: 1100px) {
	.h2-product {
	  text-align: center;
	  font-size: 20px;
	  line-height: 125%;
	  margin-bottom: 20px;
	  background-size: 80px 80px;
	  background-position: center top 20px;
	  padding: 105px 0 0 0;
	}
}





.h2-product-01,
.h2-product-02,
.h2-product-03,
.h2-product-04,
.h2-product-05,
.h2-product-06,
.h2-product-07,
.h2-product-08,
.h2-product-09,
.h2-product-10,
.h2-product-11,
.h2-product-12,
.h2-product-13,
.h2-product-14,
.h2-product-15,
.h2-product-16,
.h2-product-17,
.h2-product-18,
.h2-product-19,
.h2-product-20,
.h2-product-21 {
    text-align: center;
    font-size: 30px;
    line-height: 125%;
    margin: -20px auto 0px;
    padding: 55px 0 20px 5px;
    color: #333;
    position: relative;
    display: inline-block;
}

.h2-product-01::after {
  position: absolute;
  content: "";
  width: 85px;
  height: 85px;
  background: url(/nsi/ss/arvr/images/vrar_icon01.png) no-repeat;
  background-size: 100%;
  top: 22%;
  left: -60px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-02::after {
  position: absolute;
  content: "";
  width: 85px;
  height: 85px;
  background: url(/nsi/ss/arvr/images/vrar_icon03.png) no-repeat;
  background-size: 100%;
  top: 22%;
  left: -30px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2-product-03::after {
  position: absolute;
  content: "";
  width: 85px;
  height: 85px;
  background: url(/nsi/ss/arvr/images/vrar_icon13.png) no-repeat;
  background-size: 100%;
  top: 35%;
  left: -60px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2-product-04::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  background: url(/nsi/ss/arvr/images/vrar_icon14.png) no-repeat;
  background-size: 100%;
  top: 35%;
  left: -60px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-05::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  background: url(/nsi/ss/arvr/images/vrar_icon15.png) no-repeat;
  background-size: 100%;
  top: 22%;
  left: -50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-06::after {
  position: absolute;
  content: "";
  width: 110px;
  height: 110px;
  background: url(/nsi/ss/arvr/images/vrar_icon_top_03.png) no-repeat;
  background-size: 100%;
  top: 10%;
  left: -60px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-07::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  background: url(/nsi/ss/arvr/images/vrar_icon16.png) no-repeat;
  background-size: 100%;
  top: 35%;
  left: -60px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-08::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background: url(/nsi/ss/arvr/images/vrar_icon17.png) no-repeat;
  background-size: 100%;
  top: 38%;
  left: -60px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-09::after {
  position: absolute;
  content: "";
  width: 95px;
  height: 95px;
  background: url(/nsi/ss/arvr/images/vrar_icon00.png) no-repeat;
  background-size: 100%;
  top: 20%;
  left: -55px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-10::after {
  position: absolute;
  content: "";
  width: 85px;
  height: 85px;
  background: url(/nsi/ss/arvr/images/vrar_icon05.png) no-repeat;
  background-size: 100%;
  top: 20%;
  left: -55px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-11::after {
  position: absolute;
  content: "";
  width: 105px;
  height: 105px;
  background: url(/nsi/ss/arvr/images/vrar_icon08.png) no-repeat;
  background-size: 100%;
  top: 17%;
  left: -65px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-12::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  background: url(/nsi/ss/arvr/images/vrar_icon_bigsite.png) no-repeat;
  background-size: 100%;
  top: 14%;
  left: -65px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-13::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  background: url(/nsi/ss/arvr/images/vrar_icon06.png) no-repeat;
  background-size: 100%;
  top: 18%;
  left: -65px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-14::after {
  position: absolute;
  content: "";
  width: 65px;
  height: 65px;
  background: url(/nsi/ss/arvr/images/vrar_icon20.png) no-repeat;
  background-size: 100%;
  top: 34%;
  left: -65px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-15::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background: url(/nsi/ss/arvr/images/vrar_icon_top_02.png) no-repeat;
  background-size: 100%;
  top: 25%;
  left: -65px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-16::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background: url(/nsi/ss/arvr/images/vrar_icon04.png) no-repeat;
  background-size: 100%;
  top: 25%;
  left: -65px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.h2-product-17::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background: url(/nsi/ss/arvr/images/vrar_icon21.png) no-repeat;
  background-size: 100%;
  top: 40%;
  left: -65px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-18::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background: url(/nsi/ss/arvr/images/vrar_icon_top_bousai01.png) no-repeat;
  background-size: 100%;
  top: 27%;
  left: -55px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-19::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  background: url(/nsi/ss/arvr/images/vrar_icon22.png) no-repeat;
  background-size: 100%;
  top: 29%;
  left: -55px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-20::after {
  position: absolute;
  content: "";
  width: 85px;
  height: 85px;
  background: url(/nsi/ss/arvr/images/vrar_icon_top_05.png) no-repeat;
  background-size: 100%;
  top: 22%;
  left: -55px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.h2-product-21::after {
  position: absolute;
  content: "";
  width: 48px;
  height: 85px;
  background: url(/nsi/ss/arvr/images/vrar_icon23.png) no-repeat;
  background-size: 100%;
  top: 36%;
  left: -55px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}





@media (max-width: 960px){
	.h2-product-01,
	.h2-product-02,
	.h2-product-03,
	.h2-product-04,
	.h2-product-05,
	.h2-product-06,
	.h2-product-07,
	.h2-product-08,
	.h2-product-09,
	.h2-product-10,
	.h2-product-11,
	.h2-product-12,
	.h2-product-13,
	.h2-product-14,
	.h2-product-15,
	.h2-product-16,
	.h2-product-17,
	.h2-product-18,
	.h2-product-19,
	.h2-product-20,
	.h2-product-21{
		text-align: center;
		font-size: 20px;
		line-height: 125%;
		margin-bottom: 0px;
		background-size: 80px 80px;
		background-position: center top;
		padding: 100px 0 0 0;
	}
	.h2-product-01:after,
	.h2-product-02:after,
	.h2-product-03:after,
	.h2-product-04:after,
	.h2-product-05:after,
	.h2-product-06:after,
	.h2-product-07:after,
	.h2-product-08:after,
	.h2-product-09:after,
	.h2-product-10:after,
	.h2-product-11:after,
	.h2-product-12:after,
	.h2-product-13:after,
	.h2-product-14:after,
	.h2-product-15:after,
	.h2-product-16:after,
	.h2-product-17:after,
	.h2-product-18:after,
	.h2-product-19:after,
	.h2-product-20:after{
	width: 80px;
	height: 80px;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	}

	.h2-product-21:after{
		width: 35px;
		height: 80px;
		top: 32%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}
}

/*システム構成例 アイコン修正*/
.h2-01_c_servis2:before{
	left: -45%;
}
@media (max-width: 960px){
	.h2-01_c_servis2:before{
		left: 50%;
	}
}

@media (min-width: 960px){
	.h2-01_c_servis4:before{
		left: -100px;
	}
}




.icon-download{
	padding-top: 17px;
	padding-left: 60px;
	background: url('/ss/arvr/images/icon_dl_btn3.png')no-repeat;
	-webkit-background-size: 45px;
	background-size: 45px;
	background-position: left center;
}

.icon-interview{
	padding-top: 25px;
	padding-left: 70px;
	background: url('/ss/arvr/images/icon_interview.png')no-repeat;
	-webkit-background-size: 55px;
	background-size: 55px;
	background-position: left top;
}
.icon-si{
	padding-top: 8px;
	padding-left: 70px;
	background: url('/ss/arvr/images/vrar_icon05.png')no-repeat;
	-webkit-background-size: 55px;
	background-size: 55px;
	background-position: left top;
}
@media (max-width: 750px){
	.icon-interview{
		text-align: left;
		padding-top: 25px;
		padding-left: 40px;
		background-position: 0px 10px;
		-webkit-background-size: 30px;
		background-size: 30px;
	}
	.icon-download{
		padding-left: 40px;
		background-position: 0px 13px;
		-webkit-background-size: 30px;
		background-size: 30px;
	}
	.icon-si{
		padding-left: 30px;
		background-position: 0px 3px;
		-webkit-background-size: 30px;
		background-size: 30px;
	}
}

/*
製品特徴
*/

/* NEC リアルな現場再現 部分*/

.products_area_long{
	justify-content: flex-start;
}

.products_area_long li{
	margin-right: 2.9%;
}

.products_area_long li:nth-of-type(3n){
	margin-right: 0;
}

.products_area_white li{
	background: #fff;
}

@media (max-width: 640px){
	.products_area_long li{
		margin-right: 0;
	}
}

.product-ttl01{
	color: rgba(0,43,98,1);
	font-size: 20px;
	text-align: center;
}


/*product-effect_v*/

.product-effect{
}

.product-effect__item{
	padding: 15px 15px;
	box-sizing: border-box;
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}

.product-effect__inner{
	text-align: center;
	background: #fff;
}

.product-effect__image{
	margin-bottom: 15px;
}

.product-effect__head{
	font-weight: bold;
	font-size: 20px;
}

.lp_inner2 .product-effect p{
	font-size: 16px;
}

/*img-caption*/
.img-caption{
	text-align: center;
	padding-top: 15px;
	margin-bottom: 5px;
}
.img-zoom{
	text-align: center;
	margin: 0 auto;
	display: block;
}
.img-zoom span{
	position: relative;
}
.img-zoom span:before{
	content: '';
	background: url('/ss/arvr/images/icon_zoom.png') no-repeat;
	-webkit-background-size: 16px;
	background-size: 16px;
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 10%;
	left: -22px;
}
/*自動生成される虫眼鏡アイコン削除*/
.icon-01{
	display: none;
}


@media (max-width: 768px){
	.img-caption{
		font-size: 14px;
		margin-bottom: 0;
	}
	.img-zoom{
		font-size: 14px;
	}
}
@media (max-width: 640px){
	.img-zoom{
		display: none;
	}

}


/*data table*/

.data{
	margin-top: 30px;
	padding: 15px;
}

.data--p0{
	padding: 0;
}

.data table{
	margin-bottom: 20px;
}

.data th{
	background: rgba(0,43,98,1);
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}

.data td{
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
}

.data .min-141{
	min-width: 141px;
}

.data .min-92{
	min-width: 92px;
}
.data .w30{
	width: 30%;
}

@media (max-width: 960px){
	.data{
		padding: 0;
	}
	.data th{
		font-size: 13px;
		padding: 5px;
		vertical-align: middle;
		text-align: center;
	}
	.data td{
		font-size: 13px;
	}
	.data .min-141{
		min-width: 90px;
	}
	.data .min-92{
		min-width: 60px;
	}
	.data .w30{
		width: 40%;
	}
}



/*活用イメージ*/

.cases{
	margin-top: 20px;
}
.cases__item{

}
.cases__item + .cases__item{
	margin-top: 50px;
}
.cases__head{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 10px;
}
.cases__head span{
	background: rgba(0,43,98,1);
	color: #fff;
	padding: 5px 10px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}
.cases__head strong{
	font-size: 24px;
	padding-left: 20px;
}
.cases__text{
	font-size: 18px;
}
.cases__example{
	padding-top: 20px;
}
.cases__example__head{
	font-size: 20px;
	padding-left: 20px;
	position: relative;
	margin-bottom: 15px;
}
.cases__example__head:before{
	content: '';
	width: 7px;
	height: 100%;
	position: absolute;
	top: -2px;
	left: 0;
	background: rgba(0,43,98,1);
}
.cases__example__list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.cases__example__list li{
	width: 33.3%;
	margin-bottom: 6px;
	font-size: 18px;
	box-sizing: border-box;
}

.cases__example__list .li_w100{
	width: 100%;
}

@media (max-width: 960px){
	.cases{
		margin-top: 0;
	}
	.cases__item + .cases__item{
		margin-top: 30px;
	}
	.cases__head{
		margin-bottom: 15px;
		display: block;
	}
	.cases__head span{
		width: 130px;
		display: block;
		margin: 0 auto 15px;
		padding: 3px 10px;
	}
	.cases__head strong{
		font-size: 18px;
		width: 100%;
		line-height: 1.3;
		padding-left: 0;
		display: block;
	}
	.cases__text {
	  font-size: 14px;
	}
	.cases__example__head{
		font-size: 16px;
	}
	.cases__example__list{
		display: block;
	}
	.cases__example__list li{
		font-size: 14px;
		width: 100%;
	}
}

/*ar 製品特長 図と説明の部分*/

.fig-2col{
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 960px;
	margin: 0 auto;
}
.fig-2col__item{
	width: 45%;
	margin-bottom: 40px;
}
.fig-2col__head{
	padding: 5px 0;
	font-size: 18px;
	background: rgba(0,43,98,1);
	color: #fff;
	text-align: center;
}
.fig-2col__fig{
	padding: 20px 0;
	margin-bottom: 15px;
	background: #fff;
	text-align: center;

}
.fig-2col__text{
	font-size: 16px;
}
@media (max-width: 960px){
	.fig-2col__item{
		width: 47%;
	}
}

@media (max-width: 500px){
	.fig-2col__item{
		width: 100%;
		margin-bottom: 30px;
	}
	.fig-2col__fig{
		padding: 20px 0;
	}
	.fig-2col__text{
		font-size: 15px;
	}
}

/*product-head-1*/
.product-head-1{
	font-size: 20px;
	padding-left: 20px;
	position: relative;
	margin-bottom: 15px;
}


.product-head-1:before{
	content: '';
	width: 7px;
	height: 100%;
	position: absolute;
	top: -2px;
	left: 0;
	background: rgba(0,43,98,1);
}

@media (max-width: 960px){
	.product-head-1{
		font-size: 16px;
	}
}


/*
コラム
*/

.pl0{
	padding-left: 0!important;
}

@media (min-width: 960px){
	.title-30{
		font-size: 30px!important;
	}
}