.step {
    width: 100%;
    height: 100%;
}

.step .btn_content {
    position: absolute;
    width: 100%;
    height: 20%;
    bottom: -30%;
    text-align: center;
}

.step .btn_content .btn_name {
    font-size: 2.8vh;
    color: #7b7b7b;
}

.step .btn_content .btn_disc {
    margin-top: 4%;
    font-size: 1.3vh;
    line-height: 120%;
    color: #7b7b7b;
}

.btn_sel {
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: 0px solid rgba(0, 245, 245, 1);
    -webkit-box-shadow: 0px 1vh 5vh -1vh rgba(87, 124, 245, 1);
    -moz-box-shadow: 0px 1vh 5vh -1vh rgba(87, 124, 245, 1);
    box-shadow: 0px 1vh 5vh -1vh rgba(87, 124, 245, 1);
}

.btn_nor {
    width: 100%;
    height: auto;
}

.btn_sel2 {
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: 0px solid rgba(0, 245, 245, 1);
    -webkit-box-shadow: 0px 1vh 5vh -1vh rgba(87, 124, 245, 1);
    -moz-box-shadow: 0px 1vh 5vh -1vh rgba(87, 124, 245, 1);
    box-shadow: 0px 1vh 5vh -1vh rgba(87, 124, 245, 1);
}

.btn_nor2 {
    width: 100%;
    height: auto;
}

.navi_left_btn {
    position: relative;
    width: 45%;
    /*762/3000 , 25.4*/
    /*905/3000 , 30.16*/
    height: auto;
    top: 10%;
    left: 50%;
    padding: 0 0 0 0;
    /*25.4% + 5%*/
    /*30.16% + 5%*/
    transform: translate(-50%, 0%);
}

.navi_right_btn {
    position: relative;
    width: 45%;
    height: auto;
    top: 25%;
    left: 50%;
    padding: 0 0 0 0;
    transform: translate(-50%, 0%);
}

.navi_left_btn2 {
    position: relative;
    width: 30%;
    height: auto;
    top: 10%;
    left: 50%;
    padding: 0 0 0 0;
    transform: translate(-50%, 0%);
}

.navi_center_btn2 {
    position: relative;
    width: 30%;
    height: auto;
    top: 20%;
    left: 50%;
    padding: 0 0 0 0;
    transform: translate(-50%, 0%);
}

.navi_right_btn2 {
    position: relative;
    width: 30%;
    height: auto;
    top: 30%;
    left: 50%;
    padding: 0 0 0 0;
    transform: translate(-50%, 0%);
}