/* ==========================================================================
   特定商取引法に基づく表記 /tokushoho/（Figma PC「15 特定商取引法に基づく表記」/ SP「15」）
   本文は 1 つの表（左列 th＝項目、右列 td＝内容）
   ========================================================================== */
@import url("legal-common.css");

.legal-body tr + tr {
	border-top: 1px solid var(--line-base);
}

.legal-body th,
.legal-body td {
	padding: 30px 0;
	font-size: 15px;
	line-height: 1.9;
	vertical-align: middle;
}

.legal-body th {
	width: 248px;
	padding-right: 48px;
	color: var(--text-secondary);
	letter-spacing: 0.04em;
}

.legal-body td {
	color: var(--text-primary);
	letter-spacing: 0.03em;
}

.legal-body td a {
	text-decoration: none;
}

@media (max-width: 767px) {
	/* SP は白地の罫線付きの表 */
	.legal-body table {
		background: var(--bg-white);
	}

	.legal-body tr + tr {
		border-top: 0;
	}

	.legal-body table th,
	.legal-body table td {
		padding: 11px 12px;
		border: 1px solid var(--line-base);
		font-size: 13px;
		line-height: 1.7;
	}

	.legal-body th {
		width: 132px;
		letter-spacing: 0.04em;
	}

	.legal-body td {
		overflow-wrap: anywhere;
	}
}

/* SP では文字を 1px 大きくする（PC の大きさのまま SP にも効いていたもの。SP 用の指定は各所で +1px 済み） */
@media (max-width: 767px) {
	.legal-body th,
	.legal-body td {
		font-size: 16px;
	}
}