@charset "UTF-8";

/* ====================================
	お知らせページ

	対象 : /corporate/info/notices/）、その配下の詳細ページ
 ==================================== */

.notice-detail {
	max-inline-size: 860px;
	margin: 2rem auto 0;
}

/* タイトルと日付 */
.notice-detail__header {
	padding-block: 1rem;
	border-block-end: 1px dashed var(--gray-500);
}

.notice-detail__title {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
}

.notice-detail__date {
	margin-block-start: 0.6rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4;
}

/* 本文 */
.notice-detail__body {
	margin-block-start: 4rem;
	font-size: 1.4rem;
	line-height: 1.8;
}

.notice-detail__text+.notice-detail__text {
	margin-block-start: 2.5rem;
}

/* 注釈 */
.notice-detail__notes {
	margin-block-start: 4rem;
	padding: 0;
	list-style: none;
}

.notice-detail__notes>li {
	font-size: 1.2rem;
	line-height: 1.8;
}

.notice-detail__notes>li+li {
	margin-block-start: 1rem;
}

/* 一覧へ戻るボタン */
.notice-detail__footer {
	margin-block-start: 6rem;
	text-align: center;
}

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

	.notice-detail {
		margin-block-start: 3rem;
	}

	.notice-detail__title {
		font-size: 2.2rem;
	}

	.notice-detail__date {
		font-size: 1.6rem;
	}

	.notice-detail__body {
		font-size: 1.6rem;
		line-height: 1.6;
	}
}


/* ====================================
	お知らせ一覧：年ごとの開閉
 ==================================== */
.notices-year__heading {
	font-size: inherit;
}

.notices-year__toggle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
	inline-size: 100%;
	padding-block: 2rem;
	border-block-end: 3px solid var(--gray-300);
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: start;
}

@media (hover:hover) and (pointer: fine) {
	.notices-year__toggle:hover {
		background: var(--gray-200);
	}
}

.notices-year__arrow {
	flex: none;
	inline-size: 1.2rem;
	block-size: 2rem;
	fill: var(--gray-700);
	transform: rotate(90deg);
	transition: transform .3s;
}

.notices-year__toggle[aria-expanded="false"] .notices-year__arrow {
	transform: rotate(-90deg);
}

/* 開閉アニメーション */
.notices-year__panel {
	display: grid;
	grid-template-rows: 1fr;
	transition: grid-template-rows .3s;
}

.notices-year__panel>* {
	overflow: hidden;
}

.notices-year:has(.notices-year__toggle[aria-expanded="false"]) .notices-year__panel {
	grid-template-rows: 0fr;
}

/* ====================================
	お知らせ一覧：行
 ==================================== */
.notices-list__item {
	padding-block: 2rem;
	border-block-end: 1px solid var(--gray-300);
}

.notices-list__date {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4;
}

.notices-list__title {
	margin-block-start: .6rem;
	line-height: 1.7;
}

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

	.notices-year__toggle {
		padding: 3rem 2rem;
		font-size: 2.6rem;
	}

	.notices-list {
		margin-inline: 4rem;
	}

	.notices-list__item {
		display: flex;
		align-items: center;
		padding: 3.5rem 2.5rem;
	}

	.notices-list__date {
		flex: none;
		inline-size: 25rem;
		font-size: 1.6rem;
	}

	.notices-list__title {
		flex: 1;
		min-inline-size: 0;
		margin: 0;
	}
}