@charset "UTF-8";

/* ============================================
   PC Responsive (min-width: 768px)
   ============================================ */
@media screen and (min-width: 768px) {
	.article__intro-profile-desc {
		letter-spacing: 2%;
	}

	.article__chapter.story03-chapter01 {
		gap: 5.6rem;
	}

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

	.article__chapter-block.story03-chapter03-block02 {
		gap: 4.0rem;
	}

	.article__chapter-heading h3 {
		letter-spacing: 7.5%;
	}

	.article__text {
		letter-spacing: 6.7%;
	}

	.article__chapter-side {
		gap: 4rem;
		align-items: center;
	}

	/* Chapter 2/3: gap adjustment */
	.story03-chapter02 .article__chapter-side {
		gap: 5.6rem;
	}

	.article__chapter-side-text {
		letter-spacing: 6.7%;
	}

	.article__other {
		gap: 7.9rem;
	}
}

/* ============================================
   SP Responsive (max-width: 767px)
   ============================================ */
@media screen and (max-width: 767px) {
	.article__intro-lead {
		letter-spacing: 6%;
	}

	.article__chapter.story03-chapter02,
	.article__chapter.story03-chapter03 {
		margin-top: -0.3rem;
	}

	/* Side-by-side: stack on SP */
	.article__chapter-side {
		flex-direction: column;
		gap: 2.8rem;
	}

	/* Other story */
	.article__other {
		gap: 7.2rem;
		margin-top: 8rem;
	}

	.article__other-cta {
		margin-top: 0;
	}
}