@charset "UTF-8";

/* ==================================================
	資料の内容（左）とダウンロードフォーム（右）
	並びは style.css の side_layout、入力欄は form_*
================================================== */
/* 資料の表紙 */
.download_cover {
	display: block;
	width: 100%;
	border-radius: 16px;
	box-shadow: var(--shadow_base);
}

.download_block {
	margin-top: 50px;
}

.download_block .arrow_list {
	margin-top: 20px;
}

.download_pages {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 15px;
	margin-top: 20px;
}

/* 資料の中のページ（16:9） */
.download_pages img {
	display: block;
	width: 100%;
	border-radius: 10px;
	box-shadow: var(--shadow_base);
}

/* TimeRex（日程調整）。角の丸みと影をフォームのカードとそろえる */
.download_timerex {
	overflow: hidden;
	margin-top: 50px;
	border-radius: 20px;
	box-shadow: var(--shadow_base);
}

.download_form .form_choices {
	padding: 15px 20px;
	background: var(--color_gray_10);
}

@media (max-width: 768px) {
	.download_block {
		margin-top: 40px;
	}

	.download_pages {
		gap: 10px;
	}
}