@charset "utf-8";

/*----------------------------
	article
------------------------------*/
.contentWrap .articleDays {
	font-family: "Oswald", sans-serif;
	font-size: var(--20px);
	color: #999;
	letter-spacing: 0.04em;
	font-weight: 500;
}
.contentWrap .articleTtl {
	font-size: var(--30px);
	font-weight: 600;
	letter-spacing: 0.04em;
	margin-top: 40px;
}
@media (max-width: 768px) {
	.contentWrap .articleDays {
		font-size: var(--14px);
	}
	.contentWrap .articleTtl {
		font-size: var(--19px);
		margin-top: 18px;
	}
}

/*----------------------------
	detailWrap
------------------------------*/
.contentWrap .detailWrap {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	gap: 0 35px;
	margin-top: 60px;
}
.contentWrap .detailWrap .pic {
	width: 45%;
	text-align: center;
}
.contentWrap .detailWrap .txtWrap {
	width: calc(100% - 45% - 35px);
	margin-top: calc(0px - var(--12px));
	line-height: 2.25;
	text-align: justify;
}
@media (max-width: 768px) {
	.contentWrap .detailWrap {
		flex-direction: row;
		gap: 30px 0;
		margin-top: 35px;
	}
	.contentWrap .detailWrap .pic {
		width: 100%;
	}
	.contentWrap .detailWrap .txtWrap {
		width: 100%;
		margin-top: 0;
		font-size: var(--15px);
		line-height: 1.66;
	}
}

/*----------------------------
	moreBtn
------------------------------*/
.contentWrap .moreBtn {
	margin-top: 80px;
}
.contentWrap .moreBtn a {
	font-family: "Noto Sans JP", sans-serif;
	font-size: var(--16px);
	letter-spacing: 0.04em;
}
.contentWrap .moreBtn a::after {
	margin-left: 15px;
}
@media (max-width: 768px) {
	.contentWrap .moreBtn {
		margin-top: 33px;
		width: 63.692308%;
		max-width: 207px;
	}
	.contentWrap .moreBtn a {
		font-size: var(--14px);
	}
}