.systemBOX {
	border-bottom: 1px dotted #fff;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.systemBOX h3 {
	font-size: clamp(1.7rem, 2.1vw, 2.4rem);
	padding: 10px 20px;
	color:#fff;
	font-family: "Noto Serif JP", serif;
	margin-bottom: 15px;
	        background: rgb(255 207 0 / 60%);
}
.systemBOX h4 {
	color:#fff;
	font-size: clamp(1.4rem, 1.6vw, 1.8rem);
}
.play {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.play li {
	width: 33%;
	background:rgba(255,255,255,0.9);
	border: 1px solid #f3c96b;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: clamp(1.4rem, 1.5vw, 1.7rem);
	margin-bottom: 5px;
}

.systemBOX .list  {
	margin-left: 20px;
}

.systemBOX .list li {
	list-style-type: disc;
	color:#fff;
	margin-bottom: 5px;
	font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}


@media screen and (max-width: 834px) {
.systemBOX {
	border-bottom: 1px dotted #fff;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.systemBOX h3 {
	font-size: clamp(1.7rem, 2.1vw, 2.4rem);
	padding: 10px 20px;
	color:#fff;
	font-family: "Noto Serif JP", serif;
	margin-bottom: 15px;
	background: rgb(255 207 0 / 60%);
}
.systemBOX h4 {
	color:#fff;
	font-size: clamp(1.4rem, 1.6vw, 1.8rem);
}
.play {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.play li {
	width: 49%;
	background:rgba(255,255,255,0.6);
	border: 1px solid #f3c96b;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: clamp(1.3rem, 1.5vw, 1.7rem);
	margin-bottom: 5px;
}

.systemBOX .list  {
	margin-left: 20px;
}

.systemBOX .list li {
	list-style-type: disc;
	color:#fff;
	margin-bottom: 5px;
	font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}

}