@charset "UTF-8";

.feature .grid-L-m .related-item .center {
    text-align: center;
}
.feature .grid-R-m .related-item .center {
	text-align: center;
}

/* article-body 内の head-read を左寄せ（grid 開始位置を左端に） */
.feature .article-body .head-read {
	grid-column-start: 1;
	grid-column: span 4 / span 4;
}

/* メインビジュアル下のサムネイル列（5枚を full-width 横並び） */
.feature .mv-row {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0;
	margin: 0 auto 80px;
}

.feature .mv-row figure {
	margin: 0;
}

.feature .mv-row img {
	width: 100%;
	height: 100%;
	aspect-ratio: 8 / 5;
	object-fit: cover;
	display: block;
}

/* セクション内のリード見出し（large-heading より一回り小さい中見出し） */
.feature h3.lead-heading {
	margin: 0 auto 20px;
	width: 1328px;
	max-width: 95%;
	font-size: 24px;
	font-weight: 200;
	line-height: 1.6em;
	color: var(--Color_Text-Black_Strong);
	font-family: 'HondaGlobalFontJP-Light', "ヒラギノ角ゴ W4 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
}

/* 「子どもの『できた』のために」メッセージ部分の本文を 16px に */
.feature .message-area .related-item p {
	font-size: 16px;
	line-height: 2em;
	color: var(--Color_Text-Black_Strong);
	margin-bottom: 1.5em;
}

.feature .message-area .related-item p:last-child {
	margin-bottom: 0;
}

/* Member プロフィールエリア（7名・4列レイアウト） */
.feature .profile-area.cramped {
	margin-top: 0;
	grid-template-columns: repeat(7, 1fr);
	grid-row-gap: 40px;
}

.feature .profile-area.cramped h3 {
	grid-column: span 4 / span 4;
}

.feature .profile-area.cramped .profile-item {
	grid-column: span 1 / span 1;
}

@media screen and (max-width: 768px) {
	.feature .mv-row {
		grid-template-columns: repeat(2, 1fr);
		margin-bottom: 60px;
	}

	.feature h3.lead-heading {
		font-size: 18px;
		margin: 0 auto 32px;
		line-height: 1.6em;
	}

	.feature .message-area .related-item p {
		font-size: 16px;
		line-height: 1.8em;
	}

	.feature .profile-area.cramped {
		display: flex;
		flex-wrap: wrap;
		gap: 32px 12px;
		max-width: 90%;
		margin-top: 0;
	}

	.feature .profile-area.cramped h3 {
		flex: 0 0 100%;
		margin-bottom: 20px;
	}

	.feature .profile-area.cramped .profile-item {
		flex: 0 0 48%;
	}

	.feature .profile-area.cramped .profile-item figure {
		margin-bottom: 16px;
	}

	.feature .profile-area.cramped .profile-item p {
		font-size: 13px;
		line-height: 1.4em;
	}
}