#app {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
}
.start-btn[data-v-start] {
    background-image: url(/img/btn-bcb58d97e6af5aff3ea36d5c9c63def5.png);
    background-size: 100% 100%;
    height: 5.8vh;
    width: 19.9vh;
    position: absolute;
    left: 29.5%;
    top: 88vh;
}
.start-btn[data-v-start]:hover {
    background-image: url(/img/btn_active-a395e0abdcf545da08bff7c5a9eb3ed8.png);
	transition: 0.3s;
}
body{
	padding:0;
	margin:0;
}
.bg2{
	height: 100vh;
    width: 30%;
	margin: auto;
    position: relative;
}
@media(max-width:767px){
.bg2{
	height: 100vh;
    width: 100%;
}
}
.title{
	color:#FF712E;
	width: 80%;
    margin: auto;
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    font-size: 20px;
    font-weight: 700;
}
.btn{
    position: relative;
	padding-bottom:20px;
}
.btn:hover{
	transition: 0.3s;
}
.btn a img:hover {
  filter: sepia(1);
  transition: 0.3s;
}
.btn a{
	display:block;
	color:#fff;
	text-decoration:none;
}
.text_l{
	text-align: left;
}
.text_r{
	text-align: right;
}
.btn1{
	left: 20px;
    top: 55%;
	text-align: left;
}
.btn2{
	right: 20px;
    top: 65%;
	text-align: right;
}
.btn3{
	left: 20px;
    top: 75%;
	text-align: left;
}
.btn4{
	right: 20px;
    top: 85%;
	text-align: right;
}
.cnt{
    display: table-cell;
	height: 100vh;
    vertical-align: middle;
}
.pttl{
	text-align: center;
    font-size: 25px;
    font-weight: 700;
}