@charset "utf-8";

.pdf-list{margin:6rem 0;}
.pdf-list > ul{display:flex;flex-wrap:wrap;gap:1rem 6rem;position:relative;}
.pdf-list > ul::after{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background-color:var(--color10);transform:translateX(-50%);}
.pdf-list > ul > li{width:calc(50% - 3rem);}
.pdf-list > ul > li > a{display:flex;justify-content:space-between;padding:1.8rem 3.4rem 1.8rem 3.1rem;border:1px solid transparent;border-radius:3px;width:100%;background:var(--color11);box-sizing:border-box;}
.pdf-list > ul > li > a p{font-size:1.6rem;line-height:2.2rem;color:var(--black03);font-weight:var(--font-weight-semibold);}
.pdf-list > ul > li > a p span{color:var(--color04);}
.pdf-list > ul > li > a p span.new{color:var(--color01);}

@media screen and (min-width:769px){
	.pdf-list > ul > li > :is(a:hover, a:focus-visible){border:1px solid var(--color50);background:var(--white100);color:var(--color01);}
	.pdf-list > ul > li > :is(a:hover, a:focus-visible) :is(p, p span){color:var(--color01);}
	.pdf-list > ul > li > :is(a:hover, a:focus-visible) .link-box .txt-btn.type01{color:var(--color01);}
	.pdf-list > ul > li > :is(a:hover, a:focus-visible)  .link-box .txt-btn.type01 span::after{background-color:var(--color01);}
	.pdf-list > ul > li > :is(a:hover, a:focus-visible)  .link-box .txt-btn.type01::after{background-color:var(--color01);}
}

@media screen and (max-width:768px){
	.pdf-list{margin:4rem 0;}
	.pdf-list > ul{gap:1rem;}
	.pdf-list > ul::after{display:none;}
	.pdf-list > ul > li{width:100%;}
	.pdf-list > ul > li > a{padding:1rem 2rem;}
	.pdf-list > ul > li > a p{font-size:1.4rem;line-height:2rem;}
}