@charset "UTF-8";
/* CSS Document */

h2 {
	background-color: var(--right-green0);
	color: var(--stock1);
}

div.wrapper {
	max-width: 800px;
	text-align: justify;
}

div.rule p {
	margin-bottom: 50px;
	padding: 0 2%;
}

div.rule dl {
	border: solid 1px #ccc;
	margin-bottom:40px;
}

div.rule dt {
	font-weight: 700;
	overflow-wrap: break-word;
	background-color: var(--right-gray);
	padding: 10px 20px;
}

div.rule dt span:first-child {
	display: inline-block;
	margin-right: 10px;
	text-align: left;
}

div.rule dt span:nth-child(2) {
	display: inline-block;
	text-align: justify;
}

div.rule dd {
	padding: 20px 20px 20px 40px;
}

div.rule ol {
/*	padding: 20px;*/
}

div.rule li {
	list-style-type: inherit;
	overflow-wrap: break-word;
}

ol li:not(:last-child) {
	margin-bottom: 20px;
}

ol.indent {
	margin-left: 1.5rem;
}

ol.indent li {
	margin-top: 10px;
	margin-bottom: 10px;
}

span.indent{
	margin-left: -2rem;
	text-indent: 0;
	display: inline-block;
}

span.mb {
	margin-bottom: 20px;
}

/************
レスポンシブ
************/
@media (max-width: 485px){
	div.rule p {
		font-size: 0.9rem;
	}
	
	div.rule dd {
		padding: 10px 10px 15px 30px;
		font-size: 0.9rem;
	}
	
	div.rule li {
		font-size: 0.9rem;
	}
}