@charset "utf-8";

/* --------- --------- --------- --------- registration --------- */
@media screen and (max-width: 768px) {
	section.common_section:first-of-type {
		margin-top: 5rem;
	}
}
section.registration > .content {
	margin-top: 2.5rem;
}
section.registration > .content > .text {
	margin-top: 2.5rem;
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	section.registration > .content > .text {
		margin-top: 1.5rem;
	}
}
section.registration > .content > ul {
	margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
	section.registration > .content > ul {
		margin-top: 1.5rem;
	}
}
section.registration > .content > ul li {
	margin-top: .5rem;
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.4;
	padding-left: 1rem;
	position: relative;
}
section.registration > .content > ul li::before {
	content: '・';
	font-family: 'GenJyuuGothic', sans-serif;
	font-size: .875rem;
	font-weight: 800;
	line-height: 1.4;
	position: absolute;
	left: 0;
}
section.registration > .content > .two_column {
	display: flex;
	gap: 2rem;
	margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
	section.registration > .content > .two_column {
		margin-top: 1.5rem;
	}
}
@media screen and (max-width: 640px) {
	section.registration > .content > .two_column {
		flex-direction: column;
		gap: 1.5rem;
	}
}
section.registration > .content > .two_column .image {
	display: flex;
	justify-content: center;
	width: calc((100% - 1.5rem) / 2);
	font-size: 0;
	overflow: hidden;
	border-radius: 1rem;
}
section.registration > .content > .two_column .text {
	width: calc((100% - 1.5rem) / 2);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.4;
}
section.registration > .content > .image {
	display: flex;
	justify-content: center;
	margin-top: 2.5rem;
	font-size: 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
	section.registration > .content > .image {
		margin-top: 1.5rem;
	}
}
@media screen and (max-width: 640px) {
	section.registration > .content > .two_column .image,
	section.registration > .content > .two_column .text {
		width: 100%;
	}
}