@charset "utf-8";

.list_kakuninzumi.price {
    padding: 0 15px;
}
.siyou_dousa .price table {
    margin-bottom: 0;
}
.siyou_dousa .price table,
.siyou_dousa .price table th {
    border: 1px solid #002e5f;
}
.siyou_dousa .price table th,
.siyou_dousa .price table td {
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

.siyou_dousa .price table td {
    font-size: 13px;
}

.siyou_dousa .price table tr:first-child th:first-child {
    width: 20%;
}

.siyou_dousa .price table th {
    font-size: 16px;
    background: #fff;
    color: #333;
    border-bottom: 3px solid #002e5f;
    font-weight: 400;
    text-align: left;
    line-height: 1.5;
}

.siyou_dousa .price table th span {
    font-weight: bold;
}

.siyou_dousa .price table td p {
    font-size: 12px;
    padding-left: 1em;
    text-indent: -1em;
}

.siyou_dousa .price table td.txle {
    text-align: left;
}

.siyou_dousa .price table td.money span {
    font-size: 14px;
    padding-left: 15px;
}

.siyou_dousa .price table td {
    border-right: 1px solid #002e5f;
    border-bottom: 1px solid #002e5f;
}

.siyou_dousa .price table td.money {
    font-size: 22px;
}
.siyou_dousa .price table td.money span {
    font-size: 14px;
}

.siyou_dousa .price table tr.blueline td {
    background: #ccd5df;
}

.flextop {
    display: flex;
    float: inherit!important;
    align-items: center;
    width: 100%!important;
}

.pconly_bousai {
display: block;
}
.sponly_bousai {
display: none;
}
.list_mirage ul li,
.list_os ul li {
    width: 50%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
}

.list_kakuninzumi {
    padding: 15px;
    box-sizing: border-box;

}

.list_mirage ul li table,
.list_os ul li table,
.list_kakuninzumi table {
    width: 100%;
    font-size: 14px;
}
.list_mirage ul li table th,
.list_os ul li table th {
    width: 20%;
    text-align: center;
}
.list_mirage ul li table th,
.list_os ul li table th,
.list_kakuninzumi table th {
    background: rgba(0,43,98,1);
    color: #fff;
}

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

.siyou_dousa table th,
.siyou_dousa table td {
    padding: 10px;
    box-sizing: border-box;
}

p.table_ttl {
    font-size: 18px;
    margin: 0;
    font-weight: bold;
}









.bousai_img {
    font-size: 18px;
}
.bousai_img img {
    padding-bottom: 10px;
}



*:hover {
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.sp-only {display: none;}
.clearfix:after {
	content: "";
	height: 0;
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}
.sponly {display: none!important}
.fsmini { font-size: 12px; font-weight: 300; }
.wc { color: #fff!important }
.indent {
	padding-left: 2em;
    text-indent: -2em;
}
a.iconTop-01 {
    background-image: url(/nsi/ss/arvr/images/arrow-01-top.png);
}
a.iconTop-01, a.iconRight-01, a.iconBottom-01, a.iconLeft-01 {
    background-position: 3px 0.3em;
    background-repeat: no-repeat;
    padding: 3px 3px 3px 22px;
    text-decoration: none;
}
/*---------------
  TEXT
---------------*/
strong, .txtWeight-b {
	font-weight: bold;
}
.txtWeight-n {
	font-weight: normal;
}
.txtBlack {
	color: #333;
}
.txtWhite {
	color: #fff;
}
.txtSize-12 {
	font-size: 85.71%;
}
.txtSize-13 {
	font-size: 92.85%;
}
.txtSize-14 {
	font-size: 100%!important;
}
.txtSize-15 {
	font-size: 107.14%;
}
.txtSize-16 {
	font-size: 114.28%;
}
.txtSize-17 {
	font-size: 121.42%;
}
.txtSize-18 {
	font-size: 128.57%;
}
.txtSize-19 {
	font-size: 135.71%;
}
.txtSize-20 {
	font-size: 142.85%;
}
.txtSize-21 {
	font-size: 150%;
}
.txtSize-22 {
	font-size: 157.14%;
}
.txtSize-23 {
	font-size: 164.28%;
}
.txtSize-24 {
	font-size: 200%;
}
.txtSize-30 {
	font-size: 214.28%;
}
.txtLh-00 {
	line-height: 0;
}
.txtSpacing-00 {
	letter-spacing: 0 !important;
}
.txtSpacing-01 {
	letter-spacing: 1px;
}
.txtSpacing-02 {
	letter-spacing: 0.1em;
}
.txtSpacing-03 {
	letter-spacing: 0.2em;
}
.txtCaution-01 {
	font-size: 85.71%;
	color: #888;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.pcCont {
	display: block;
}
.spCont {
	display: none;
}
.txtNl > span {
	display: block;
}
.txtNl-02 > span {
	display: inline-block;
}
.left {
	float: left;
}
.right {
	float: right;
}
.w60 {
	width: 60%;
}
.w40 {
	width: 40%;
}

.pt20 {
	padding-top: 20px;
}
.pb60 {
	padding-bottom: 60px!important;
}

.pt60px {
    padding-top: 60px!important;
}
.p60 {
	padding: 40px 0 20px;
}
.ptpb60 {
	padding: 40px 0 20px;
}
.Cgray {
	color: #595959;
}

.fontright {
	text-align: right;
}
.inlineblock {
	display: inline-block;
}

.faivonly {display: none;}


.img_p {
    font-size: 16px;
    padding: 5px 0;
    text-align: center;
}

.croud_area li.fright { float: left; }
.croud_area li.fright { float: right; }

.bousai .icon_wrap .vrar_txt_area p {
    width: 100%;
    line-height: 2;
}

.blue_ft {
    color: #00245d;
    padding: 10px 0;
}


#bg_img {
	background: url(/nsi/ss/arvr/images/bg_kv.jpg)repeat;
}
.wrapper {
    position: relative;
    height: 90vh;
}
.st_fleft {
    font-size: 160%;
    padding-top: 10px;
}
.st_fright {
	font-size: 260%;
	margin: 0;
}
.st_fright_mini {
	font-size: 50%;
	margin: 0;
	font-weight: 400;
}

.bousai .st_fright_mini {
    font-size: 60%;
}
.logistics .st_fright_mini {
  font-size: 16px;
}

/*---KV---*/
.kv_wrap {
	width: 100%;
	max-width: 1200px;
	padding-bottom: 40px;
}

.kv_L {
	width: 33.70%;
	float: left;
	padding-right: 10px;
	box-sizing: border-box;
}

.kv_R {
	width: 66.21%;
	float: left;
	position: relative;
}
.kv_top_wrap {
    width: 100%;
    background: url(/nsi/ss/arvr/images/vrar_kv01.jpg) no-repeat;
    padding-top: 61.4213%;
    background-size: 100%;
    margin-bottom: 10px;
    position: relative;
}
.kv_bottom_wrap {
	width: 100%;
	background: url(/nsi/ss/arvr/images/vrar_kv02.jpg) no-repeat;
    padding-top: 64.9746%;
    background-size: 100%;
    position: relative;
}
.kv_right {
	width: 100%;
	background: url(/nsi/ss/arvr/images/vrar_kv03.jpg) no-repeat;
	padding-top: 63.9798%;
    background-size: 100%;
    position: relative;
}

.kv_top_wrap2 {
    width: 100%;
    background: url(/nsi/ss/arvr/images/vrar_kv01-01.jpg) no-repeat;
    padding-top: 61.4213%;
    background-size: 100%;
    margin-bottom: 10px;
    position: relative;
}
.kv_bottom_wrap2 {
    width: 100%;
    background: url(/nsi/ss/arvr/images/vrar_kv02-02.jpg) no-repeat;
    padding-top: 64.9746%;
    background-size: 100%;
    position: relative;
}
.kv_bottom_wrap_bousai {
    width: 100%;
    background: url(/nsi/ss/arvr/images/vrar_kv02-bousai.jpg) no-repeat;
    padding-top: 64.9746%;
    background-size: 100%;
    position: relative;
}
.kv_right2 {
    width: 100%;
    background: url(/nsi/ss/arvr/images/vrar_kv03-03.jpg) no-repeat;
    padding-top: 63.9798%;
    background-size: 100%;
    position: relative;
}

.kv_wrap.bousai_kv {
    padding-bottom: 0;
}

.kv_right_bousai {
    width: 100%;
    background: url(/nsi/ss/arvr/images/vrar_kv03-bousai.jpg) no-repeat;
    padding-top: 40%;
    background-size: 100%;
    position: relative;
}
.kv_right_logistics {
    width: 100%;
    background: url(/nsi/ss/arvr/images/vrar_kv-logistics.jpg) no-repeat center 66%;
    padding-top: 40%;
    background-size: 100%;
    position: relative;
}
.kv_right_education {
    width: 100%;
    background: url(/nsi/ss/arvr/images/vrar_kv-education.jpg) no-repeat center center;
    padding-top: 40%;
    background-size: 100%;
    position: relative;
}

.new_info {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    max-width: 500px;
    right: 35px;
    background: rgba(255,255,255,.8);
    padding: 15px 20px;
    box-sizing: border-box;
}

.bousai_info_area {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    background: rgba(76,179,192,1);
}

.bousai_dl_area {
    padding: 10px;
    box-sizing: border-box;
    background: rgba(214,146,76,1);
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

h3.info_ttl_new {
    font-size: 22px;
    padding-bottom: 3px;
}
h3.info_ttl_new span {
    font-size: 16px;
    font-weight: 300;
    display: block;
    text-align: left;
}
h3.info_ttl_new span.vricon_nav {
    width: 40px;
    line-height: 1.4;
    text-align: center;
}


.bousai_dl_area .box_inner:first-child {
    padding: 10px;
    box-sizing: border-box;
}

.box_inner:first-child {
    width: 150px;
}
.box_inner:last-child {
    width: 270px;
    margin: 0 auto;
}
.bousai .box_inner p,
.bousai .box_inner .info_bottom,
.logistics .box_inner p,
.logistics .box_inner .info_bottom {
    padding: 5px;
    font-size: 14px;
    box-sizing: border-box;
}

.bousai_dl_area .box_inner .whitedl.dl_bottom a {
    background: #fff;
    padding: 12px;
    box-sizing: border-box;
    font-weight: bold;
    color: rgba(214,146,76,1);
    text-align: center;
    font-size: 14px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
}
.bousai_dl_area .box_inner .whitedl.dl_bottom a::before {
    position: absolute;
    background: url(/nsi/ss/arvr/images/icon_dl_btn2.png)no-repeat;
    width: 33px;
    height: 26px;
    background-size: 100%;
    top: 50%;
    left: 8%;
    content: "";
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.bousai_dl_area .box_inner .whitedl.dl_bottom a::after {
    position: absolute;
    top: 34%;
    right: 25px;
    display: block;
    content: '';
    width: 15px;
    height: 15px;
    border-top: 1px solid #d6924c;
    border-right: 1px solid #d6924c;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bousai_info_area .box_inner:last-child {
    padding: 0;
    box-sizing: border-box;
    margin: 0 auto;
}
.bousai_info_area .box_inner .info_bottom a {
    display: block;
    width: 100%;
    background: #fff;
    color: rgba(76,179,192,1);
}
.bousai_info_area .box_inner .info_bottom a::before {
    position: absolute;
    background: url(/nsi/ss/arvr/images/vrar_info_icon.png)no-repeat;
    width: 34px;
    height: 23px;
    background-size: 100%;
    top: 50%;
    left: 10%;
    content: "";
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.bousai_info_area .box_inner .info_bottom a::after {
    position: absolute;
    top: 34%;
    right: 25px;
    display: block;
    content: '';
    width: 15px;
    height: 15px;
    border-top: 1px solid #4cb3c0;
    border-right: 1px solid #4cb3c0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bousai_info_area .box_inner .info_bottom a:hover::after,
.bousai_dl_area .box_inner .whitedl.dl_bottom a:hover::after {
    right: 35px;
}









.kv_link {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.kv_link a {
	width: 100%;
	display: block;
	width: 100%;
	background: rgba(0,43,98,.8);
	padding: 15px 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	position: relative;
}


.kv_link a::after {
	position: absolute;
    top: 34%;
    right: 15px;
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.kv_link a:hover::after {
	right: 25px;
}
.kv_link a:hover {
	background: rgba(0,43,98,1);
}
.kv_top_coment {
	width: 100%;
	max-width: 600px;
	background: rgba(0,43,98,.8);
	padding: 15px 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: 45px;
	left: 50%;
	font-weight: bold;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.vrar_infoarea {
	width: 100%;
	max-width: 579px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	font-weight: bold;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.vrar_infoarea ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vrar_infoarea ul li {
    width: 50%;
}
.bousai .info_bottom a,
.logistics .info_bottom a {
    background: rgba(76,179,192,.8);
    padding: 12px;
    box-sizing: border-box;
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 14px;
    position: relative;
    text-decoration: none;
}
.bousai .dl_bottom a,
.logistics .dl_bottom a {
    background: rgba(214,146,76,.8);
    padding: 12px;
    box-sizing: border-box;
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 14px;
    position: relative;
    text-decoration: none;
}

.bousai .info_bottom a::before,
.logistics .info_bottom a::before {
    position: absolute;
    background: url(/nsi/ss/arvr/images/vrar_info_icon2.png)no-repeat;
    width: 34px;
    height: 23px;
    background-size: 100%;
    top: 50%;
    left: 5%;
    content: "";
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.bousai .dl_bottom a::before,
.logistics .dl_bottom a::before {
    position: absolute;
    background: url(/nsi/ss/arvr/images/icon_dl_btn_white.png)no-repeat;
    width: 30px;
    height: 22px;
    background-size: 100%;
    top: 50%;
    left: 5%;
    content: "";
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.bousai .dl_bottom a::after,
.bousai .info_bottom a::after,
.logistics .dl_bottom a::after,
.logistics .info_bottom a::after {
    position: absolute;
    top: 32%;
    right: 20px;
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 99999;
    display: block;
    visibility: initial;
}


.bousai .info_bottom,
.logistics .info_bottom {
    background:inherit;
    padding: inherit;
    box-sizing: inherit;
    font-weight: inherit;
    color: inherit;
    text-align: inherit;
    font-size: inherit;
    position: inherit;
}
.bousai .info_bottom::before,
.logistics .info_bottom::before {
    position: inherit;
    background: inherit;
    width: inherit;
    height: inherit;
    background-size: inherit;
    top: inherit;
    left: inherit;
    content: inherit;
    transform: inherit;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -ms-transform: inherit;
    -o-transform: inherit;
}
.bousai .info_bottom::after,
.logistics .info_bottom::after {
    position: inherit;
    top: inherit;
    right: inherit;
    display: inherit;
    content: inherit;
    width: inherit;
    height: inherit;
    border-top: inherit;
    border-right: inherit;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -ms-transform: inherit;
    -o-transform: inherit;
    transform: inherit;
}


.vrar_info_left {
	width: 30%;
	float: left;
}
.img_area_kv {
	width: 100%;
	background: url(/nsi/ss/arvr/images/vrar_kv_info_img.png)no-repeat;
	background-size: 100%;
	padding-top: 67.875%;
}
.vrar_info_right {
	width: 70%;
	float: left;
}
.info_top {
	background: rgba(255,255,255,0.8);
    padding: 10px;
    box-sizing: border-box;
    font-weight: 400;
    color: #333;
}
.info_bottom {
	background: rgba(76,179,192,.8);
	padding: 9px;
    box-sizing: border-box;
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 18px;
    position: relative;
}
.info_bottom::before {
	position: absolute;
	background: url(/nsi/ss/arvr/images/vrar_info_icon2.png)no-repeat;
	width: 34px;
	height: 23px;
	background-size: 100%;
	top: 50%;
	left: 20%;
	content: "";
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.info_bottom::after {
	position: absolute;
    top: 34%;
    right: 25px;
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.vrar_infoarea a {
	display: block;
}

.vrar_infoarea a:hover .info_bottom::after {
	right: 35px;
}

.vrar_infoarea .info_bottom a:hover::after,
.vrar_infoarea .dl_bottom a:hover::after {
    right: 25px;
}

.vrar_infoarea .dl_bottom a:hover {
    background: #d6924c;
}
.vrar_infoarea .info_bottom a:hover,
.vrar_infoarea a:hover .info_bottom {
	background: rgba(76,179,192,1);
}
.vr_ttl {
	font-size: 24px;
	color: #042f5f;
	font-weight: bold;
	padding-bottom: 15px;
}

#construction .vr_sub_ttl {
    padding: 10px 0;
    width: 85%;
}

.vr_sub_ttl {
	font-size: 22px;
	color: #042f5f;
	padding: 10px 0 10px 10px;
	width: 90%;
	box-sizing: border-box;
}


#construction .vricon2 {
    margin-right: 10px;
}
.vricon2 {
    font-size: 14px;
    width: 10%;
    height: 25px;
    float: left;
    background: rgba(0,43,98,1);
    color: #fff;
    padding: 2px 0;
    box-sizing: border-box;
    margin-top: 13px;
    text-align: center;
    font-weight: bold;
}
.vricon_nav {
    font-size: 12px;
    width: 30px;
    height: 25px;
    float: left;
    background: rgba(0,43,98,1);
    color: #fff;
    padding: 3px 0;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}
.vrar_txt_area {
	padding: 0 5px;
	box-sizing: border-box;
}
.vrar_txt_area a {
    color: #252525;
}
.vrar_txt_area span.subttl_vrar {
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
}

.icon_wrap .vrar_txt_area p {
    font-size: 18px;
    line-height: 1.8
}
.lp_inner2 .vrar_txt_area p,
.icon_wrap .vrar_txt_area p.fts18 {
	font-size: 18px;
	line-height: 1.8;
}

.logistics h4.checed_ttl {
    font-size: 22px;
}

h4.checed_ttl {
    font-size: 24px;
    box-sizing: border-box;
    position: relative;
    width: 95%;
    padding-left: 10px;
    margin-top: -3px;
}
.checked_icon {
	width: 5%;
	float: left;
}
.checked_icon img {
	width: 100%;
}
.icon_ttl_wrap {
	width: 100%;

}
.vrar_txt_area {
	padding: 10px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.icon_ttl_wrap {
	padding: 10px 0 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
.vricon3 {
    width: 50px;
    height: 30px;
    float: left;
    background: rgba(0,43,98,1);
    color: #fff;
    font-size: 18px;
    padding: 2px 0 1px;
    box-sizing: border-box;
    margin-top: 9px;
    text-align: center;
    font-weight: bold;
    margin-right: 10px;
}
.point_icon {
    width: 15%;
    height: 25px;
    background: rgba(0,43,98,1);
    color: #fff;
    text-align: center;
    float: left;
    padding: 2px 0;
    margin-top: 6px;
    box-sizing: border-box;
    font-weight: bold;
}
.point_ttl {
	width: 85%;
	float: left;
	padding-left: 10px;
	box-sizing: border-box;
	color: rgba(0,43,98,1);
	font-size: 24px;
	padding-bottom: 10px;
}
.point_ttl2 {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 10px;
}
.point_ttl2 a {
    color: rgba(0,43,98,1);
    font-size: 24px;
}

.arvr_top_link {
    width: 100%;
    max-width: 180px;
    margin: 25px 0 0;
}
.arvr_top_link a {
    background: rgba(0,43,98,1);
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
.arvr_top_link a::after {
    position: absolute;
    top: 34%;
    right: 20px;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arvr_top_link a:hover::after {
    right: 25px;
}


/*info bottom*/
.info_area_bottom ul.oneonly li {
	width: 100%;
	float: inherit;
	background: #4cb3c0;
}
.info_area_bottom ul.oneonly li.green_info .bottom_wrap {
    max-width: 1000px;
    width: 100%;
    text-align: left;
    padding: 30px 0 30px 0;
    margin: 0 auto;
    float: inherit;
    box-sizing: border-box;
}
.info_area_bottom ul.oneonly li.green_info .info_img_bottom {
    width: 30%;
    float: left;
    max-width: inherit;
}
.info_area_bottom ul.oneonly li.green_info .info_txt_area {
    width: 70%;
    float: left;
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
}
.info_area_bottom ul.oneonly li.green_info h3.info_ttl {
    padding-bottom: 5px;
    font-size: 24px;
}

.info_area_bottom ul.oneonly li.green_info h3.info_ttl span {
    font-size: 18px;
}

.info_area_bottom ul.oneonly li.green_info .info_txt_area p {
	font-size: 18px;
	line-height: 2;
}
.info_area_bottom ul.oneonly li.green_info .info_link a {
    display: block;
    width: 230px;
    position: relative;
    color: #4cb3c0!important;
    font-weight: bold!important;
    background: #fff!important;
    padding: 10px!important;
    text-align: center!important;
    text-decoration: none!important;
    margin: 10px 0!important;
}
.info_area_bottom {
	width: 100%;
}
.info_area_bottom ul {
	width: 100%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
.info_area_bottom ul li {
	width: 50%;
	float: left;
}
.info_area_bottom ul li.green_info {
	background: #4cb3c0;
}
.info_area_bottom ul li.bage_info {
	background: #d6924c;
}
.bottom_wrap {
	width: 100%;
}
.info_area_bottom ul li.green_info .bottom_wrap {
	max-width: 600px;
    text-align: left;
    padding: 30px 15px 5px;
    margin: 0 auto;
    float: right;
    box-sizing: border-box;
}
.info_area_bottom ul li.bage_info .bottom_wrap {
	max-width: 600px;
    text-align: left;
    padding: 30px 0 5px 15px;
    margin: 0 auto;
    float: left;
    box-sizing: border-box;
}
.info_img_bottom {
    width: 40%;
    float: left;
    max-width: 200px;
}
.info_txt_area {
	width: 60%;
	float: left;
	color: #fff;
	padding: 0 10px 5px;
	box-sizing: border-box;
}
h3.info_ttl {
	padding-bottom: 5px;
	font-size: 18px;
}

.bousai h3.info_ttl,
.logistics h3.info_ttl {
    font-size: 17.5px;
}


.info_area_bottom ul li.green_info .info_link a {
	display: block;
	width: 80%;
	position: relative;
	color: #4cb3c0;
	font-weight: bold;
	background: #fff;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	margin: 10px 0;
}
.info_area_bottom ul li.green_info .info_link a::before {
    position: absolute;
    background: url(/nsi/ss/arvr/images/vrar_info_icon.png)no-repeat;
    width: 34px;
    height: 23px;
    background-size: 100%;
    top: 50%;
    left: 10%;
    content: "";
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.info_area_bottom ul li.green_info .info_link a::after {
    position: absolute;
    top: 34%;
    right: 25px;
    display: block;
    content: '';
    width: 15px;
    height: 15px;
    border-top: 1px solid #4cb3c0;
    border-right: 1px solid #4cb3c0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*DL*/
.info_area_bottom ul li.bage_info .info_link a {
	display: block;
	width: 90%;
	position: relative;
	color: #d6924c;
	font-weight: bold;
	background: #fff;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	margin: 10px 0;
}
.info_area_bottom ul li.bage_info .info_link a::before {
    position: absolute;
    background: url(/nsi/ss/arvr/images/icon_dl_btn2.png)no-repeat;
    width: 34px;
    height: 26px;
    background-size: 100%;
    top: 50%;
    left: 5.5%;
    content: "";
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.info_area_bottom ul li.bage_info .info_link a::after {
    position: absolute;
    top: 34%;
    right: 25px;
    display: block;
    content: '';
    width: 15px;
    height: 15px;
    border-top: 1px solid #d6924c;
    border-right: 1px solid #d6924c;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.info_area_bottom ul li .info_link a:hover::after,
.info_area_bottom ul.oneonly li .info_link a:hover::after {
	right: 35px;
}

/* info banner */
.info_banner {
  width: 800px;
  margin: -14% auto 10px;
}
.info_banner a {
  display: block;
  position: relative;
  background: rgba(102, 77, 123, .9);
  text-decoration: none;
}
.info_banner a:hover {
  background: rgba(102, 77, 123, .8);
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.info_banner a::after {
  position: absolute;
  top: 50%;
  right: 25px;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  margin-top: -15px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.info_banner a:hover::after {
  right: 35px;
}
.info_banner .info_img_bottom {
  width: 30%;
  padding: 10px;
}
.info_banner .info_txt_area {
  width: 68%;
  padding-top: 20px;
}
.info_banner .info_ttl {
  font-size: 200%;
  line-height: 1.25;
  font-weight: normal;
}
.info_banner .info_ttl span {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 8px 4px;
  border: 1px solid #fff;
  font-size: 16px;
  vertical-align: top;
}
.section_hero .info_banner {
  margin-top: -30px;
  margin-bottom: 0;
}
.section_hero .info_banner a {
  background: rgba(102, 77, 123, .8);
}
.section_hero .info_banner a:hover {
  background: rgba(102, 77, 123, 1);
}

.systemzu img {
	max-width: 800px;
    width: 100%;
}


.nagare_box {
	width: 100%;
	background: #f2f2f2;
	text-align: center;
	margin: 15px auto;
	padding: 15px 0;
	font-size: 16px;
}
.nagare_ttl {
	color: #132f58;
	font-weight: bold;
	font-size: 18px;
}

.bgblue {
	background: #d5e7ff;
}
.bg_green {
	background: #e7f2df;
}
.center {text-align: center;}
.croud_area li {
	float: left;
}
.croud_area li.fright {
	padding-right: 0!important;
}
.croud_area li.fleft {
	padding-left: 0!important;
}
.croud_area li:first-child,
.croud_area li.fleft {
	padding-right: 17.5px;
	box-sizing: border-box;
}
.croud_area li:last-child,
.croud_area li.fright {
	padding-left: 17.5px;
	box-sizing: border-box;
}
.croud_area li.icon_txt {
	width: 50%;
}

.ft14 {
    font-size: 16px;
}

.indent2 {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 16px;
    line-height: 2;
}

.onayami_area {
	width: 100%;
	padding: 20px 0;
	box-sizing: border-box;
}
.products_area {
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}
.products_area li {
    width: 31.35594%;
}
.products_area a:hover {
    opacity: .8;
}
.products_area .photoBox {
    margin-bottom: 10px;
}
.products_area .point_ttl2 {
    text-align: center;
    line-height: 1.4;
}

.icon_wrap {
	min-height: 122px;
}
.icon_wrap a:hover {
    opacity: .8;
}
.bluebox .pl20 {
	padding-left: 20px;
    box-sizing: border-box;
    width: 22%;
}
.img_area {
	width: auto;
	float: left;
}
.img_area img {
	max-height: 97px;
}
.bgw {
	background: #fff;
}

.color333 { color: #333!important }
.lp_inner2 {
	padding: 10px;
	box-sizing: border-box;
	max-width: 1200px;

	margin: 0 auto;
}
.lp_inner3 {
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
}
.copy-01 {
	font-size: 157.14%;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.4;
	margin-bottom: 20px;
}
.txt-01 {
	font-size: 128.57%;
	text-align: center;
	margin-bottom: 45px;
}
.h2-01 {
	text-align: center;
	font-size: 220%;
	line-height: 125%;
	margin-bottom: 40px;
}
.h2-top-02_bousai,
.h2-top-09,
.h2-top-08,
.h2-top-07,
.h2-top-06,
.h2-top-05,
.h2-top-04,
.h2-top-03,
.h2-top-02 {
    text-align: center;
    font-size: 30px;
    line-height: 125%;
    margin: -20px auto 0;
    padding: 55px 0 20px 5px;
    color: #333;
    position: relative;
    display: inline-block;
}

.h2-top-01 {
    text-align: center;
    margin: 10px auto 10px;
    padding: 25px 0 20px 5px;
    color: #333;
    position: relative;
    display: inline-block;
}
.h2-top-01 a {
    color: #333;
    font-size: 200%;
    line-height: 125%;
}
.h2-top-01::after {
    position: absolute;
    content: "";
    width: 85px;
    height: 85px;
    background: url(/nsi/ss/arvr/images/vrar_icon_top_01.png) no-repeat;
    background-size: 100%;
    top: -3%;
    left: -60px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-02_bousai::after {
    position: absolute;
    content: "";
    width: 85px;
    height: 85px;
    background: url(/nsi/ss/arvr/images/vrar_icon_top_bousai01.png) no-repeat;
    background-size: 100%;
    top: 10%;
    left: -49px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-02::after {
    position: absolute;
    content: "";
    width: 95px;
    height: 95px;
    background: url(/nsi/ss/arvr/images/vrar_icon_top_02.png) no-repeat;
    background-size: 100%;
    top: 10%;
    left: -57px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-03::after {
    position: absolute;
    content: "";
    width: 105px;
    height: 105px;
    background: url(/nsi/ss/arvr/images/vrar_icon_top_03.png) no-repeat;
    background-size: 100%;
    top: 5%;
    left: -57px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-04::after {
    position: absolute;
    content: "";
    width: 75px;
    height: 75px;
    background: url(/nsi/ss/arvr/images/vrar_icon_top_04.png) no-repeat;
    background-size: 100%;
    top: 33%;
    left: -55px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-05::after {
    position: absolute;
    content: "";
    width: 75px;
    height: 75px;
    background: url(/nsi/ss/arvr/images/vrar_icon02.png) no-repeat;
    background-size: 100%;
    top: 33%;
    left: -50px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-06::after {
    position: absolute;
    content: "";
    width: 75px;
    height: 75px;
    background: url(/nsi/ss/arvr/images/vrar_icon06.png) no-repeat;
    background-size: 100%;
    top: 33%;
    left: -50px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-07::after {
    position: absolute;
    content: "";
    width: 83px;
    height: 83px;
    background: url(/nsi/ss/arvr/images/vrar_icon05.png) no-repeat;
    background-size: 100%;
    top: 18%;
    left: -45px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-08::after {
    position: absolute;
    content: "";
    width: 95px;
    height: 95px;
    background: url(/nsi/ss/arvr/images/vrar_icon00.png) no-repeat;
    background-size: 100%;
    top: 15%;
    left: -57px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-09::after {
    position: absolute;
    content: "";
    width: 95px;
    height: 95px;
    background: url(/nsi/ss/arvr/images/vrar_icon12.png) no-repeat;
    background-size: 100%;
    top: 15%;
    left: -55px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.arvrkv_btm p {
    margin: 10px auto 0px;
    text-align: left;
}
.h2-01_light_3.bousai {
    text-align: center;
    font-size: 200%;
    line-height: 125%;
    margin: -20px 0 10px 0;
    background: url(/nsi/ss/arvr/images/vrar_icon01.png) no-repeat;
    background-size: 90px 90px;
    background-position: left 160px top 10px;
    padding: 35px 0;
    color: #333;
    position: relative;
}

.h2-01_light_3 {
    text-align: center;
    font-size: 200%;
    line-height: 125%;
    margin: -20px 0 10px 0;
    background: url(/nsi/ss/arvr/images/vrar_icon01.png) no-repeat;
    background-size: 90px 90px;
    background-position: left 180px top 10px;
    padding: 35px 0;
    color: #333;
    position: relative;
}
.h2-01_light {
    text-align: center;
    font-size: 200%;
    line-height: 125%;
    margin: -20px 0 10px 0;
    background: url(/nsi/ss/arvr/images/vrar_icon01.png) no-repeat;
    background-size: 90px 90px;
    background-position: left 180px top 10px;
    padding: 35px 0;
    color: #333;
    position: relative;
}
.h2-01_light::after {
    width: 130px;
    height: 100px;
    position: absolute;
    content: "";
    background: url(/nsi/ss/arvr/images/vrar_img.png) no-repeat;
    background-size: 100%;
    top: -10px;
}

#construction .h2-01_light::after {
    width: inherit;
    height: inherit;
    position: inherit;
    content: "";
    background: inherit;
    background-size: inherit;
    top: inherit;
}
h2 .icon {
  display: inline-block;
  width: 90px;
  height: auto;
  margin-right: 16px;
  vertical-align: middle;
}
h2.noIcon {
  background: none;
}
h2.noIcon::before {
  display: none;
}
.h2-01_light.noIcon {
  padding-top: 10px;
}
.h2-01_light .icon {
  margin-left: -48px;
}


.h2-01_light2,
.h2-01_light_2 {
    text-align: center;
    font-size: 200%;
    line-height: 125%;
    margin: -20px auto 0;
    padding: 25px 0 20px 5px;
    color: #333;
    position: relative;
    display: inline-block;
}
.h2-01_light2.fontsizing::before {
    left: -13%;
}
.h2-01_light_2.fontsizing::before {
    left: -17%;
}

.h2-01_ceminer {
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
    margin: -40px auto 0;
    padding: 10px 0 10px 5px;
    color: #333;
    position: relative;
    display: inline-block;
}
.h2-01_ceminer::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(/nsi/ss/arvr/images/vrar_icon00.png) no-repeat;
    background-size: 100%;
    top: 5%;
    left: -60px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.h2-01_ceminer a {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    padding: 10px;
}
.vricon_head_ceminer {
    width: 160px;
    margin: 0;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    background: #d6924c;
    color: #fff;
    padding: 8px 0 5px;
}

span.size {
    font-size: 23px;
}
.h2-01_light2.bousai::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(/nsi/ss/arvr/images/vrar_icon02.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -13%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.h2-01_light2::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 90px;
	background: url(/nsi/ss/arvr/images/vrar_icon02.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -18%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.h2-01_light_2::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 90px;
	background: url(/nsi/ss/arvr/images/vrar_icon06.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -25%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.vricon_head {
    background: rgba(0,43,98,1);
    color: #fff;
    font-size: 18px;
    padding: 3px 10px 0px;
    display: inline-block;
    margin-top: -20px;
    margin-right: 10px;
    width: auto;
}
.txt_center {
	text-align: center;
}

.h2-01_lightbigsite,
.h2-01_c_servis3.ar_05,
.h2-01_light3,
.h2-01_c_servis,
.h2-01_c_servis2,
.h2-01_c_servis3,
.h2-01_c_servis4,
.h2-01_c_servis5
 {
	text-align: center;
    font-size: 200%;
    line-height: 125%;
    margin: -20px auto 0;
    padding: 25px 0 20px 0;
    color: #333;
    position: relative;
    display: inline-block;
}
.h2-01_light3.ar_03::before {
    left: -15%;
}
.h2-01_light3.ar_03 .vricon_head2 {
	left: -12%;
}


#construction .h2-01_light3::before,
.logistics .h2-01_light3::before {
    left: -50%;
}
#construction .h2-01_c_servis::before,
.logistics .h2-01_c_servis::before {
    left: -45%;
}
#construction .h2-01_c_servis.ar_04::before,
.logistics .h2-01_c_servis.ar_04::before {
    left: -27%;
}
#construction .h2-01_c_servis3::before,
#construction .h2-01_c_servis2::before,
.logistics .h2-01_c_servis3::before,
.logistics .h2-01_c_servis2::before {
    left: -40%;
}

#construction .h2-01_light3.bousai::before {
    left: -13%;
}


.h2-01_lightbigsite::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(/nsi/ss/arvr/images/vrar_icon_bigsite.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -13%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}


.h2-01_light3::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 90px;
	background: url(/nsi/ss/arvr/images/vrar_icon03.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -13%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
#construction .h2-01_c_servis.bousai::before {
    position: absolute;
    content: "";
    width: 85px;
    height: 85px;
    background: url(/nsi/ss/arvr/images/vrar_icon_bousai_01.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -15%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.h2-01_c_servis::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 90px;
	background: url(/nsi/ss/arvr/images/vrar_icon04.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -13%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
#construction .h2-01_c_servis2.bousai_price::before {
    position: absolute;
    content: "";
    width: 110px;
    height: 110px;
    background: url(/nsi/ss/arvr/images/money.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -22%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

#construction .h2-01_c_servis2.bousai::before,
.h2-01_c_servis2::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 90px;
	background: url(/nsi/ss/arvr/images/vrar_icon05.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -13%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.h2-01_c_servis3::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 90px;
	background: url(/nsi/ss/arvr/images/vrar_icon05.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -15%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.h2-01_c_servis3.ar_05::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(/nsi/ss/arvr/images/vrar_icon03.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -15%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.h2-01_c_servis4::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 90px;
	background: url(/nsi/ss/arvr/images/vrar_icon08.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -16%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.h2-01_c_servis5::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 90px;
	background: url(/nsi/ss/arvr/images/vrar_icon09.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: -60%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.h2-01_c_servis2.ar_05::before {
	left: -12%;
}
.mt80 {margin-top: 80px;}

.detail_btn a {
    margin: 60px auto 0;
    padding: 15px 35px 15px 55px;
    width: 40%;
    border: 3px solid rgba(0,43,98,1);
    color: rgba(0,43,98,1);
    text-decoration: none;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    display: block;
    background: #fff url(/nsi/ss/arvr/images/bg_detail_btn2.png) no-repeat;
    background-size: 10px 17px;
    background-position: right 16px top 20px;
    position: relative;
}

.detail_btn.nopc a {
	width: auto;
	display: inline-block;
}
.detail_btn.nopc a::before {
	position: inherit;
    content: "";
    width: 45px;
    height: 45px;
    background: none;
    background-size: 100%;
    top: 10px;
    left: 13px;
}
.detail_btn a:hover {
	background-position: right 6px top 20px;
}
.detail_btn2 a {
    margin: 30px auto;
    padding: 10px 35px 10px 55px;
    width: 260px;
    background: #fff;
    border: 3px solid #d6924c;
    color: #333;
    text-decoration: none;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    display: block;
    box-sizing: border-box;
    background-size: 10px 17px;
    background-position: right 16px top 30px;
    position: relative;
}
.detail_btn2 a::before {
	position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    background: url(/nsi/ss/arvr/images/disply_bage.png) no-repeat;
    background-size: 100%;
    top: 20px;
    left: 13px;
}
.detail_btn2 a:hover {
	background-position: right 6px top 30px;
}
/* LAYOUT */
.lp_innerKV {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px 0;
}
/* .lp_inner,
.lp_inner_nosp {
    padding: 10px;
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
}
 */

.section_title > .lp_inner {
	padding: 20px 0 0px;
}

.section_hero > .lp_inner {
	position: relative;
	height: 370px;
}
.bg_color {
	background: #87ccd5;
}
.bg_gray {
	background: #f2f2f2;
}
/* PAGE NAVIGATION */
.pNav {
	background: #32393c;
}
.pNav div.column-03.col5 > div.col {
	margin: 0;
	padding: 14px 0 0;
	width: 12.5%;
	box-sizing: border-box;
}

.pNav div.column-03.col5.construcs {
    display: flex;
    justify-content: center;
}

.pNav div.column-03.col5.construcs > div.col {
    margin: 0;
    padding: 14px 18px 0;
    box-sizing: border-box;
    width: auto;
}

.bousai .pNav div.column-03.col5.construcs > div.col {
    margin: 0;
    padding: 14px 30px 0;
    box-sizing: border-box;
    width: auto;
}




.pNav div.column-03.col5 > div.col a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 40px 0;
	background: url(/nsi/ss/arvr/images/icon_arrow03.png) no-repeat scroll center 70% transparent;
	background-size: 33px 16px;
	text-align: center;
}
.pNav div.column-03.col5 > div.col a:hover {
	background: url(/nsi/ss/arvr/images/icon_arrow03.png) no-repeat scroll center 80% transparent;
	background-size: 33px 16px;
}
.pNav div.column-03.col5 > div.col:hover {
	cursor: pointer;
	background: rgba(255,255,255,0.3);
}
.wrapper {
  position: relative;
  height: 50vh;
}

.new {
  display: inline-block;
  margin: -10px 0 0 10px;
  padding: 5px 8px 4px;
  background: #dc434b;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
}
.newicon { position: relative; }
.newicon::after {
	position: absolute;
	content: "NEW";
	background: #dc434b;
	color: #fff;
	font-size: 10px;
	padding: 3px 5px;
	right: 5px;
}
.vricon,
.aricon
 { position: relative; }
.vricon::after {
	position: absolute;
	content: "VR";
	background: rgba(0,43,98,1);
	color: #fff;
	font-size: 10px;
	padding: 3px 10px;
	left: 0px;
}
.aricon::after {
	position: absolute;
	content: "AR";
	background: rgba(0,43,98,1);
	color: #fff;
	font-size: 10px;
	padding: 3px 10px;
	left: -25px;
}

/* AR・VR TOP NEWS */
.arvrtop_news {
    padding: 10px 0;
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}
.arvrtop_news ul li {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    box-sizing: border-box;
}
.arvrtop_news ul li p {
    color: #222;
    font-size: 16px;
    display: inline-block;
    max-width: 680px;
    vertical-align: middle;
}
.arvrtop_news ul li span.date_l {
    display: inline-block;
    width: 6em;
}
.arvrtop_news ul li span.newstag {
    min-width: 130px;
    padding: 4px 10px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 25px 0 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.arvrtop_news ul li span.events {
    background: #9982ad;
}
.arvrtop_news ul li span.exhibit {
    background: #88ccd5;
}
.arvrtop_news ul li span.updates {
    background: #e3b68d;
}

.nf-main .mainImg {
    background-color: #052F5F;
}
.nf-main .mainImg .box {
    margin: 0 auto;
    max-width: 1200px;
    width: 90%;
}
.nf-main .mainImg .photoBox {
    float: right;
    max-width: 600px;
    width: 50%;
}
.nf-main .mainImg .photoBox img {
    width: 100%;
}
.nf-main .mainImg .textBox {
    padding: 53px 10px 20px 0;
    float: left;
    max-width: 600px;
    width: 50%;
    box-sizing: border-box;
}
.nf-main .mainImg .textBox .ttle_vr {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.5;
}
.nf-main .mainImg .textBox p {
    font-size: 18px;
    color: #fff;
    line-height: 1.8;
}
.nf-main .mainImg .textBox span {
    margin-bottom: 18px;
    display: block;
    font-weight: bold;
    font-size: 40px;
    color: #fff;
}
.nf-main .mainImg .textBox .icon {
    display: inline-block;
    width: 52px;
    margin: 0 18px 0 0;
    vertical-align: middle;
}
.nf-main .mainImg .textBox .icon + span {
    display: inline-block;
}


.arvr_bottom_link {
    width: 100%;
    max-width: 380px;
    margin: 25px 0 0;
}
.arvr_bottom_link a {
    background: rgba(0,43,98,1);
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
.arvr_bottom_link a::after {
    position: absolute;
    top: 34%;
    right: 20px;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arvr_bottom_link a:hover::after {
    right: 25px;
}

.textP {
    line-height: 1.75;
    margin: 0 auto 15px;
    max-width: 960px;
    font-size: 18px;
}
.textP2 {
    line-height: 1.9;
    margin: 0 auto 15px;
    font-size: 18px;
}

.textP_bousai {
    line-height: 1.75;
    margin: 30px auto 15px;
    font-size: 18px;
}

ul.bousai_pic li {
    width: 33.333%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}
ul.bousai_pic li img {
    padding-bottom: 5px;
}

h3.left_line {
    border-left: 8px solid rgba(0,43,98,1);
    padding-left: 10px;
    margin-bottom: 15px;
    font-size: 22px;
}

h3.left_line span {
    font-weight: 400;
    font-size: 18px;
}

ul.flex {
    display: flex;
    justify-content: flex-start;
}

ul.flex li {
    padding-right: 15px;
}

ul.flex li:last-child {
    padding-right: 0;
}

ul.flex li img {
    max-width: 500px;
    width: 100%;
}


.btn_popup:hover {
  cursor: zoom-in;
}
.btn_popup::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url(/nsi/ss/arvr/images/sprite.png) no-repeat;
    background-position: 0 -51px;
    background-size: 109px auto;
    vertical-align: middle;
}
.btn_popup.noIcon::before,
.btn_popup .icon-01 {
  display: none;
}
.ul li {
    margin-bottom: 4px;
    padding-left: 1em;
    text-indent: -1em;
}
.ul li::before {
  content: "・";
}
.ft18 {
  font-size: 18px;
  line-height: 1.8;
}
.link-window::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  margin-right: 6px;
  margin-top: -.1em;
  background: url(/nsi/ss/arvr/images/icon_window.png) no-repeat 0 0;
  background-size: contain;
  vertical-align: middle;
}
.casestudy .section_summary > .lp_inner2 {
  padding: 20px 10px 0;
}
.interview_area,
.casestudy_area {
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
    justify-content: space-between;
}
.interview_area .photoBox {
    width: 22.0339%;
}
.interview_area .textBox {
  width: 75%;
}
.casestudy_area .photoBox {
    width: 44.0678%;
}
.casestudy_area .textBox {
  width: 52.5%;
}
.casestudy .interview_area .photoBox .img_p,
.casestudy .casestudy_area .photoBox .img_p {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 16px;
}
.interview_area .textBox p,
.casestudy_area .textBox p {
  margin-bottom: 20px;
}
.imgR .photoBox {
    order: 2;
}
#customer_info .icon {
    width: 53px;
}
#customer_info .onayami_area {
    padding-top: 10px;
}
.customer_list dt,
.customer_list dd {
    margin-bottom: 4px;
}
.customer_list dt {
    width: 5em;
}
.customer_list dd {
    width: calc(100% - 5em);
}
/* download */
.h2-download {
    padding-top: 20px;
}
.download_area,
.download_area .photoBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
}
.download_area {
    margin-bottom: 20px;
    padding: 32px 40px;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.download_area .textBox {
    width: 56%;
    font-size: 18px;
}
.download_area .photoBox {
    width: 40%;
    height: 100%;
}
.download_area .photoBox img {
    width: 47.272727%;
    height: 100%;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
}
.download_area .subttl_vrar {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
}
.download_area .sub_ttl {
    margin-bottom: 1em;
    font-size: 20px;
    font-weight: bold;
    color: #7f7f7f;
}
.download_area .dlList {
    margin-left: 0;
    counter-reset: number;
}
.download_area .dlList li {
    list-style-type: none;
    margin: 0 0 .25em 2em;
    text-indent: -2em;
    font-weight: bold;
    color: #002b62;
  }
.download_area .dlList li::before {
    counter-increment: number;
    content: "0" counter(number);
    padding-right: .5em;
    color: #7f7f7f;
}
.download_area .dlList li span {
    font-size: 16px;
    font-weight: normal;
    color: #333;
}
.download_area .dlLink {
    max-width: 320px;
}
.dlLink a {
    background: #d6924c;
    font-size: 16px;
}
.dlLink a:hover {
    opacity: .8;
}
.dlLink a::before {
    position: absolute;
    background: url(/nsi/ss/arvr/images/icon_dl_btn_wh.png)no-repeat;
    width: 32px;
    height: 24px;
    background-size: 100%;
    top: 50%;
    left: 8%;
    content: "";
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.dlLink a::after {
    top: 40%;
}


@media (max-width: 1080px) {

.h2-01_light_3.bousai {
    background-position: left 70px top 10px;
}

.h2-01_light {
    background-position: left 80px top 10px;
}
.vr_sub_ttl {
    font-size: 18px;
}
.icon_wrap .vrar_txt_area p {
    font-size: 16px;
}

.pNav div.column-03.col5 > div.col a {
	font-size: 14px;
}
/* info banner */
.info_banner {
  margin-top: -10%;
}
}

@media (max-width: 1000px) {
section {
	padding: 0 15px;
	box-sizing: border-box;
}
.lp_inner {
	padding: 0 15px;
	box-sizing: border-box;
}





}

@media (max-width: 960px) {

.siyou_dousa {
    margin-top: 20px;
}
.list_mirage ul li,
.list_os ul li,
.list_kakuninzumi {
    width: 100%;
    float: inherit;
    padding: 15px 0;
}
.siyou_dousa table {
    margin-bottom: 10px;
}

.siyou_dousa .list_os ul li table {
    margin-bottom: 0;
}
.list_mirage ul li table th,
.list_os ul li table th,
.list_kakuninzumi table th {
    font-size: 13px;
    padding: 5px;
    width: 30%;
    vertical-align: middle;
    text-align: center;
}





.lp_inner2 .vrar_txt_area p, .icon_wrap .vrar_txt_area p.fts18 {
    font-size: 15px;
}
.info_area_bottom ul.oneonly li.green_info .info_txt_area p {
    font-size: 14px;
}
.vrar_txt_area span.subttl_vrar,
.point_ttl2 a {
    font-size: 18px;
}
.vrar_txt_area p {
    font-size: 16px;
}

.h2-01_ceminer::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(/nsi/ss/arvr/images/vrar_icon00.png) no-repeat;
    background-size: 100%;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}


.h2-01_ceminer a {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    padding: 10px;
}
.vricon_head_ceminer {
    width: 180px;
    margin: 0;
    text-align: center;
    display: inline-block;
    background: #d6924c;
    color: #fff;
    padding: 5px 0 4px;
}



.info_area_bottom ul li {
    width: 100%;
    float: inherit;
}
.info_area_bottom ul.oneonly li.green_info .bottom_wrap,
.info_area_bottom ul li.green_info .bottom_wrap,
.info_area_bottom ul li.bage_info .bottom_wrap {
    max-width: 1000px;
    text-align: left;
    padding: 15px 15px;
    float: inherit;
}
.info_img_bottom {
    max-width: inherit;
}
/* info banner */
.info_banner .info_img_bottom {
  max-width: 200px;
}

.bousai .info_area_bottom ul.oneonly li.green_info h3.info_ttl, h3.info_ttl,
.logistics .info_area_bottom ul.oneonly li.green_info h3.info_ttl, h3.info_ttl {
    font-size: 22px;
}

.info_area_bottom ul.oneonly li.green_info h3.info_ttl,
h3.info_ttl {
    padding-bottom: 10px;
    font-size: 16px;
}
.info_txt_area p {
	font-size: 14px;
}
.info_link {
	padding: 20px 0;
}
.info_area_bottom ul li.green_info .info_link a {
    width: 60%;
}
.info_area_bottom ul li.bage_info .info_link a {
	 width: 70%;
}

.kv_top,
.kv_bottom {
	width: 50%;
	float: left;
}
.kv_top {
	padding-right: 10px;
	box-sizing: border-box;
}
.kv_bottom_wrap,
.kv_bottom_wrap2,
.kv_bottom_wrap_bousai {
    padding-top: 60%;
}

.kv_L {
	width: 100%;
	float: inherit;
	padding-right: 0;
}
.kv_R {
    width: 100%;
    float: inherit;
    position: relative;
}
.kv_right {
    width: 100%;
    padding-top: 58%;
}
.st_fright_mini {
	display: block;
}

.wrapper {
    position: relative;
    height: 90vh;
}

.dl_txt .fsmini {
    margin-top: 0px;
}
.top_dl_btn_area {
    width: 450px;
    height: auto;
    background: rgba(76,179,192,.7);
    padding: 35px 10px;
    box-sizing: border-box;
    float: left;
}
.txtSize-18 {
	font-size: 16px;
}
.txtSize-16 {
	font-size: 14px;
}
.txtNl > span {
	display: inline;
}
.pcCont {
	display: none;
}


/*---------------
   LP
---------------*/
.pconly {display: none!important;}
.w60,
.w40 {
	width: 50%;
}
.hrimg {
    width: 20%;
}
.hrtxt {
    width: 70%;
    padding: 5px 0 5px 15px;
    box-sizing: border-box;
    font-size: 12px;
    float: left;
}

.icon_wrap {
	min-height: inherit;
	margin-bottom: 10px;
}

.h2-01_c_kouka {
    background-position: left 200px top;
}

.blue_area_r,
.blue_area_l {
    margin: 10px 0;
    width: 100%;
}

.st_fright {
	margin: 0;
	font-size: 28px;
	float: inherit;
}
.copy-01 {
	font-size: 18px;
	letter-spacing: 0;
	margin-bottom: 20px;
}
.p60 {
    padding: 0 0 30px!important;
}

.h2-01_light_3.bousai,
.h2-01_light_3,
.h2-01_light {
    text-align: center;
    font-size: 20px;
    line-height: 125%;
    margin-bottom: 20px;
    background-size: 80px 80px;
    background-position: center top;
    padding: 85px 0 0 0;
    line-height: 1.8;
}
.vr_ttl {
    font-size: 20px;
}

.h2-01_light::after {
    left: 54%;
    top: -25px;
    width: 120px;
}
h2.noIcon {
  padding-top: 0;
}
h2 .icon {
  display: block;
  margin: 0 auto 8px;
}
.h2-01 {
    font-size: 24px;
    margin-bottom: 20px;
}
.ft18,
.textP,
.casestudy .vrar_txt_area p,
.casestudy .lp_inner2 .vrar_txt_area p,
.casestudy .icon_wrap .vrar_txt_area p {
  font-size: 15px;
  line-height: 1.75;
}
.casestudy .section_summary > .lp_inner {
    padding-top: 5px;
    padding-bottom: 10px;
}
.casestudy .section_summary > .lp_inner2 {
    padding-top: 20px;
}
.interview_area .photoBox .img_p,
.casestudy_area .photoBox .img_p {
    font-size: 14px;
}



.h2-top-01 a {
    font-size: 20px;
}
.h2-top-01::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 80px;
    background-size: 100%;
    top: -0%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-01 {
    padding-top: 80px;
}

.h2-top-07 {
    text-align: center;
    font-size: 20px;
    line-height: 125%;
    margin-bottom: 0px;
    background-size: 80px 80px;
    background-position: center top;
    padding: 95px 0 0 0;
}
.h2-top-02_bousai {
    text-align: center;
    font-size: 20px;
    line-height: 125%;
    margin-bottom: 0px;
    background-size: 80px 80px;
    background-position: center top;
    padding: 93px 0 0 0;
}
.h2-top-06,
.h2-top-05,
.h2-top-04,
.h2-top-03,
.h2-top-02 {
    text-align: center;
    font-size: 20px;
    line-height: 125%;
    margin-bottom: 0px;
    background-size: 80px 80px;
    background-position: center top;
    padding: 85px 0 0 0;
}

.h2-top-01,
.h2-01_light2,
.h2-01_light_2,
.h2-01_light3,
.h2-01_ceminer,
.h2-01_light2.fontsizing
 {
	margin-top: 20px;
	font-size: 20px;
	line-height: 1.8;
	margin: 0 auto;
	padding-left: 10px;
	box-sizing: border-box;
}
.h2-top-04::after {
    width: 65px;
    height: 65px;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-07::after {
    width: 70px;
    height: 70px;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-02_bousai::after {
    width: 78px;
    height: 78px;
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-06::after,
.h2-top-05::after,
.h2-top-02::after {
    width: 80px;
    height: 80px;
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-top-03::after {
    width: 95px;
    height: 95px;
    top: -4%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}


#construction .h2-01_light3.bousai::before,
#construction .h2-01_light3::before,
.logistics .h2-01_light3.bousai::before,
.logistics .h2-01_light3::before,
.h2-01_light3::before,
.h2-01_light3.ar_03::before {
	width: 90px;
    height: 90px;
    top: -10%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-01_lightbigsite::before {
    width: 90px;
    height: 90px;
    top: -25%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
span.size {
    font-size: 18px;
}

.h2-01_light2.bousai::before,
.h2-01_light2.fontsizing::before,
.h2-01_light2::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: url(/nsi/ss/arvr/images/vrar_icon02.png) no-repeat;
    background-size: 100%;
    top: -18%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.h2-01_light_2.fontsizing::before,
.h2-01_light_2::before {
	position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    top: -18%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.vricon_head {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background: rgba(0,43,98,1);
    color: #fff;
    font-size: 18px;
    padding: 3px 10px 0px;
    display: inline-block;
    margin-top: -20px;
    margin-right: 10px;
}
.h2-01_light3.ar_03 .vricon_head2,
.vricon_head2 {
    position: absolute;
    top: 11%;
    left: 40%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: rgba(0,43,98,1);
    color: #fff;
    font-size: 18px;
    padding: 5px 10px 0;
    display: block;
}#construction .h2-01_c_servis2.bousai_price::before {
    position: absolute;
    content: "";
    width: 110px;
    height: 110px;
    background-size: 100%;
    top: -30%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

#construction .h2-01_c_servis2.bousai::before,
.h2-01_c_servis3.ar_05::before,
#construction .h2-01_c_servis3::before,
#construction .h2-01_c_servis2::before,
.logistics .h2-01_c_servis3::before,
.logistics .h2-01_c_servis2::before,
.h2-01_c_servis3::before,
.h2-01_c_servis2.ar_05::before,
.h2-01_c_servis2::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 90px;
	background-size: 100%;
    top: -30%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

#construction .h2-01_c_servis.bousai::before,
#construction .h2-01_c_servis.ar_04::before,
#construction .h2-01_c_servis::before,
.logistics .h2-01_c_servis::before,
.h2-01_c_servis::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 90px;
	background-size: 100%;
    top: -25%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-01_c_servis4::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 90px;
	background-size: 100%;
    top: -15%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-01_c_servis5::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 90px;
	background-size: 100%;
    top: -25%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.h2-01_ceminer {
    text-align: left;
    font-size: 14px;
    line-height: 180%;
    margin: 0 auto;
    background-position: center top;
    padding: 100px 0 10px 0;
    position: relative;
    font-weight: bold;
}
.h2-01_lightbigsite,
.h2-01_c_servis3.ar_05,
.h2-01_light_2,
.h2-01_light2,
.h2-01_c_servis,
.h2-01_c_servis2,
.h2-01_c_servis3,
.h2-01_c_servis4,
.h2-01_c_servis5
{
    text-align: center;
    font-size: 20px;
    line-height: 1.8;
    margin: 0 auto;
    background-position: center top;
    padding: 60px 0 10px 0;
    position: relative;
}

.h2-01_light3
{
    text-align: center;
    font-size: 20px;
    line-height: 180%;
    margin: 0 auto;
    background-position: center top;
    padding: 90px 0 10px 0;
    position: relative;
}
.detail_btn a {
	margin: 60px auto 0;
	padding: 12px 40px 12px 40px;
	width: 60%;
	background: #fff;
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	display: block;
	box-sizing: border-box;
	 background: #fff url(/nsi/ss/arvr/images/bg_detail_btn2.png) no-repeat;
	background-size: 10px 17px;
	background-position: right 16px top 17px;
}
.detail_btn a:hover {
	background-position: right 6px top 17px;
}

.nagare_box {
    padding: 15px 10px;
    box-sizing: border-box;
}
.icon_wrap .vrar_txt_area p {
    font-size: 14px;
}

/* LAYOUT */
/* .lp_inner,
.lp_inner_nosp {
	width: auto;
    margin: 15px 15px 0px;
} */
.section_summary > .lp_inner, .section_feature > .lp_inner, .section_manual > .lp_inner, .section_trial > .lp_inner, .section_case > .lp_inner, .section_hands-on > .lp_inner, .section_award > .lp_inner {
    padding: 30px 0 0;
}
.section_title > .lp_inner {
	padding: 0 0 10px;
}


.section_hero h2 {
	display: none;
}
.section_event p.txtSize-23 {
	font-size: 20px;
}
.section_event p.txtSize-20 {
	font-size: 16px;
}
.section_summary div.lytImg-01.parallel div.img > p:last-child img {
	max-width: 400px;
}
/* PAGE NAVIGATION */
.pNav {
	margin: 15px;
	border-radius: 10px;
	display: none;
}
.pNav .lp_inner {
	margin: 0;
}
.pNav div.column-03.col2 > div.col {
	margin: 0;
	padding: 15px;
	border-bottom: 5px solid #fff;
}
.pNav div.column-03.col2 > div.col a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 150%;
	font-weight: bold;
	padding: 0 0 35px;
	background: url(/nsi/ss/arvr/images/icon_arrow03.png) no-repeat scroll center 85% transparent;
	text-align: center;
}
.pNav div.column-03.col2 > div.col a:hover {
	background: url(/nsi/ss/arvr/images/icon_arrow03.png) no-repeat scroll center 100% transparent;
}
.pNav div.column-03.col2 > div.col:hover {
	cursor: pointer;
	background: rgba(255,255,255,0.3);
}



.arvrtop_news ul li a {
    display: block;
    padding-top: 15px;
}


.nf-main .mainImg .textBox span {
    margin: 0 0 5px;
    font-size: 23px;
}
.nf-main .mainImg .textBox .icon {
    width: 36px;
    margin-right: 10px;
}
.nf-main .mainImg .textBox .ttle_vr {
    margin-bottom: 0px;
}

.nf-main .mainImg .box {
    max-width: inherit;
    width: auto;
}
.nf-main .mainImg .photoBox {
    float: none;
    width: auto;
    max-width: inherit;
}
.nf-main .mainImg .textBox {
    max-width: inherit;
    width: auto;
    float: none;
    padding: 30px 15px !important;
}
.nf-main .mainImg .textBox p {
    font-size: 12px;
    line-height: 1.75;
}



.info_area_bottom ul.oneonly li.green_info h3.info_ttl span {
    font-size: 14px;
}

.siyou_dousa .price table tr:first-child th:first-child {
    width: 1px;
}

.toTop.aright {
    margin-top: 0!important;
}

}



@media (max-width: 790px) {
  /* info banner */
.info_banner {
  width: 100%;
  margin-top: 0;
}
.info_banner .info_txt_area {
  padding-top: 10px;
}
    .pconly_bousai {
        display: none;
    }
    .sponly_bousai {
        display: block;
    }
    .vrar_infoarea.sponly_bousai {
    position: inherit;
    top: inherit;
    left: inherit;
    -webkit-transform: inherit;
}

.vrar_infoarea.sponly_bousai a {
    text-align: center;
    text-decoration: none;
}
.vrar_infoarea.sponly_bousai a .info_top {
    padding: 10px 0;
}
.vrar_infoarea.sponly_bousai .vrar_info_right {
    width: 100%;
}
.bousai .vrar_infoarea,
.logistics .vrar_infoarea {
    max-width: inherit;
}
/* download */

.download_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.download_area .photoBox {
    width: 80%;
    margin-bottom: 20px;
}
.download_area .textBox {
    width: 100%;
}


}

@media (max-width: 1310px) and (min-width: 768px) {
.nf-main .mainImg .textBox span {
    font-size: 30px;
}
.nf-main .mainImg .textBox .icon {
    width: 40px;
    margin-right: 16px;
}
#main .retailBox .textP {
    margin-bottom: 20px;
    width: auto;
    line-height: 1.6;
    font-size: 16px;
}
.point_ttl,
h4.checed_ttl {
    font-size: 18px;
}
.point_icon {
    margin-top: 0;
}
.nf-main .mainImg .textBox p,
.icon_wrap .vrar_txt_area p {
    font-size: 16px;
}


}


@media (max-width: 750px) {




ul.bousai_pic li {
    width: 50%;
}

.vrar_txt_area p.bfont {
    margin-bottom: 3px!important;
}
.indent_area .minifont2.indent2 {
    font-size: 14px!important;
    margin-bottom: 3px;
}

p.table_ttl,
.nf-main .mainImg .textBox p,
.textP,
.textP2,
.icon_wrap .vrar_txt_area p {
    font-size: 15px;
}
.vrar_txt_area span.subttl_vrar,
.point_ttl2 a {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.3;
}
h4.checed_ttl {
    font-size: 16px;
}

.bousai .icon_wrap .vrar_txt_area p.indent2 {
    margin-bottom: 0;
    margin-right: 0 !important;
    line-height: 1.8;
    font-size: 14px;
    display: block;
    width: 100%;
}
.icon_wrap .vrar_txt_area p.fts18,
.icon_wrap .vrar_txt_area p,
.vrar_txt_area p {
    margin-bottom: 20px;
    margin-right: 0 !important;
    line-height: 1.7;
    font-size: 14px;
}

.croud_area li.icon_txt {
    width: 100%;
}
.croud_area li:first-child {
    padding-right: 0;
}
.croud_area li:last-child {
    padding-left: 0;
    box-sizing: border-box;
}
.croud_area li.fleft,
.croud_area li.fright {
	padding: 0!important
}

.arvr_top_link {
    margin: 20px auto 0;
}

}


@media (max-width: 667px) {



.st_fleft {
    font-size: 18px!important;
}
.w60,
.w40 {
	width: 100%;
}
.hrimg {
    width: 10%;
}
.hrtxt {
    width: 78%;
    padding: 5px;
    box-sizing: border-box;
    font-size: 12px;
    background: rgba(255,255,255,.7);
}
.h2-01_light {
    font-size: 18px;
}
.icon_wrap {
    min-height: inherit;
    margin-bottom: 10px;
}
.vr_ttl {
	font-size: 18px;
}
.vr_sub_ttl {
	font-size: 16px;
}
.vrar_txt_area p {
	font-size: 14px;
}
.croud_area li {
	margin-bottom: 20px;
}


}

@media (max-width: 640px) {

.list_kakuninzumi.price {
    padding: 0;
}

#price_box {
    margin-top: 0px;
}

.siyou_dousa .price table tr:first-child th:first-child {
    width: 1px;
}
.siyou_dousa .price table th {
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 4px;
}
.siyou_dousa .price table td.money {
    font-size: 17px;
}
.siyou_dousa .price table td {
    line-height: 1.3;
    font-size: 13px;
    padding: 4px 3px;
}
.siyou_dousa .price table td.money span {
    font-size: 12px;
}
.siyou_dousa .price table td p {
    font-size: 12px;
}


.flextop {
    padding-bottom: 0!important;
}


.bousai .info_bottom a,
.logistics .info_bottom a {
    background: rgba(76,179,192,1);
}

.bousai .dl_bottom a,
.logistics .dl_bottom a {
    background: rgba(214,146,76,1);
}


p.bfont {
    padding: 14px 0 5px;
}

h3.left_line {
    font-size: 18px;
}

.bousai_img,
h3.left_line span {
    display: block;
    font-size: 14px;
}

span.size {
    font-size: 14px;
}

ul.flex {
    display: inherit;
    justify-content: inherit;
}


.info_area_bottom ul.oneonly li.green_info h3.info_ttl span {
    display: block;
    font-size: 14px;
}

ul.bousai_pic li {
    width: 100%;
}

.si .onayami_area {
    padding-top: 0;
}

.arvrkv_btm {
    padding-top: 10px;
}


.h2-01_ceminer a {
    text-decoration: underline;
    color: #333;
}

.new {
  margin: -8px 0 0 8px;
  padding: 4px 8px 3px;
  font-size: 10px;
}
.vricon_head_ceminer {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background: #d6924c;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px 3px;
    display: block;
    width: 200px;
    margin: 0 auto 15px;
    text-align: center;
}
.h2-01_ceminer::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 80px;
    background: url(/nsi/ss/arvr/images/vrar_icon00.png) no-repeat;
    background-size: 100%;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}




.detail_btn.nopc a {
	margin-top: 10px;
}

.lp_inner_nosp {
	padding: 10px 0;
	margin: 0 auto;
}
.info_area_bottom ul.oneonly li.green_info,
.info_area_bottom ul li.green_info {
	background: url(/nsi/ss/arvr/images/vrar_info_img.png)no-repeat;
	background-size: 100%;
}
.info_area_bottom ul.oneonly li.green_info .bottom_wrap,
.info_area_bottom ul li.green_info .bottom_wrap {
    background: rgba(76,179,192,.8);
}
.info_area_bottom ul li.bage_info {
	background: url(/nsi/ss/arvr/images/vrar_kv01.jpg)no-repeat;
	background-size: 100%;
}
.info_area_bottom ul li.bage_info .bottom_wrap {
    background: rgba(214,146,76,.8);
}
.info_link {
    padding: 20px 0 0;
}

.info_area_bottom ul.oneonly li.green_info .info_img_bottom,
.info_img_bottom {
    width: 100%;
    display: none;
    float: inherit;
    max-width: inherit;
}
.info_area_bottom ul.oneonly li.green_info .info_txt_area,
.info_txt_area {
    width: 100%;
    float: inherit;
    padding: 0;
}
.info_area_bottom ul.oneonly li.green_info .info_link a,
.info_area_bottom ul li.green_info .info_link a,
.info_area_bottom ul li.bage_info .info_link a {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;

}
.detail_btn a {
	width: 100%;
	box-sizing: border-box;
	background-position: right 16px top 50%;
}

.ft14,
.indent2 {
	font-size: 14px;
}

section {
	padding: 0;
}

.h2-01_light3 {
	margin-bottom: 0;
	padding-bottom: 0;
}
.h2-01_light {
    background-position: left 215px top 0px;
}
.h2-01_light::after {
    left: 49%;
}
.h2-01_light.noIcon {
  padding-top: 0;
}
.h2-01_light .icon {
  width: 80px;
  margin-left: 27.5%;
}
.bousai h4.checed_ttl,
h4.checed_ttl,
h4.point_ttl {
	font-size: 16px;
}

.vr_ttl {
	padding:
}

.onayami_area {
	padding-top: 20px;
	padding-bottom: 0;
}
.products_area {
    margin-bottom: -30px;
}
.products_area li {
    width: 100%;
    margin-bottom: 15px;
}

#bg_img {
    background: url(/nsi/ss/arvr/images/bg_kv.jpg)repeat;
    background-size: 30%;
}
.kv_wrap {
	padding-bottom: 0;
}
.lp_innerKV {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 0 15px;
}
.txtWeight-b.st_fright {
    font-size: 26px;
    line-height: 1.4;
}

.bousai .st_fright_mini {
    display: inline-block;
    font-size: 14px;
    line-height: 1.6;
}
.st_fright_mini {
    display: block;
    font-size: 14px;
    line-height: 1.6;
}
.logistics .st_fright_mini {
  font-size: 14px;
}

.kv_top,
.kv_bottom {
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}
.kv_top_coment {
	top: 0px;
	max-width: inherit;
}
.kv_link a {
	font-size: 18px;
}


.vrar_infoarea.sponly {
	position: inherit;
	top: inherit;
	left: inherit;
	-webkit-transform: inherit;
}

.vrar_infoarea.sponly a {
	text-align: center;
	text-decoration: none;
}
.vrar_infoarea.sponly a .info_top {
	padding: 10px 0;
}

.vrar_info_right {
    width: 100%;
    float: inherit;
}
.kv_top_coment {
    font-size: 14px;
    text-align: left;
    padding: 10px 15px;
    box-sizing: border-box;
    font-weight: 400;
    position: inherit;
    margin-top: 20px;
    background: rgba(0,43,98,1);
}
.ptpb60 {
	padding: 20px 0;
}

.croud_area li {
	margin-bottom: 0;
}

.wrapper {
    position: relative;
    height: 90vh;
}
.sp-only {display: block;}
.minifont2 {
    font-size: 12px;
}
.icon_wrap {
    padding: 0 ;
}
.pconly2 {display: none;}
.section_summary div.lytImg-01.parallel div.img > p:last-child img {
	max-width: 100%;
}

.spCont {
	display: block;
}

.w60,
.w40 {
	width: 100%;
}

.section_hero {
    background: inherit;
}

.sponly { display: block!important; }
.section_hero > .lp_inner {
    position: relative;
    height: auto;
    margin: 0;
}
.top_dl_btn_area {
    width: 100%;
    height: auto;
    background: rgba(76,179,192,.6);
    border-radius: 0;
    padding: 15px 10px;
    box-sizing: border-box;
    position: inherit;
    text-align: center;
}
.st_fleft {
    line-height: 1.2;
    margin-bottom: 4px;
}
.section_title > .lp_inner {
    padding: 0 0 0;
}
.croud_area li.icon_txt {
    width: 100%;
}
.h2-01_light {
    font-size: 18px;
    line-height: 1.6;
}
.txtSize-16 {
    font-size: 14px;
    text-align: left;
}
.merit_txt2 {
 	font-size: 16px;
}

.croud_area .pl20 {
    padding-left: 0;
}

.nagare_ttl {
    font-size: 15px;
}
.nagare_box {
    font-size: 14px;
    padding: 15px;
    font-size: 14px;
    box-sizing: border-box;
}
.h2-01_light {
    background-position: left 95px top 0px;
}
.point_ttl2 {
    text-align: center;
}

.point_icon {
    font-size: 12px;
}

.textP_bousai {
    margin-top: 0;
}

.img_p {
    font-size: 12px;
}


.info_area_bottom .bg_gray .lp_inner,
.info_area_bottom .bgblue .lp_inner,
.info_area_bottom .bgblue .lp_inner .toTop,
.info_area_bottom .bg_gray .lp_inner .toTop {
    margin-top: 0!important
}
.info_area_bottom .bg_gray .lp_inner .toTop,
.info_area_bottom .bgblue .lp_inner .toTop {
    padding-top: 15px;
}

/* info banner */
.info_banner {
  margin-top: 0;
  background: url(/nsi/ss/arvr/images/vrar_bnr_img01.jpg);
  background-size: cover;
}
.info_banner a {
  background: rgba(102, 77, 123, .8);
}
.info_banner a::after,
.info_banner a:hover::after {
  right: 15px;
}
.info_banner .info_img_bottom {
  max-width: inherit;
  padding: 0;
}
.info_banner .info_txt_area {
  width: 100%;
  padding: 10px 30px 10px 15px;
}
.info_banner .info_ttl {
  font-size: 22px;
}
.info_banner .info_ttl span {
  margin-right: 8px;
  padding: 4px 8px 3px;
  font-size: 14px;
}
.section_hero .info_banner {
  margin-top: 10px;
  margin-bottom: 0;
}

.h2-01 {
    font-size: 20px;
}
.interview_area .photoBox,
.casestudy_area .photoBox {
    width: 80%;
    margin: 0 auto 20px;
}
.interview_area .textBox,
.casestudy_area .photoBox,
.casestudy_area .textBox {
  width: 100%;
}
.casestudy .interview_area .photoBox .img_p,
.casestudy .casestudy_area .photoBox .img_p {
    font-size: 12px;
}
.imgR .photoBox {
    order: inherit;
}

/* download */
.h2-download {
    margin-bottom: 15px;
    padding-top: 5px;
    font-size: 20px;
}
.download_area {
    padding: 20px 10px;
}
.download_area .textBox {
    width: 100%;
    font-size: 16px;
}
.download_area .photoBox {
    width: 100%;
    margin-bottom: 20px;
}
.download_area .photoBox img {
    width: 48%;
}
.download_area .subttl_vrar {
    margin-bottom: 10px;
    font-size: 18px;
}
.download_area .sub_ttl {
    font-size: 16px;
}
.download_area .dlList li span {
    font-size: 14px;
}
.download_area .dlLink a {
    font-size: 14px;
}

}


/*iPhone5*/
@media (max-width: 374px) {
.sponly {display: none!important;}
.h2-01_light { font-size: 16px;}
.minifont2 { font-size: 12px;}

}