@charset "utf-8";

.playguide {
	margin: 30px 0 0;
	display: flex;
	justify-content: space-between;
}

.playguide li {
	width: calc((100% - 100px) / 3);
}

.playguide li a {
	display: block;
}

.playguide li a.logo {
	min-height: 160px;
	display: flex;

}

.playguide li a img {
	max-width: 200px;
	margin: 0 auto;
	align-self: center;
}

.playguide li a.btnPlayguide {
	border-radius: 8px;
	background: #8600b0;
	padding: 10px;
	color: #fff;
	transition: 0.2s all ease;
}

.playguide li a.btnPlayguide:hover {
	opacity: 0.8;
	text-decoration: none;
}

.groupApply {
	border: 1px solid #8600b0;
	background: #fcf3ff;
	padding: 20px 20px 0;
}

.groupApply .hd04 {
	font-size: 24px;
	font-size: 2.4rem;
	margin: -20px -20px 10px;
}



/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:640px) {
	.playguide {
		display: block;
	}

	.playguide li {
		width: 100%;
	}
	
	.groupApply a {
		display: block;
	}
}