/* 
色
メイン #1a50a7
grey #EFEFEF
yellow #FFF2CC
red #F4CCCC
green #D9EAD3
blue #CFE2F3
*/

.sec-acf-form {
	.wrap {
		h1 {
			font-size: 32px;
			margin-bottom: 10px;
		}
		form {
			.category {
				margin-bottom: 10px;
				select {
					border: 1px solid black;
					border-radius: 3px;
					padding: 3px;
				}
			}
			.input-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
				gap: 10px;
				margin-bottom: 30px;
				padding: 15px;
				&:nth-of-type(2),
				&:nth-of-type(3) {
					background: #efefef;
				}
				&:nth-of-type(4) {
					background: #fff2cc;
				}
				&:nth-of-type(5) {
					background: #f4cccc;
				}
				&:nth-of-type(6) {
					background: #d9ead3;
				}
				&:nth-of-type(7) {
					background: #CFE2F3;
				}
				.grid-item {
					display: flex;
					flex-direction: column;
					gap: 5px;
					label {
						font-weight: 500;
					}
					input {
						border: 1px solid black;
						padding: 5px 6px;
						background: white;
						&:disabled {
							background: #ddd;
						}
					}
				}
			}
		}

		button {
			color: white;
			border: 1px solid #1a50a7;
			background: #1a50a7;
			padding: 10px;
			border-radius: 5px;
			width: 100px;
			text-align: center;
		}
	}
}
/*================= END OF acf-form =================*/

.sec-import {
	background: #cfe2f3;
	padding-block: 30px;

	form {
		margin-bottom: 15px;
	}

	.dl-button {
		display: block;
		color: white;
		background: #800000;
		padding: 15px 20px;
		width: fit-content;
		border-radius: 5px;
		&:hover {
			opacity: 0.8;
		}
	}
}
/*================= END OF import =================*/
.sec-pdf {
	.wrap {
		.pdf-info {
			h1 {
				font-size: 24px;
				margin-bottom: 15px;
			}

			dl {
				border: 1px solid black;
				margin-bottom: 10px;
				display: flex;
				flex-wrap: wrap;
				max-width: 400px;
				dt,
				dd {
					padding: 5px 10px;
					&:not(:last-of-type) {
						border-bottom: 1px solid black;
					}
				}
				dt {
					font-weight: 400;
					text-align: center;
					background: #efefef;
					width: 30%;
					border-right: 1px solid black;
				}
				dd {
					width: 70%;
				}
			}

			p {
				border: 1px solid black;
				padding: 15px 5px;
				max-width: 400px;
			}
		}
	}
}
/*================= END OF pdf =================*/
table,
td,
th {
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #595959;
	border-collapse: collapse;
}
td,
th {
	padding: 5px 10px;
	width: fit-content;
	height: 25px;
	text-align: center;
	vertical-align: middle;
}
table {
	margin-block: 20px;
	&:nth-of-type(2) {
		th {
			background-color: #fff2cc;
		}
	}
	&:nth-of-type(3) {
		th {
			background-color: #f4cccc;
		}
	}
	&:nth-of-type(4) {
		th {
			background-color: #d9ead3;
		}
	}
	&:nth-of-type(5) {
		th {
			background-color: #cfe2f3;
		}
	}
	&:nth-of-type(6) {
		th {
			background-color: #cfe2f3;
			&:last-of-type {
				background: white;
				width: 800px;
			}
		}
	}
}
th {
	background: #efefef;
	width: 140px;
}
.title-th {
	width: fit-content;
	white-space: nowrap;
}