@charset "utf-8";

@media all {
	.content {
		padding-bottom: 10rem;
		padding-bottom: 15rem;
	}

	.page-title {
		color: var(--daiki-brown);
		font-size: 4.6rem;
		font-weight: 800;
		letter-spacing: .8rem;
		line-height: 1;
		margin-bottom: 4rem;
		text-align: center;

		rt {
			font-size: 1.6rem;
			margin-bottom: .5rem;
		}
	}

	.sengen-para {
		font-size: 1.8rem;
		/* font-size: 2rem; */
		letter-spacing: .1rem;
		line-height: 2.4;
		margin-bottom: 8rem;
		text-align: center;
	}

	.threeitems-heading {
		font-size: 3rem;
		font-weight: 600;
		letter-spacing: .2rem;
		margin-bottom: 2rem;
		text-align: center;

		rt {
			font-size: 1.4rem;
			margin-bottom: .1rem;
		}
	}

	.threeitems-list {
		display: flex;
		flex-direction: column;
		font-size: 1.8rem;
		gap: 1.5rem;
		margin-left: auto;
		margin-right: auto;
		padding-left: 1em;
		width: fit-content;
	}

	.threeitems-item {
		list-style: decimal;
		padding-left: 1rem;
	}
}


@media all and (max-width: 896px) {
	.page-title {
		font-size: 3.2rem;
		margin-bottom: 3rem;

		rt {
			font-size: 1.4rem;
		}
	}

	.sengen-para {
		font-size: 1.8rem;
	}

	.threeitems-heading {
		font-size: 2.8rem;

		rt {
			font-size: 1.3rem;
		}
	}

}


@media all and (max-width: 600px) {
	.page-title {
		font-size: 2.4rem;
		margin-bottom: 2rem;

		rt {
			font-size: 1.3rem;
		}
	}

	.sengen-para {
		font-size: 1.8rem;
		line-height: 2;
	}

	.threeitems-heading {
		font-size: 2.2rem;

		rt {
			font-size: 1.2rem;
		}
	}

	.threeitems-item {
		/* font-size: 1.6rem; */
	}

}

@media all and (max-width: 480px) {
 	.page-title {
		line-height: 2;

		rt {
			margin-bottom: .1rem;
		}
	}

}