@charset "utf-8";
/* -------------------------------
TITLE
------------------------------- */
h1.title {
	background: url(../images/bg_title01.jpg) center center / cover;
}
/* -------------------------------
RULES
------------------------------- */
#contents #rules .txt {
	width: 100%;
	transform: translateY(10px);
	opacity: 0;
	transition: all 1s ease;
	position: relative;
	padding: 5rem;
}
#contents #rules.in .txt {
	transform: translateY(0);
	opacity: 1;
}
#contents #rules .txt .inn {
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
}
#contents #rules .txt h2 {
	text-align: center;
}
#contents #rules .txt h3 {
	text-align: center;
}
#contents #rules .txt p {
	margin-top: 0rem;
}
#contents #rules .txt dl {
	margin-top: 3rem;
}
#contents #rules .txt dl dt {
	margin-top: 3rem;
	font-size: 1.8rem;
	font-family: "ゴシックMB101 M",Gothic MB101 Medium;
}
#contents #rules .txt dl dd {
	margin-top: 1rem;
}
@media screen and (max-width: 768px){
	#contents #rules .txt {
		padding: 3rem;
	}
}