@charset "UTF-8";
.l-container__2col .l-sidebar { text-align: left; }
.l-sidebar .c-ttl { background: #00533E; color: #fff; padding: 1em 1.2em; line-height: 1; }
.l-sidebar li { border-bottom: 1px solid #cecece; }
.l-sidebar li a { display: block; padding: 0.8em 1.2em 0.8em 1.8em; position: relative; background-color: #fff; }
.l-sidebar li a::after { position: absolute; content: '\f105'; font-family: 'ic'; font-size: 0.8em; top: 50%; left: 1em; transform: translateY(-50%); }
@media screen and (min-width:768px) {
	.l-breadcrumb { max-width: 70em; }
	.l-container { display: flex; align-items: flex-start; gap: 3.125em; max-width: 70em; width: 100%; margin: 0 auto; overflow: visible; }
	.l-content { flex: 1 1 auto; min-width: 0; }
	.l-sidebar { flex: 0 0 16.875em; position: sticky; top: 108px; align-self: flex-start; }
	.l-sidebar .u-box__shadow { max-height: calc(100vh - 12em); overflow-y: auto; }
	.l-sidebar .u-box__shadow::after { content: ""; position: absolute; bottom: 0; height: 2em; width: 100%; box-shadow: inset 0 -1.5em 1.5em -1.5em rgba(0, 0, 0, 0.25); pointer-events: none; transition: opacity 0.3s; }
	.l-sidebar .u-box__shadow.is-bottom::after { opacity: 0; }
	.l-sidebar li a:hover { background-color: #f2f2f2; }
}
@media screen and (min-width:768px) and (max-width:1200px) { }
@media screen and (max-width:767px) {
	.l-content, .l-sidebar { margin-bottom: 4em; }
	.l-sidebar { padding: 0 5%; }
	.c-anchor_sidebar { position: fixed; bottom: 0.5rem; left: 1rem; z-index: 1000; width: 90%; display: none; background-color: #000; color: #fff; padding: 0.75em 1.25em; border-radius: 0.25em; font-size: 0.875rem; line-height: 1; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); cursor: pointer; transition: opacity 0.2s ease; }
	.c-anchor_sidebar span { position: relative; padding-left: 1.4em }
	.c-anchor_sidebar span::before { position: absolute; content: '\e81a'; font-family: 'ic'; top: 50%; left: 0; transform: translateY(-50%); }
}