@charset "UTF-8";

/* ====================================
	共通スタイル
==================================== */
/* リスト:中黒 */
.list-dot>.list-item {
	list-style-type: none;
	padding-left: 1em;
	position: relative;
}

.list-dot>.list-item::before {
	content: '・';
	position: absolute;
	left: 0;
	top: 0;
}

.list-dot>.list-item:not(:first-child) {
	margin-top: 0.5em;
}

/* リスト:数字 */
.list-num {
	list-style-type: decimal;
	padding-left: 1.5em;
}

.list-num>.list-item:not(:first-child) {
	margin-top: 0.2em;
}

/* リスト:数字＋丸括弧 */
.list-num-parentheses>.list-item {
	list-style-type: none;
	counter-increment: number;
	padding-left: 1.5em;
	position: relative;
}

.list-num-parentheses>.list-item::before {
	content: counter(number) "）";
	position: absolute;
	left: 0;
	top: 0;
}

.list-num-parentheses>.list-item:not(:first-child) {
	margin-top: 1em;
}

/* リスト：disc */
.list-disc {
	list-style-type: disc;
	padding-left: 1.5em;
}

.list-disc>.list-item:not(:first-child) {
	margin-top: 0.2em;
}

/* 下層ページ */
.section-title {
	margin-bottom: 0.5em;
	font-size: 2rem;
}

.ac-section-title {
	padding: 0.2em 0;
	font-size: 2.2rem;
}

.section-counter {
	counter-increment: section-title;
}

.section-counter .section-title::before {
	content: counter(section-title)". ";
}

/* シャープ行動規範：ページナビ */
.pagination__list {
	min-block-size: 3rem;
	margin-top: 8rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;

	a {
		display: inline-block;
		min-inline-size: 22px;
		font-size: 1.4rem;
		padding: 0.5rem 0.4em;
		border: 1px solid #959595;
	}

	a.active {
		background: #535353;
		color: #fff;
		pointer-events: none;
	}

	svg {
		inline-size: 8px;
		block-size: 12px;
		vertical-align: baseline;
	}
}

.rotate-180 {
	transform: rotate(180deg);
}

/* ====================================
	ホバー、マウスポインタが有効なデバイス
==================================== */
@media (hover:hover) and (pointer: fine) {

	/* シャープ行動規範：ページナビ */
	.pagination__list a:hover {
		background: #535353;
		color: #fff;
		fill: #fff;
		text-decoration: none;
	}
}

/* ====================================
	480px以上専用スタイル
==================================== */
@media screen and (width >=480px) {}

/* ====================================
	768px未満専用スタイル
==================================== */
@media screen and (width <768px) {}

/* ====================================
	768px以上専用スタイル
==================================== */
@media screen and (width >=768px) {}

/* ====================================
	768px以上1080px未満専用スタイル
==================================== */
@media screen and (768px <=width < 1080px) {}

/* ====================================
	1080px未満専用スタイル
==================================== */
@media screen and (width <1080px) {

	/* リンクリスト */
	.link-list>.item:not(:first-child) {
		margin-top: 2rem;
	}
}

/* ====================================
	1080px以上専用スタイル
==================================== */
@media print,
screen and (1080px <=width) {

	/* リンクリスト */
	.link-list {
		display: flex;
		justify-content: center;
		gap: 0 5rem;
	}

	/* トップページ */
	.charter-text {
		font-size: 2rem;
	}

	/* 下層ページ */
	.section-title {
		font-size: 2rem;
	}

	/* シャープ行動規範：ページナビ */
	.pagination__list {
		min-block-size: 4rem;
		margin-top: 10rem;
		gap: 10px;

		a {
			min-inline-size: 30px;
			font-size: 1.8rem;
			padding: 0.6rem 0.5em;
		}

		svg {
			inline-size: 10px;
			block-size: 16px;
		}
	}

}

/* ====================================
	1280px以上専用スタイル
==================================== */
@media screen and (1280px <=width) {}