#Content{
  background-color: #FFF;
}

#products-img{
  height:330px;
  background-image: url(../img/bg3.jpg);
  background-size: cover;
  background-position: right 0  bottom 0;
  margin: 0;
  background-color: #1A2692;
}

h1.products-title{
  padding-top:120px;
  color: #FFF;

}

.info-left{
  background-repeat: no-repeat;
  background-position: left 20px top;
  height:200px;

}

.info-left .info-inbox{
  margin-left:270px;
  margin-right:40px;
}

@media (max-width:700px) {
  .info-left .info-inbox{
    margin-left:180px;
    margin-right:10px;
  }
  .info-left{
    background-position: left 0 top;
    background-size:  160px auto;
  }
}


.info-right{
  background-repeat: no-repeat;
  background-position: right 20px top;
  height:200px;

}

.info-right .info-inbox{
  margin-right:270px;
  margin-left:40px;
}

@media (max-width:700px) {
  .info-right .info-inbox{
    margin-right:180px;
    margin-left:10px;
  }
  .info-right{
    background-position: right 0 top;
    background-size:  160px auto;
  }
}



.info-title{
   font-family: 'Noto Sans Japanese',   sans-serif;
   font-weight:700;
   font-size: 24px;
   margin-bottom:0;
   padding-top:30px;
}

.info-text{
  font-size: 20px;
}

@media (max-width:700px) {
  .info-title{
    font-size: 18px;
   padding-top:15px;
  }
  .info-text{
    font-size: 14px;
  }
  .hardware{
    font-size: 13px;
  }
}

.scsk-group p{
  text-align:center;

}

img.gr-img{
  width:40%;
}

@media (max-width:800px) {
  width:80%;
}

.fadein{
  opacity: 0;
  animation: fadein-anim 2.5s linear forwards;
}

@keyframes fadein-anim {
  100% {
    opacity: 1;
  }
}