ul.wp-block-list {
	&.is-style-default,
	&:not([class*="is-style"]) {
		width: 100%;
		max-width: var(--wp--custom--container--lv-2);
		margin-inline-start: auto;
		margin-inline-end: auto;
		margin-block-end: 0;
		padding-block-start: 0;
		padding-block-end: 0;
		padding-inline-start: var(--wp--preset--spacing--40);
		padding-inline-end: 0;
		list-style: disc;

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

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

	&.is-style-none {
		list-style: none;

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

		@media (width < 768px) {
			max-width: calc(100vw - var(--wp--preset--spacing--40));
			margin-inline-start: auto;
			margin-inline-end: auto;
		}
	}

	&.is-style-doctor-1 {
		width: 100%;
		max-width: var(--wp--custom--container--lv-2);
		margin-inline-start: auto;
		margin-inline-end: auto;
		padding-block-start: 0;
		padding-block-end: 0;
		padding-inline-start: 0;
		padding-inline-end: 0;
		list-style: none;

		a {
			color: var(--wp--preset--color--skyblue);

			&:hover {
				text-decoration: none;
			}
		}

		li {
			&::before {
				margin-inline-end: 0.5rem;
				font-family: var(--wp--preset--font-family--ionicons);
				content: "";
			}

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

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

	&.is-style-member {
		margin-block-start: var(--wp--preset--spacing--20);
		list-style: none;

		li {
			+ li {
				margin-block-start: 0.5rem;
			}
		}

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

	&.is-style-pagelist {
		display: grid;
		grid-gap: var(--wp--preset--spacing--20);
		grid-template-columns: 1fr;
		padding-block-start: 0;
		padding-block-end: 0;
		padding-inline-start: 0;
		padding-inline-end: 0;
		color: var(--wp--preset--color--dark-01);
		list-style: none;

		li {
			padding-block-start: var(--wp--preset--spacing--20);
			padding-block-end: var(--wp--preset--spacing--20);
			padding-inline-start: var(--wp--preset--spacing--30);
			padding-inline-end: var(--wp--preset--spacing--20);
			background-color: var(--wp--preset--color--alto-05);
			border: 1px solid var(--wp--preset--color--border);
			border-radius: 3rem;

			&.link {
				padding-block-start: 0;
				padding-block-end: 0;
				padding-inline-start: 0;
				padding-inline-end: 0;
				background-color: transparent;
				border: 0;

				a {
					position: relative;
					z-index: 1;
					display: block;
					padding-block-start: var(--wp--preset--spacing--20);
					padding-block-end: var(--wp--preset--spacing--20);
					padding-inline-start: var(--wp--preset--spacing--30);
					padding-inline-end: var(--wp--preset--spacing--20);
					overflow: hidden;
					color: var(--wp--preset--color--secondary);
					text-decoration: none;
					background-color: transparent;
					border: 1px solid var(--wp--preset--color--border);
					border-radius: 3rem;
					transition: 0.3s;

					&::before {
						position: absolute;
						inset-block-start: 0;
						inset-inline-start: -105%;
						z-index: -1;
						width: 100%;
						height: 100%;
						background-color: var(--wp--preset--color--secondary);
						transform: skew(-15deg);
						transition: 1s all ease;
						content: "";
					}

					&::after {
						position: absolute;
						inset-block-start: 50%;
						inset-inline-end: var(--wp--preset--spacing--30);
						color: var(--wp--preset--color--secondary);
						font-size: var(--wp--preset--font-size--medium-large);
						font-family: var(--wp--preset--font-family--ionicons);
						transform: translateY(-50%);
						content: "";
					}

					&:hover {
						color: var(--wp--preset--color--light-01);

						&::before {
							inset-inline-start: -15%;
						}
					}

					@media (width < 768px) {
						padding-block-start: var(--wp--preset--spacing--20);
						padding-block-end: var(--wp--preset--spacing--20);
						padding-inline-start: var(--wp--preset--spacing--40);
						padding-inline-end: var(--wp--preset--spacing--60);
					}
				}
			}

			+ li {
				margin-block-start: 0;
			}
		}

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

	&.is-style-border {
		padding-block-start: var(--wp--preset--spacing--30);
		padding-block-end: var(--wp--preset--spacing--30);
		padding-inline-start: var(--wp--preset--spacing--50);
		padding-inline-end: var(--wp--preset--spacing--40);
		color: var(--wp--preset--color--secondary);
		border: 1px solid var(--wp--preset--color--border);

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

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

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

	&.is-style-point1 {
		padding-block-start: 0;
		padding-block-end: 0;
		padding-inline-start: var(--wp--preset--spacing--40);
		padding-inline-end: var(--wp--preset--spacing--40);
		color: var(--wp--preset--color--dark-01);
		list-style: none;

		li {
			position: relative;

			&::before {
				position: absolute;
				inset-inline-start: -var(--wp--preset--spacing--40);
				color: var(--wp--preset--color--secondary);
				font-size: var(--wp--preset--font-size--normal);
				text-align: center;
				content: "◆";
			}

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

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

	&.is-style-pink-dot {
		padding-block-start: 0;
		padding-block-end: 0;
		padding-inline-start: var(--wp--preset--spacing--40);
		padding-inline-end: 0;
		color: var(--wp--preset--color--dark-01);
		list-style: none;

		li {
			position: relative;

			&::before {
				position: absolute;
				inset-inline-start: -var(--wp--preset--spacing--40);
				color: var(--wp--preset--color--secondary);
				font-size: var(--wp--preset--font-size--small);
				text-align: center;
				content: "●";
			}

			+ li {
				margin-block-start: 0.5rem;
			}
		}

		a {
			color: var(--wp--preset--color--dark-01);
			text-decoration: none;
			transition: 0.3s;

			&:hover {
				opacity: 0.5;
			}
		}

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

	&.is-style-pink-check {
		padding-block-start: 0;
		padding-block-end: 0;
		padding-inline-start: 0;
		padding-inline-end: 0;
		color: var(--wp--preset--color--dark-01);
		font-size: var(--wp--preset--font-size--large);
		list-style: none;

		li {
			position: relative;
			padding-inline-start: 2.5rem;

			&::before {
				position: absolute;
				inset-block-start: 50%;
				inset-inline-start: 0;
				color: var(--wp--preset--color--secondary);
				font-size: var(--wp--preset--font-size--huge);
				font-family: var(--wp--preset--font-family--ionicons);
				line-height: 1;
				text-align: center;
				transform: translateY(-50%);
				content: "";
			}

			+ li {
				margin-block-start: 0.5rem;
			}
		}

		a {
			color: var(--wp--preset--color--dark-01);
			text-decoration: none;
			transition: 0.3s;

			&:hover {
				opacity: 0.5;
			}
		}

		@media (width < 768px) {
			max-width: calc(100vw - var(--wp--preset--spacing--40));
			padding-inline-start: 0;
		}
	}

	&.is-style-fee-link-1 {
		display: flex;
		justify-content: center;
		list-style: none;

		li {
			a {
				color: var(--wp--preset--color--light-01);
				text-decoration: none;
				transition: 0.3s;

				&:hover {
					opacity: 0.5;
				}
			}

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

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

ol.wp-block-list {
	width: 100%;
	max-width: var(--wp--custom--container--lv-2);
	margin-inline-start: auto;
	margin-inline-end: auto;
	margin-block-end: 0;

	&.is-style-default {
		padding-inline-start: 1em;
		list-style: decimal;

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

	&.is-style-ol-point1 {
		list-style: none;
		counter-set: ol;

		li {
			position: relative;
			padding-block-end: 0.4rem;
			padding-inline-start: var(--wp--preset--spacing--30);
			font-size: var(--wp--preset--font-size--large);
			line-height: 1.5;
			border-block-end: 2px solid var(--wp--preset--color--secondary);
			counter-increment: ol;

			&::before {
				position: absolute;
				inset-block-start: 0;
				inset-inline-start: 0;
				padding-block-end: 0.2rem;
				font-size: var(--wp--preset--font-size--medium-large);
				line-height: 1.2;
				content: counter(ol) ".";
			}

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

			@media (width < 768px) {
				padding-inline-start: 1.5em;
			}
		}

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

	&.is-style-ol-pink-num {
		max-width: fit-content;
		list-style: none;
		counter-set: num;

		li {
			position: relative;
			padding-inline-start: 2.5rem;
			counter-increment: num;

			&::before {
				position: absolute;
				inset-block-start: 50%;
				inset-inline-start: 0;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 30px;
				height: 30px;
				color: var(--wp--preset--color--white);
				background-color: var(--wp--preset--color--secondary);
				border-radius: 15px;
				transform: translateY(-50%);
				content: counter(num);
			}

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