/*---------------------------------

margin

---------------------------------*/
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
@media (min-width: 769px) {
  /* PC */
  .mb0-pc {
    margin-bottom: 0 !important;
  }
  .mb5-pc {
    margin-bottom: 5px !important;
  }
  .mb10-pc {
    margin-bottom: 10px !important;
  }
  .mb15-pc {
    margin-bottom: 15px !important;
  }
  .mb20-pc {
    margin-bottom: 20px !important;
  }
  .mb25-pc {
    margin-bottom: 25px !important;
  }
  .mb30-pc {
    margin-bottom: 30px !important;
  }
  .mb35-pc {
    margin-bottom: 35px !important;
  }
  .mb40-pc {
    margin-bottom: 40px !important;
  }
  .mb45-pc {
    margin-bottom: 45px !important;
  }
  .mb50-pc {
    margin-bottom: 50px !important;
  }
}
@media (max-width: 768px) {
  /* SP */
  .mb0-sp {
    margin-bottom: 0 !important;
  }
  .mb5-sp {
    margin-bottom: 5px !important;
  }
  .mb10-sp {
    margin-bottom: 10px !important;
  }
  .mb15-sp {
    margin-bottom: 15px !important;
  }
  .mb20-sp {
    margin-bottom: 20px !important;
  }
  .mb25-sp {
    margin-bottom: 25px !important;
  }
  .mb30-sp {
    margin-bottom: 30px !important;
  }
  .mb35-sp {
    margin-bottom: 35px !important;
  }
  .mb40-sp {
    margin-bottom: 40px !important;
  }
  .mb45-sp {
    margin-bottom: 45px !important;
  }
  .mb50-sp {
    margin-bottom: 50px !important;
  }
}


/*---------------------------------

padding

---------------------------------*/
.pb0 {
  padding-bottom: 0 !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
@media (min-width: 769px) {
  /* PC */
  .pb0-pc {
    padding-bottom: 0 !important;
  }
  .pb5-pc {
    padding-bottom: 5px !important;
  }
  .pb10-pc {
    padding-bottom: 10px !important;
  }
  .pb15-pc {
    padding-bottom: 15px !important;
  }
  .pb20-pc {
    padding-bottom: 20px !important;
  }
  .pb25-pc {
    padding-bottom: 25px !important;
  }
  .pb30-pc {
    padding-bottom: 30px !important;
  }
  .pb35-pc {
    padding-bottom: 35px !important;
  }
  .pb40-pc {
    padding-bottom: 40px !important;
  }
  .pb45-pc {
    padding-bottom: 45px !important;
  }
  .pb50-pc {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 768px) {
  /* SP */
  .pb0-sp {
    padding-bottom: 0 !important;
  }
  .pb5-sp {
    padding-bottom: 5px !important;
  }
  .pb10-sp {
    padding-bottom: 10px !important;
  }
  .pb15-sp {
    padding-bottom: 15px !important;
  }
  .pb20-sp {
    padding-bottom: 20px !important;
  }
  .pb25-sp {
    padding-bottom: 25px !important;
  }
  .pb30-sp {
    padding-bottom: 30px !important;
  }
  .pb35-sp {
    padding-bottom: 35px !important;
  }
  .pb40-sp {
    padding-bottom: 40px !important;
  }
  .pb45-sp {
    padding-bottom: 45px !important;
  }
  .pb50-sp {
    padding-bottom: 50px !important;
  }
}