/* pMv
  ------------------------- */
.pMv {
  margin-bottom: 0;
  background: #000;
}
.Mv {
  background-size: cover;
  /*min-height: 240px;*/
}
.Mv .inner {
  display: flex;
  height: 240px;
  align-items: center;
}
.Mv .inner h1 {
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  font-size: 240%;
  font-weight: 300;
  text-align: center;
  margin:0 auto;
}


/* lead
  ------------------------- */
.lead {
  margin: 80px 0 0 0;
}
.lead ul {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lead ul li {
  width: 31.6%;
  margin: 10px 0 0 0;
}
.lead ul li img {
  border: 1px solid #e1e1e1;
}
.lead ul li .name {
  margin: 0.4em 0 0 0;
  font-size: 170%;
  font-weight: 700;
}
.lead ul li .note {
  margin: 0.5em 0 0 0;
  font-size: 102%;
  line-height: 1.6;
}
.lead ul li .btn {
  margin: 28px 0 0 0;
  width: 100%;
  font-size: 120%;
}
.lead ul li .btn a {
  width: 100%;
  margin: 0 auto;
  padding: 1em 0;
  text-decoration: none;
  /*background-image: url(../images/common/icon_arrow.png);
  background-size: auto 0.4em;
  background-position: 90% center;
  background-repeat: no-repeat;*/
}
.lead ul li .btn a.pdf_archive {
  padding: 1em;
  background-image: url(/products/robots/assets/images/common/icon_c_window_white.png);
  background-size: auto 1em;
  background-position: 80% center;
  background-repeat: no-repeat;
}

/* about
  ------------------------- */
.about {
  margin: 110px 0 0 0;
}
.about ul {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about ul li {
  width: 23%;
}
.about ul li .name {
  margin: 0.6em 0 0 0;
  font-size: 110%;
  font-weight: 700;
}
.about ul li .note {
  margin: 0.5em 0 0 0;
  font-size: 102%;
  line-height: 1.6;
}


/* support
  ------------------------- */
.support {
  margin: 95px 0 0 0;
  padding: 100px 0 95px 0;
  background: #e7eef6;
}
.support .img {
  margin: 38px 0 0 0;
  padding: 0 20px 20px 20px;
  background: #fff;
}
.support .img ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.support .img ul li {
  width: 25%;
  padding: 20px 0 0 0;
}
.support .img ul li:nth-child(5),
.support .img ul li:nth-child(6) {
  width: 100%;
}
.support .img ul li a {
  transition: 0.3s;
}
.support .img ul li a:hover {
  opacity: 0.7;
}
.support p {
  margin: 1.2em 0 0 0;
  font-size: 110%;
  line-height: 1.8;
}


/* uses
  ------------------------- */
.uses {}
.uses .usesBox {
  margin: -100px 0 0 0;
  padding: 200px 0 0 0;
}
.uses .usesBox .img {
  margin: 0;
}
.uses .proBox {
  margin: 0;
  padding: 5px 30px 35px 30px;
  background: #e7eef6;
}
.uses .proBox ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.uses .proBox ul::after {
  display: block;
  content: '';
  width: 31.6%;
  height: 0;
}
.uses .proBox ul li {
  width: 32%;
  margin: 35px 0 0 0;
  transition: 0.3s;
}
.uses .proBox ul li:hover {
  opacity: 0.7;
}
.uses .proBox ul li a {
  color: #4d4d4d;
}
.uses .proBox ul li a:hover .name {
  text-decoration: underline;
}
.uses .proBox ul li img {
  border: 1px solid #e1e1e1;
}
.uses .proBox ul li .cate {
  margin: 0.9em 0 0 0;
}
.uses .proBox ul li .cate span {
  display: inline-block;
  width: 10em;
  padding: 0.6em 0;
  border-radius: 2px;
  color: #fff;
  font-size: 80%;
  text-align: center;
  line-height: 1;
}
.uses .proBox ul li .cate span.scara {background: #00aaed;}
.uses .proBox ul li .cate span.six {background: #0070c0;}
.uses .proBox ul li .name {
  margin: 0.5em 0 0 0;
  font-size: 108%;
  font-weight: 700;
}
.uses .proBox ul li .note {
  margin: 0.5em 0 0 0;
  line-height: 1.6;
}
.uses .box2 {
  display: flex;
  padding: 0 0 120px 0;
  color: #4d4d4d;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.uses .box2 .text {
  width: 60%;
  font-size: 105%;
  line-height: 1.8;
}
.uses .box2 .text ul {
  padding: 1.5em 0 0 0;
  font-size: 108%;
  font-weight: 700;
}
.uses .box2 .text ul li {
  position: relative;
  margin: 0.2em 0 0 0;
  padding: 0 0 0 1em;
}
.uses .box2 .text ul li::before {
  display: block;
  position: absolute;
  content: '・';
  width: 1em;
  top: 0;
  left: 0;
  text-align: center;
}
.uses .box2 .img {
  width: 40%;
  text-align: center;
}
.uses .box2 .img img {
  width: 76%;
}



@media only screen and (min-width: 1440px) {}

@media only screen and (min-width: 768px) {}



@media only screen and (min-width: 768px) and (max-width: 1000px) {}



@media only screen and (max-width: 767px) {
  
  
  /* Mv
  ------------------------- */
  .Mv {}
  .Mv .inner {
    height: 30vw;
  }
  .Mv .inner h1 {
    font-size: 150%;
  }
  
  /* lead
  ------------------------- */
  .lead {
    margin: 60px 0 0 0;
  }
  .lead ul {}
  .lead ul::after {
    display: block;
    content: '';
    width: 48%;
    height: 0;
  }
  .lead ul li {
    width: 48%;
    margin: 2.5em 0 0 0;
  }
  .lead ul li:nth-child(1),
  .lead ul li:nth-child(2) {
    margin: 0;
  }
  .lead ul li .name {
    margin: 0.6em 0 0 0;
    font-size: 116%;
  }
  .lead ul li .note {
    font-size: 100%;
  }
  .lead ul li .btn {
    margin: 1em 0 0 0;
    font-size: 90%;
  }
  .lead ul li .btn a {
    min-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 !important;
    text-decoration: none;
    /*background-image: url(../images/common/icon_arrow.png);
    background-size: auto 0.4em;
    background-position: 94% center;
    background-repeat: no-repeat;*/
  }


  /* about
    ------------------------- */
  .about {
    margin: 90px 0 0 0;
  }
  .about ul {}
  .about ul::after {
    display: block;
    content: '';
    width: 48%;
    height: 0;
  }
  .about ul li {
    width: 48%;
    margin: 2.5em 0 0 0;
  }
  .about ul li:nth-child(1),
  .about ul li:nth-child(2) {
    margin: 0;
  }
  .about ul li .name {
    margin: 0.6em 0 0 0;
    font-size: 110%;
  }
  .about ul li .note {
    margin: 0.5em 0 0 0;
    font-size: 100%;
  }


  /* support
    ------------------------- */
  .support {
    margin: 85px 0 0 0;
    padding: 65px 0;
  }
  .support .img {
    padding: 0 1em 1em 1em;
  }
  .support .img ul {}
  .support .img ul li {
    padding: 1em 0 0 0;
  }
  .support p {
    margin: 1.5em 0 0 0;
    font-size: 100%;
  }


  /* uses
    ------------------------- */
  .uses {}
  .uses .usesBox {
    margin: -50px 0 0 0;
    padding: 100px 0 0 0;
  }
  .uses .proBox {
    margin: 0;
    padding: 5px 1em 2em 1em;
    background: #e7eef6;
  }
  .uses .proBox ul {}
  .uses .proBox ul::after {
    display: block;
    content: '';
    width: 48%;
    height: 0;
  }
  .uses .proBox ul li {
    width: 48%;
    margin: 2em 0 0 0;
  }
  .uses .box2 {
    display: block;
    padding: 0 0 80px 0;
  }
  .uses .box2 .text {
    width: 100%;
    margin: 2em 0 0 0;
    font-size: 100%;
  }
  .uses .box2 .text ul {
    font-size: 108%;
  }
  .uses .box2 .img {
    width: 100%;
    text-align: center;
  }
  .uses .box2 .img img {
    width: 60%;
  }



}