/*************************************************************
  デフォルトのlistタグスタイル


  ＜詳細＞
  └ ここで言うデフォルトとはclassを持たないlist（ul,li,ol,li、lazyblocks含む）
  └ 以下classを持ってるページが該当
　  └ 対応エリア > サブエリア (.page-area-pref) ※ 固定ページ
　  └ 対応エリア > サブエリア > エリア詳細 (.page-area)
　  └ コラム > 記事 (.dispose)
　  └ コラム > 回収可能な品目 > 品目 (.dispose)
    ※ <main>のクラスで切り分け


*************************************************************/


/* デフォルトリスト .inner 直下のul,ol*/
.page-area.n-style section.content .inner > ul,
.page-area.n-style section.content .inner > ol,
.dispose.n-style section.content .inner > ul,
.dispose.n-style section.content .inner > ol
{
	width: 100%;
	max-width: 100%;
	padding: 0 .8rem;
	margin: 2.5rem auto;
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: bold;
}

.page-area.n-style section.content .inner > ul li,
.page-area.n-style section.content .inner > ol li,
.dispose.n-style section.content .inner > ul li,
.dispose.n-style section.content .inner > ol li
{
	padding-left: 0.8rem;
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 0 1rem ;
}
.page-area.n-style section.content .inner > ul li:before,
.page-area.n-style section.content .inner > ol li:before,
.dispose.n-style section.content .inner > ul li:before,
.dispose.n-style section.content .inner > ol li:before
{
	content: '';
	display: inline-block;
	left: 0;
	position: relative;
	background-color: #182987;
	top: 7px;
	width: 5px;
	height: 5px;
	aspect-ratio: 1/1;
}

.page-area.n-style section.content .inner > ul li+li,
.dispose.n-style section.content .inner > ul li+li {
	margin-top: 0.5rem;
}

.page-area.n-style section.content .inner > ol li+li,
.dispose.n-style section.content .inner > ol li+li {
	margin-top: 1rem;
}

/* 装飾 */
.page-area.n-style section.content .inner > ol,
.dispose.n-style section.content .inner > ol {
	counter-reset: number 0;
}

/*番号付きリスト*/
.page-area.n-style section.content .wp-block-lazyblock-list-count ol,
.dispose.n-style section.content .wp-block-lazyblock-list-count ol {
	padding: 0;
	list-style: none;
	font-size: 1.3rem;
	width: 100%;
	max-width: 100%;
	margin: 3rem auto;
	font-weight: bold;
}
.page-area.n-style section.content .wp-block-lazyblock-list-count li,
.dispose.n-style section.content .wp-block-lazyblock-list-count li {
	position: relative;
	padding-left: 3rem;
	line-height: 2.2rem;
	margin-top: 0.5rem;
}

.page-area.n-style section.content .wp-block-lazyblock-list-count li:first-child,
.dispose.n-style section.content .wp-block-lazyblock-list-count li:first-child {
	margin-top: 0;
}

.page-area.n-style section.content .wp-block-lazyblock-list-count li:before,
.dispose.n-style section.content .wp-block-lazyblock-list-count li:before {
	content: '';
	display: grid;
	place-content: center;
	width: 2rem;
	height: 2rem;
	position: absolute;
	left: 0;
	top: 0rem;
	color: #000000;
	background-color: #EAEDFF;
	transform: initial;
	counter-increment: number 1;
	content: counter(number);
	font-size: 1.4rem;
	background-image: initial;
	background-repeat: no-repeat;
	background-size: initial;
}
.page-area.n-style section.content .wp-block-lazyblock-list-count li:after,
.dispose.n-style section.content .wp-block-lazyblock-list-count li:after {
  display: none;
}
/*要点リスト*/
/* .dispose.n-style section.content .wp-block-lazyblock-point {
	background: #182987;
	padding: 2rem;
	color: #fff;
	margin: 0 auto;
	max-width: 100%;
}
.dispose.n-style section.content .wp-block-lazyblock-point ul {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
.dispose.n-style section.content .wp-block-lazyblock-point ul li {
	font-size: 1.4rem;
	position: relative;
	padding-left: 6.5rem;
	line-height: 1.5;
}
.dispose.n-style section.content .wp-block-lazyblock-point ul li:not(:first-child) {
	margin-top: 1rem;
}
.dispose.n-style section.content .wp-block-lazyblock-point ul li:before {
	content: '';
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(../images/dispose/check-icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0.3rem;
	left: 0;
} */

/* PC - スタイル *******************************************/
@media screen and (min-width: 769px){
	/*リスト*/
	.page-area.n-style section.content .inner > ul,
	.page-area.n-style section.content .inner > ol,
	.dispose.n-style section.content .inner > ul,
	.dispose.n-style section.content .inner > ol
   {
		width: 1200px;
		margin: 30px auto;
		padding: 0 30px;
		font-size: 17px;
		line-height: 25px;
	}
	.page-area.n-style section.content .inner > ul li,
	.page-area.n-style section.content .inner > ol li,
	.dispose.n-style section.content .inner > ul li,
	.dispose.n-style section.content .inner > ol li
  {
		padding-left: 0;
		line-height: 24px;
	}
	.page-area.n-style section.content .inner > ul li:before,
	.page-area.n-style section.content .inner > ol li:before,
	.dispose.n-style section.content .inner > ul li:before,
	.dispose.n-style section.content .inner > ol li:before
  {
		width: 8px;
		height: 8px;
		top: 9px;
	}
	.page-area.n-style section.content .inner > ol li+li,
	.page-area.n-style section.content .inner > ul li+li,
	.dispose.n-style section.content .inner > ol li+li,
	.dispose.n-style section.content .inner > ul li+li
  {
		margin-top: 6px;
	}
	/*番号付きリスト*/
	.page-area.n-style section.content .wp-block-lazyblock-list-count,
	.dispose.n-style section.content .wp-block-lazyblock-list-count {
		margin: 30px auto;
	}
	.page-area.n-style section.content .wp-block-lazyblock-list-count ol,
	.dispose.n-style section.content .wp-block-lazyblock-list-count ol {
		font-size: 17px;
		margin: 30px auto;
	}
	.page-area.n-style section.content .wp-block-lazyblock-list-count li,
	.dispose.n-style section.content .wp-block-lazyblock-list-count li {
		padding-left: 35px;
		line-height: 29px;
		margin-top: 8px;
	}
	.page-area.n-style section.content .wp-block-lazyblock-list-count li:before,
	.dispose.n-style section.content .wp-block-lazyblock-list-count li:before {
		width: 25px;
		height: 25px;
		top: 1px;
		font-size: 17px;
        line-height: 15px;
	}
	/* .dispose.n-style section.content .wp-block-lazyblock-list-count li:after {
		top: 1px;
		width: 22px;
		height: 22px;
		font-size: 14px;
	} */

	/*要点リスト*/
	/* .dispose.n-style section.content .wp-block-lazyblock-point {
		padding: 20px;
		width: 1160px;
	}
	.dispose.n-style section.content .wp-block-lazyblock-point ul li {
		font-size: 17px;
		padding-left: 75px;
		line-height: 1.1;
	}
	.dispose.n-style section.content .wp-block-lazyblock-point ul li:not(:first-child) {
		margin-top: 10px;
	}
	.dispose.n-style section.content .wp-block-lazyblock-point ul li:before {
		width: 15px;
		height: 15px;
		top: 4px;
	} */
}