.main-area {
	width: 600px;
	margin: 0 auto;
	padding-top: 40px;
}
#table-info td {
	border: 1px solid #fff;
	padding: 10px;
}
#body {
	min-height: auto;
}
.get-point-area {
	width: fit-content;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
}
h2 {
	color: #323232;
	text-align: center;
	font-weight: normal;
	font-size: 20px;
}
textarea {
	width: 100%;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
	margin-top: 20px;
	padding: 10px;
	font-size: 16px;
}
.edit-btn {
	float: none;
	width: 200px;
}
@media screen and (max-width: 767px) {
	#body {
		margin: 60px auto 0px;
	}
	.main-area {
		padding-top: 20px !important;
		padding-left: 3% !important;
		padding-right: 3% !important;
		padding-bottom: 40px;
	}
	.get-point-area {
		padding-top: 0px;
	}
	h2 {
		width: 100%;
		padding-left: 20%;
		padding-right: 20%;
	}
	.edit-btn {
		width: 200px;
		margin: 0 auto;
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 350px) {
	.get-point-area {
		margin: 0 auto;
		padding-top: 10px;
		padding-bottom: 20px;
	}
}
