@charset "utf-8";

/* -----------------------------------------------------------
    カーフィルム一覧  カーフィルム・エリア詳細・急ぎページで使用
-------------------------------------------------------------- */
.carfilm-work-table {
	border-collapse: collapse;
	table-layout: auto;
	letter-spacing: .03em;
	width: 100%;
}

.carfilm-work-table tr {
	background-color: #f4f6fa;
	border-bottom: 2px solid #fff;
}

.carfilm-work-table th {
	font-size: 1.7rem;
	padding: 10px;
	border-right: 2px solid #fff;
	line-height: 1.3;
}

.carfilm-work-table td {
	padding: 20px;
	border-right: 2px solid #fff;
	line-height: 1.5;
}

.carfilm-work-table td:last-child {
	border-bottom: 0;
}

.carfilm-work-table thead tr {
	background: #96a9e3;
	color: #fff;
}

.carfilm-work-table thead td {
	background: #fff;
}

.carfilm-work-table tbody tr:first-of-type th {
	border-top: 2px solid #f1f3f8;
}

.carfilm-work-table tbody th {
	background: #fff;
	border-bottom: 2px solid #f1f3f8;
	width: 180px;
}

@media screen and (max-width: 768px) {

	.carfilm-work-table {
		border: 0;
		width: 100%;
	}

	.carfilm-work-table tr {
		border: none;
	}

	.carfilm-work-table th {
		padding: 10px 15px 12px;
	}

	.carfilm-work-table td {
		border-bottom: 1px solid #bbb;
		border-right: none;
		display: block;
		position: relative;
		padding: 13px 15px 15px 65px;
		line-height: 1.7;
	}

	.carfilm-work-table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.carfilm-work-table thead tr {
		display: block;
	}

	.carfilm-work-table tbody {
		display: flex;
		flex-direction: column;
		gap: 25px;
	}

	.carfilm-work-table tbody tr:first-of-type th {
		border-top: none;
	}

	.carfilm-work-table tbody th {
		background: #96a9e3;
		color: #fff;
		border-right: none;
		display: block;
		font-size: 1.6rem;
		width: 100%;
		text-align: left;
	}

	.carfilm-work-table tbody td {
		text-align: left;
		font-size: 1.5rem;
	}

	.carfilm-work-table tbody td::before {
		content: attr(data-label);
		color: var(--main);
		font-weight: bold;
		font-size: 1.6rem;
		position: absolute;
		left: 15px;
		line-height: 1.4;
		top: 15px;
	}
}