/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 60px;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  color: black;
  text-shadow: 1px 1px 0 white;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
  left: 0px;
}

.flex-direction-nav .flex-next {
  right: 0px;
  text-align: right;
}

.flexslider:hover .flex-prev {
  opacity: 1;
  left: 0px;
}

.flexslider:hover .flex-next {
  opacity: 1;
  right: 0px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  display: none;
}

/*.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }*/
/*.flex-direction-nav a.flex-next:before  { content: '\f002'; }*/
/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 1;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

/* Control Nav */
.flex-control-nav {
  width: 1000px;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: 1;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
#fixed-bg {
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("../index/img/bg_fixed.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#app {
  height: 100%;
}

#g-footer {
  background: #fff;
}

.sec-content {
  padding: 60px 0 60px;
  width: 100%;
}

.sec-content h2 {
  text-align: center;
  margin-bottom: 70px;
}




/*--------------------
sec-keyvisual 
--------------------*/
#sec-keyvisual {
  padding: 0;
  position: relative;
  width: 100%;
  height: 90%;
  max-height: 800px;
  min-height: 680px;
  overflow: hidden;
}
#sec-keyvisual #g-header {
  position: relative;
  z-index: 100;
}
#sec-keyvisual h2 {
  text-align: left;
  margin: 0;
}
#sec-keyvisual section {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-width: 1000px;
}
#sec-keyvisual section .min-w {
  height: 100%;
  position: relative;
}
#sec-keyvisual section .device {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
}
#sec-keyvisual section .device li img {
  position: absolute;
  bottom: 153px;
  left: 138px;
  display: none;
}
#sec-keyvisual section .detail {
  position: absolute;
  z-index: 100;
  left: 50%;
  top: 23%;
  width: 490px;
}
#sec-keyvisual section .detail h3 {
  margin: 10% 0 5%;
}
#sec-keyvisual section .detail .desc {
  line-height: 1.8;
}

/*--------------------
sec-news 
--------------------*/
#sec-news h2 {
  margin: 45px 0 30px;
}
#sec-news ul {
  width: 620px;
  margin: 0 auto;
}
#sec-news ul li {
  float: left;
}
#sec-news ul .cloud .plus {
  margin: 55px 25px;
  display: inline-block;
}
#sec-news .desc {
  text-align: center;
}

#sec-news p {
  margin-bottom:45px;
}



/*--------------------
sec-topics 
--------------------*/
#sec-topics {
  padding: 60px 0 60px;
  overflow-x: hidden;
}
#sec-topics h2 {
  margin-bottom: 40px;
}
#sec-topics .flexslider .slides li {
  font-size: 14px;
  padding: 0 20px;
  color: #bababa;
}
#sec-topics .flexslider .slides li p {
  height: 130px;
  overflow: hidden;
}
#sec-topics .flexslider .slides li .date {
  margin-top: 15px;
  color: #17b3d6;
  line-height: 1.3;
}
#sec-topics .flexslider .slides li .date img {
  display: inline;
  margin-left: 5px;
}
#sec-topics .flexslider .flex-prev {
  left: -30px;
}
#sec-topics .flexslider .flex-next {
  right: -30px;
}
#sec-topics .flexslider .flex-control-nav {
  bottom: -90px;
}
#sec-topics .flexslider .flex-control-paging li a {
  background: #000;
  border: 2px solid #666;
  box-shadow: none;
}
#sec-topics .flexslider .flex-control-paging li a:hover {
  border: 2px solid #fff;
}
#sec-topics .flexslider .flex-control-paging li a.flex-active {
  background: #fff;
  border: 2px solid #fff;
}

/*--------------------
sec-flow 
--------------------*/
#sec-flow {
  background: #fff;
}
#sec-flow .chart {
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  position: relative;
  height: 540px;
}
#sec-flow .chart .arrow {
  position: absolute;
}
#sec-flow .chart .arrow .text {
  color: #17b3d6;
  display: block;
}
#sec-flow .chart .arrow.arrow-1 {
  left: 280px;
  top: 80px;
}
#sec-flow .chart .arrow.arrow-2 {
  left: 285px;
  top: 205px;
}
#sec-flow .chart .arrow.arrow-2 .text {
  position: absolute;
  top: 95px;
  left: -120px;
  width: 200px;
}
#sec-flow .chart .arrow.arrow-3 {
  left: 560px;
  top: 205px;
}
#sec-flow .chart .arrow.arrow-3 .text {
  position: absolute;
  top: 95px;
  left: 50px;
  width: 200px;
}
#sec-flow .chart .box {
  color: #343434;
  position: absolute;
}
#sec-flow .chart .box .signal {
  position: absolute;
  top: 0;
  left: 0;
}
#sec-flow .chart .box .signal img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#sec-flow .chart .box.smartphone {
  top: 0;
  left: 0;
  width: 340px;
}
#sec-flow .chart .box.smartphone .iphone {
  position: absolute;
  left: 120px;
  top: 30px;
}
#sec-flow .chart .box.smartphone .iphone .signal {
  left: 105px;
  top: 10px;
}
#sec-flow .chart .box.smartphone .label {
  margin-top: 215px;
}
#sec-flow .chart .box.beacon {
  top: 0;
  right: 60px;
  width: 200px;
}
#sec-flow .chart .box.beacon .signal {
  left: 140px;
  top: 60px;
}
#sec-flow .chart .box.beacon .title {
  position: absolute;
  top: 190px;
  width: 100%;
}
#sec-flow .chart .box.cloud {
  top: 325px;
  left: 400px;
  width: 165px;
}
#sec-flow .chart .box.cloud .title {
  margin-top: 10px;
}

/*--------------------
sec-reason 
--------------------*/
#sec-reason {
  padding: 0;
  overflow: hidden;
}
#sec-reason h2 {
  width: 100%;
  background: #fff;
  margin: 0;
  padding-bottom: 75px;
}
#sec-reason .content {
  height: 100%;
  position: relative;
}
#sec-reason .content .min-w .reasons {
  background: #fff;
  width: 100%;
  padding: 20px 0;
}
#sec-reason .content .min-w .reasons:last-child ul {
  padding-bottom: 100px;
  width: 665px;
}
#sec-reason .content .min-w .reasons ul {
  margin: 0 auto;
}
#sec-reason .content .min-w .reasons ul li {
  width: 226px;
  text-align: center;
  margin: 0 50px;
  float: left;
  color: #333;
}
#sec-reason .content .min-w .reasons ul li p {
  font-size: 16px;
}
#sec-reason .content .min-w .reasons ul li .title {
  color: #17b3d6;
  font-size: 20px;
  margin-bottom: 5px;
}
#sec-reason .content .bg-right,
#sec-reason .content .bg-left {
  width: 10000px;
  height: 100%;
  position: absolute;
  background: #fff;
  top: 0;
}

/*--------------------
sec-scene 
--------------------*/
#sec-scene {
  padding-bottom: 0;
}
#sec-scene ul {
  margin: 0 auto 70px;
}
#sec-scene ul li {
  width: 220px;
  float: left;
  margin-right: 32px;
}
#sec-scene ul li .title {
  color: #17b3d6;
  font-size: 18px;
  margin: 10px 0 5px;
}
#sec-scene ul li p {
  font-size: 16px;
  line-height: 1.6;
}
#sec-scene ul li:last-child {
  margin-right: 0;
}
#sec-scene ul:last-child {
  width: 740px;
  margin-bottom: 0;
}

/*--------------------
sec-casestudy 
--------------------*/
#sec-casestudy .min-w {
  width: 860px;
}
#sec-casestudy .more {
  text-align: center;
  margin: 70px 0;
}
#sec-casestudy .detail {
  position: relative;
  width: 370px;
  padding-top: 170px;
}
#sec-casestudy .detail .app-icon {
  position: absolute;
  top: 20px;
  left: 120px;
}

/*--------------------
sec-contact 
--------------------*/
#sec-contact ul {
  width: 860px;
  margin: 40px auto;
}
#sec-contact ul li {
  float: left;
  width: 430px;
}
#sec-contact ul li p {
  padding: 0 30px;
}
#sec-contact .receive-news {
  text-align: center;
  margin-bottom:100px;
}

#sec-contact .inquirie-alliance{
  text-align: center;
}

.banner_wrap{
	margin:0 auto;
	width:843px;
}

.set_banner_left{
	float:left;
}

.set_banner_right{
	float:right;
}

/*--------------------
campaign 
--------------------*/

.campaign{
	background-color:#fff;
	color:#010101;
	margin-bottom:-50px;
}

.campaign p{
	text-align:center;
	margin-top:-40px;
	margin-bottom:70px;
}

.free_campaign{
	background: url(../index/img/campaign/campaign_gradation_area.png);
	width:852px;
	height:333px;
	margin:0 auto;
	position:relative;
}

.txt_first_arrival{
	position: absolute;
	left: 263px;
	top: 53px;
}

.txt_free_campaign{
	position: absolute;
	left: 50px;
	top: 126px;
}

.free_campaign .btn{
	position: absolute;
	left: 480px;
	top: 147px;
}

.txt_period{
	position: absolute;
	left: 465px;
	top: 226px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

.btn-campain{
	padding: 17px 73px;
	font-size: 20px;
	font-weight:bold;
}

/*--------------------
agreement 
--------------------*/
.agreement {
	background-color:#fff;
	color:#010101;
	margin-bottom:-50px;

}

.agreement  h2{
	font-size:30px;	
}

.agreement section{
	width:800px;
	margin:0 auto;
}






.title_p{
	text-align:center;
	font-size:22px;
	margin-top:60px;
	margin-bottom:20px;
}

#aglink {
  color: #000;
  padding:0;
  background: #fff;
}

#aglink a {
  color: #000;
    font-size:22px;
}
#aglink a:hover {
  color: #17b3d6;
}

#aglink nav li {
  float: left;
  padding: 0 38px;
  height: 22px;
  line-height: 0.8;
  border-right: 1px solid #dbdbdb;
}

#aglink nav li:first-child {
  padding: 0 38px 0 0 ;
}

#aglink nav li:last-child {
  border: none;
  padding-right: 0;
}


#sec-agreement p, #sec-agreement ul {
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
}

#sec-agreement .policy {
  margin-bottom: 30px;
}

#sec-agreement .policy li {
  list-style-type: none;
  list-style-position: outside;
  margin-left: 0px;
}

/*--------------------
help
--------------------*/


.help{
	background-color:#fff;
	color:#010101;
	margin-bottom:-50px;

}

.help  h2{
	font-size:30px;
	text-align: center;
	margin-bottom: 0px;	
    color: #5d3000;
	font-weight: bold;
    line-height: 1;
 
}





.help section{
	width:960px;
	margin:0 auto;
}




.help_category_title{
	font-weight:bold;
	margin-top:40px;
	margin-bottom:20px;
	font-size:22px;
}

.help_category_title_a{
	font-weight:bold;
	margin-bottom:20px;
	font-size:22px
}


.help_q_title{
	padding-left:50px;
	margin-bottom:10px;
	background: url(../img/icon_q.png) left center no-repeat;
	font-size:20px;
}


.help_q_title a{
  color:#333;
  font-size:20px;
}

.help_q_title a:hover{
  color:#17b3d6;
}

.help_separator_line{
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	
	border-bottom: 2px solid #ddd;
	padding-top:50px;
	margin-bottom:40px;
}

.help_answer{
	width:800px;
	margin:0 auto;
	padding-bottom:60px;
}

.help_a_content{
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	background-color:#F9F9F9;
	border:1px solid #bbb;
	margin-bottom:35px;	
}

.help_a_icon{
	float:left;
	padding-top:20px;
	padding-left:20px;
}


.help_a_txt{
	float:left;
	width:700px;
	padding-top:15px;
	margin-bottom:0px !important;
	padding-left:20px;
	padding-bottom:18px;
	font-size:18px !important;
	max-height: 999999px;
	background-image: url(../img/pix.gif);
}

.help_to_top{
	text-align:right;
	margin-top:10px;
	margin-bottom:20px;

}

.help_to_top a{
	color:#333;
	font-size:18px;
}

.help_to_top a:hover{
  color:#17b3d6;
}

.help_a_txt a{
	 color:#17b3d6;
	 font-size:18px;
}



/*--------------------
help popup
--------------------*/

#hr_pop{
  padding: 0;
  width: 100%;
  height: 100%;
  position:fixed;
  top:0;
  left:0;
  display: none;
  z-index: 9999;
}

#hr_pop_inner{
	padding: 0;
	background:url(../img/popup_bg.png) top left repeat;
	position:static;  
	width:100%;
	height:100%;
}

#hr_pop_content_outer{
	padding: 0;
	width:100%;
	height:100%;
	position:relative;
}

#hr_pop_content{
	position:absolute;
	top:50%;
	left:50%;
	background-color: #fed;
	border: 1px solid #aaa;
	width: 640px;
	height: 662px;
	margin-left:-320px;
	margin-top:-331px;
	background:url(../img/return_pop.png?ts=160510) top left no-repeat;
	
}

#hr_pop_close {
  cursor: pointer;
  margin:0 auto;
  margin-top:520px;
  width:270px;
}



#guide_head h1, #guide_head_link{
	float:left;
}


#guide_head_sns{
	float:right;
}




#guide_head{
	width:895px;
	margin:0 auto;
	padding-top:20px;
	margin-bottom:0px;
}



ul#guide_head_link{
	padding-top:12px;
	margin-left:120px;
}


#guide_head_link li{
	display:inline-block;
	font-size:13px;
	margin-right:15px;
	padding-right:20px;
	border-right: solid #b6b5b5 1px;
	max-height: 999999px;

}


#guide_head_link li a{
	color:#3e3a39;
	text-decoration:none;
}


#guide_head_link li:last-child{
	margin-right:0px;
	padding-right:0px;
	border-right:none;
}


ul#guide_head_sns{
	font-size: 0;
	padding-top:7px;
}


#guide_head_sns li{
	display:inline-block;
	font-size:14px;
	margin-right:17px;
}


#guide_head_sns li:last-child{
	margin-right:0px;
}


#guide_title{
	text-align:center;
	margin-bottom:30px;
}

#guide_title h2{
	font-size:30px;
	color:#5d3000;
	font-weight:bold;
	line-height:1;
	margin-bottom:17px;
}

#guide_title p{
	font-size:24px;
	color:#f08d27;
	font-weight:bold;
	line-height:1;
}

/***************************/












#footer{
	margin-top:15px;
	padding-top:50px;
	text-align:center;
	color:#5D3000;
	background:#F8F7EB;
}

#boxyz_info{
	font-size:13px;
	line-height:1.54;
	max-height: 999999px;
	margin-top:30px;

}


#putmenu_info{
	font-size:13px;
	line-height:1.54;
	padding:20px 0 30px;	
	max-height: 999999px;

}



#footer a{
	text-decoration:none;
	color:#5D3000;
}


/**** sns ***/

#headsns{
	letter-spacing: -.40em;
	text-align:right;
	padding-right:35px;
	padding-top:20px;

}

#headsns li{
	display:inline-block;
	letter-spacing: normal;
	margin-right:12px;
} 

#headsns li:last-child{
	margin-right:0px;
}




#footsns{
	letter-spacing: -.40em;
	width:184px;
	margin:0px auto;
}

#footsns li{
	display:inline-block;
	letter-spacing: normal;
	margin-right:35px;
} 

#footsns li:last-child{
	margin-right:0px;
}


#t_lang{
	margin-top:95px;
	text-align:center;
}

#t_lang2{
	margin-top:50px;
	text-align:center;
}

#boxyz_info .cname{
	font-size:15px;
	font-weight:bold;

	margin-bottom:5px;
	
}

#putmenu_info .cname{
	font-size:21px;
	font-weight:bold;

}


#copyright{
	text-align:center;
	padding-bottom:30px;
	font-size:11px;
}


.trademark_ex{
  margin-bottom:15px;
  font-size:13px;
}