@charset "utf-8";

/* ----------------------------------------
service
------------------------------------------- */
#service ul{
  overflow: hidden;
}
#service ul li{
  float: left;
  width: 31%;
  margin-right: 3.5%;
}
#service ul li:nth-child(3n){
  margin-right: 0;
}
#service ul li h3{
  color: #2e71d5;
  font-size: 2.2rem; 
  text-align: center;
  padding-top: 10px;
  margin-bottom: 10px;
}
#service ul li p{
  text-align: left;
  padding: 0 10px;
}
/* ----------------------------------------
manufacturer
------------------------------------------- */
#manufacturer ul{
  overflow: hidden;
  margin-bottom: -30px;
}
#manufacturer ul li{
  float: left;
  width: 15%;
  margin-right: 2%;
  margin-bottom: 30px;
}
#manufacturer ul li:nth-child(6n){
  margin-right: 0;
}


/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {
}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {


}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
/* ----------------------------------------
service
------------------------------------------- */
#service ul li{
  float: none;
  width: 100%;
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
}
#service ul li:nth-child(3n){
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
}
#service ul li h3{
  font-size: 1.8rem; 
  padding-top: 10px;
  margin-bottom: 10px;
}
#service ul li p{
  padding: 0 10px;
  margin-bottom: 30px;
}
/* ----------------------------------------
manufacturer
------------------------------------------- */
#manufacturer ul{
  margin-bottom: -15px;
}
#manufacturer ul li{
  width: 30%;
  margin-right: 5%;
  margin-bottom: 15px;
}
#manufacturer ul li:nth-child(3n){
  margin-right: 0;
}


}