.wp-block-table {
	&.is-style-left-head-col2 {
		table {
			width: 100%;
			vertical-align: middle;
			background-color: var(--wp--preset--color--light-01);

			th,
			td {
				padding: 1rem;
				border: 1px solid var(--wp--preset--color--border);
			}

			th {
				width: 25%;
				color: var(--wp--preset--color--light-01);
				text-align: center;
				background-color: var(--wp--preset--color--primary);

				@media screen and (width < 768px) {
					width: 35%;
				}

				& + td {
					margin-block-start: 0;
				}
			}

			td + td {
				@media screen and (width < 768px) {
					margin-block-start: 0;
				}
			}
		}

		figcaption {
			margin-block-start: 0.5rem;
			color: var(--wp--preset--color--dark-02);
			font-size: var(--wp--preset--font-size--small);
		}
	}

	&.is-style-left-head-col3 {
		table {
			width: 100%;
			vertical-align: middle;
			background-color: var(--wp--preset--color--light-01);

			thead th {
				color: var(--wp--preset--color--light-01);
				text-align: center;
				background-color: var(--wp--preset--color--secondary);
			}

			tbody th {
				width: 40%;
				text-align: center;
				background-color: var(--wp--preset--color--primary-light);
			}

			th,
			td {
				padding: 1rem;
				border: 1px solid var(--wp--preset--color--border);
			}

			th + td {
				margin-block-start: 0;
			}
		}

		figcaption {
			margin-block-start: 0.5rem;
			color: var(--wp--preset--color--dark-02);
			font-size: var(--wp--preset--font-size--small);
		}
	}

	&.is-style-price {
		margin-block-end: 1rem;

		table {
			width: 100%;
			vertical-align: middle;
			background-color: var(--wp--preset--color--light-01);

			th,
			td {
				padding: 1rem;
				border: 1px solid var(--wp--preset--color--border);

				@media screen and (width < 768px) {
					display: block;
				}
			}

			th {
				width: 60%;
				text-align: center;
				background-color: var(--wp--preset--color--alto-05);

				@media screen and (width < 768px) {
					width: 100%;
				}

				& + td {
					margin-block-start: 0;
				}
			}

			td {
				font-size: var(--wp--preset--font-size--xx-large);
				text-align: right;

				& + td {
					@media screen and (width < 768px) {
						margin-block-start: 0;
					}
				}
			}
		}

		figcaption {
			margin-block-start: 0.5rem;
			color: var(--wp--preset--color--dark-02);
			font-size: var(--wp--preset--font-size--small);
		}
	}

	&.is-style-separate {
		width: 100%;
		margin-block-end: 0;
		margin-inline-start: 0;
		color: var(--wp--preset--color--dark-01);

		table {
			width: 100%;
			background-color: var(--wp--preset--color--light-02);
			border: 0;

			tbody {
				tr {
					th,
					td {
						padding: 1.5rem;
						vertical-align: middle;
						border: 0;

						@media screen and (width < 768px) {
							padding: 1rem;
						}
					}

					th {
						width: 20%;
						color: var(--wp--preset--color--primary);
						font-weight: 400;

						@media screen and (width < 768px) {
							width: 45%;
						}
					}

					& + tr {
						border-top: 1px solid var(--wp--preset--color--border);
					}
				}
			}
		}
	}

	&.is-style-download {
		table {
			width: 100%;
			vertical-align: middle;
			background-color: var(--wp--preset--color--light-01);

			th,
			td {
				padding: 1rem;
				border: 1px solid var(--wp--preset--color--border);

				@media screen and (width < 768px) {
					display: block;
				}
			}

			th {
				width: 60%;
				color: var(--wp--preset--color--light-01);
				text-align: center;
				background-color: var(--wp--preset--color--primary);

				@media screen and (width < 768px) {
					width: 100%;
				}

				& + td {
					margin-block-start: 0;
				}
			}

			td + td {
				@media screen and (width < 768px) {
					margin-block-start: 0;
				}
			}
		}

		figcaption {
			margin-block-start: 0.5rem;
			color: var(--wp--preset--color--dark-02);
			font-size: var(--wp--preset--font-size--small);
		}
	}

	&.is-style-time {
		table {
			width: 100%;
			background-color: var(--wp--preset--color--light-01);

			th,
			td {
				padding: 0.5rem;
				text-align: center;
				vertical-align: middle;
				border: 1px solid var(--wp--preset--color--border);

				@media screen and (width < 768px) {
					padding: 0.25rem;
				}
			}

			tbody th {
				background-color: var(--wp--preset--color--alto-05);
			}

			thead {
				margin-block-end: 1rem;
				color: var(--wp--preset--color--light-01);
				background-color: var(--wp--preset--color--primary);
			}
		}

		figcaption {
			padding: 0.5rem;
			text-align: left;
			caption-side: bottom;

			@media screen and (width < 768px) {
				padding: 0.25rem;
			}
		}
	}

	&.is-style-history {
		table {
			width: 100%;
			background-color: var(--wp--preset--color--light-01);

			tr {
				&:nth-of-type(1) {
					th {
						@media screen and (width < 768px) {
							width: 30%;
						}
					}

					td:nth-of-type(1) {
						@media screen and (width < 768px) {
							width: 25%;
						}
					}

					td:nth-of-type(2) {
						width: 60%;
					}
				}

				th {
					text-align: center;
				}

				td:nth-of-type(1) {
					text-align: center;
				}

				& + tr {
					th {
						border-top: 1px solid var(--wp--preset--color--light-01);
					}

					td {
						border-top: 1px solid var(--wp--preset--color--alto-05);
					}
				}
			}

			th,
			td {
				padding: 1rem;
				vertical-align: top;

				@media screen and (width < 768px) {
					padding: 0.5rem;
				}
			}

			tbody th {
				color: var(--wp--preset--color--light-01);
				background-color: var(--wp--preset--color--primary);
			}
		}
	}

	&.is-style-access {
		table {
			width: 100%;
			vertical-align: middle;
			background-color: var(--wp--preset--color--light-01);

			th,
			td {
				padding: 1rem;
				border: 1px solid var(--wp--preset--color--border);
			}

			th {
				width: 50%;
				color: var(--wp--preset--color--dark-01);
				text-align: center;
				background-color: var(--wp--preset--color--primary-light);

				& + td {
					margin-block-start: 0;
				}
			}

			td + td {
				@media screen and (width < 768px) {
					margin-block-start: 0;
				}
			}
		}

		figcaption {
			margin-block-start: 0.5rem;
			color: var(--wp--preset--color--dark-02);
			font-size: var(--wp--preset--font-size--small);
		}
	}

	&.is-style-question {
		table {
			width: 100%;
			vertical-align: middle;
			background-color: var(--wp--preset--color--light-01);

			th,
			td {
				padding: 1rem;
				border: 1px solid var(--wp--preset--color--border);
			}

			th {
				width: 15%;
				color: var(--wp--preset--color--dark-01);
				text-align: center;
				background-color: var(--wp--preset--color--primary-light);

				& + td {
					margin-block-start: 0;
				}
			}

			td + td {
				@media screen and (width < 768px) {
					margin-block-start: 0;
				}
			}
		}

		figcaption {
			margin-block-start: 0.5rem;
			color: var(--wp--preset--color--dark-02);
			font-size: var(--wp--preset--font-size--small);
		}
	}

	& + .is-style-point1 {
		margin-block-start: 1rem;
	}

	& + p {
		margin-block-start: 1rem;
	}
}