@charset 'utf-8';
@import url('https://fonts.googleapis.com/css?family=Roboto:300');

/* CSS Document */
body{
	font-family:Arial, 'ヒラギノ角ゴ Pro W3', HiraKakuPro-W3, 'Hiragino Kaku Gothic Pro', sans-serif;
}

h2,h3,h4{
	font-weight:normal;
}

header{
	background:#ffffff;
	font-family:Arial, 'ヒラギノ角ゴ Pro W3', HiraKakuPro-W3, 'Hiragino Kaku Gothic Pro', sans-serif;
}

.headSection{
	margin:15px 0 15px 8.6%;
}

.headSection .ttl p a{
	width:100%;
}

.headSection .ttl p a img{
	width:100%;
	height:auto;
}

.headSection .ttl{
	display:table;
	width:100%;
}

.headSection .ttl p{
	vertical-align:middle;
}

.headSection .ttl p{
	display:table-cell;
	width:40%;
}

.headSection .ttl img{
	width:auto;
	vertical-align:middle;
}

.headSection .ttl h1{
	display:table-cell;
	padding-left:3%;
	background:rgba(0, 0, 0, 0) url('/s/common/images/bg_dline_01.gif') repeat-y scroll left top;
	color:#333333;
	font-size:171.4286%;
	vertical-align:bottom;
	white-space:nowrap;
}

.mainSection{
	overflow:hidden;
	width:100%;
}

.mainSection img{
	width:100%;
	height:auto;
}

.ctsBlock .ctsInner{
	position:relative;
}

.board{
	position:relative;
	top:-54px;
	left:0;
	margin:-8% 3.125% 0;
	text-align:left;
}

.board>h3{
	padding:10.6% 10.1% 9.2%;
}

.board>h3>span{
	display:block;
	color:#ffffff;
	font-weight:normal;
}

.board>h3>.label{
	font-size:164.2858%;
	letter-spacing:0.083em;
	text-transform:uppercase;
}

.board>h3>.border{
	width:10.5%;
	height:1px;
	margin-top:4%;
	padding-bottom:6.7%;
	border-top:2px solid #ffffff;
}
.board>h3{
	text-align:center;
}

.board>h3>em{
	display:block;
	color:#ffffff;
	font-size:214.2858%;
	font-weight:300;
	line-height:1.7;
}

.ctsInner .board+.txt{
	padding:6% 5.6% 8%;
	font-family:'ヒラギノ角ゴ Pro W3', HiraKakuPro-W3, 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size:164.2858%;
	line-height:1.83;
	letter-spacing:0.05em;
}

/*============================
.ctsMainVisual
============================*/
.ctsMainVisual{
	overflow:hidden;
	position:relative;
	/*height: 516px;*/
	/*background: url(/s/products/moverio/bt35especial/images/scene01/bg_scene_01.png) no-repeat center 0;*/
}

.ctsMainVisual .ctsInner{
	overflow:hidden;
	width:100%;
	height:0;
	padding-bottom:67.19%;
}

.ctsMainVisual .ctsInner .scene{
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.ctsMainVisual .scene>img{
	position:absolute;
	opacity:0;
}

/*============================
.scene_01
============================*/
.ctsMainVisual #scene_01 .text_1{
	top:29%;
	left:3%;
	width:93.75%;
}

.ctsMainVisual #scene_01 .photo_1{
	top:57.5%;
	left:5.2%;
	width:89.375%;
}

.ctsMainVisual #scene_01 .text_2{
	top:34.88372093023256%;
	left:22.03125%;
	width:54.6875%;
}

.ctsMainVisual #scene_01 .photo_2{
	bottom:0;
	left:34.84375%;
	width:39.53125%;
}

/*============================
.scene_02
============================*/
.ctsMainVisual #scene_02 .text{
	top:17.90697674418605%;
	left:42.96875%;
	width:43.125%;
}

/*============================
.scene_03
============================*/
.ctsMainVisual #scene_03 .text{
	top:13.95348837209302%;
	left:38.75%;
	width:56.25%;
}

/*============================
.scene_04
============================*/
.ctsMainVisual #scene_04 .text{
	bottom:5.11627906976744%;
	left:12%;
	width:77.03125%;
}

/*============================
.scene_05
============================*/
.ctsMainVisual #scene_05 .text{
	top:50.93023255813953%;
	right:6.5625%;
	width:46.71875%;
}

/*============================
.scene_06
============================*/
.ctsMainVisual #scene_06 .photo{
	top:18.83720930232558%;
	left:12.34375%;
	width:76.40625%;
}

.ctsMainVisual #scene_06 .text{
	bottom:4%;
	left:4.6%;
	width:91.25%;
}

/*============================
.bg_scene
============================*/
.ctsMainVisual .bg_scene{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.ctsMainVisual .bg_scene>img{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:auto;
	-webkit-transform:translateY(-50%);
	        transform:translateY(-50%);
}

/*============================
.bg_scene_01
============================*/
.ctsMainVisual .bg_scene_01{
	z-index:5;
}

/*============================
.bg_scene_02
============================*/

.ctsMainVisual .bg_scene_02{
	z-index:4;
}

/*============================
.bg_scene_03
============================*/

.ctsMainVisual .bg_scene_03{
	z-index:3;
}

/*============================
.bg_scene_04
============================*/

.ctsMainVisual .bg_scene_04{
	z-index:2;
}

/*============================
.bg_scene_05
============================*/

.ctsMainVisual .bg_scene_05{
	z-index:1;
}

/*============================
.ctsIntro
============================*/
.ctsIntro{
	text-align:center;
}

.ctsIntro .snsArea .sns{
	width:96%;
	margin:5% 0 0 0;
	text-align:right;
}

.ctsIntro .snsArea .sns li{
	display:inline-block;
	width:8%;
	margin-right:1%;
	text-align:right;
}

.ctsIntro .introTlt{
	margin:7% 0 6%;
	font-size:271.4286%;
	font-weight:normal;
	letter-spacing:0.04em;
}



/*============================
.ctsProduct
============================*/


.ctsProduct .board{
	top:-5px;
	left:0;
}

.ctsProduct .board>h3{
	padding:12% 0;
	background:url(/s/products/moverio/bt35especial/images/bg_product_board.png) no-repeat center center;
	-webkit-background-size:contain;
	        background-size:contain;
	letter-spacing:-1px;
}

.ctsProduct .board>h3 em{
	margin:0 -1em 0 -1em;
}

.ctsProduct .board .annotation3{
	margin-top:10px;
	font-size:6px;
	text-align:right;
}

/*============================
.ctsDrone
============================*/


.ctsDrone .board{
	top:-20px;
	left:0;
}

.ctsDrone .board>h3{
	margin-bottom:-29px;
	padding:12% 0;
	background:url(/s/products/moverio/bt35especial/images/bg_sports_board.png) no-repeat center center;
	-webkit-background-size:contain;
	        background-size:contain;
}

.ctsDrone .board .annotation3{
	margin-top:25px;
	font-size:6px;
	text-align:right;
}

.ctsDrone .txt{
	margin-top:-20px;
}

/*============================
.ctsNotes
============================*/
.ctsNotes .ctsInner{
	padding:2% 5.6% 9%;
}

/*============================
.ctsFeatures
============================*/
.ctsFeatures{
	padding-bottom:12.4%;
	background:#303030;
	color:#ffffff;
	font-family:'ヒラギノ角ゴ Pro W3', HiraKakuPro-W3, 'Hiragino Kaku Gothic Pro', sans-serif;
}

.ctsFeatures .featuresTlt{
	margin-bottom:11.2%;
	padding:6.4% 0 5.4%;
	background:#1a1a1a;
	font-size:271.4286%;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.03em;
}

.ctsFeatures .featuresPoint{
	padding:0 5.46875%;
	text-align:center;
}

.ctsFeatures .featuresPoint .featuresPointTlt{
	margin-bottom:6.4%;
	font-size:257.1429%;
	letter-spacing:0.05em;
}

.ctsFeatures .featuresPoint>p{
	font-size:164.2858%;
	line-height:1.83;
}

.ctsFeatures .featuresPoint:first-of-type>p{
	margin-bottom:6.3%;
}

.ctsFeatures .featuresPoint:first-of-type>p+img{
	margin-bottom:8%;
}

.ctsFeatures .featuresPoint:last-of-type{
	margin-top:11.3%;
}

.ctsFeatures .featuresPoint:last-of-type .featuresPointTlt{
	letter-spacing:0.1em;
}

.ctsFeatures .featuresPoint:last-of-type>p{
	margin-bottom:9.3%;
}

.ctsFeatures .featuresPoint:last-of-type>p+img{
	margin-bottom:8%;
}

/*============================
.ctsFunction
============================*/
.ctsFunction{
	padding:5.8% 0 5.8%;
	background:#f4f4f4;
}

.ctsFunction .functionSubTlt{
	display:block;
	font-size:185.7143%;
	text-align:center;
}

.ctsFunction .functionTlt{
	font-family:'ヒラギノ角ゴ Pro W3', HiraKakuPro-W3, 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size:271.4286%;
	text-align:center;
	line-height:1.45;
}

.ctsFunction .functionItems{
	padding:4.8% 5.46875% 0;
}

.ctsFunction .functionItem{
	display:table;
	position:relative;
	margin-bottom:7%;
	color:#000000;
	text-decoration:none;
}

.ctsFunction .functionItem:last-of-type{
	margin-bottom:0;
}

.ctsFunction .functionItem:hover,.ctsFunction .functionItem:link,.ctsFunction .functionItem:active,.ctsFunction .functionItem:visited{
	color:#000000;
}

.ctsFunction .functionItem>img,.ctsFunction .functionItem>div{
	display:table-cell;
	vertical-align:top;
}

.ctsFunction .functionItem>img{
	/*width: 37.5%;*/
}

.ctsFunction .functionItem>div{
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	width:60.5264%;
	padding:4.7% 5% 5% 5.3%;
	background:url(/s/products/moverio/bt35especial/images/bg_function.gif);
	/*background-size: 6px 6px;*/
	/*-webkit-background-size: 6px 6px;*/
}

.ctsFunction .functionItem>div>.functionItemTlt{
	margin-bottom:3.5%;
	font-size:164.2858%;
	font-weight:bold;
}

.ctsFunction .functionItem>div>p{
	font-size:142.8572%;
	letter-spacing:0.025em;
	word-wrap:break-word;
	word-break:normal;
}

.ctsFunction .functionItem>div>.btn--link{
	display:table-cell;
	position:absolute;
	right:5.5%;
	bottom:7%;
	width:49.3%;
	height:12%;
	border:1px solid #626262;
	border-radius:20px;
	text-align:center;
	vertical-align:middle;
	line-height:2.6;
}

.ctsFunction .functionItem>div>.btn--link>span{
	display:inline-block;
	position:relative;
	padding-left:9.5%;
	font-size:133.9286%;
	vertical-align:middle;
	line-height:1;
}

.ctsFunction .functionItem>div>.btn--link>span:before{
	position:absolute;
	top:8%;
	left:0;
	width:10.2%;
	height:90%;
	background:url(/s/products/moverio/bt35especial/images/bg_arrow_r_g.png) no-repeat 0 0;
	-webkit-background-size:contain;
	        background-size:contain;
	content:'';
}

/*============================
.ctsRecommend
============================*/


.ctsRecommend .ctsInner{
	padding:9.3% 5.46875% 0;
	text-align:center;
}

.ctsRecommend .recommendTlt{
	display:inline-block;
	margin-bottom:0.8%;
	border-bottom:1px solid;
	font-size:157.1429%;
	font-weight:normal;
	line-height:1.6;
	letter-spacing:0.2em;
}

.ctsRecommend .recommendSubTlt{
	margin-bottom:4.3%;
	font-size:228.5715%;
	line-height:2.25;
	letter-spacing:0.08em;
}

.ctsRecommend .recommendBox{
	display:table;
	position:relative;
	margin-bottom:14%;
	padding:2.6316%;
	background:url(/s/products/moverio/bt35especial/images/bg_function.gif);
	color:#000000;
	text-decoration:none;
	text-align:left;
}

.ctsRecommend .recommendBox:hover,.ctsRecommend .recommendBox:link,.ctsRecommend .recommendBox:active,.ctsRecommend .recommendBox:visited{
	color:#000000;
}

.ctsRecommend .recommendBox>img,.ctsRecommend .recommendBox>div{
	display:table-cell;
	vertical-align:top;
}



.ctsRecommend .recommendBox>div{
	width:55.3704%;
	padding:1% 0 2% 4.4%;
}



.ctsRecommend .recommendBox>.boxRight>h4>span{
	font-size:168.5%;
}

.ctsRecommend .recommendBox>.boxRight>h4>em{
	font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvatica Neue', 'Roboto', sans-serif;
	font-size:186.8572%;
	font-weight:300;
	letter-spacing:0.1em;
}

.ctsRecommend .recommendBox>.boxRight>.copy{
	display:inline-block;
	margin-bottom:4.6%;
	font-family:'ヒラギノ角ゴ Pro W6', HiraKakuPro-W6, sans-serif;
	font-size:100%;
	font-weight:600;
	line-height:1;
}

.ctsRecommend .recommendBox>.boxRight>p{
	font-size:128.5715%;
	line-height:1.4;
	letter-spacing:0.09em;
}

.ctsRecommend .recommendBox>.boxRight>.btn--link{
	display:inline-block;
	position:absolute;
	right:2.5%;
	bottom:6%;
	padding-left:3%;
	font-size:107.1429%;
	font-weight:bold;
	line-height:1;
}

.ctsRecommend .recommendBox>.boxRight>.btn--link:before{
	position:absolute;
	top:0;
	left:0;
	width:8.6%;
	height:87%;
	background:url(/s/products/moverio/bt35especial/images/bg_arrow_r_b.png) no-repeat 0 0;
	-webkit-background-size:contain;
	        background-size:contain;
	content:'';
}

.ctsRecommend .bnr01{
	display:inline-block;
	margin-top:11%;
}

.ctsRecommend .bnr02{
	display:inline-block;
	margin-top:7%;
}

/*============================
.ctsNews
============================*/
.ctsNews{
	margin:11.3% 0 8.7%;
	padding:0;
	text-align:center;
}

.ctsNews .ctsInner{
	margin:0 5.46875%;
	border-bottom:solid 2px #a0a0a0;
}

.ctsNews .newsTlt{
	width:100%;
	margin:0 auto 0;
	padding-bottom:3%;
	border-bottom:solid 2px #a0a0a0;
	font-size:228.5715%;
	line-height:1.6;
	letter-spacing:0.2em;
}

.ctsNews dl{
	width:100%;
	margin:0 auto;
	padding:4.7% 0 0;
	text-align:left;
	/*font-size: 171.43%;*/
	line-height:1.67;
}

.ctsNews dt{
	padding:0;
	font-family:'ヒラギノ角ゴ Pro W6', HiraKakuPro-W6, sans-serif;
	font-size:157.1429%;
	font-weight:bold;
}

.ctsNews dd{
	width:auto;
	padding:0 0 1.7em;
	font-family:'ヒラギノ角ゴ Pro W3', HiraKakuPro-W3, sans-serif;
	font-size:171.4286%;
}

.ctsNews dd .blank{
	width:1em;
	height:auto;
	margin-top:0.25em;
}

.ctsNews .iconNew{
	/* padding-right: 1.1em; */
	display:block;
	width:16.1%;
	padding:0 0 1.9%;
}

.ctsNews .btn01{
	display:inline-block;
	margin:7% 0 7.1%;
	padding:0 3.2em;
	color:#ffffff;
	font-size:171.43%;
	vertical-align:middle;
	line-height:3em;
	letter-spacing:0.1em;
}

.ctsNews .btn01 img{
	display:inline;
	width:1em;
	margin:0 -0.5em 0 0;
	padding:0 0 0 0.5em;
	/* float: right; */
	vertical-align:middle;
}

.ctsNews .btn01:after{
	display:inline-block;
	padding:0 0 0 0.2em;
	font-size:90%;
	vertical-align:middle;
	content:'\3e';
}

/*MOVERIO BT-350活用事例*/
.mainSection .slider_block{
	margin:0 -6.1%;
	padding:0 5.46875% 9%;
	background:#dddfe3;
}

.mainSection .slider_block .h2_block{
	margin:0 0 5.5%;
	padding:8.6% 0 2.4%;
	border-bottom:1px solid #0072e1;
	color:#0072e1;
	font-weight:normal;
	text-align:left;
}

.mainSection .slider_block .h2_block h2{
	margin-bottom:0.8%;
	font-family:'ヒラギノ角ゴ Pro W6', HiraKakuPro-W6, sans-serif;
	font-size:250%;
	letter-spacing:0.05em;
}

.mainSection .slider_block .h2_block h2 .txt_l{
	margin-right:10px;
	font-size:125%;
	font-weight:normal;
}

.mainSection .slider_block .h2_block p{
	font-family:'ヒラギノ角ゴ Pro W3', HiraKakuPro-W3, sans-serif;
	font-size:128.5715%;
	letter-spacing:0.01em;
}

.mainSection .slider_block .inner{
	margin:0 auto;
}

.bx-wrapper .bx-prev{
	left:-5%;
}

.bx-wrapper .bx-next{
	right:-5%;
}

.mainSection .annotation{
	padding:2% 4.8%;
	font-size:142.8572%;
	text-align:right;
}

@media screen and (max-width: 480px){
	.mainSection{
		font-size:12px;
	}

	.ctsNotes .ctsInner table{
		font-size:128.5714%;
	}
}

@media screen and (max-width: 320px){
	.mainSection{
		font-size:8px;
	}

	.ctsNotes .ctsInner table{
		font-size:11px;
	}
}


.mainSection .annotation2{
	margin-top:50px;
	padding:0 4.8% 0 4.8%;
}
.mainSection .annotation2 dt,.mainSection .annotation2 dd{
	text-align:left;
}
.mainSection .annotation2 dt{
	font-size:160%;
	font-weight:bold;
}
.mainSection .annotation2 dd{
	margin-top:5px;
	padding-left:1.8em;
	font-size:142.8572%;
	text-indent:-1.8em;
}


/* snsSection */
.snsSection{
	padding-bottom:56px;
	text-align:center;
}
.snsSection h3{
	margin-top:56px;
	color:#000000;
	font-size:18px;
	font-weight:bold;
}
.snsSection ul{
	width:111px;
	margin:8px auto 0;
}
.snsSection ul li{
	float:left;
	margin:0 7px;
}
.snsSection ul li img{
	width:23px;
}
.snsSection ul li a{
	opacity:1;
	transition:0.8s;
}
.snsSection ul li a:hover{
	opacity:0.5;
	transition:0.5s;
}