.rule-vs-container-wrap {
	max-width: 1000px;
	margin: 0 auto;
}

.rule-vstitle-wrapper {
	margin-bottom: 100px;
}

.rule-vsimg-fig-a {
	max-width: 406px;
}

.rule-vsimg-fig-b {
	max-width: 506px;
	margin: -180px 0 0 auto;
}

.rule-vsimg-fig-c {
	max-width: 600px;
	margin: -40px auto 0;
}

.rule-content-copy {
	margin-top: 100px;
}

@media screen and (min-width: 576px)and (max-width: 767.98px) {

:root {
	--bs-conSize: 540px;
}

}

@media screen and (min-width: 768px)and (max-width: 991.98px) {

:root {
	--bs-conSize: 720px;
}

}

@media screen and (min-width: 992px)and (max-width: 1199.98px) {

:root {
	--bs-conSize: 960px;
}

}

@media screen and (min-width: 1200px)and (max-width: 1680px) {

:root {
	--bs-conSize: 1140px;
}

}

@media screen and (min-width: 1680px) {

:root {
	--bs-conSize: 1340px;
}

}

@media screen and (max-width: 767.98px) {

.rule-vstitle-copy {
	text-align: left;
}

.rule-vsimg-fig-a {
	max-width: 252px;
	margin: 0 auto 100px;
}

.rule-vsimg-fig-b {
	max-width: 276px;
	margin: 0 auto 100px;
}

.rule-vsimg-fig-c {
	max-width: 300px;
	margin: 0 auto;
}

}

@media screen and (max-width: 575.99px) {

:root {
	--bs-conSize: 100%;
}

}

