@charset "UTF-8";

.article__intro-profile-img img {
	object-position: 25% center;
}

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

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

	.article__chapter-block.story02-chapter03-block01 {
		gap: 4.0rem;
	}
	
	.article__chapter-side {
		gap: 4rem;
		align-items: center;
	}
	
	/* Chapter 2/3: gap adjustment */
	.article__chapter.story02-chapter02 .article__chapter-side,
	.article__chapter.story02-chapter03 .article__chapter-side {
		gap: 5.6rem;
	}

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

/* ============================================
   SP Responsive (max-width: 767px)
   ============================================ */
@media screen and (max-width: 767px) {
	.article__chapter.story02-chapter02,
	.article__chapter.story02-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;
	}
}