@charset "UTF-8";
/*----------
	株主優待のご案内
----------*/
/*-----------
	p-numanchor
----------*/
.p-numanchor {
	counter-reset: orderlist;
	row-gap: 0;
}
.p-numanchor__item a {
	display: block;
	position: relative;
	padding: 16px 0 16px 30px;
	background-image: repeating-linear-gradient(to right, var(--color-border) 0 2px, transparent 2px 4px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 1px;
	font-size: 1.8rem;
	line-height: var(--line-height-s);
}
.p-numanchor__item a::before {
	counter-increment: orderlist;
	content: counter(orderlist);
	display: inline-block;
	position: absolute;
	top: 19px;
	left: 0;
	width: 23px;
	height: 23px;
	border-radius: 100%;
	background-color: var(--color-prim);
	color: #fff;
	font-weight: 600;
	text-align: center;
	line-height: 20px;
}
.p-numanchor__item a .icon-arrow2-b {
	color: var(--color-prim);
	position: absolute;
	top: 22px;
	right: 0;
}
@media (width >= 768px), print {
	.p-numanchor .p-numanchor__item a {
		padding: 19px 0 21px 40px;
		font-size: 2rem;
	}
	.p-numanchor .p-numanchor__item a::before {
		top: 22px;
		width: 26px;
		height: 26px;
		line-height: 24px;
	}
}

/*-----------
	p-heading-num
----------*/
.p-counter {
	counter-reset: orderlist;
}

.p-heading-num__inner {
	position: relative;
	padding-left: 36px;
}
.p-heading-num__inner::before {
	counter-increment: orderlist;
	content: counter(orderlist);
	display: inline-block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 28px;
	height: 28px;
	border-radius: 100%;
	background-color: var(--color-prim);
	color: #fff;
	font-weight: 600;
	text-align: center;
	line-height: 24px;
}
@media (width >= 768px), print {
	.p-heading-num .p-heading-num__inner {
		padding-left: 50px;
	}
	.p-heading-num .p-heading-num__inner::before {
		top: 8px;
		width: 37px;
		height: 37px;
		line-height: 33px;
	}
}