@CHARSET "UTF-8";
/* area */
#area ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 500px;
	margin: 0 auto;
}
#area ul li {
	margin: 30px 0;
}
@media only screen and (max-width: 1100px) {
	
}
@media only screen and (max-width: 768px) {
	#area ul {
		width: 90%;
	}
}
@media only screen and (max-width: 428px) {
	
}

/* attempt */
#attempt .box {
	display: flex;
	align-items: center;
}
#attempt .box div {
	width: calc(100% / 5 - 10px);
	margin: 5px;
}
#attempt .box div p {
	font-size: 1.1rem;
	font-weight: 600;
	color: #175f93;
}
@media only screen and (max-width: 1100px) {
	
}
@media only screen and (max-width: 768px) {
	#attempt .box {
		align-items: flex-start;
		flex-wrap: wrap;
		justify-content: center;
	}
	#attempt .box div {
		width: calc(100% / 3 - 10px);
	}
	#attempt .box div p {
		font-size: 0.9rem;
	}
}
@media only screen and (max-width: 428px) {
	
}