@charset "UTF-8";

nav {
}
nav>ul {
}
nav>ul>li {
	border-bottom: 1px #ccc solid;
}
nav>ul>li>a {
	display: block;
	background: no-repeat url(../img/icon_arrow_blk.svg) right 0.5em center/1rem;
	padding: .5rem 2.5rem .5rem .5rem;
}
nav>ul>li>a>h2 {
	margin: 0;
  font-weight: 700;
}
nav>ul>li>a>dl {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-top: .5rem;
}
nav>ul>li>a>dl>dt {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 0 .5rem;
	line-height: 1.2;
}

nav>ul>li>a>dl>dt::before {
  width: 2em;
  height: 2em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

nav>ul>li>a>dl>dt span {
	flex: 1;
}

nav>ul>li>a>dl>dt>i {
	display: flex;
	line-height: 1;
	color: var(--main-color);
	font-size: 90%;
	/* padding-left: .2em; */
	/* border-left: 1px solid var(--main-color); */
	font-style: normal;
	width: 3em;
	align-items: center;
	justify-content: center;
}

nav>ul>li>a>dl>dd {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.1;
	width: 4.5rem;
	padding: .2em;
	margin-left: .5rem;
	background-color: var(--sub-color);
	color: #fff;
	font-weight: 700;
}

nav>ul>li>a>dl>dd.status-9,
nav>ul>li>a>dl>dd.status-2 {
  background-color: #ccc;
  font-weight: normal;
}

nav>ul>li>a>dl>dd>span {
	font-size: 90%;
}