@charset "utf-8";

/*
 * ct-law
 */
.content-asset p,
.content-asset ul,
.content-asset ol {
	margin: 1em 0;
	line-height: 1.6em;
}
.content-asset dl {
    clear: both;
    overflow: hidden;
}
.content-asset dl dt {
	clear: both;
	float: left;
	min-width: 15%;
}
.content-asset dl dd {
	float: left;
}

#ct-law {
	max-width: 840px;
	margin: 0 auto;
	padding: 70px 20px 35px;
}
#ct-law h1 {
	margin-bottom: 60px;
	font-size: 20px;
}
#ct-law h2 {
	margin: 0 auto 10px;
	padding-bottom: 5px;
	font-size: 18px;
	border-bottom: 1px solid #000;
}
#ct-law h3 {
	margin: 0 auto 10px;
	font-size: 16px;
}
#ct-law p {
	margin: 0;
	font-size: 14px;
}
#ct-law .mb {
	margin-bottom: 35px;
}
#ct-law .pt {
	padding-top: 10px;
}
#ct-law ul {
	padding: 0;
}
#ct-law .point-list li {
	margin: 0.6em 0;
	padding: 0 0 0 1em;
	font-size: 14px;
	list-style: none;
	text-indent: -1em;
}
#ct-law .point-list li:before {
	content: "・";
}
#ct-law dl {
	margin-top: 0;
}
#ct-law dt,
#ct-law dd {
	font-size: 14px;
	margin: 5px 0;
}
#ct-law .payment dt {
	min-width: 9%;
}
#ct-law dd {
	padding: 0 0 0 1em;
}
#ct-law .notes {
	padding-left: 1em;
	text-indent: -1em;
}
#ct-law .number {
	white-space: nowrap
}
#ct-law .pc-nonelink a {
	text-decoration: none;
	pointer-events: none;
}
/*-----
 *  Mobile Layout: ～768px
 */
@media screen and (max-width: 768px) {
	#ct-law {
		max-width: none;
		padding: 35px 15px 30px;
	}
	#ct-law h1 {
		margin-bottom: 25px;
	}
	#ct-law h2 {
		margin: 0 auto 10px;
		font-size: 17px;
	}
	#ct-law h3 {
		margin-bottom: 10px;
		font-size: 14px;
	}
	#ct-law p {
		font-size: 12px;
	}
	#ct-law .mb {
		margin-bottom: 35px;
	}
	#ct-law .point-list li {
		font-size: 12px;
		line-height: 1.6em;
	}
	#ct-law dl,
	#ct-law dt,
	#ct-law dd {
		float: none;
		font-size: 12px;
		padding-left: 0;
	}
	#ct-law dd {
		margin-bottom: 10px;
	}
	#ct-law .pc-nonelink a {
		text-decoration: underline;
		pointer-events: auto;
	}
}