.single-tt span {
	letter-spacing:0.1em;
}
.filter {
	display:flex;
	flex-wrap: wrap;
	margin-left:auto;
	margin-right:auto;
}
.filter a,
.single-cat {
	display:flex;
	justify-content: center;
	align-items: center;
	color: var(--color-black);
	background-color: var(--color-white);
}
.filter a:hover,
.single-cat:hover {
	color: #999999;
}
.filter a[aria-current="page"],
.pagination a[aria-current="page"] {
	background-color:var(--color-green);
	color: var(--color-white);
	pointer-events: none;
}
@media (width < 767px) {
	.filter {
		width:77.33vw;
		gap:5.33vw;
		margin-bottom:12.8vw;
	}
	.filter a,
	.single-cat {
		width:36vw;
		height:9.6vw;
		border-radius:4.8vw;
	}
}
@media (768px <= width) {
	.filter {
		justify-content: center;
		gap:20px;
		margin-bottom:66px;
	}
	.filter a,
	.single-cat {
		width:135px;
		height:36px;
		border-radius:18px;
	}
}
/*-----------------------------------------
single
------------------------------------------*/
.mainvisual-single {
	position: relative;
	z-index: 1;
	background-size:cover;
	background-position: center center;
}
.single-tt {
	border-bottom:1px solid var(--color-black);
}
.single-tt span {
	display: block;
}
.single-content {
	margin-left:auto;
	margin-right:auto;
}
.single-content,
.single-content p {
	line-height: 200%;
}
.single-data {
	padding-bottom:0.75em;
}
.single-data dt {
	color:var(--color-bluegray);
}
.single-whitepaper {
	background-color:var(--color-white);
}
.single-content img,
.single-content p {
	opacity: 0;
	animation-duration:1s;
}
.single-content img.active,
.single-content p.active {
	opacity: 1;
	animation-name:fadeupimganime;
}
@keyframes fadeupimganime {
	0% {transform: translate3d(0px,40px,0);
	opacity: 0}
	100% {transform: translate3d(0px,0px,0);
	opacity: 1}
}
@media (width < 767px) {
	.mainvisual-single-cover {
		padding-top:60px;
	}
	.mainvisual-single {
		aspect-ratio:335 / 190;
	}
	.single-tt {
		padding:10vw 0;
		margin-bottom:8vw;
	}
	.single-tt h1 {
		font-size:var(--font-sp-large);
	}
	.single-tt span {
		font-size:var(--font-sp-small);
		margin-bottom:4.26vw;
	}
	.single-content img {
		display: block;
		margin:2.6vw auto;
	}
	.single-data-sp {
		padding-top:18vw;
	}
	.single-whitepaper {
		padding:6.4vw;
		margin-top:9.6vw;
	}
	.single-data {
		padding-top:5.33vw;
	}
	.single-data dt {
		border-bottom:1px solid var(--color-black);
	}
	.back-box {
		max-width:58.6vw;
		margin:26.6vw auto;
		text-align: center;
	}
}
@media (768px <= width) {
	.mainvisual-single-cover {
		padding-top:100px;
	}
	.mainvisual-single {
		aspect-ratio:138 / 78;
	}
	.single-tt {
		max-width:1300px;
		margin:64px auto;
		padding:0 30px 64px 30px;
	}
	.single-tt h1 {
		font-size:var(--font-pc-xx-large);
	}
	.single-tt span {
		margin-bottom:20px;
	}
	.single-content {
		max-width:1240px;
	}
	.single-data-grid {
		display:grid;
		grid-template-columns: 60fr 55fr;
		grid-column-gap: clamp(46px,6vw,86px);
		margin-bottom:55px;
	}
	.single-data {
		display:grid;
		grid-template-columns: 110px 1fr;
		grid-column-gap: 30px;
		grid-row-gap:4px;
	}
	.single-content img {
		display: block;
		margin:15px auto;
	}
	.single-whitepaper {
		padding-top:clamp(49px,63.8vw,92px);
		padding-bottom:clamp(49px,63.8vw,92px);
		padding-left:clamp(53px,69vw,100px);
		padding-right:clamp(53px,69vw,100px);
	}
	.back-box {
		max-width:220px;
		margin:100px auto;
		text-align: center;
	}
}