html, body{
    width:100%;
    height: 100%;
    padding:0px;
    margin:0px auto;
}

div{margin:0;padding:0;}



@media screen and (min-width:410px) and (max-width: 570px){
}

@media screen and (min-width: 768px){
    /*body{*/
    /*width:768px;*/
    /*}*/

    /*.v-box-mask{*/
    /*margin-left: 100px;*/
    /*margin-right: 100px;*/
    /*}*/

}

.bg{
width: 100%;
height: 1700px;
position: relative;
background: url(../images/bg.jpg);
background-size: 100% 100%;
}
.bg_top{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9;

}
.bg_top_btn{
    position: fixed;
    top: 2vh;
    right: 10px;
    width: 30vw;
    z-index: 9;
}
.bg_botm_btn{
    position: absolute;
    bottom: 0vh;
    width: 80vw; 
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg_mi_btn{
    position: absolute;
    width: 80vw; 
    top: 39%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.context{
    padding-left: 6%;
    width: 80%;
    position: absolute;
    text-align: center;
    top: 43%;
    font-size: 14px;
    color: #cf6022;
}
.context div{
display: flex;
justify-content: space-between;
}
.context div p:first-child{
font-weight:600;}
.button {
    background-color: #d77050;
    border: none;
    color: white;
    padding: 3px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}