.bottom_menu{
    position: fixed;
    left: cal(50% - 490px);
    bottom: 0;
    width: 980px;
    /* 1. メニューを画面下へ隠す */
    transform: translateY(100%);
    /* 2. 0.3秒かけて表示する */
    transition: .3s;
    height: 150px;
    background: url('/lp_2/images/img_bottom_bg.png');
    background-color: #fff;
}

.bottom_menu.active{
    /* 3. メニューを定位置へ戻す */
    transform: translate(0);
}