@charset "UTF-8";
/* CSS Document */
/*-------------------------------*/

/* DOWNLOAD */

/*------------------------------*/
/* ================================

カタログリスト

================================ */
.dl__lead {
	margin-top: 3.8em;
	text-align: center;
}
.dl-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 0 var(--gutter-var-common-reg);
}
.dl-list::before,
.dl-list::after {
	content: "";
	display: inline-block;
	height: 0;

	-webkit-box-flex: 1;

	    -ms-flex-positive: 1;

	        flex-grow: 1;
	width: max(
		calc(168rem / 16),
		calc(calc(100% / 4) - var(--gutter-var-common-reg))
	);
	max-width: 100%;
}
.dl-list::before {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
/* ------------------
カード */
.dl-list__item {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	width: max(
		calc(112rem / 16),
		calc(calc(100% / 4) - var(--gutter-var-common-reg))
	);
	max-width: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.dl-list__item:not(:empty) {
	margin-top: 3.8em;
}
.dl-list__item:empty {
	visibility: hidden;
	height: 0;
}
/* 画像 */
.dl-list__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;

	margin-inline: auto;
}
/* タイトル */
.dl-list__heading {
	font-size: var(--txt-md);
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: normal;

	margin-block: 1.8em;
}
/* ボタン */
.dl-list__button {
	display: inline-block;
	margin-top: auto;

	font-size: var(--txt-xs);
	font-family: var(--alphabet);
	font-weight: 700;
	color: var(--color-main-soft);
	text-decoration: underline;

	-ms-flex-item-align: end;

	    align-self: flex-end;
	text-align: right;
}
.dl-list__button + .dl-list__button {
	margin-top: 0.2em;
}
@media (any-hover: hover) {
	.dl-list__button {
        -webkit-transition: color .2s var(--easeInSine);
        transition: color .2s var(--easeInSine);
	}
	.dl-list__button:hover,
	.dl-list__button:focus-visible {
		color: var(--color-main);
	}
}
@media (max-width: 959px) {
	.dl__lead {
		margin-top: 1.8em;
		line-height: 1.75;
	}
}
@media (max-width: 559px) {
	/* ------------------
	カード */
	.dl-list__item:not(:empty) {
		margin-top: 3.1em;
	}
	/* タイトル */
	.dl-list__heading {
		font-size: var(--txt-sm);
		margin-block: 1.5em;
	}
}