@charset "utf-8";

button {
	font-size: 1.4vw;
	cursor: not-allowed;
	opacity: 0.6;
	color: #FFF;
	background-color: #F00;
	border-radius: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 72%;
	margin-left: 14%;
	padding-top: 1vw;
	padding-bottom: 2vw;
	margin-bottom: 4vw;
}

button.active {
    cursor: pointer;
    opacity: 1;
}

button.inactive {
    cursor: not-allowed;
    opacity: 0.6;
}

.checkTxt {
	font-size: 1.2vw;
	line-height: 130%;
	margin-bottom: 2vw;
	vertical-align: middle;
}

.btnTtl {
	font-size: 2vw;
	line-height: 240%;
	font-weight: 500;
}

.btnTxt {
	font-size: 0.9vw;
	line-height: 130%;
}

@media screen and (max-width: 767.98px){ /*768-992*/

button {
	font-size: 3vw;
	cursor: not-allowed;
	opacity: 0.6;
	color: #FFF;
	background-color: #F00;
	border-radius: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 90%;
	margin-left: 5%;
	padding-top: 2vw;
	padding-bottom: 4vw;
	margin-bottom: 8vw;
}

button.active {
    cursor: pointer;
    opacity: 1;
}

button.inactive {
    cursor: not-allowed;
    opacity: 0.6;
}

.checkTxt {
	font-size: 3.2vw;
	line-height: 130%;
	margin-top: 5vw;
	margin-bottom: 2vw;
	vertical-align: middle;
}

.btnTtl {
	font-size: 5vw;
	line-height: 180%;
	font-weight: 500;
}

.btnTxt {
	font-size: 3vw;
	line-height: 130%;
}

}