@charset "UTF-8";

/* ====================================
	会社概要ページのスタイル

	対象 : /corporate/info/outline/
 ==================================== */

/* ====================================
	基本情報リスト
 ==================================== */
.outline-list__sublist {
	padding-inline-start: 1.5rem;
}

.outline-list__links {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 2rem;
	margin-block-start: 3.6rem;
}

.outline-list__note {
	margin-block-start: 1.4rem;
	font-size: 1.2rem;
	line-height: 1.7;
	text-align: end;
}

@media print,
screen and (width >=768px) {

	.outline-list .data-list__description {
		display: flex;
		align-items: center;
		gap: 3rem;
	}

	.outline-list__note {
		flex: none;
		min-inline-size: 13rem;
		margin: 0;
		white-space: nowrap;
	}
}

/* ====================================
	会社案内PDFダウンロード
 ==================================== */
.pdf-download {
	padding-block-end: 5rem;
}

.pdf-download__title {
	padding-block: 4rem;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}

.pdf-download__panel {
	display: flex;
	flex-direction: column;
	gap: 3rem;
	padding: 3rem;
	background: var(--gray-100);
}

.pdf-download__cover {
	margin: 0;
}

.pdf-download__list {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding-block: 2rem;
	border-block: 1px solid var(--gray-300);
}

/* 区切り線を持つ項目 */
.pdf-download__item--separated {
	padding-block-start: 2rem;
	border-block-start: 1px solid var(--gray-300);
}

.pdf-download__item a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	font-weight: 500;
}

.pdf-download__item--large a {
	font-size: 1.8rem;
}

@media (hover:hover) and (pointer: fine) {
	.pdf-download__list a:hover {
		color: var(--sharp-red);
		text-decoration: none;
	}
}

@media print,
screen and (width >=768px) {

	.pdf-download {
		padding-block-end: 8rem;
	}

	.pdf-download__title {
		padding-block: 8rem;
		font-size: 3.4rem;
	}

	.pdf-download__panel {
		flex-direction: row;
		align-items: start;
		gap: 8rem;
		padding: 5rem 6rem;
	}

	.pdf-download__cover,
	.pdf-download__list {
		flex: 1;
		min-inline-size: 0;
	}

	.pdf-download__list {
		gap: 2.6rem;
		padding-block: 2.6rem;
	}

	.pdf-download__item--separated {
		padding-block-start: 2.6rem;
	}

	.pdf-download__item--large a {
		font-size: 2rem;
	}
}