@charset "utf-8";

#wrapper {
min-width: 1000px;
padding: 0 0 80px;
overflow-x: hidden;
}

#wrapper .top_kv{
position: relative;
min-width: 1000px;
max-width: 1500px;
height: 600px;
margin:0 auto;
background: url("../img/index_kv_01.jpg") no-repeat center top;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
}

#wrapper .top_kv .inner{
position: relative;
width: 1000px;
height: 600px;
margin: 0 auto;
text-align: left;
z-index: 60;
}
#wrapper .top_kv h1{
position: absolute;
top: 300px;
left: 10px;
width: 1000px;
height: 240px;
background: url(../img/index_kvtxt_01.png) no-repeat center top;
}

#wrapper .overview .ttl {
width: auto;
margin: 0 0 52px;
font-size: 30px;
font-weight: bold;
text-align: center;
}

#wrapper .func {
padding: 90px 0 70px;
}

#wrapper .func .ttl {
margin: 0 0 50px;
font-size: 30px;
font-weight: bold;
text-align: center;
}

#wrapper .func .clearfix {
overflow: inherit;
}

#wrapper .func .clearfix:after{
display: table;
clear: both; 
content: '';
}


#wrapper .func img {
max-width: 100%;
}

#wrapper .func .box {
padding: 0 0 70px;
}

#wrapper .func #vslam, #wrapper .func #cleaning {
margin: -66px 0 0;
padding: 66px 0 70px;
}

#wrapper .func .box01 h2 {
float: left;
}

#wrapper .func .box01 .txtBox {
float: left;
}

#wrapper .func .box01 .img {
float: right;
}

#wrapper .func .box02 h2 {
float: right;
}

#wrapper .func .box02 .txtBox {
float: right;
}

#wrapper .func .box02 .img {
float: left;
}

#wrapper .func .imgSp01 {
min-height: 500px;
background: url("../img/s9tex_func_img_07.jpg") no-repeat center top;
box-sizing: content-box;
}

#wrapper .func .box h2 {
width: 480px;
padding: 35px 0 0;
font-size: 28px;
text-align: left;
}

#wrapper .func .box .txtBox {
width: 480px;
}

#wrapper .func .box .txtBox .lead {
margin: 15px 0 0;
font-size: 15px;
font-weight: bold;
line-height: 1.67;
text-align: left;
}

#wrapper .func .box .txtBox p {
width: auto;
margin: 15px 0 0;
font-size: 14px;
line-height: 1.86;
text-align: left;
}

#wrapper .func .box .txtBox .movie {
width: 320px;
margin: 30px 0 0;
}

#wrapper .func .box .txtBox .img02 {
width: 320px;
margin: 40px 0 0;
}

#wrapper .func .box .txtBox .movie + .img02 {
margin: 20px 0 0;
}

#wrapper .func .box .txtBox .note {
font-size: 11px;
line-height: 1.91;
}

#wrapper .func .box .txtBox .link {
width: 320px;
margin: 30px 0 0;
text-align: center;
}

#wrapper .func .box .txtBox .link a {
display: block;
padding: 7px 0;
color: #fff;
background: #5d62ff url("../img/ico_arw_03.png") no-repeat right 12px center;
border-radius: 3px;
}

#wrapper .func .over a:hover {
opacity: 0.7;
}

#wrapper .func .box .img {
position: relative;
width: 480px;
}

#wrapper .func .box:nth-of-type(1) .img {
padding: 0 0 0px;
}
#wrapper .func .box:nth-of-type(3) .img ,
#wrapper .func .box:nth-of-type(7) .img {
padding: 0 0 0px;
}

#wrapper .func .box01 .img:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 9999px;
height: 100%;
background: #f3f4f6;
z-index: -1;
}

#wrapper .func .box02 .img:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 9999px;
height: 100%;
background: #f3f4f6;
z-index: -1;
}

#wrapper sup {
font-size: 10px;
vertical-align: super;
}

#wrapper .func .update h2 {
margin: 0 0 10px;
font-size: 28px;
text-align: left;
}

#wrapper .func .update p {
font-size: 14px;
text-align: left;
}

#wrapper .feature ul {
display: flex;
justify-content: space-between;
padding: 0 0 40px;
}

#wrapper .feature ul li {
width: 310px;
}

#wrapper .feature ul li .img {
width: 310px;
min-height: 240px;
background: url("../img/index_feature_01.jpg") no-repeat center top;
background-size:310px;
}

#wrapper .feature ul li:nth-child(2) .img {
background: url("../img/index_feature_02.jpg") no-repeat center top;
background-size:310px;
}

#wrapper .feature ul li:nth-child(3) .img {
background: url("../img/index_feature_03.jpg") no-repeat center top;
background-size:310px;
}

#wrapper .feature ul.second li:nth-child(1) .img {
background: url("../img/index_feature_04.jpg") no-repeat center top;
background-size:310px;
}

#wrapper .feature ul.second li:nth-child(2) .img {
background: url("../img/index_feature_05.jpg") no-repeat center top;
background-size:310px;
}

#wrapper .feature ul.second li:nth-child(3) .img {
background: url("../img/index_feature_06.jpg") no-repeat center top;
background-size:310px;
}

#wrapper .feature ul li h3 {
margin: 20px 0;
font-size: 16px;
font-weight: bold;
}

#wrapper .feature ul li p {
font-size: 14px;
line-height: 1.72;
}

#wrapper .detailWrap01 .image .date {
left: 116px;
}

#wrapper .detail .list {
  max-width: 238px;
  margin-top: 7px;
  font-size: 133%;
  line-height: 1.43;
}

#wrapper .detail .list a {
  display: block;
  padding: 2px 13px;
  border: 1px solid #63a70b;
  background: #63a70b url(../img/series_ico_01.png) no-repeat right 14px center;
  text-align: center;
  color: #ffffff;
}

#wrapper .detail .list a:hover {
  opacity: 0.7;
}

#wrapper .bnr a {
  display: block;
  min-height: 225px;
  background: url("../img/index_bnr_01.jpg") no-repeat center;
}

#wrapper .bnr a:hover {
  opacity: 0.7;
}

#wrapper .bnr a img {
  display: none;
}

#wrapper .cp_bnr {
  margin: 50px 0 0;
}

#wrapper .cp_bnr a {
  display: block;
  width: 1000px;
  height: 225px;
  margin: 0 auto;
  background: url("/product/img/product_bnr.jpg") no-repeat center;
}

#wrapper .cp_bnr a:hover {
  opacity: 0.7;
}

#wrapper .cp_bnr a img {
  height: 0;
}

@media screen and (max-width: 640px) {
#wrapper {
min-width: inherit;
padding: 40px 0 10%;
}

#wrapper .top_kv{
min-width: 100px;
height: auto;
margin-bottom: 3%;
padding-top: 0;
background: url(../img/index_kv_01_sp.jpg) no-repeat center top;
-webkit-background-size: 100% auto;
background-size: 100% auto;
}

#wrapper .top_kv .inner{
width: auto;
height: auto;
padding-top: 65%;
}

#wrapper .top_kv h1{
position: static;
width: 100%;
height: auto;
background: url(../img/index_kvtxt_01_sp.png) no-repeat center top;
background-size: 100% auto;
}

#wrapper .top_kv .img {
width: 100%;
margin: 5% 0 0;
background-color: #f3f4f6;
}

#wrapper .overview .ttl {
width: auto;
margin: 0;
font-size: 18px;
font-weight: bold;
text-align: center;
padding:11% 0 8% 0;

}

#wrapper .func {
width: 93.75%;
margin: 0 auto;
padding: 8% 0 2%;
}

#wrapper .func .ttl {
margin: 0 0 11%;
font-size: 18px;
font-weight: bold;
text-align: center;
}

#wrapper .func .box {
padding: 0 0 11%;
}
#wrapper .func #vslam, #wrapper .func #cleaning {
margin: 0;
padding: 0 0 11%;
}

#wrapper .func #iadapt, #wrapper .func #cleaning {
margin: 0;
padding: 0 0 11%;
}
#wrapper .func .box01 h2, #wrapper .func .box01 .txtBox, #wrapper .func .box01 .img, #wrapper .func .box02 h2, #wrapper .func .box02 .txtBox, #wrapper .func .box02 .img {
float: none;
}
#wrapper .func .box h2 {
width: auto;
margin: 0 0 3%;
padding: 0;
font-size: 18px;
text-align: center;
}

#wrapper .func .box .txtBox {
width: auto;
padding: 1px 0 6.66%;
background: #f3f4f6;
}
#wrapper .func .box .txtBox .lead {
margin: 5% 0 0;
font-size: 12px;
font-weight: bold;
line-height: 1.59;
text-align: center;
}
#wrapper .func .box .txtBox p {
margin: 4% 6% 0;
font-size: 11px;
line-height: 1.64;
}
#wrapper .func .box .txtBox .movie {
width: 74.66%;
margin: 8% auto 0;
}
#wrapper .func .box .txtBox .note {
margin: 5% 6% 0;
font-size: 10px;
line-height: 1.6;
}
#wrapper .func .box .txtBox .link {
width: auto;
margin: 5% 6% 0;
text-align: center;
}
#wrapper .func .box .txtBox .link a {
display: block;
padding: 10px 0;
color: #fff;
background: #5d62ff;
border-radius: 2px;
}
#wrapper .func .box .img {
width: auto;
padding: 0 !important;
}

#wrapper .func .box .img:after {
display: none;
}

#wrapper .func .box .txtBox .img02 {
width: 75%;
margin: 10% auto 0;
}
#wrapper .func .box .txtBox .movie + .img02 {
margin: 5% auto 0;
}
#wrapper .func .imgSp01 {
min-height: inherit;
background: none;
}

#wrapper sup {
font-size: 10px;
vertical-align: super;
}
#wrapper .func .update h2 {
margin: 0 0 2%;
font-size: 18px;
text-align: center;
}

#wrapper .func .update p {
font-size: 11px;
line-height: 1.64;
text-align: left;
}

#wrapper .feature ul {
display: block;
padding: 0;
}

#wrapper .feature ul li {
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 0 6.66%;
}

#wrapper .feature ul li .img {
width: 30%;
min-height: inherit;
background: none !important;
}

#wrapper .feature ul li .txtBox {
width: 67.5%;
}

#wrapper .feature ul li h3 {
margin: 1% 0;
font-size: 12px;
font-weight: bold;
}

#wrapper .feature ul li p {
font-size: 11px;
line-height: 1.64;
}

#wrapper .detailWrap01 .image .date {
width: 51.66%;
left: 24.3%;
}

#wrapper .detail .list {
  max-width: inherit;
  margin: 7px 3.12% 0;
  font-size: 108%;
  line-height: 1.43;
}

#wrapper .detail .list a {
  display: block;
  padding: 10px 13px;
  border: 1px solid #63a70b;
  background: #63a70b url(../img/series_ico_01.png) no-repeat right 14px center;
  background-size: 12px;
  text-align: center;
  color: #ffffff;
}

#wrapper .detail .list a:hover {
  opacity: 1;
}
#wrapper .bnr a {
  display: block;
  margin: 0 3.12%;
  min-height: inherit;
  background: none;
}

#wrapper .bnr a:hover {
  opacity: 1;
}

#wrapper .bnr a img {
  display: inline;
}

#wrapper .cp_bnr {
  width: 93.75%;
  margin: 8% auto 0;
}

#wrapper .cp_bnr a {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  background: none;
}

#wrapper .cp_bnr a:hover {
  opacity: 1;
}

#wrapper .cp_bnr a img {
  height: auto;
}

}