@charset "UTF-8";

/* ============================================
   Chapter
   ============================================ */
.article__text + .article__text {
	margin-top: 0;
}

/* Chapter 3: Side-by-side layout (image + text) */
.article__chapter-side {
	gap: 4.0rem;
	align-items: center;
}

/* ============================================
   PC Responsive (min-width: 768px)
   ============================================ */
@media screen and (min-width: 768px) {
	.article__chapter-block.story01-chapter01-block02,
	.article__chapter-block.story01-chapter01-block03 {
		gap: 4.0rem;
	}
}

/* ============================================
   SP Responsive (max-width: 767px)
   ============================================ */
@media screen and (max-width: 767px) {
	/* Chapter */
	.article__chapter-block.story01-chapter02-block01 {
		gap: 4.0rem;
	}

	.article__chapter-block.story01-chapter03-block01 {
		gap: 4.0rem;
	}

	.article__chapter-side {
		flex-direction: column;
		gap: 2.8rem;
	}

	.article__other {
		gap: 7.2rem;
		margin-top: 9.2rem;
	}
}