.rule-main{
	position: relative;
	margin: 0 auto;
	margin-bottom: 20rem;
	width: 80rem;
}
.rule-main::before{
	content: "";
	position: absolute;
	top: -4rem;
	left: 0;
	border-top: .3rem solid var(--main-color2);
	width: 80rem;
}
.rule-main::after{
	content: "";
	position: absolute;
	bottom: -4rem;
	left: 0;
	border-bottom: .3rem solid var(--main-color2);
	width: 80rem;
}
.rule-box{
	position: relative;
	top: 0;
	left: 0;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	margin: 2rem auto;
	width: 80rem;
}
.rule-box:first-of-type::before{
	content: "";
	position: absolute;
	top: -10.5rem;
	left: 0;
	width: 10rem;
	height: 13rem;
	background-image: url("../img/pikuto3.png");
	background-repeat: no-repeat;
	background-size: 90%;
}
.rule-title{
	margin-bottom: 4rem;
	font-weight: bold;
	width: 18rem;
}
.rule-text{
	margin-bottom: 6rem;
	width: 62rem;
}
.rule-text li{
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
}
.rule-revision{
	margin: 0 auto;
	margin-bottom: 4rem;
	width: 80rem;
	text-align: right;
	font-size: 1.6rem;
}
.rule-column-title{
	margin: 5rem auto;
	border-bottom: .3rem solid var(--accent-color1);
	padding-bottom: 1rem;
	text-align: center;
	width: 30rem;
}
.rule-sub-text{
	margin: .5rem 0 .5rem 3.2rem;
}


@media screen and ( max-width : 1125px ){
	.rule-main{
		width: 66rem;
	}
	.rule-main::before{
		display: none;
		width: 66rem;
	}
	.rule-main::after{
		display: none;
		width: 66rem;
	}
	.rule-title{
		padding-bottom: 1.5rem;
		margin: 0 auto;
		margin-bottom: 2rem;
		border-bottom: .2rem solid var(--main-color2);
		text-align: center;
	}
	.rule-text{
		margin-bottom: 5rem;
		width: 66rem;
	}
	.rule-box{
		display: block;
		width: 66rem;
	}
	.rule-revision{
		width: 60rem;
	}
	.rule-box:first-of-type::before{
		display: none;
	}
}
@media screen and ( max-width : 750px ){
	.rule-main{
		width: 33rem;
	}
	.rule-main::before{
		width: 33rem;
	}
	.rule-main::after{
		display: none;
		width: 33rem;
	}
	.rule-title{
		margin: 0 auto;
		margin-bottom: 2rem;
		border-bottom: .2rem solid var(--main-color2);
		text-align: center;
	}
	.rule-text{
		margin-bottom: 3rem;
		width: 33rem;
	}
	.rule-box{
		display: block;
		width: 33rem;
	}
	.rule-revision{
		width: 30rem;
	}
}