@charset "UTF-8";

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

/* CSS Document */
body {
	color: #000;
}

#contents .headSection .leftArea .title {
	font-size: 157.127%;
}

.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
	content: '.';
}

.clearfix {
	min-height: 1px; /*IE6、7対策*/
}

* html .clearfix {
	overflow: hidden;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: 1px;
	height: auto;
	/**/
}

#contents .mainSection {
	margin: 0 auto;
	min-width: 960px;
	width: 100%;
}

.ctsBlock {
	text-align: center;
}

.ctsInner {
	position: relative;
	margin: 0 auto;
	width: 960px;
}

.ctsInner > .txt {
	word-wrap: break-word;
	word-break: break-word;
}

.ctsBlock .ctsInner {
	text-align: left;
}

.board {
	position: absolute;
	text-align: left;
}

.board > h3 {
	padding: 47px 36px 23px 56px;
}

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

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

.board > h3 > .border {
	margin-top: 13px;
	padding-bottom: 22px;
	width: 30px;
	height: 1px;
	border-top: 1px solid #fff;
}

.board > h3 > em {
	display: block;
	color: #fff;
	font-weight: 300;
	font-size: 171.428%;
	font-family: 'ヒラギノ角ゴ Pro W3', HiraKakuPro-W3, sans-serif;
	line-height: 1.7;
}

.board > .after {
	height: 20px;
}

/*============================
.ctsMainVisual
============================*/
.ctsMainVisual {
	position: relative;
	overflow: hidden;
	height: 516px;
	user-select: none;
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

.ctsMainVisual .ctsInner {
	position: relative;
	width: 960px;
}

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

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

/*============================
.scene_01
============================*/
.ctsMainVisual #scene_01 .text_1 {
	top: 108px;
	left: 50%;
	margin-left: -350px;
}

.ctsMainVisual #scene_01 .photo_1 {
	top: 264px;
	left: 50%;
	margin-left: -346px;
}

.ctsMainVisual #scene_01 .text_2 {
	top: 181px;
	left: 50%;
	margin-left: -190.5px;
}

.ctsMainVisual #scene_01 .photo_2 {
	bottom: 0px;
	left: 50%;
	margin-left: -122px;
}

/*============================
.scene_02
============================*/
.ctsMainVisual #scene_02 .text {
	top: 123px;
	right: 58px;
}

/*============================
.scene_03
============================*/
.ctsMainVisual #scene_03 .text {
	top: 70px;
	right: -18px;
}

/*============================
.scene_04
============================*/
.ctsMainVisual #scene_04 .text {
	bottom: 44px;
	left: 50%;
	margin-left: -261px;
}

/*============================
.scene_05
============================*/
.ctsMainVisual #scene_05 .text {
	top: 63px;
	right: 0px;
}

/*============================
.scene_06
============================*/
.ctsMainVisual #scene_06 .photo {
	top: 95px;
	left: 50%;
	margin-left: -335.5px;
}

.ctsMainVisual #scene_06 .text {
	bottom: 16px;
	left: 50%;
	margin-left: -336px;
}

/*============================
.bg_scene
============================*/
.ctsMainVisual #bgStage {
	position: relative;
}

.ctsMainVisual .bg_scene {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 516px;
	opacity: 0;
}

/*============================
.bg_scene_01
============================*/
.ctsMainVisual .bg_scene_01 {
	z-index: 6;
	background: url(/products/moverio/bt35especial/images/scene01/bg_scene_01.png) no-repeat center top;
}

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

.ctsMainVisual .bg_scene_02 {
	z-index: 5;
	background: url(/products/moverio/bt35especial/images/scene02/bg_scene_02.jpg) no-repeat center top;
}

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

.ctsMainVisual .bg_scene_03 {
	z-index: 4;
	background: url(/products/moverio/bt35especial/images/scene03/bg_scene_03.jpg) no-repeat center top;
}

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

.ctsMainVisual .bg_scene_04 {
	z-index: 3;
	background: url(/products/moverio/bt35especial/images/scene04/bg_scene_04.jpg) no-repeat center top;
}

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

.ctsMainVisual .bg_scene_05 {
	z-index: 2;
	background: url(/products/moverio/bt35especial/images/scene05/bg_scene_05.jpg) no-repeat center top;
}

/*============================
.bg_scene_06
============================*/

.ctsMainVisual .bg_scene_06 {
	z-index: 1;
	background: url(/products/moverio/bt35especial/images/scene06/bg_scene_06.jpg) no-repeat center top;
}

/*============================
.ctsIntro
============================*/
.ctsIntro {
	padding: 53px 0 0;
	text-align: center;
}

.ctsIntro .snsArea {
	margin: 13px auto 31px;
}

.ctsIntro .introTlt {
	display: block;
	clear: both;
	text-align: center;
	letter-spacing: 0.06em;
	font-weight: 300;
	font-size: 271.4014%;
	font-family: 'ヒラギノ角ゴ Pro W3', HiraKakuPro-W3, sans-serif;
	line-height: 1.42;
}


/*============================
.ctsProduct
============================*/
.ctsProduct {
	margin-top: 80px;
	padding: 0;
}

.ctsProduct h3 {
	color:#15a661;
	font-size: 26px;
}

.ctsProduct .ctsInner {
	text-align: left;
}

.ctsProduct .ctsInner .annotation3{
	position: absolute;
	right: 0px;
	bottom: 85px;
}

.ctsProduct .bgWrapper {
	margin-top:-34px;
}

.ctsProduct .bgWrapper > .bgPhoto {
	height: 474px;
	background: url(/products/moverio/bt35especial/images/ph_product.jpg) no-repeat center top;
}

.ctsProduct .board {
	position: absolute;
	top: -50px;
	right: 0;
	width: 437px;
}

.ctsProduct .board > h3 {
	position: relative;
	height: 220px;
	padding: 0 36px 0 42px;
	background: url(/products/moverio/bt35especial/images/bg_product_board.png) no-repeat 0 0;
}
.ctsProduct .board > h3 em{
	position: absolute;
	margin-top:-1em;
	top:50%;
	bottom:50%;
}

.ctsProduct .board > .after {
	background: url(/products/moverio/bt35especial/images/bg_product_board_bottom.png) no-repeat 0 0;
}

.ctsProduct .txt {
	width:590px;
	margin:50px auto 0 auto;
	padding: 0;
	letter-spacing: 0.05em;
	line-height: 2.24;
}

/*============================
.ctsDrone
============================*/
.ctsDrone {
	margin-top:84px;
	padding: 0;
}

.ctsDrone h3 {
	color:#24b5e4;
	font-size: 26px;
}

.ctsDrone .bgWrapper {
	margin-top:-34px;
}

.ctsDrone .bgWrapper > .bgPhoto {
	height: 479px;
	background: url(/products/moverio/bt35especial/images/ph_drone.jpg) no-repeat center top;
}

.ctsDrone .board {
	top: -50px;
	left: 0;
	width: 437px;
}

.ctsDrone .board > h3 {
	padding: 47px 36px 23px 44px;
	background: url(/products/moverio/bt35especial/images/bg_drone_board.png) no-repeat 0 0;
}

.ctsDrone .board > .after {
	background: url(/products/moverio/bt35especial/images/bg_drone_board_bottom.png) no-repeat 0 0;
}

.ctsDrone .ctsInner .annotation3{
	position: absolute;
	right: 0px;
	bottom: 85px;
}

.ctsDrone .txt {
	width:590px;
	margin:50px auto 0 auto;
	padding: 0;
	letter-spacing: 0.05em;
	line-height: 2.24;
}

/*============================
.ctsNotes
============================*/
.ctsNotes{
	margin-top:150px;
}

.ctsNotes .ctsInner {
	padding: 0 0 43px;
}

/*============================
.ctsFeatures
============================*/
.ctsFeatures {
	padding: 0;
}

.ctsFeatures .ctsInner {
	margin: 0;
	padding: 0 0 43px;
	width: auto;
	background: #303030;
	color: #fff;
	text-align: center;
}

.ctsFeatures .tlt {
	margin-bottom: 101px;
	padding: 42px 0 42px;
	background: #1a1a1a;
	color: #fff;
	letter-spacing: 0.025em;
	font-weight: normal;
	font-size: 271.4014%;
}

.ctsFeatures .featuresPoint {
	margin-bottom: 85px;
}

.ctsFeatures .featuresPoint > .featuresPointTlt {
	margin-bottom: 30px;
	letter-spacing: 0.1em;
	font-weight: normal;
	font-size: 200%;
}

.ctsFeatures .featuresPoint > p {
	margin-bottom: 70px;
	line-height: 2.214;
}

/*============================
.ctsFunction
============================*/
.ctsFunction {
	padding: 110px 0 25px;
	background: #f4f4f4;
	text-align: center;
}

.ctsFunction .ctsInner > span {
	display: inline-block;
	margin-bottom: 15px;
	letter-spacing: 0.05em;
	font-weight: normal;
	font-size: 185.6954%;
	line-height: 1;
}

.ctsFunction .ctsInner > .tlt {
	letter-spacing: 0.05em;
	font-weight: normal;
	font-size: 271.4014%;
}

.ctsFunction .functionWrap {
	margin: 60px 0 0;
}

.ctsFunction .cell {
	position: relative;
	display: inline-block;
	float: left;
	margin-left: 45px;
	background: url(/products/moverio/bt35especial/images/bg_item.gif) 0 0;
	vertical-align: top;
}

.ctsFunction .cell.first {
	margin-left: 0;
}

.ctsFunction .cell.top {
	margin-bottom: 30px;
}

.ctsFunction .cellInner {
	min-height: 440px;
	width: 290px;
}

.ctsFunction .cellInner > .functionItemTlt {
	display: table-cell;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px 0;
	width: 290px;
	/*vertical-align: middle;*/
	font-weight: 600;
	font-size: 142.8425%;
}

.ctsFunction .cellInner > .functionItemTlt.line {
	padding: 10px 0;
}

.ctsFunction .cellInner > p {
	padding: 20px 30px;
	text-align: left;
	word-wrap: break-word;
	word-break: normal;
	line-height: 1.785;
}

.ctsFunction .cellInner > .btn--link {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #000;
	vertical-align: bottom;
}

.ctsFunction .cellInner > .btn--link > .arrow {
	position: absolute;
	bottom: 25px;
	left: 50%;
	display: inline-block;
	margin-left: -115px;
	width: 230px;
	height: 32px;
	background: url(/products/moverio/bt35especial/images/bg_function_btn.png) no-repeat 0 0;
	/*background: url(/products/moverio/bt35especial/images/icn_arrow_link.png) no-repeat 0 center;*/
	font-size: 107.132%;
	line-height: 32px;
}

.ctsFunction .cellInner > .btn--link > .arrow > img {
	margin-right: 10px;
	vertical-align: middle;
}

/*============================
.ctsRecommend
============================*/
.ctsRecommend {
	margin: 0;
	padding: 115px 0 0;
	text-align: center;
}

.ctsRecommend .recommendTlt {
	display: inline;
	padding-bottom: 6px;
	*padding-bottom: 0;
	border-bottom: 1px solid;
	letter-spacing: 0.16em;
	font-weight: normal;
	font-size: 157.142%;
}

.ctsRecommend .recommendSubTlt {
	display: block;
	margin: 20px 0 55px;
	letter-spacing: 0.16em;
	font-size: 185.6954%;
	line-height: 2.25;
}

.ctsRecommend .box {
	position: relative;
	overflow: hidden;
	margin: 0 0 60px;
	padding: 10px;
	background: url(/products/moverio/bt35especial/images/bg_item.gif) repeat;
	vertical-align: top;
	text-align: left;
}

.ctsRecommend .box > img {
	float: left;
	margin-right: 50px;
}

.ctsRecommend .box > .boxRight {
	float: left;
}

.ctsRecommend .box > .boxRight > h4 {
	margin: 20px 0 12px;
	line-height: 1;
}

.ctsRecommend .box > .boxRight > h4 > span {
	font-size: 150%;
}

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

.ctsRecommend .box > .boxRight > span {
	display: inline-block;
	margin-bottom: 12px;
	font-weight: 600;
	font-family: 'ヒラギノ角ゴ Pro W6', HiraKakuPro-W6, sans-serif;
	line-height: 1;
}

.ctsRecommend .box > a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
}

.ctsRecommend .box > a span {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-weight: 600;
	font-size: 107.132%;
}

.ctsRecommend .box > a span img {
	margin-right: 5px;
	vertical-align: middle;
}

.ctsRecommend .bnr01 {
	display: inline-block;
	margin-bottom: 60px;
}

.ctsRecommend .bnr02 {
	display: inline-block;
	margin-bottom: 30px;
}

/*============================
.ctsNews
============================*/
.ctsNews {
	padding: 125px 0 0;
	text-align: center;
}

.ctsNews .newsTlt {
	margin-bottom: 25px;
	letter-spacing: 0.16em;
	font-weight: normal;;
	font-size: 185.6954%;
	line-height: 1;
}

.ctsNews dl {
	padding: 21px 0 0;
	border: solid 1px #bfbfbf;
	border-right: none;
	border-left: none;
	text-align: left;
	line-height: 1.714;
}

.ctsNews dt {
	float: left;
	clear: both;
	padding: 0 15px 20px 15px;
	width: 137px;
	font-weight: 400;
}

.ctsNews dd {
	float: left;
	padding: 0 0 20px;
	width: 793px;
	font-size: 0.89em;
}

.ctsNews dd .blank {
	margin-top: 1px;
}

.ctsNews .iconNew {
	margin-top: -1px;
	padding-right: 1.1em;
}

.ctsNews .btn01 {
	display: inline-block;
	*display: inline;
	margin: 32px 0 47px;
	padding: 0 4.1em;
	background: url(/products/moverio/bt35especial/images/bg_btn_01.png) repeat;
	color: #fff;
	vertical-align: middle;
	line-height: 39px;
	*zoom: 1;
}

.ctsNews .btn01 img {
	margin: 0 -0.5em 0 0;
	padding: 0 0 0 0.5em;
	vertical-align: middle;
}

/*============================
for animation
============================*/
.ctsMainVisual img {
	display: none;
	height: auto;
	opacity: 0;
}

.mainSection .boxBgDot {
	opacity: 0;
}

.ctsFunction a:hover,
.ctsRecommend a:hover {
	background-color: #fff;
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.ctsRecommend a.bnr01:hover,
.ctsRecommend a.bnr02:hover,
.ctsRecommend a.bnr03:hover {
	background-color: #fff;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*============================
MOVERIO 活用事例
============================*/
.mainSection .slider_block {
	margin-bottom: 60px;
	padding: 20px 0 40px;
	background: #dddfe3;
}

.mainSection .slider_block .h2_block {
	margin: 0 20px 15px;
	border-bottom: 1px solid #0072e1;
	color: #0072e1;
	font-weight: normal;
}

.mainSection .slider_block .h2_block h2 {
	float: left;
	font-size: 137.5%;
}

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

.mainSection .slider_block .h2_block p {
	float: right;
	padding-top: 12px
}

.mainSection .slider_block .inner {
	margin: 0 auto;
	width: 960px;
}

.mainSection .annotation{
	clear:both;
	padding-top:15px;
	text-align:right;
}

.mainSection .annotation2{
	margin-top:100px;
}
.mainSection .annotation2 dt,
.mainSection .annotation2 dd{
	text-align: left;
}
.mainSection .annotation2 dt{
	font-size: 16px;
	font-weight: bold;
}
.mainSection .annotation2 dd{
	margin-top:5px;
	padding-left:2.25em;
	text-indent:-2.25em;
	font-size: 12px;
}




/* snsSection */
.snsSection {
	text-align:center;
}
.snsSection h3 {
	margin-top:113px;
	font-size: 29px;
	color:#000000;
}
.snsSection ul {
	width:228px;
	margin:16px auto 0;
}
.snsSection ul li {
	float:left;
	margin:0 15px;
}
.snsSection ul li a {
	opacity:1;
	transition:0.8s;
}
.snsSection ul li a:hover {
	opacity:0.5;
	transition:0.5s;
}