@charset "utf-8";

/* ===================================================
	Clause CSS
====================================================== */
.date {
	margin: 0 0 clamp(15px, 5%, 30px);
	text-align: right;
}

/* sentence */
.sentence {
	margin: 0 0 clamp(60px, 18%, 100px);
}
.sentence > dt {
	margin: 0 0 5px;
	font-size: 16px;
}
.sentence > dd + dt {
	margin-top: 40px;
}
.num_list {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0 5px;
}
.num_list > li {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
}
.num_list > li > .num {
	text-align: right;
}
.service {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0 30px;
	margin: 0 0 0 0.5em;
}

@media screen and (min-width: 651px) {
	.sentence > dt {
		font-size: 20px;
	}
}

/* table_col */
.table_col + .table_col {
	margin: 50px 0 0;
}
.table_col .cap {
	margin: 0 0 10px;
}
.table_col .table {
	overflow: auto;
}
.table_col .table::-webkit-scrollbar {
	height: 5px;
}
.table_col .table::-webkit-scrollbar-track {
	background: var(--color-bg01);
}
.table_col .table::-webkit-scrollbar-thumb {
	background: var(--color-bg02-hover);
}
.table_col .table table {
	width: 950px;
	table-layout: fixed;
}
.table_col .table caption {
	font-size: 13px;
}
.table_col .table .bg_point {
	color: #fff;
	background: #87546a;
}
.table_col .table th,
.table_col .table td {
	padding: 10px 15px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.6;
	vertical-align: middle;
	border: 1px solid #ddd;
}
.table_col > dl,
.table_col > dl > dd + dt {
	margin: 15px 0 0;
}

/* table01 */
.table01 table .table_tit {
	width: 140px;
}
.table01 .table th {
	text-align: center;
}

/* table02 */
.table02 table caption {
	margin: 0 0 5px;
	text-align: left;
}
.table02 table .table_tit {
	width: 130px;
}
.table02 table th,
.table02 table td {
	text-align: center;
}
.table02 table th:first-child {
	text-align: left;
}
.table02 .note + .table {
	margin: 25px 0 0;
}

@media screen and (min-width: 651px) {
	.table_col .table table {
		width: 1000px;
		font-size: 16px;
	}
	.table_col .table caption,
	.table_col .table th,
	.table_col .table td {
		font-size: 16px;
	}

	/* table01 */
	.table01 table .table_tit {
		width: 160px;
	}

	/* table02 */
	.table02 table .table_tit {
		width: 150px;
	}
}
