@charset "utf-8";
/* ==========================================================================
   list.css
   一覧ページ（STUDENT REPORT / DISCOVER JSDF / INFORMATION / SHORTS）
   ※ タイトル上下の余白は一覧ページ共通。
   ========================================================================== */

/* リセットの * { margin: 0 auto } を grid の子で打ち消す */
.short-list > * {
	margin-inline: 0;
}

/* --- ページタイトル（上下の余白は一覧ページ共通） ---------------------- */
.list-head { margin-top: 6.5rem; }
.list-body { margin-top: 4.4rem; }

@media screen and (min-width: 900px) {
	.list-head { margin-top: 6.7rem; }
	.list-body { margin-top: 6.3rem; }
}

/* --- DISCOVER JSDF：タイトルの行間 ------------------------------------- */
.list-body--discover { --lh-card-ttl: 1.4; }

/* --- SHORTS 一覧 -------------------------------------------------------- */
.short-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3.2rem 2.4rem;
	padding-inline: var(--pad);
}

@media screen and (min-width: 900px) {
	.short-list {
		grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
		gap: 5.8rem 4.3rem;
	}
}

/* --- INFORMATION 一覧 ---------------------------------------------------- */
.list-info {
	margin-top: 6.5rem;
	padding: 8rem 0 10.3rem;
	background: var(--c-bg-gray);
}

.list-info .list-head { margin-top: 0; }
.list-info .info-box { margin-top: 5.2rem; }

@media screen and (min-width: 900px) {
	.list-info {
		margin-top: 0;
		padding: 6.7rem 0 10.6rem;
	}

	.list-info .info-box { margin-top: 5.4rem; }
}

/* --- 募集サイト／パンフレット／相談・応募（上の余白） ------------------- */
.cta { margin-top: 7.3rem; }
.list-info + .cta { margin-top: 10.2rem; }

@media screen and (min-width: 900px) {
	.cta,
	.list-info + .cta { margin-top: 13.1rem; }
}