@charset "utf-8";

main .inner {
	max-width: 76.5rem;
}
@media (max-width: 768px) {
	main .inner {
		max-width: 100%;
	}
}

/* lead */
.mainContents .lead {
	/* margin-top: 7.5rem; */
	padding-top: 5.5rem;
	border-top: 2px solid #eb50a0;
}
.mainContents .lead .txt {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.25;
}
.mainContents .lead .space {
	margin-top: 2rem;
}
@media (max-width: 768px) {
	.mainContents .lead .txt {
		font-size: 2.6rem;
		line-height: 1.66;
	}
}

/* howto */
.mainContents .howto {
	margin-top: 4rem;
	padding-bottom: 8rem;
	text-align: center;
}
.mainContents .howto .border {
	border-bottom: 2px solid #eb50a0;
}
.mainContents .howto .btn {
	display: block;
	margin: 2rem 0 5.5rem;
}
.mainContents .howto .btn a,.mainContents .howto .btnPrint a {
	color: #eb50a0;
	border: 1px solid #eb50a0;
	border-radius: 1rem;
	padding: 1rem 6rem;
	font-weight: bold;
}
.mainContents .howto .procedure {
	color: #eb50a0;
	margin: 5rem 0 1rem;
	font-size: 2rem;
	font-weight: bold;
}
.mainContents .howto .detail {
	color: #eb50a0;
	text-decoration: underline;
}
.mainContents .howto .cancel {
	margin-top: 4rem;
}
.mainContents .howto .btnPrint {
	display: block;
	margin-top: 2rem;
}
@media (max-width: 768px) {
	.mainContents .howto {
		margin-top: 8rem;
	}
	.mainContents .howto .btn {
		margin: 3rem 0 7rem;
	}
	.mainContents .howto .pic {
		margin: 0 auto;
		width: 45rem;
	}
	.mainContents .howto .procedure {
		margin: 6rem 0 2rem;
		font-size: 3.4rem;
	}
	.mainContents .howto .btnPrint a {
		font-size: 3rem;
	}
}

/* btnClose */
.mainContents .btnClose {
	margin: 3rem auto 0;
	width: 13.2rem;
}
.mainContents .btnClose a {
	display: block;
	padding: 1rem;
	border: solid 1px #eb50a0;
	border-radius: 0.5rem;
	font-size: 1.9rem;
	color: #eb50a0;
	text-align: center;
}
.mainContents .btnClose span {
	padding-left: 3.6rem;
	position: relative;
}
.mainContents .btnClose span::before {
	display: block;
	content: '';
	width: 2.7rem;
	height: 2.7rem;
	background-image: url(/member/info/commission/top/img/close.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: calc(50% - 1.4rem);
}
@media (max-width: 768px) {

}

/* for print */
@media print {
	header,
	footer,
	main .btnPrint,
	main .btnClose {
		display: none;
	}
}