@charset "utf-8";


/* =====================================
	variables
===================================== */
:root {
	--color-primary-dark: var(--color-presto-dark);
	--color-primary: var(--color-presto);
	--color-primary-light: var(--color-presto-light);
	--filter-primary-dark: brightness(0) saturate(100%) invert(39%) sepia(78%) saturate(506%) hue-rotate(35deg) brightness(97%) contrast(101%);
	--filter-primary: invert(67%) sepia(77%) saturate(912%) hue-rotate(30deg) brightness(99%) contrast(101%);
}


/* =====================================
	content
===================================== */
/* h3 */
h3::after {
	background-color: var(--color-primary-dark);
}

/* button */
.button {
	color: var(--color-black) !important;
}
.button::after {
	filter: var(--filter-primary-dark);
	-webkit-filter: var(--filter-primary-dark);
}
.button > .link-icon {
	filter: var(--filter-black);
	-webkit-filter: var(--filter-black);
}
@media (hover: hover) {
	.button:hover {
		color: var(--color-primary-dark) !important;
		border-color: var(--color-primary-dark);
	}
	.button:hover::before {
		background: var(--color-primary-dark);
	}
	.button:hover > .link-icon {
		filter: var(--filter-primary-dark);
		-webkit-filter: var(--filter-primary-dark);
	}
}

/* arrow-list */
:is(.arrow-list, .ol_arrow, #ol_arrow) > li::before {
	filter: var(--filter-primary-dark);
	-webkit-filter: var(--filter-primary-dark);
}


/* =====================================
	header
===================================== */
/* header-brand */
@media (max-width: 991px) {
	.header-brand img {
		width: 122px;
	}
}

/* search-box */
.search-box button img {
	filter: initial;
}
@media (hover: hover) {
	.search-box button:hover {
		border-color: var(--color-primary-dark);
	}
	.search-box button:hover img {
		filter: var(--filter-primary-dark);
		-webkit-filter: var(--filter-primary-dark);
	}
}

/* header-navi */
.header-navi__button::after {
	filter: var(--filter-primary-dark);
	-webkit-filter: var(--filter-primary-dark);
}
.header-navi__button-close::before,
.header-navi__button-close::after {
	background-color: var(--color-primary-dark);
}
@media (min-width: 992px) {
	a.header-navi__link[aria-current],
	.header-navi__button[aria-current] {
		text-decoration-color: var(--color-primary-dark);
	}
	a.header-navi__link[aria-current]::before,
	.header-navi__button[aria-current]::before {
		background-color: var(--color-primary-dark);
	}
}
@media (min-width: 992px) and (hover: hover) {
	a.header-navi__link:hover,
	.header-navi__button:hover {
		text-decoration-color: var(--color-primary-dark);
	}
}

/* drawer */
.drawer dd::before {
	filter: var(--filter-primary-dark);
	-webkit-filter: var(--filter-primary-dark);
}


/* =====================================
	main
===================================== */
/* breadcrumb */
.breadcrumb {
	color: inherit;
}
.breadcrumb li:not(:last-child)::after {
	filter: initial;
}

/* arrow-action */
.arrow-action::before {
	filter: var(--filter-primary-dark);
	-webkit-filter: var(--filter-primary-dark);
}

/* toc */
.toc > ul > li::before {
	filter: var(--filter-primary-dark);
	-webkit-filter: var(--filter-primary-dark);
}

/* local-navi */
.local-navi__heading {
	color: inherit;
}
.local-navi__heading::before {
	filter: initial;
}

/* quick-access */
.quick-access__list img[src*="ico_quick-access"] {
	filter: var(--filter-primary-dark);
	-webkit-filter: var(--filter-primary-dark);
}
.quick-access__list img[src*="ico_quick-access_note"] {
	filter: var(--filter-note);
	-webkit-filter: var(--filter-note);
}
.quick-access__list img[src*="ico_quick-access_x"] {
	filter: initial;
}
@media (hover: hover) {
	.quick-access__list a:hover {
		background-color: var(--color-primary-dark);
	}
}


/* =====================================
	footer
===================================== */
/* page-top */
.page-top img {
	filter: initial;
}
@media (hover: hover) {
	.page-top:hover {
		border-color: var(--color-primary-dark);
	}
	.page-top:hover img {
		filter: var(--filter-primary-dark);
		-webkit-filter: var(--filter-primary-dark);
	}
}
