.wp-block-columns {
	display: flex;
	align-items: flex-start;
	width: 100%;
	max-width: var(--wp--custom--container--lv-2);
	margin-inline-start: auto;
	margin-inline-end: auto;

	.wp-block-column {
		+ .wp-block-column {
			margin-block-start: 0;

			@media (width < 768px) {
				margin-block-start: 8px;
			}
		}
	}

	&.is-style-default,
	&:not([class*="is-style"]) {
		justify-content: space-around;
	}

	&.is-style-member-01 {
		.wp-block-column {
			margin-block-start: 0;
			margin-block-end: 0;
			margin-inline-start: 0;
			margin-inline-end: 0;

			&:nth-child(1) {
				display: flex;
				flex-basis: 70%;
				flex-direction: column;
				align-items: center;
				padding-block-start: 0;
				padding-block-end: 0;
				padding-inline-start: 0;
				padding-inline-end: 0;

				@media (width < 768px) {}
			}

			&:nth-child(2) {
				display: flex;
				flex-basis: 30%;
				flex-direction: column;
				align-items: center;
				margin-inline-start: var(--wp--preset--spacing--50);

				@media (width < 768px) {
					margin-block-start: var(--wp--preset--spacing--40);
					margin-inline-start: 0;
				}
			}
		}

		.wp-block-group {
			width: 80%;
			padding-block-start: var(--wp--preset--spacing--40);
			padding-block-end: var(--wp--preset--spacing--40);
			padding-inline-start: var(--wp--preset--spacing--40);
			padding-inline-end: var(--wp--preset--spacing--40);
			background-color: var(--wp--preset--color--secondary-l);

			+ .wp-block-group {
				margin-block-start: var(--wp--preset--spacing--20);
			}

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

		+ .wp-block-gallery {
			margin-block-start: var(--wp--preset--spacing--40);
		}

		@media (width < 768px) {
			flex-direction: column;
		}
	}

	&.is-style-doctor {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		padding-block-start: 10px;
		padding-block-end: 10px;
		padding-inline-start: 10px;
		padding-inline-end: 10px;

		.wp-block {
			width: 100%;
		}

		a {
			transition: 0.3s;

			&:hover {
				opacity: 0.5;
			}
		}

		@media (width < 768px) {
			grid-template-columns: 1fr;
		}
	}

	&.is-style-center {
		display: flex;
		justify-content: center;

		.wp-block-column {
			+ .wp-block-column {
				margin-inline-start: var(--wp--preset--spacing--20);
			}
		}
	}

	&.is-style-col3 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		max-width: var(--wp--custom--container--lv-0);
		margin-inline-start: auto;
		margin-inline-end: auto;

		.wp-block {
			width: 100%;
		}

		.wp-block-column {
			flex: 1;

			+ .wp-block-column {
				margin-inline-start: var(--wp--preset--spacing--40);

				@media (width < 768px) {
					margin-block-start: var(--wp--preset--spacing--20);
					margin-inline-start: 0;
				}
			}
		}

		@media (width < 768px) {
			grid-template-columns: 1fr;
			max-width: calc(100vw - var(--wp--preset--spacing--40));
		}
	}

	&.is-style-col2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		max-width: var(--wp--custom--container--lv-0);
		margin-inline-start: auto;
		margin-inline-end: auto;

		.wp-block {
			width: 100%;
		}

		.wp-block-column {
			flex: 1;

			+ .wp-block-column {
				margin-inline-start: var(--wp--preset--spacing--40);

				@media (width < 768px) {
					margin-block-start: var(--wp--preset--spacing--20);
					margin-inline-start: 0;
				}
			}
		}

		.wp-block-separator {
			+ h3.is-style-simple {
				margin-block-start: var(--wp--preset--spacing--40);

				+ p.is-style-default {
					margin-block-start: var(--wp--preset--spacing--20);
				}
			}
		}

		@media (width < 768px) {
			grid-template-columns: 1fr;
		}
	}

	&.is-style-flow1 {
		display: grid;
		grid-gap: var(--wp--preset--spacing--40);
		grid-template-columns: 1fr 2fr 1fr;
		max-width: var(--wp--custom--container--lv-0);
		margin-inline-start: auto;
		margin-inline-end: auto;

		.wp-block-column {
			&:nth-of-type(1) {
				position: relative;
				counter-increment: num;

				&::before {
					position: absolute;
					inset-block-start: 0;
					inset-inline-start: 0;
					display: flex;
					align-items: center;
					justify-content: center;
					width: 50px;
					height: 50px;
					color: var(--wp--preset--color--light-01);
					font-weight: 500;
					background-color: var(--wp--preset--color--secondary);
					content: counter(num);

					@media (width < 768px) {
						position: initial;
					}
				}
			}
		}

		.wp-block {
			width: 100%;
		}

		@media (width < 768px) {
			grid-gap: var(--wp--preset--spacing--20);
			grid-template-columns: 1fr;
			max-width: calc(100vw - var(--wp--preset--spacing--40));
		}
	}

	&.is-style-treatment {
		display: grid;
		grid-gap: var(--wp--preset--spacing--20);
		grid-template-columns: repeat(4, 1fr);

		h4 {
			padding-block-start: 0;
			padding-block-end: 0;
			padding-inline-start: 0;
			padding-inline-end: 0;

			a {
				display: block;
				padding-block-start: var(--wp--preset--spacing--20);
				padding-block-end: var(--wp--preset--spacing--20);
				padding-inline-start: 0;
				padding-inline-end: 0;
				color: var(--wp--preset--color--secondary);
				letter-spacing: normal;
				text-decoration: none;
				transition: 0.3s;

				&:hover {
					opacity: 0.5;
				}
			}

			&.has-secondary-background-color {
				a {
					color: var(--wp--preset--color--light-01);
				}
			}
		}

		+ .is-style-treatment {
			margin-block-start: var(--wp--preset--spacing--20);

			@media (width < 768px) {
				/* margin-block-start: 8px; */
			}
		}

		@media (width < 768px) {
			grid-gap: 8px;
			grid-template-columns: repeat(1, 1fr);
		}
	}

	&.is-style-pink-dot {
		display: grid;
		grid-gap: var(--wp--preset--spacing--20);
		grid-template-columns: repeat(auto-fill, 200px);
		max-width: var(--wp--custom--container--lv-1);

		.wp-block-column {
			display: flex;
			align-items: center;

			&::before {
				margin-inline-end: 0.5rem;
				color: var(--wp--preset--color--secondary);
				font-size: var(--wp--preset--font-size--huge);
				font-family: var(--wp--preset--font-family--ionicons);
				content: "";
			}

			&:empty {
				&::before {
					display: none;
				}
			}

			+ .wp-block-column {
				margin-inline-start: 0;

				@media (width < 768px) {
					margin-block-start: 0;
					margin-inline-start: 0;
				}
			}
		}

		+ .wp-block-column {
			@media (width < 768px) {
				margin-block-start: 0;
			}
		}

		@media (width < 768px) {
			grid-gap: 0.5rem;
			grid-template-columns: repeat(1, 1fr);
			max-width: calc(100% - var(--wp--preset--spacing--40));
			line-height: 1;
		}
	}

	&.is-style-flow-col4,
	&.is-style-flow-col3 {
		display: flex;

		.wp-block-column {
			flex: 1;

			h4 {
				width: fit-content;
				margin-inline-end: auto;
				margin-inline-start: 0;
				padding-block-start: var(--wp--preset--spacing--20);
				padding-block-end: var(--wp--preset--spacing--20);
				padding-inline-start: var(--wp--preset--spacing--20);
				padding-inline-end: var(--wp--preset--spacing--20);
				line-height: 1;
			}

			+ .wp-block-column {
				margin-inline-start: var(--wp--preset--spacing--20);

				@media (width < 768px) {
					margin-block-start: var(--wp--preset--spacing--20);
					margin-inline-start: 0;
				}
			}
		}

		+ .is-style-flow-col4 {
			@media (width < 768px) {
				margin-block-start: var(--wp--preset--spacing--20);
			}
		}
	}

	@media (width < 768px) {
		flex-flow: column;
		max-width: calc(100vw - var(--wp--preset--spacing--40));
	}
}