@charset "UTF-8";
/*=========================================

 referral.css

=========================================*/

#referral #nav li.nav02 span img{
  position:relative;
  top:-50px;
  left:0;
  }

#referral .sideMenu li.menu01_4 a{
  color:#00AA84;
  text-decoration:none;
  }

#referral .mainCl_s ul{
  overflow:hidden;
  }

#referral .mainCl_s ul li{
  display:block;
  width:150px;
  height: 185px;
  margin:0 20px 20px 0;
  float:left;
  }

#referral .mainCl_s ul li img{
  -webkit-border-radius: 5px;
    border-radius: 5px;
  }

#referral .mainCl_s ul li p{
  display:block;
  margin-top:5px;
  font-size:14px;
  }

#referral .mainCl_s ul li p span:first-child{
  display:block;
  width:22px;
  margin-right:10px;
  background:url("../../img/referral/icon_bg_number.jpg") no-repeat;
  color:#FFFFFF;
  text-align:center;
  float:left;
  }

#referral .mainCl_s ul li p span.small{
  padding-left:22px;
  font-size:10px;
  box-sizing: border-box;
}

#referral .mainCl_s ul.equipment{
  display:block;
  padding:15px;
  background-color:#D5EFE8;
  }

#referral .mainCl_s ul.equipment li{
  margin:0 10px 0px 0px;
  }

#referral .mainCl_s ul.equipment li img{
  -webkit-border-radius: 5px;
    border-radius: 5px;
}

@media screen and (max-width: 480px) {
  #referral .mainCl_s h2 img {
    width: 115px;
  }
  #referral .mainCl_s ul {
    width: 280px;
    margin: 30px auto;
  }
  #referral .mainCl_s ul li {
    width: 130px;
    height: 165px;
    margin: 0 20px 20px 0;
  }
  #referral .mainCl_s ul li:nth-child(even) {
    margin-right: 0;
  }
  #referral .mainCl_s ul.equipment {
    width: 300px;
  }
}