/* =============================================
Margin
============================================= */
.hp_mgt_150{
  margin-top: 150px;
}

.hp_mgb_100{
  margin-bottom: 100px;
}
.hp_mgb_130{
  margin-bottom: 130px;
}
@media screen and (max-width: 960px) {
  .hp_mgt_150{
    margin-top: 100px;
  }
  .hp_mgb_100{
    margin-bottom: 60px;
  }
  .hp_mgb_130{
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 560px) {
  .hp_mgt_150{
    margin-top: 80px;
  }
  .hp_mgb_100{
    margin-bottom: 50px;
  }
  .hp_mgb_130{
    margin-bottom: 40px;
  }
}

/* =============================================
表示切り替え
============================================= */

.hp_sp_only{
  display: none;
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 560px) {
  .hp_pc_only{
    display: none;
  }
  .hp_sp_only{
    display: block;
  }
}
.hp_inline_block{
  display: inline-block;
}
.hp_fw_md{
  font-weight: 500;
}