.job-description {
	margin-bottom: 100px;
	.inner {
		max-width: 1080px;
		margin: 0 auto;
		padding: 0 20px;
	}
	.section-title3 {
		margin-top: 100px;
		margin-bottom: 80px;
	}
	.text {
		color: #000;
		text-align: center;
		font-family: "Noto Sans JP";
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 160%; /* 25.6px */
		letter-spacing: 1.6px;

		margin-bottom: 40px;
	}
	.table-wrapper {
		margin: 0 auto;
		padding: 0 20px;
	}
	.two-col-table {
		max-width: 1080px;
		margin: 0 auto;
		.table-row {
			color: #222;
			font-family: "Noto Sans JP";
			font-size: 16px;
			font-style: normal;

			line-height: 160%; /* 25.6px */
			letter-spacing: 1.6px;

			display: flex;

			border-top: 1px solid #e0dfdf;
			border-left: 1px solid #e0dfdf;
			border-right: 1px solid #e0dfdf;
			&:last-child {
				border-bottom: 1px solid #e0dfdf;
			}

			.key {
				width: calc(400 / 1080 * 100%);
				background: #f1f1f1;
				padding: 17px 13px 17px 24px;
				font-weight: 700;
			}
			.value {
				width: calc(680 / 1080 * 100%);
				padding: 17px 13px 17px 24px;
				font-weight: 500;
				text-align: left;
				span {
					color: #222;
					font-family: "Noto Sans JP";
					font-size: 16px;
					font-style: normal;
					font-weight: 700;
					line-height: 160%;
					letter-spacing: 1.6px;
				}
			}
		}
		.table-row:first-child {
			padding-top: 0;
		}
	}
}

@media (max-width: 768px) {
	.job-description {
		margin-bottom: 60px;
		.inner {
			max-width: 1080px;
			margin: 0 auto;
			padding: 0 20px;
		}
		.section-title3 {
			margin-top: 60px;
			margin-bottom: 20px;
		}
		.text {
			color: #000;
			text-align: center;
			font-family: "Noto Sans JP";
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: 160%; /* 25.6px */
			letter-spacing: 1.6px;

			margin-bottom: 24px;
		}
		.table-wrapper {
			margin: 0 auto;
			padding: 0 ;
		}
		.two-col-table {
			max-width: 1080px;
			margin: 0 auto;
			width:100%;
			.table-row {
				color: #222;
				font-family: "Noto Sans JP";
				font-size: 16px;
				font-style: normal;

				line-height: 160%; /* 25.6px */
				letter-spacing: 1.6px;

				display: flex;
				flex-direction: column;

				border-top: 1px solid #e0dfdf;
				border-left: 1px solid #e0dfdf;
				border-right: 1px solid #e0dfdf;

				border:none;
				&:last-child {
					border-bottom: none;
				}

				.key {
					width: 100%;
					background: #f1f1f1;
					padding: 13px 20px;
					font-weight: 700;

					margin-bottom: 12px;
				}
				.value {
					width:100%;

					font-weight: 500;
					margin:0;
					padding:0 20px;
					margin-bottom: 16px;

					span {
						color: #222;
						font-family: "Noto Sans JP";
						font-size: 16px;
						font-style: normal;
						font-weight: 500;
						line-height: 160%;
						letter-spacing: 1.6px;
					}
					p{
						padding: 10px 16px;
						border: 1px solid #E0DFDF;
					}
				}
			}
			.table-row:first-child {
				padding-top: 0;
			}
			}
	}
}