@charset "UTF-8";

/*=======================================================
共通
=======================================================*/
.el-sec-mainTtl {
	width: 100%;
	background-color: #31180E;
	text-align: center;
	font-size: 32px;
	color: #FFFFFF;
	padding: 5px 0 7px;
}
@media screen and (max-width : 750px){
    .el-sec-mainTtl {
	    font-size: 48px;
    }
}
/*=======================================================
rules,privacy
=======================================================*/
.bl-rules-intro {
	padding: 40px 0;
}
.el-rules-intro-txt {
    text-align: center;
}
.el-rules-intro-txt + .el-rules-intro-txt,
.el-rules-txt + .el-rules-txt {
	margin-top: 1.3em;
}
.bl-rules {
    margin-bottom: 80px;
}
.bl-rules-item:not(:first-of-type),
.bl-privacy-item:not(:first-of-type) {
	margin-top: 40px;
}
.el-rules-dttl,
.el-privacy-dttl {
	background-color: #F6F3EF;
	font-size: 20px;
	padding: 3px 0 4px 24px;
	margin-bottom: 24px;
	position: relative;
}
.el-rules-dttl::before,
.el-privacy-dttl::before {
	content: "";
	background: #A7660F;
	width: 8px;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.bl-bulletList,
.bl-numList {
	display: flex;
	flex-flow: column;
	gap: 8px;
}
.bl-bulletList + .el-rules-txt,
.el-rules-txt + .bl-bulletList,
.el-privacy-txt + .bl-bulletList,
.el-privacy-txt + .bl-numList {
	margin-top: 8px;
}
.bl-privacy {
	padding-bottom: 80px;
}
.bl-privacy-intro {
	width: 648px;
	border: 1px solid #222222;
	font-size: 16px;
	padding: 24px 16px;
	margin: 0 auto 40px;
}
.bl-sign {
	margin-top: 40px;
	text-align: end;
}
@media screen and (max-width : 750px){
    .bl-rules-intro {
	    padding: 64px 0;
    }
	.el-rules-intro-txt {
        text-align: start;
    }
    .el-rules-dttl,
    .el-privacy-dttl {
	    font-size: 32px;
		padding: 3px 0 4px 32px;
    }
    .el-rules-dttl::before,
    .el-privacy-dttl::before {
	    width: 16px;
    }
    .bl-privacy-intro {
	    width: 100%;
	    font-size: 28px;
    }
}