@charset "utf-8";
/* ==========================================================================
   group
============================================================================= */

/* group
------------------------------------------------------------------- */

.group-top > #main {
  background-color: #FFF;
  padding: 0;
}

.category-group{
  background-color: #FFF;
  padding: 20px 20px 20px 20px;
}

.gp-main-inner{
  margin: 20px auto 20px;
  width: 100%;
}

.gp-lead {
  text-align: center;
}

.gp-lead li img{
  padding: 0 60px;
  width: auto!important;
  }
  
.en-group .gp-lead li img{
  padding: 0 40px!important;
  width: auto!important;
  }

.gp-lead-txt {
  color:#0372c6;
  text-align: center;
  font-size: 185%;
  padding: 50px 0 50px;
}

.gp-lead2 {
  text-align: center;
}

.gp-lead2 li img{
  padding: 0 30px;
  width: auto!important;
  height: auto;
  }

.gp-lead-txt2 {
  color:#0372c6;
  text-align: center;
  font-size: 185%;
  padding: 100px 0 50px;
}

.gp-pretxt {
  width: 100%;
  padding: 150px 0 150px;
  background-color: #0372c6;
}

.gp-pretxt p{
  text-align: center;
  color: #FFF;
}

.category-group ul {
  margin: 90px auto;
  width: 980px;
  text-align: center;
}

.category-group ul li{
  display: inline;
  padding:0 5px;
  width: 140px;
  height: auto;
}

.category-group ul li img{
  width: 140px;
  height: auto;
}

.category-group ul li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


@media screen and (max-width:779px) {
  
ul.gp-lead {
  width: 100%;
  margin:0 auto;
}
  
.gp-lead li {
  display: block;
  text-align: center;
}

ul.gp-lead li img{
  margin: 50px 0;
}

ul.gp-lead2 {
  width: 100%;
  margin:0 auto;
}

.gp-lead2 li img{
  margin: 50px 0;
  padding: 0;
  }
  
.gp-pretxt{
  padding: 50px 20px 50px;
}

.gp-lead-txt2 {
  padding: 50px 0 50px;
}
  
.category-group ul {
  margin: 20px auto;
  width: 100%;
}

.category-group ul li{
  display: inline;
  padding:30px 10px;
  width: 30%;
  height: auto;
}

.category-group ul li img{
  margin-bottom: 20px;
}
  
  
 
}