@charset "utf-8";

/* -----------------------------
	共通
-------------------------------- */
.company-area {
	padding: 110px 0;
	background: var(--bk01);
}

.company-area .list-base {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 20px;
}

.company-area .company-table {
	width: 100%;
	color: #fff;
	border-collapse: collapse;
}

.company-area .company-table .company-store + .company-store {
	margin: 20px 0 0;
}

.company-area .company-table .company-store .access i {
	display: inline-block;
	margin: 0 3px 0 0;
}

.company-area .company-table .company-store a.access {
	display: inline-block;
	margin: 8px 0 0;
	padding: 4px 10px 0;
	font-size: 1.3rem;
	border: solid 1px #fff;
}
.company-area .company-table .company-store a.access:hover {
	opacity: 0.5;
}

.company-area .company-table tr th {
	width: 20%;
	text-align: left;
	padding: 30px 20px;
	vertical-align: top;
	font-size: 1.6rem;
	border-bottom: 1px solid var(--dark-yellow);
	line-height: 1.5;
}

.company-area .company-table tr td .link {
	display: inline-block;
	margin: 5px 0 0;
}
.company-area .company-table tr td .link:hover {
	opacity: 0.5;
}

.company-area .company-table tr td {
	width: 70%;
	padding: 20px;
	border-bottom: 1px solid var(--bk03);
	font-size: 1.6rem;
	line-height: 2.2;
}

.company-area .company-table tr:last-child th,
.company-area .company-table tr:last-child td {
	border-bottom: none;
}

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

	.company-area {
		padding: 40px 0;
	}

	.company-area .list-base li {
		line-height: 1.7;
	}
	.company-area  .list-base li::before {
		top: 9px;
	}
	
	.company-area .company-table {
		width: 100%;
	}
	
	.company-area .company-table tr th {
		width: 30%;
		padding: 20px 0;
		font-size: 1.5rem;
	}
	
	.company-area .company-table tr td {
		padding: 16px 0;
		line-height: 1.7;
	}

	.company-area .list-base {
		flex-direction: column;
	}
	
}