/* アーカイブ基本設定 */
.archive_wrap{
	gap: 40px 0;
	max-width: 100%;
	margin: 0;
}
.archive_wrap .card{
	margin-bottom: 0;
}
.archive_wrap .card_left{
	width: 100px;
	margin-top: 5px;
}
.archive_wrap .card_left a{
	display: block;
	aspect-ratio: 1 / 1;
	width: 100%;
	height: 100%;
}
.archive_wrap .card_left img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.archive_wrap .card_right{
	flex: 1;
	padding-left: 20px;
}
.archive_wrap .card_right .cat a{
	display: inline-block;
	background-color: #1fb714;
	padding: 5px 15px;
	color: #fff;
	font-size: .875rem;
	line-height: 1;
}
.archive_wrap .card_right .cat a:hover{
	text-decoration: none;
	background-color: rgba(var(--color_main));
	color: #fff;
}
.archive_wrap .card_right .date{
	font-size: 1rem;
}
.archive_wrap .card_right h3{
	margin-top: 5px;
	font-size: 1.125rem;
	line-height: 1.4;
}
.archive_wrap .card_right h3 a:hover{
	text-decoration: none;
}
@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/* アーカイブ基本設定 PC */
	.archive_main .inner{
		max-width: 100%;
	}
	.archive_wrap{
		justify-content: flex-start;
		align-items: flex-start;
		gap: 100px 7.87%;
		max-width: 100%;
		margin: 0;
	}
	.archive_wrap .card{
		align-items: flex-start;
		gap: 20px 0;
		width: 28%;
	}
	.archive_wrap .card_left{
		width: 100%;
		margin-top: 0;
	}
	.archive_wrap .card_right{
		flex: none;
		width: 100%;
		padding-left: 0;
	}
	.archive_wrap .card_right .cat a{
		display: inline-block;
		background-color: #1fb714;
		padding: 5px 15px;
		color: #fff;
		font-size: 1rem;
		line-height: 1;
	}
	.archive_wrap .card_right .date{
		font-size: 1.125rem;
	}
	.archive_wrap .card_right h3{
		margin-top: 5px;
		font-size: 1.25rem;
		line-height: 1.4;
	}
	.archive_wrap .card_right h3 a:hover{
		color: #1fb714;
	}
}

/* アーカイブ */
.archives{
	position: relative;
	max-width: 100%;
}
/* .archive_title{
	margin-bottom: 20px;
	font-size: 1rem;
} */
@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/* アーカイブ PC */
	.archives{
		width: 100%;
		max-width: 100%;
		padding: 0 50px;
	}

}

/* ページネーション */
.wp-pagenavi{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px;
	width: 100%;
	margin: 100px auto 0;
}
.wp-pagenavi .pages{
	display: none !important;
}
.wp-pagenavi a,
.wp-pagenavi span{
	border: none !important;
	padding: 2px 5px !important;
	margin: 0 !important;
	font-size: 1rem !important;
	color: #787878;
	vertical-align: middle;
}
.wp-pagenavi a:hover,
.wp-pagenavi span:hover{
	text-decoration: none;
}
.wp-pagenavi .page,
.wp-pagenavi .current{
}
.wp-pagenavi .current{
	color: #1fb714;
}
.wp-pagenavi .archive_prev_btn,
.wp-pagenavi .archive_next_btn{
	display: inline-block;
	width: 45px;
	height: 45px;
	margin: 0;
	padding: 0;
	vertical-align: -25px;
}
.wp-pagenavi .archive_prev_btn{
	background: url(../images/archive_prev_btn.svg) 0 0 no-repeat;
	background-size: cover;
}
.wp-pagenavi .archive_next_btn{
	background: url(../images/archive_next_btn.svg) 0 0 no-repeat;
	background-size: cover;
}
@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/* ページネーション PC */
	.wp-pagenavi{
		margin-top: 160px;
	}
	.wp-pagenavi a,
	.wp-pagenavi span{
		padding: 2px 10px !important;
		font-size: 1.25rem !important;
	}
	.wp-pagenavi a:hover,
	.wp-pagenavi span:hover{
		color: #1fb714;
	}
	.wp-pagenavi .archive_prev_btn,
	.wp-pagenavi .archive_next_btn{
		display: inline-block;
		width: 50px;
		height: 50px;
		vertical-align: -25px;
	}
}

/* 投稿詳細ページ */
.post_head{
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	margin-bottom: 0;
}
.post_cat a{
	display: inline-block;
	background-color: #1fb714;
	padding: 5px 15px 8px;
	color: #fff;
	font-size: 1.125rem;
	line-height: 1;
}
.post_cat a:hover{
	text-decoration: none;
	background-color: rgba(var(--color_main));
	color: #fff;
}
.post_date{
	font-size: 1.125rem;
}
.post_title{
	margin-top: 20px;
	font-size: 22px;
	line-height: 1.6;
}
.post_text{
	position: relative;
	margin-top: 70px;
	font-size: .875rem;
}
.post_text a{
	color: rgb(var(--color_main));
}
.post_text a:hover{
	color: rgb(var(--color_main));
	text-decoration: underline;
}
.post img{
	max-width: 100%;
	height: auto;
}

.nav-below{
	position: relative;
	align-items: center;
	text-align: center;
	justify-content: space-between;
	width: 90%;
	margin: 60px auto 0;
}
.nav-below span{
	display: block;
}
.nav-below .nav-previous,
.nav-below .nav-next{
	width: 45px;
}
.nav-below .nav-list{
	font-weight: 500;
}
.nav-below span img{
	width: 45px;
	height: auto;
	vertical-align: middle;
}
.nav-below a{
	display: block;
	font-size: 1rem;
	text-decoration: none;
}
.nav-below a:hover{
	text-decoration: none;
	color: rgb(var(--color_main));
}
@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/* 投稿詳細ページ PC */
	.archive_post{
		padding: 0 40px;
	}
	.archive_post .inner{
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.post_head{}
	.post_cat a{
		padding: 5px 15px 8px;
		font-size: 1.25rem;
	}
	.post_date{
		font-size: 1.25rem;
	}
	.post_title{
		margin-top: 25px;
		font-size: 1.625rem;
		line-height: 1.6;
	}
	.post_text{
		position: relative;
		margin-top: 80px;
		font-size: 1rem;
	}

	.nav-below{
		width: 400px;
		max-width: 100%;
		margin: 100px auto 0;
	}
	.nav-below a{
		font-size: 1.25rem;
	}
}

/* ブロックエディタ用 */
.post_text h1,
.post_text h2,
.post_text h3,
.post_text h4,
.post_text h5,
.post_text h6{
	line-height: 1.5;
}
.post_text h1{
	margin-top: 2.75rem;
	font-size: 1.375rem;
}
.post_text h2{
	margin-top: 2.5rem;
	font-size: 1.25rem;
}
.post_text h3{
	margin-top: 2.25rem;
	font-size: 1.125rem;
}
.post_text h4{
	margin-top: 2rem;
	font-size: 1rem;
}
.post_text h5{
	margin-top: 1.125rem;
	font-size: .875rem;
}
.post_text h6{
	margin-top: 1.125rem;
	font-size: .875rem;
}
.post_text p,
.post_text figure,
.post_text ul,
.post_text ol{
	margin: 1em 0;
}
/* .post_text p:not(:first-of-type),
.post_text figure:not(:first-of-type),
.post_text ul,
.post_text ol{
	margin: 1.8em 0;
} */
.post_text ul{
	margin-left: 2.5em;
	margin-bottom: 1.5em;
	list-style-type: inherit;
}
.post_text ol{
	margin-left: 2.5em;
	margin-bottom: 1.5em;
	list-style-type: inherit;
}
.post_text > *:first-child{
	/* 親直下の一番上の要素 */
	margin-top: 0 !important;
}
@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/* ブロックエディタ用 PC */
	.post_text h1{
		margin-top: 3.25rem;
		font-size: 1.625rem;
	}
	.post_text h2{
		margin-top: 3rem;
		font-size: 1.5rem;
	}
	.post_text h3{
		margin-top: 2.75rem;
		font-size: 1.375rem;
	}
	.post_text h4{
		margin-top: 2.5rem;
		font-size: 1.25rem;
	}
	.post_text h5{
		margin-top: 2.25rem;
		font-size: 1.125rem;
	}
	.post_text h6{
		margin-top: 2.25rem;
		font-size: 1.125rem;
	}
}

/* 施工実績一覧 */
.archive_title{
	font-size: 1.375rem;
	line-height: 1;
}
.archive_nav{
	width: max-content;
	margin: 30px auto 0;
	font-size: .8125rem;
}
.archive_nav label{
	display: none !important;
}
.archive_nav select{
	position: relative;
	background: url(../images/form_select_arrow.svg) calc(100% - 12px) 50% no-repeat;
	background-size: 12px 9px;
	border: solid 1px #c8c8c8;
	height: max-content;
	padding: 0 45px 0 15px;
	font-size: .8125rem;
}
.archive_nav select:focus{
	background: url(../images/form_select_arrow_focus.svg) calc(100% - 12px) 50% no-repeat;
	background-size: 12px 9px;
}

.archive_wrap{
	margin-top: 50px;
}
.archive_wrap .card_right h3{
	margin-top: 10px;
}
@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/* 施工実績一覧 PC */
	.archive_title{
		font-size: 1.875rem;
	}
	.archive_nav{
		position: absolute;
		top: 0;
		right: 50px;
		margin-top: 0;
		font-size: .875rem;
	}
	.archive_nav select{
		font-size: .875rem;
	}

	.archive_wrap{
		margin-top: 100px;
	}
	.archive_wrap .card_right h3{
		margin-top: 10px;
	}
}

/* 施工実績詳細 */
.works_img{
	margin-top: 70px;
}
.works_info{
	margin: 50px 0 0;
}
@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/* 施工実績詳細 PC */
	.works_post {
		padding: 0 50px;
	}
	.works_post .post_title{
		font-size: 1.875rem;
	}
	.works_img{
		max-width: 700px;
		margin: 60px auto 0;
	}
	.works_info{
		margin: 140px 0 0;
	}
}