@charset "UTF-8";

.edit-area.article {
	padding-bottom: 10rem;

	@media screen and (max-width: 767px) {
		padding-bottom: 6rem;
	}

	.article-category {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;

		& li {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 3rem;
			padding: 0.3rem 1.3rem;
			min-width: 8.3rem;
			height: 3rem;
			font-weight: 400;
			font-size: 1.4rem;
			letter-spacing: 0.02em;
			color: #646464;
			background: #FFFFFF;
			border: 1px solid #646464;
			border-radius: 0.4rem;
		}
	}

	.article-title {
		margin-bottom: 2.8rem;
		font-weight: 700;
		font-size: 3.4rem;
		line-height: 1.56;
		letter-spacing: 0.08em;

		@media screen and (max-width: 767px) {
			font-size: 2rem;
		}
	}

	.article-time {
		display: block;
		margin-bottom: 5.8rem;
		font-weight: 400;
		letter-spacing: 0.02em;
		color: #838383;
	}
}