@charset "utf-8";
/* CSS Document */

/*================================================
**
**  common settings
**
================================================*/
html{
	font-size: 10px;
	-webkit-text-size-adjust: 100%;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
	color:#333333;
	line-height:inherit;
}
article{
	width: 100%;
}
ul, li{ list-style:none;}
img{vertical-align:bottom;}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.pagetopBtn{
	position:fixed;
	right:20px;
	bottom:20px;
	display:block;
	width:40px;
	height:40px;
	background:url(https://jpn.nec.com/mobile-pos/promotionPage/inshoku/images/icon_pagetop.png) no-repeat center center;
	background-size:40px 40px;
	z-index:10;
}
.pagetopBtn:hover{
	opacity: 0.7;
	transition: opacity 0.5s ease;
}
.fixedContainer{
	position: relative;
	z-index: 9999;
}
@media only screen and (max-width: 640px) {
	img{width:100%; height:auto;}
	.pagetopBtn{
		width:30px;
		height:30px;
		background-size:30px 30px;
	}
	.nf-header.special-01 .inner-02{
		padding-bottom:20px;
	}
	.nf-header.special-01 .nf-hd-search{
		margin-bottom:0;
	}
}


/*================================================
**
**  layout
**
================================================*/
.wrap{
	max-width:960px;
	margin:0 auto;
	padding:0 10px;
}
.lo_column > *{ float:left;}
.lo_column.column3 > *{ width:29.2%; margin-right:6.2%; margin-top:4.2%;}
.cont.starter .lo_column.column3 > *{ width:31%; margin-right:3.5%; margin-top:3.7%;}

@media only screen and (max-width: 640px) {
	.wrap{
		width:auto;
		padding:0;
	}
	.cont{
		padding:0 6.2% ;
	}
	.lo_column > *{ float:none;}
	.lo_column.column3 > *{ width:100%; margin-right:0; margin-top:7.8%; box-sizing:border-box;}
}
@media only screen and (min-width: 641px) {
	.cont.starter .lo_column.column3 > *:nth-child(-n+3),
	.lo_column.column3 > *:nth-child(-n+3){ margin-top:0;}
	.cont.starter .lo_column.column3 > *:nth-child(3n),
	.lo_column.column3 > *:nth-child(3n){ margin-right:0;}
}


/*================================================
**
**  modules
**
================================================*/
.mt10{margin-top: 10px;}

.left{ float:left;}
.right{ float:right;}
.bg_gray{ background-color:#f4f4f4;}
.fontSmall{ font-size:1.2rem;}
.fontMedium{ font-size:1.6rem;}
.fontLarge{ font-size:1.8rem;}
.fontXLarge{ font-size:2.0rem;}
.textLeft{ text-align:left;}
.textRight{ text-align:right;}
.textCenter{ text-align:center;}
.verTop{ vertical-align:top;}
.verMiddle{ vertical-align:middle;}
.verBottom{ vertical-align:bottom;}
.bold{ font-weight:bold;}
.pointColor_blue{ color:rgb(0,41,100);}
.pointColor_yellow{ color:#f3a205;}
.pointColor_gray{ color:#666666;}
.button{
	display:inline-block;
	box-sizing:border-box;
	padding:5px 30px;
	border-radius:2px;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	background-color:rgb(0,41,100);
}
.button:link{
	color:#ffffff;
}
.button:visited{
	color:#ffffff;
}
.button:hover{
	background-color:#67dade;
	color:#ffffff;
}
.button:active{
	color:#ffffff;
}
.button.navContact{
	background-color:#d7924d;
	font-weight:bold;
	text-shadow: 0px 1px 1px #e86700;
	margin:10px 0;
	padding:5px 34px;
	border-radius:2px;
}
.button.navContact:hover{
opacity:0.6;
}
.button.contact{
	width:400px;
	margin: 15px 0 0;
	padding:18px 10px;
	border-radius:5px;
	background-color:#d7924d;
	font-weight:bold;
	text-shadow: 0px 1px 1px #e86700;
	line-height:130%;
}
.button.contact:hover{
	opacity: 0.6;
}
.marker_blue{
	margin-top:15px;
	padding: 8px 15px;
	border-radius: 30px;
	background-color:rgb(0,41,100);
	color:#ffffff;
}
.note{
	border:1px solid #cccccc;
	padding:15px;
}
ul.pankuzu{
    display: block;
    /*padding: 15px 0 30px 0;*/
    padding: 2% 0 0 0;
}
ul.pankuzu li{
	float: left;
	font-size: 1.2rem;
	line-height: 200%;
}
ul.pankuzu li a{
    background-image: url("https://jpn.nec.com/mobile-pos/promotionPage/inshoku/images/pankuzu.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 15px;
    padding-right: 20px;
}
.annotation{
	text-indent:-1em;
	padding-left:1em;
}
.ovHidden{
	overflow:hidden;
}
@media only screen and (max-width: 640px) {
	.fontXLarge{ font-size:1.8rem;}
	.button{
		display:block;
		padding:10px 30px;
	}
	.button.contact{
		width:auto;
	}
	.sp_none{display:none;}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
	.tb_none{display:none;}
}
@media only screen and (min-width: 960px) {
	.pc_none{display:none;}
}


/*================================================
**
**  hover animation
**
================================================*/
a:hover{
	transition:
		border-color 0.5s ease,
		color 0.5s ease,
		background-color 0.5s ease,
		opacity 0.5s ease
	;
}
a:hover img{
	transition:opacity 0.5s ease;
}

/*================================================
**
**  fixNav
**
================================================*/
.fixNav{
	width:100%;
	z-index:9999;
	position: absolute;
	left:0;
}
.fixNav.fixed{
	position: fixed;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.fixNav.current{
	position:fixed;
	top:0;
}
.navBtn{
	display:table;
	float:left;
}
.navBtn > *{
	display:table-cell;
	padding-left:27px;
}
.navBtn > *:first-child{
	padding-left:0;
}
.navBtn > * > a{
	display:block;
	padding:14px 0;
	text-decoration:none;
	color:#666666;
	font-size: 0.95em;
}
@media only screen and (max-width: 960px) {
	.fixNav{
		width:100%;
	}
	.fixNav .spNavToggle{
		padding:25px;
		position:relative;
	}
	.spNav{
		padding:0;
	}
	.spNav.fixed{
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	}
	.fixNav .spNavToggle::before{
		content:"";
		display:block;
		width:20px;
		height:3px;
		border-top:2px solid #999999;
		border-bottom:2px solid #999999;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		margin:auto;
	}
	.fixNav .navBtn{
		display:none;
		float:none;
	}
	.navBtn > *{
		display:block;
		border-top:1px solid #999999;
		padding-left:0;
	}
	.navBtn > * > a{
		padding:15px;
		text-align:center;
	}
	.navBtn > * > a:hover{
		color:rgb(0,41,100);
	}
	.navBtn > * > a:link{
		color:#666666;
	}
	.navBtn > * > a:visited{
		color:#666666;
	}
	.navBtn > * > a:hover{
		color:#666666;
	}
	.navBtn > * > a:active{
		color:#666666;
	}
}
@media only screen and (max-width: 640px) and (orientation:landscape),
       only screen and (min-width: 641px) and (max-width: 960px){
	.fixNav .navBtn{
		overflow:hidden;
	}
	.navBtn > *{
		box-sizing:border-box;
		width:50%;
		float:left;
	}
	.navBtn > *:nth-child(odd){
		border-right:1px solid #999999;
	}
		/* ボタンが奇数のとき用
	.navBtn > *{
		border-top:0;
		border-bottom:1px solid #999999;
	}
	.navBtn > *:nth-child(-n+2){
		border-top:1px solid #999999;
	}
	.navBtn > *:nth-child(-n+2){
		border-top:1px solid #999999;
	}
	.navBtn > *:last-child{
		border-bottom:0;
	}*/


}
@media only screen and (min-width: 641px) and (max-width: 960px){
	.fixNav .tb_none{display:none;}
}
@media only screen and (min-width: 961px) {
	.fixNav .pc_none{display:none;}
	.navBtn{display:table !important;}
}

/*================================================
**
**  liquid slider common settings
**
================================================*/
.ls-wrapper {
	margin:0 auto;
	overflow:inherit;
}
.panel-wrapper{
	padding:0;
}
.ls-panel{
	float:left;
}
.panel-container{
	overflow:hidden;
}
@media only screen and (max-width: 640px) {
	.ls-wrapper {
		max-width:100% !important;
		padding:0;
		overflow:inherit;
	}
}


/*================================================
**
**  mainVisualCarousel
**
================================================*/
[id="js__mainVisualCarousel"]{
	overflow:hidden;
}
[id="js__mainVisualCarousel-wrapper"] .ls-panel{
	width:100%;
}
[id="js__mainVisualCarousel-nav-ul"]{
	margin:30px auto 0 !important;
	font-size:0;
	position:relative;
	z-index:10;
}
[id="js__mainVisualCarousel-nav-ul"] > *{
	width:15px;
	height:15px;
	display:block;
	float:left;
}
[id="js__mainVisualCarousel-nav-ul"] > * a{
	width:15px;
	height:15px;
	margin-left:0px;
	border-radius:10px;
	padding:0;
	background: none;
	float:none !important;
	position:relative;
}

[id="js__mainVisualCarousel-nav-ul"] > * a::after{
	content:"";
	display: inline-block;
	width:10px;
	height:10px;
	background-color:#e4e4e4 !important;
	border-radius:10px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-5px 0 0 -5px;
}

[id="js__mainVisualCarousel-nav-ul"] > *.current a::after{
	content:"";
	display: inline-block;
	width:10px;
	height:10px;
	background-color:#7a7a7a !important;
	border-radius:10px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-5px 0 0 -5px;
}

[id="js__mainVisualCarousel-nav-ul"] > *:first-child a{
	margin-left:0;
}
[id="js__mainVisualCarousel-nav-ul"] > *.current a{
	background:none;
}
.whiteTabCont{
	width:960px;
	margin:0 auto;
	position:relative;
}
.whiteTabCont img{
	z-index:1;
}
.mainVisual{
	max-height:620px;
	box-sizing:border-box;
	overflow: hidden;
}
.mainVisual.blue{
	background:#233c6f;
}
.mainVisual.discountCam{
	background-color: #9c1313;
	background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/mainVisual_cam_bg.jpg), url(https://jpn.nec.com/mobile-pos/promotionPage/images/mainVisual_cam_bg_repeat.png);
	background-repeat:no-repeat, repeat-x;
	background-position:center top;
}
.mainVisual.posNewVer{
	background-color: #3d9a9b;
	background-image: url(https://jpn.nec.com/mobile-pos/promotionPage/images/mainVisual_posVer2_bg.png);
	background-repeat:no-repeat, repeat-x;
	background-position:center bottom;
}
.mainVisual .ls-wrapper{
	padding: 0px;
}
.main{
	position: relative;
	height:620px;
	padding:0;
}
.main .textBox{
	width:466px;
	height: 524px;
	float:right;
	margin:97px 22px 0 0;
	color:#ffffff;
}
.main .textBox .lead{
	margin:10% 0;
	text-align:center;
}
.main .textBox .lead p:first-child{
	margin-bottom:20px;
}
.main .textBox .button.contact{
	margin:0;
}
.main .textBox .appArea{
	display:table;
	width:400px;
	margin:20px auto 0;
}
.main .textBox a:link,
.main .textBox a:visited,
.main .textBox a:hover,
.main .textBox a:active{
	color:#ffffff !important;
	text-decoration:none;
}
.main .textBox .appArea > *{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
.main .textBox .appArea .appBtn{
	width:150px;
}
.main .textBox .appArea .appLead{
	padding:0 0 0 20px;
}

.main .textBox .appFukidashi{
	text-align:center;
}

/* campaign main visual */
.main.campaign .textBox{ position:relative;}
.main.campaign .textBox [class^="cam_"] img{
	width:100%;
	height:auto;
}
.discountCam_mobilePos{
	width:73%;
	margin-left:26.6%;
	margin-top:1.0%;
}
.discountCam_badge{
	width:34%;
	margin-top:-21%;
}
.discountCam_30percentOff{
	width:100%;
	margin-left:0.6%;
	margin-top:-6.6%;
	margin-bottom:8.2%;
}
/* ver2.0 release main visual */
.posNewVer_badge{
	width: 34.40%;
	margin-top:-35.48%;
	margin-left: -43.01%;
	position: relative;
	z-index: 1;
}
.posNewVer_title{
	text-align: center;
	margin:6.02% 0 0;
}


@media only screen and (max-width: 640px) {
	[id="js__mainVisualCarousel-wrapper"] .ls-nav{
		margin:0;
	}
	[id="js__mainVisualCarousel-nav-ul"] > *{
		width:15px;
		height:15px;
	}
	[id="js__mainVisualCarousel-nav-ul"] > * a{
		width:15px;
		height:15px;
	}

	[id="js__mainVisualCarousel-nav-ul"] > * a::after{
		content:"";
		display: inline-block;
		width:10px;
		height:10px;
		background-color:#e4e4e4 !important;
		border-radius:10px;
		position:absolute;
		top:50%;
		left:50%;
		margin:-5px 0 0px -5px;
	}

	[id="js__mainVisualCarousel-nav-ul"] > *.current a::after{
		content:"";
		display: inline-block;
		width:10px;
		height:10px;
		background-color:#7a7a7a !important;
		border-radius:10px;
		position:absolute;
		top:50%;
		left:50%;
		margin:-5px 0 0px -5px;
	}

	[id="js__mainVisualCarousel-nav-ul"]{
		margin-top:20px !important;
	}
	.mainVisual{
		max-height:inherit;
		background:transparent;
	}
	.mainVisual.blue,
	.mainVisual.discountCam,
	.mainVisual.posNewVer{
		background:none;
	}
	.main {
		height:auto;
	}
	.main .textBox{
		width:auto !important;
		height:auto;
		float:none;
		margin:0;
		padding:0;
		color:inherit;
	}
	.main .sp_textBox{
		padding:6.2% 6.2% 0;
		text-align:center;
	}
	.main .textBox .appArea{
		width:auto;
		margin:5% auto 0;
		color:#333333;
		text-decoration:none;
	}
	.main .textBox .appArea > *{
		display:table-cell;
		vertical-align:middle;
		text-align:left;
	}
	.main .textBox .appArea .appBtn{
		width:100px;
	}
	.main .textBox .appArea .appLead{
		padding:0 0 0 10px;
		line-height:130%;
		color:#333333;
	}

	.main .textBox .appFukidashi{
		margin: 15px auto 0;
		padding:6px 10px;
		border-radius:10px;
		background-color:#223B6D;
		line-height:130%;
		color:#fff;
		margin-top: 10px;
		font-size: 1rem;
		display: inline-block;
	}
	.main .textBox .appFukidashi::before{
		content:"無料デモアカウント発行可能！";
	}

	.main .textBox .appFukidashi img{
		display: none;
	}

}
@media only screen and (min-width: 641px) and (max-width: 960px){
	[id="js__mainVisualCarousel-wrapper"] .ls-nav{
		margin:0;
		padding-bottom:3%;
	}
	.mainVisual.blue{
		background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/img_whiteTab_productSale.png);
		background-repeat:no-repeat;
		background-position:-20% 40%;
		background-size:62% auto;
	}
	.mainVisual.discountCam{
		background:url(https://jpn.nec.com/mobile-pos/promotionPage/images/img_whiteTab.png), url(https://jpn.nec.com/mobile-pos/promotionPage/images/mainVisual_cam_bg.jpg), url(https://jpn.nec.com/mobile-pos/promotionPage/images/mainVisual_cam_bg_repeat.png);
		background-repeat:no-repeat, no-repeat, repeat-x;
		background-position:-22% 40%, center top;
		background-size:62% auto, cover, auto;
	}
	.mainVisual.posNewVer{
		background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/img_whiteTab.png), url(https://jpn.nec.com/mobile-pos/promotionPage/images/mainVisual_posVer2_bg.png);
		background-repeat:no-repeat, no-repeat;
		background-position:-20% 40%, center top;
		background-size:62% auto, cover;
	}
	.main{
		height:auto;
	}
	.main img{
		width:100%;
		height:auto;
	}
	.main .textBox .appArea{
		width:initial;
	}
	.main .textBox{
		width:50%;
		height:auto;
		float:right;
		margin:6% 6% 3% 0;
	}
	.main .textBox .button.contact {
		width: 100%;
	}
	.main .textBox .appArea .appBtn{
		width:120px;
	}
	.wrap.main .whiteTab {
		top: 0%;
		left: -2%;
		width: auto;
		height: 100%;
		position: absolute;
	}
}


/*================================================
**
**  contents modules
**
================================================*/
.contHeader{
	padding:7.3% 3% 7.8%;
	text-align:center;
}
.contHeader .title{
	font-size:3.0rem;
	font-weight:bold;
	color:rgb(0,41,100);
}
.contHeader .lead{
	margin-top:3.6%;
}
.contHeader.cost{
	padding:7.3% 3% 0%;
	text-align:center;
}

.contHeader .lead{
	font-size:1.5rem;
	margin-bottom:30px;
}

.contFooter{
	padding:7.3% 3% 9.3%;
	text-align:center;
}

.contFooter.cost{
	padding:0 3% 3.3%;
	text-align:center;
}

.contFooter .lead{
	font-size:1.8rem;
}
@media only screen and (max-width: 640px) {
	.contHeader{
		padding:9% 0 0;
		text-align:center;
		text-align:left;
	}

	.contHeader.cost{
		padding:9% 3% 0%;
		text-align:left;
	}

	.contHeader .title{
		font-size:2.4rem;
		margin-bottom:3.6%;
		padding:2% 2% 2% 4%;
		border-left:5px solid rgb(0,41,100);
		line-height:140%;
	}
	.contHeader .lead{
		margin-top:0;
		padding:0 6.2% 9%;
		line-height:160%;
	}
	.contFooter{
		padding:9% 6.2% ;
		text-align:center;
	}
	.contFooter .lead{
		font-size:1.6rem;
		line-height:160%;
	}

	.contFooter.cost{
		padding:9% 3% 0%;
		text-align:left;
	}

	.textBox > p{
		line-height:140%;
	}
}


/*================================================
**
**  reason cont
**
================================================*/
.cont.reason > *{
	text-align:center;
}
.cont.reason .imgBox{
	height:170px;
	vertical-align: middle;
}
.cont.reason .textBox .title{
	margin:0 0 8%;
	line-height:140%;
	letter-spacing: -0.05em;
}
@media only screen and (max-width: 640px) {
	.cont.reason > *{
		display:table;
		width:100%;
		margin-top: 9.3%;
		text-align:left;
	}
	.cont.reason > *:first-child{
		margin-top: 0;
	}
	.cont.reason > * > *{
		display:table-cell;
		vertical-align:top;
	}
	.cont.reason .imgBox {
		height:auto;
		width:100px;
	}
	.cont.reason .textBox {
		padding-left: 6%;
	}
	.cont.reason .textBox .title{
		margin:0 0 2.6%;
		letter-spacing: inherit;
	}
}


/*================================================
**
**  movie cont
**
================================================*/
.cont.movie{
	position:relative;
	width:100%;
	margin-bottom:7.3%;
	padding-top:56.25%;
	box-sizing:border-box;
}
.cont.movie iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%!important;
	height:100%!important;
}


/*================================================
**
**  intro cont
**
================================================*/
.cont.info{
	padding-top:7.3%;
	padding-bottom:3%;
}
.cont.info .btnArea{
	text-align:right;
}
.introStoreListCont{
	margin:1.97% 0 10.41%;
	padding:3.12%;
	background:#fcfcfc;
}
.introStoreList > *{
	width:18.22%;
	margin:2.22% 2.22% 0 0;
	float:left;
}
.introStoreList a:hover img{
	opacity:0.5;
}
.introStoreListNotes{
	margin-top:2.22%;
	text-align:center;
	font-size:3rem;
}
@media only screen and (min-width: 641px) {
	.introStoreList > *:nth-child(5n){
		margin-right:0;
	}
	.introStoreList > *:nth-child(-n+5){
		margin-top:0;
	}
}
@media only screen and (max-width: 640px) {
	.cont.intro{
		padding-bottom:9%;
	}
	.introStoreListCont{
		margin:2.4% 0 0;
		padding:3.12%;
	}
	.introStoreList > *{
		width:23.335%;
	}
	.introStoreList > *:nth-child(4n){
		margin-right:0;
	}
	.introStoreList > *:nth-child(-n+4){
		margin-top:0;
	}
	.introStoreListNotes{
		margin:6.12% 0 3%;
		font-size:2.4rem;
	}
}

/*================================================
**
**  introCarousel
**
================================================*/
[id="js__introCarousel-wrapper"]{
	max-width:960px !important;
	overflow:hidden;
	margin-bottom:7.3%;
}
[id="js__introCarousel-nav-ul"]{
	width:100% !important;
	padding-top:15px !important;
	font-size:0;
}
[id="js__introCarousel-nav-ul"] > *{
	display:table !important;
	width:25%;
	box-sizing:border-box;
	border-left:1px solid #ffffff;
	float:left;
}
[id="js__introCarousel-nav-ul"] > *:first-child{
	border-left:0;
}
[id="js__introCarousel-nav-ul"] > * > *{
	display:table-cell !important;
	vertical-align:middle;
	height:50px;
	padding:0 !important;
	line-height:140%;
	font-size:1.6rem;
	float:none !important;
	text-align:center;
	position:relative;
	background:#535353 !important;
	color:#ffffff !important;
	border-top:5px solid #535353;
}
[id="js__introCarousel-nav-ul"] > * > *:hover{
	border-top:5px solid rgb(0,41,100);
}
[id="js__introCarousel-nav-ul"] > .current > *{
	background:#535353 !important;
}
[id="js__introCarousel-nav-ul"] > .current > *{
	border-top:5px solid rgb(0,41,100);
}
[id="js__introCarousel-nav-ul"] > .current > *:before{
	content:"";
	display:block;
	width:0;
	height:0;
	margin:0 auto;
	border-bottom:10px solid rgb(0,41,100);
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	position:absolute;
	left:0;
	right:0;
	top:-15px;
}
.introCarouselWrap{
	margin-bottom:7.29%;
}
.introCarouselSlide{
	position:relative;
}
.introCarouselSlide_link{
	box-sizing:border-box;
	border:5px solid rgb(0,41,100);
	display:block;
	position:relative;
	text-decoration:none;
}
.introCarouselSlide_link:hover{
	opacity:0.7;
}
/*.introCarouselSlide_link:after{
	content:"";
	width:50px;
	height:50px;
	margin:auto 0;
	display:block;
	background:url(https://jpn.nec.com/mobile-pos/promotionPage/images/introCarouselSlide_btn_arrow.png) no-repeat center center rgb(0,41,100);
	background-size:11px 20px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	z-index:1;
}*/
.introCarouselSlide img{
	width:100%;
	height:auto;
}
.introCarouselSlide_obi{
	width:100%;
	min-height:95px;
	box-sizing:border-box;
	padding:1.63% 2.17% 36px 2.17%;
	background:rgba(0,0,0,0.9);
	position:absolute;
	left:0;
	bottom:0;
}
.introCarouselSlide_obi_logo{
	width:14.13%;
	margin:-5.43% 0 -1.95%;
	float:left;
}
.introCarouselSlide_obi_text{
	width:83.69%;
	float:right;
}
.introCarouselSlide_obi_title{
	margin-bottom:5px;
	font-size:2.1rem;
	color:#ffffff;
	line-height:140%;
}
.introCarouselSlide_obi_name{
	font-size:1.4rem;
	color:#ffffff;
	line-height:150%;
}
.introCarouselSlide_obi_button{
	height:36px;
	padding:10px 15px 10px 34px;
	line-height:100%;
	display:block;
	box-sizing:border-box;
	font-size:1.4rem;
	color:#ffffff;
	text-decoration:none;
	clear:both;
	position:absolute;
	right:-5px;
	bottom:-5px;
	background:url(https://jpn.nec.com/mobile-pos/promotionPage/images/introCarouselSlide_btn_arrow.png) no-repeat 13px center rgb(0,41,100);
	background-size:6px 10px;
}
.introCarouselSlide_obi_button:visited{
	color:#ffffff;
	text-decoration:none;
}
.introCarouselSlide_obi_button:hover{
	color:#ffffff;
	text-decoration:none;
}
.introCarouselSlide_obi_button:active{
	color:#ffffff;
	text-decoration:none;
}
/*@media only screen and (max-width: 960px)  and (min-width: 701px) {
	.introCarouselSlide_obi{
		padding:1.63% 50px 1.63% 1.56%;
	}
}*/
@media only screen and (max-width: 700px) {
	.introCarouselSlide_obi{
		position:relative;
		z-index:1;
	}
}
@media only screen and (max-width: 640px) {
	[id="js__introCarousel-nav-ul"] > * > *{
		padding:5px !important:;
		font-size:1.2rem;
	}
	.introCarouselWrap{
		margin-bottom:9%;
	}
	/*.introCarouselSlide_link:after{
		width:25px;
		height:25px;
		background-size:6px 10px;
		top:inherit;
	}*/
	.introCarouselSlide_obi{
		padding:4% 4% 36px 4%;
		min-height:inherit;
	}
	.introCarouselSlide_obi_logo{
		width:15%;
		margin:0;
	}
	.introCarouselSlide_obi_text{
		width:82%;
		float:right;
	}
	.introCarouselSlide_obi_title{
		font-size:1.7rem;
		margin-bottom:10px;
	}
	.introCarouselSlide_obi_name{
		font-size:1.2rem;
	}
}


/*================================================
**
**  merit cont
**
================================================*/
.cont.merit_big > *{
	display:table;
	width:100%;
	margin-bottom:6.2%;
}
.cont.merit_big > *:last-child{
	margin-bottom:8.3%;
}
.cont.merit_big > * > *{
	display:table-cell;
	vertical-align:top;
}
.cont.merit_big .imgBox{
	width:120px;
}
.cont.merit_big .textBox{
	padding-left:4.1%;
}
.cont.merit_big .textBox .title{
	margin-bottom:3.1%;
	line-height:140%;
}
.cont.merit_small .title{
	display:table;
	height:45px;
	line-height:140%;
	margin-bottom:20px;
	padding-left:60px;
	background:no-repeat left center;
	background-size:45px 45px;
}
.cont.merit_small .title > *{
	display:table-cell;
	vertical-align:top;
}
.cont.merit_small .title.reserveMgt{ background-image: url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_reserveMgt.png);}
.cont.merit_small .title.setting{ background-image: url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_setting.png);}
.cont.merit_small .title.slider{ background-image: url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_slider.png);}
.cont.merit_small .title.layout{ background-image: url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_layout.png);}
.cont.merit_small .title.floor{ background-image: url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_floor.png);}
.cont.merit_small .title.edit{ background-image: url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_edit.png);}
.cont.merit_small .title.paperless{ background-image: url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_paperless.png);}
.cont.merit_small .title.message{ background-image: url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_message.png);}
.cont.merit_small .title.api{ background-image: url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_api.png);}

@media only screen and (max-width: 640px) {
	.cont.merit_big .imgBox{
		width:100px;
	}
	.cont.merit_big .textBox{
		padding-left:6%;
	}
	.cont.merit_big > *{
		margin-bottom:9.3%;
	}
	.cont.merit_small .title{
		margin-bottom:3.5%;
	}
	.cont.merit_small .title > *{
		vertical-align:middle;
	}
	.cont.merit_small .textBox > p{
		line-height:160%;
	}
}


/*================================================
**
**  starter cont
**
================================================*/

.contHeader.starter{
	padding-bottom:14%;
}
.starterTab{
	max-width:960px;
	width:auto;
	overflow:hidden;
}

.starterTab__icon--new{
	background-color: #d7924d;
	padding: 3px 5px 2px;
	margin-left: 10px;
	font-size: 1.2rem;
	vertical-align: bottom;
	border-radius:2px;
	letter-spacing: 0.06em;
}
.starterTab__icon--new_small{
	background-color: #d7924d;
	padding: 2px 5px 1px;
	margin-right: 4px;
	font-size: 1.0rem;
	vertical-align: middle;
	border-radius:2px;
	color:#ffffff;
	font-weight:normal;
	letter-spacing: 0.06em;
}

.cont.starter{
	padding:30px 0;
}
.cont.starter > .title{
	margin:20px 0 15px;
}
.cont.starter .textBox{
	box-sizing:border-box;
	padding-left:80px;
	background: no-repeat left top;
	background-size:60px 60px;
}
.cont.starter .textBox .title{ padding:0 0 5px;}

.cont.starter .textBox.openBarMenu{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_openBarMenu.png);}
.cont.starter .textBox.courseMenu{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_courseMenu.png);}
.cont.starter .textBox.dailySpecial{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_dailySpecial.png);}
.cont.starter .textBox.payment{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_payment.png);}
.cont.starter .textBox.memo{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_memo.png);}
.cont.starter .textBox.takeOut{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_takeOut.png);}
.cont.starter .textBox.promotion{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_promotion.png);}
.cont.starter .textBox.edit{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_edit.png);}
.cont.starter .textBox.customDisp{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_customDisp.png);}
.cont.starter .textBox.barcode{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_barcode.png);}
.cont.starter .textBox.pos{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_pos.png);}
.cont.starter .textBox.coupon{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_coupon.png);}
.cont.starter .textBox.operation{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_operation.png);}
.cont.starter .textBox.setMenu{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_setMenu.png);}
.cont.starter .textBox.stylish{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_stylish.png);}
.cont.starter .textBox.picture{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_picture.png);}
.cont.starter .textBox.timeZone{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_timeZone.png);}
.cont.starter .textBox.stock{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_stock.png);}
.cont.starter .textBox.analysis{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_analysis.png);}
.cont.starter .textBox.sale{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_sale.png);}
.cont.starter .textBox.discount{ background-image:url(https://jpn.nec.com/mobile-pos/promotionPage/images/icon_tab_discount.png);}


@media only screen and (max-width: 640px) {
	.contHeader.starter{
		padding:9% 0 0;
		text-align:center;
		text-align:left;
	}
	.contHeader.starter .title{
		font-size:2.4rem;
		margin-bottom:3.6%;
		padding:2% 2% 2% 4%;
		border-left:5px solid rgb(0,41,100);
		line-height:140%;
	}
	.contHeader.starter .lead{
		margin-top:0;
		padding:0 6.2% 9%;
		line-height:160%;
	}
	.cont.starter{
		height:auto;
		padding:6.2% 6.2% 7%;
	}
	.cont.starter .lo_column.column3 .textBox{
		width:100%;
		min-height:60px;
		margin-top:6%;
	}
	.cont.starter .lo_column.column3 .textBox .title{
		line-height:140%;
	}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
	.cont.starter{
		padding:30px 20px;
	}
	.cont.starter .imgBox img{
		width:100%;
		height:auto;
	}
}


/*================================================
**
**  starterTab
**
================================================*/
[id="js__starterTab-wrapper"].ls-wrapper{
	max-width: 960px;
	width:auto !important;
	padding:0 70px;
}
[id="js__starterTab-wrapper"] .ls-panel{
	max-width: 960px;
	width:auto;
}
[id="js__starterTab-wrapper"] .ls-nav{
	max-width: 960px;
	width:auto;
	position:absolute;
	top:-60px;
	margin:0 auto;
}
[id="js__starterTab-wrapper"] .ls-nav ul {
	width:100% !important;
	display:table;
	table-layout:fixed;
}
[id="js__starterTab-wrapper"] .ls-nav ul li{
	display:table-cell;
}
[id="js__starterTab-wrapper"] .ls-nav ul li a{
    display: block;
    text-decoration: none;
    float: none;
	height:60px;
	font-size:1.6rem;
	color:#ffffff;
	line-height:60px;
	text-align:center;
}
[id="js__starterTab-wrapper"] .ls-nav a {
    background: #535353;
    color: #ffffff;
    margin-right: 0;
	padding:0 20px;
}
[id="js__starterTab-wrapper"] .ls-nav ul li a:hover{
	background-color:rgb(0,41,100);
	color:#ffffff;
}
[id="js__starterTab-wrapper"] .ls-nav .current a{
	background-color:rgb(0,41,100);
}
[id="js__starterTab-wrapper"] [class$="-arrow"]{
	width:31px;
	height:50px;
	margin: auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:10;
}
[id="js__starterTab-wrapper"] .ls-nav-right-arrow {
	margin-right:0;
}
[id="js__starterTab-wrapper"] .ls-nav-left-arrow {
	margin-left:0;
}


@media only screen and (max-width: 640px) {
	[id="js__starterTab-wrapper"].ls-wrapper{
		padding:0 !important;
	}
	[id="js__starterTab-wrapper"] .ls-nav{
		position:static;
	}
	[id="js__starterTab-wrapper"] .ls-nav ul {
		table-layout:auto;
	}
	[id="js__starterTab-wrapper"] .ls-nav ul li a{
		font-size:1.2rem;
	}
	[id="js__starterTab-wrapper"] .ls-nav a {
		padding:0 10px;
	}
	[id="js__starterTab-wrapper"] [class$="-arrow"]{
		display:none;
	}
}
@media only screen and (min-width: 641px) and (max-width: 1100px) {
	.ls-wrapper {
		padding:0;
	}
	[id="js__starterTab-wrapper"].ls-wrapper{
		padding:0 !important;
	}
	[id="js__starterTab-wrapper"] .ls-nav{
		left:0;
		right:0;
		bottom:0;
		margin:0 auto;
	}
	[id="js__starterTab-wrapper"] [class$="-arrow"]{
		display:none;
	}
}


/*================================================
**
**  news cont & aside
**
================================================*/
.newsArea{
	display:table;
	width:100%;
	margin-bottom:10px;
}
.newsArea > *{
	display:table-cell;
}
.newsArea .title{
	width:130px;
}
.infoList > li{
	display:table;
	width:100%;
	margin-top:10px;
}
.infoList > li.new a::after{
	content:"NEW";
	display:inline-block;
	padding:4px 6px;
	border-radius:2px;
	background-color:#ff5a00;
	color:#ffffff;
	font-size:1.0rem;
	line-height:100%;
	text-decoration:none;
}
.infoList > li:first-child{
	margin-top:0;
}
.infoList > li > *{
	display:table-cell;
	vertical-align:top;
}
.infoList > li > .date{
	width:120px;
}
.infoList > li > * a{
	color:rgb(0,41,100);
}
.infoList > li > * a:hover{
	color:#67DADE;
}
.cont.import .imgBox img{
	width:100%;
	height:auto;
}
.cont.aside{
	padding-top:5%;
	padding-bottom:5%;
	text-align:center;
}
.snsList{
	font-size:0;
	text-align:right;
}
.snsList > *{
	display:inline-block;
	margin:0 0 0 20px;
}
.snsList > *:first-child,
.snsList > *:last-child{
	margin-left:0;
}
.plusone #___plusone_0,
.plusone #___plusone_0 iframe{
	width: 77px !important;
}
@media only screen and (max-width: 640px) {
	.cont.info{
		display:block;
		padding-bottom:9%;
	}
	.cont.info > *{
		display:block;
	}
	.cont.info .title{
		width:auto;
		margin-bottom:20px;
	}
	.cont.info .btnArea{
		text-align:center;
	}
	.infoList > li > .date{
		width:90px;
	}
	.infoList > li > * a{
		line-height: 140%;
	}
	.newsArea{
		display:block;
		margin-bottom:9%;
	}
	.newsArea > *{
		display:block;
	}
	.cont.aside{
		padding-top:5%;
		text-align:left;
	}
	.snsList:after{
		content:"";
		display: block;
		clear: both;
	}
	.snsList > * {
		display: block;
		margin: 0 0 20px;
		width: 50%;
		text-align: center;
		float: left;
	}
}





* {
    box-sizing: border-box;
}

*, *:after, *:before {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.el_bgWhite {
  background-color: white; }

.el_bgBlack2Per {
  background-color: #f8f8f8; }

.el_bgBlack5Per {
  background-color: #f2f2f2; }

.el_bgBlack10Per {
  background-color: #e5e5e5; }

.el_bgBlack20Per {
  background-color: #cbcbcb; }

.el_bgBlack30Per {
  background-color: #b1b1b1; }

.el_bgBlack40Per {
  background-color: #979797; }

.el_bgBlack50Per {
  background-color: #7d7d7d; }

.el_bgBlack60Per {
  background-color: #646464; }

.el_bgBlack70Per {
  background-color: #4b4b4b; }

.el_bgBlack80Per {
  background-color: #323232; }

.el_bgBlack90Per {
  background-color: #191919; }

.el_bgBlack {
  background-color: black; }

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " "; }

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
clear: both; }

.center-block {
display: block;
margin-right: auto;
margin-left: auto; }

.pull-right {
float: right !important; }

.pull-left {
float: left !important; }

.hide {
display: none !important; }

.show {
display: block !important; }

.invisible {
visibility: hidden; }

.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }

.hidden {
display: none !important; }

.affix {
position: fixed; }

@-ms-viewport {
width: device-width; }
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important; }

@media (max-width: 767px) {
.visible-xs {
display: block !important; }

table.visible-xs {
display: table !important; }

tr.visible-xs {
display: table-row !important; }

th.visible-xs,
td.visible-xs {
display: table-cell !important; } }
@media (max-width: 767px) {
.visible-xs-block {
display: block !important; } }
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important; } }
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important; }

table.visible-sm {
display: table !important; }

tr.visible-sm {
display: table-row !important; }

th.visible-sm,
td.visible-sm {
display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important; }

table.visible-md {
display: table !important; }

tr.visible-md {
display: table-row !important; }

th.visible-md,
td.visible-md {
display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important; } }
@media (min-width: 960px) {
.visible-lg {
display: block !important; }

table.visible-lg {
display: table !important; }

tr.visible-lg {
display: table-row !important; }

th.visible-lg,
td.visible-lg {
display: table-cell !important; } }
@media (min-width: 960px) {
.visible-lg-block {
display: block !important; } }
@media (min-width: 960px) {
.visible-lg-inline {
display: inline !important; } }
@media (min-width: 960px) {
.visible-lg-inline-block {
display: inline-block !important; } }
@media (max-width: 767px) {
.hidden-xs {
display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important; } }
@media (min-width: 960px) {
.hidden-lg {
display: none !important; } }
.fixedContainer * {
    box-sizing: initial;
}

.fixedContainer *, .fixedContainer *:after, .fixedContainer *:before {
    -o-box-sizing: initial;
    -ms-box-sizing: initial;
    box-sizing: initial;
}

section .blc_sectionConteiner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.fixedContainer h1,.fixedContainer h2,.fixedContainer h3 {
margin: auto;
}
.el_bgBlack2Per {
    background-color: #f8f8f8;
}
.img-responsive {
		margin: 0 auto;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 960px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}


.mainVisualCont{
	background: url("https://jpn.nec.com/mobile-pos/promotionPage/inshoku/images/main-bg.jpg");
	background-size: cover;
	overflow: hidden;
	color: #fff;
	text-shadow: 0 2px 3px #000;
}
.el_relative {
    position: relative;
}
.el_margin-top50 {
    margin-top: 50px;
}
.el_margin-top30 {
    margin-top: 30px;
}
.el_padding-top50 {
  padding-top: 50px; }
	.el_padding-right40{
		padding-right:40px!important;
	}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

@media (max-width: 767px){
	.el_padding-right40{
		padding-right:10px!important;
	}
.visible-xs {
    display: block !important;
}

}
.el_paddingNone {
    padding: 0 !important;
}

.el_margin-bottom30 {
    margin-bottom: 30px;
}
.el_margin-bottom50 {
    margin-bottom: 30px;
}
.el_paddng-bottom30 {
    padding-bottom: 30px;
}
.el_bold {
    font-weight: bold;
}
.blc_rolloverOpacity a:hover{  opacity: 0.7;
  cursor: pointer; }
.blc_rolloverOpacity img:hover{  opacity: 0.7;
  cursor: pointer; }
.blc_rolloverOpacity li:hover{  opacity: 0.7;
  cursor: pointer; }
.blc_rolloverOpacity p:hover {
  opacity: 0.7;
  cursor: pointer; }
@media (max-width: 767px)
.hidden-xs {
    display: none !important;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.parts-subMitButtonNormal a.el_longBtn {
    max-width: 500px;
    width: 100%;
    display: block;
    margin: 15px auto;
    padding: 18px 10px;
    border-radius: 5px;
    background-color: #d7924d;
    font-weight: bold;
    text-shadow: 0 1px 1px #e86700;
    line-height: 130%;
    overflow: hidden;
    color: #fff;
    clear: both;
    font-size: 20px;
}
section .blc_sectionConteiner {
    width: 100%;
    display: block;
    min-height: 1% /* for IE 7*/;
}
.clearfix {
    display: block;
    min-height: 1% /* for IE 7*/;
}
.el_textCenter {
    text-align: center;
}
a {
    outline: none;
    text-decoration: none;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
section .blc_sectionConteiner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.el_max-height400 {
    max-height: 400px;
}
.el_margin-horizontalCenter30 {
    margin: 30px auto;
}
img {
    vertical-align: middle;
}

.conteiner-imgInfo .matchHeight {
    display: block;
    position: relative;
    margin: 55px 0;
}
.el_scrollIn div {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.el_widthMax {
    width: 100%;
}

.el_scrollIn div {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.blc_contentsArea .conteiner-imgInfo {
    min-height: inherit;
}
.conteiner-imgInfo {
    margin-bottom: 30px;
    clear: both;
    width: 100%;
    min-height: 400px;
}

h1 {
		font-size: 5rem;
    font-weight: bold;
		color: rgb(0,41,100);
		text-align: center;
}
h2 {
		font-size: 4.0rem;
    font-weight: bold;
		color: rgb(0,41,100);
}
h3 {
	 margin-bottom: 20px;
	 font-size: 2.8rem;
	 font-weight: bold;
	 color: rgb(0,41,100);
}
.flatHeaderInfomation .blc_header {
    clear: both;
    display: block;
    overflow: hidden;
}
.flatHeaderInfomation .el_titleImg {
    padding: 0;
    margin: 1.5em 0;
}
.flatHeaderInfomation .el_titleText {
    padding: 0;
    display: table;
    margin: 1.5em 0;
}
.flatHeaderInfomation .el_titleText h4 {
    font-size: 1.4em;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 0 0 10px;
    line-height: 1.3em;
    vertical-align: middle;
    display: inherit;
}

@media only screen and (max-width: 767px){
body .flatHeaderInfomation img.img-responsive {
	max-width: 90px;
	max-height: 90px;
	width: 100%!important;
	height: 100%!important;
}
}

 .flatHeaderInfomation .el_titleText h4 {
    font-size: 1.1em;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 0 0 10px;
    line-height: 1.3em;
    vertical-align: middle;
    display: inherit;
}
.conteiner-description {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    height: 290px;
}
.conteiner-description {
	text-align: left;
}
.conteiner-description h3{
        margin-top:0;
}
.contHeader{
	    padding: 2% 3% 0%;
}

@media only screen and (max-width: 767px){
body .flatHeaderInfomation .el_titleText h4 {
    font-size: 1.6em;
}
.conteiner-description {
    height: 185px;
}
.conteiner-imgInfo .matchHeight {
    margin-top: 0px!important;
}
.conteiner-description {
        vertical-align: top;
}
.conteiner-description h3{
        margin:0;
}
}
br.el_smart {
    display: none;
}

br.el_pc {
    display: block;
}
@media only screen and (max-width: 767px){
	br.el_pc {
	    display: none;
	}
}


.conteiner-imgInfo .matchHeight {
    display: block;
    position: relative;
    margin: 55px 0;
}
.el_margin-bottom20 {
    margin-bottom: 20px;
}

.el_paddingNone {
    padding: 0 !important;
}

.el_padding15 {
    padding: 15px;
}
.el_padding-bottom20 {
    padding-bottom: 20px;
}
.el_padding-bottom30 {
    padding-bottom: 30px;
}
.el_padding-bottom60 {
    padding-bottom: 60px;
}

#blc_section03{
	margin: 30px auto;
	display: block;
	max-width: 1400px;
}

#blc_section04{
	margin: 30px auto;
}
.el_padding15 {
    padding: 15px;
}
.el_bgBlack2Per {
    background-color: #f8f8f8;
}



body .parts-flatImageText img {
    width: 100%;
    display: block;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
body .parts-flatImageText{
		text-align: left!important;
}

body .parts-flatImageText img {
    max-width: 120px;
}

a.thumnail {
  display: block;
  float: left;
  overflow: hidden; }
  a.thumnail img {
    height: auto;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 100%;
    vertical-align: bottom; }
  a.thumnail figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center; }
  a.thumnail figcaption {
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFF;
    opacity: 0;
    font-size: 16px;
    font-size: 1.6rem;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-top: 25%; }
a:hover > figure img {
  transform: scale(1.15, 1.15);
  -webkit-transform: scale(1.15, 1.15);
  -moz-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);
  -o-transform: scale(1.15, 1.15); }
a:hover > figure figcaption {
  opacity: 1; }

	body .parts-text.el_bannerBottom h3 {
	    font-size: 1.3em;
	}

	body .parts-text.el_bannerBottom p {
	    font-size: 1em;
	}

	.el_margin-bottom60 {
	  margin-bottom: 60px; }

	@media only screen and (max-width: 640px) {
		img.img-responsive{
			width: inherit;
			height:auto;}
	}

	@media only screen and (max-width: 767px){
	body .flatHeaderInfomation .el_titleText h4 {
	    font-size: 1.6em;
		}
	body .parts-flatImageText img {
	    position: relative;
	}
	br.el_smart {
		display: block; }
	.widthMax-xs {
	    width: 100%!important;
	}
}

.pointColor_yellow{
	    color: #ed6d00;
}

.el_mother{
	position: relative;
	margin: 0 20px;
}

.el_child{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left:0;
	padding: 20px 0;
}

#select,#point,#flow,#cost {
    margin-top:-60px;
    padding-top:60px;
}
#info{
	padding-top:10px;
}
.nf-hd-logo{
		font-size: 0;
}

strong{
	color: #ed6d00;
}

.blc_sectionConteiner.blc_userVoice .parts-text h3 {
	    font-size: 1.1em;
}

p.el_wildFont span{
	font-size:1.25em;
	font-weight:bold;
	line-height: 1.25em;
}
p.el_wildFont{
	margin-bottom: 1em;
}
section{
	max-width:960px!important;
	margin: 0 auto;
}

.el_max-width960{
	max-width:960px!important;
	margin: 0 auto;
}

.conteiner-description p{
	font-size
}
.snsList{
	margin-right:10px;
}

div.boxSection-01 > *:last-child {
    margin-bottom: 0;
}
.acenter {
    text-align: center !important;
}
ul.btnList-01 li {
    margin: 0 0 10px;
}
a.btn-02 {
    border: 1px solid #eb6e00;
    border-bottom: 8px solid #eb6e00;
}
a.btn-01, a.btn-02, a.btn-03 {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 7px 24px 4px 9px;
    min-width: 145px;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
    color: #333;
		min-width: 180px;
}
a.btn-01:before, a.btn-02:before, a.btn-03:before {
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -8px;
}
a.btn-02 {
    border: 1px solid #eb6e00;
    border-bottom: 8px solid #eb6e00;
		margin-top: 10px;
}
a.btn-02:before {
    content: url(https://jpn.nec.com/nf_global/v2/common/img/icon/arrow-10-right.png);
}

	@media only screen and (max-width: 767px){
ul.btnList-01 li {
    margin: 0 0 10px;
}
}
.non-textShadow{
	text-shadow: none;
}

/* ヘッダーモダンボタン強制 */
@media only screen and (max-width: 960px){
#js__spNav	a.btn-02 {
	    display: none;
	}
}

@media only screen and (max-width: 682px){
	article{
		    padding-top: 0!important;
				margin-top: 0!important;
	}
}

.conteiner-description p{
	font-size: 0.9em;
}