@charset "utf-8";
/* CSS Document */

.outline_inner:nth-of-type(2) {
	margin-top: 3rem;
}

@media screen and (max-width: 599px) {
	.outline_table tr {
		grid-template-columns: 21% minmax(0, 1fr);
	}

	.outline_table tr > * {
		min-width: 0;
		padding: clamp(6px, 1.333vw, 8px) clamp(8px, 3.333vw, 20px);
	}

	.outline_table tr td {
		overflow-wrap: anywhere;
	}
}

.outline_table {
	border-spacing: 0px;
	border-collapse: collapse;
	margin-block: 1rem;
	width: 100%;
	tr {
		display: grid;
		grid-template-columns: 21% auto;
		& > * {
			font-size: 14px;
			font-family: '游ゴシックMedium';
			font-weight: 500;
			padding: 8px 20px;
			margin: -1px;
		}
		th {
			text-align: left;
			display: flex;
			justify-content: center;
			color: #333333;
			span {
				width: 4em;
			}
		}
		td {
			background: #FFF;
		}
	}
	&.company {
		tr {
			& > * {
				border: 1px solid #6B5E40;
			}
			th {
				background: #E9E7E2;
			}
		}
	}
	&.restrant {
		tr {
			& > * {
				border: 1px solid var(--main-green);
			}
			th {
				background: var(--pale-green);
			}
		}
	}
}

/* 最終優先：600px版の21%／79%構成を保ったまま縮小 */
@media screen and (max-width: 599px) {
	.outline_table tr {
		grid-template-columns: 21% minmax(0, 1fr);
	}

	.outline_table tr > * {
		min-width: 0;
		padding: clamp(6px, 1.333vw, 8px) clamp(8px, 3.333vw, 20px);
	}

	.outline_table tr td {
		overflow-wrap: anywhere;
	}
}