.topics{position:relative}.topics__bg{position:absolute}.topics__wrap{border-radius:3rem;background:rgba(255,255,255,.88);backdrop-filter:blur(1.75rem)}.topics__wrap__title-em{justify-content:center}.topics__wrap__title-ja{text-align:center}.topics__wrap__content__filter__list{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;list-style:none;padding:0}.topics__wrap__content__filter__btn{font-size:.875rem;text-decoration:none;color:var(--color-blue);padding:.25rem .5rem;display:block}.topics__wrap__content__filter__btn:hover,.topics__wrap__content__filter__btn.is-active{color:#fff;border-radius:.25rem;background-color:var(--color-blue)}.topics__wrap__content__list{display:grid}.topics__pagination{margin-top:3rem}.topics__pagination>.page-numbers{display:flex;justify-content:center;align-items:center;gap:.625rem;list-style:none;margin:0;padding:0}.topics__pagination>.page-numbers li:not(:has(.next,.prev)){display:grid;place-items:center;width:1.625rem;aspect-ratio:1/1;border-radius:100%;background-color:var(--color-lightblue)}.topics__pagination>.page-numbers li a{color:inherit;text-decoration:none}.topics__pagination>.page-numbers li:has(.next,.prev){width:1.625rem;aspect-ratio:1/1;border-radius:100%}.topics__pagination>.page-numbers .next,.topics__pagination>.page-numbers .prev{display:block}.topics__pagination>.page-numbers li:has(.next,.prev) img{display:block;width:100%;height:auto}.topics__pagination>.page-numbers li:hover,.topics__pagination>.page-numbers li:has(.current){color:#fff;background-color:var(--color-blue)}.topics__empty{text-align:center;color:#666;margin:2rem 0 0}.article-card{background-color:var(--color-gray)}@media screen and (width <=767px){.topics__bg{top:-5rem;left:0;width:100%}.topics__wrap{padding:2rem 1.5rem 3.5rem;margin-bottom:1.5rem}.topics__wrap__title-em{font-size:1.125rem}.topics__wrap__title-ja{font-size:1.75rem}.topics__wrap__content{margin-top:1.5rem}.topics__wrap__content__list{grid-template-columns:1fr;gap:.75rem;margin-top:1.5rem}}@media screen and (width>767px){.topics__bg{top:3rem;left:50%;translate:-50% 0;width:60rem}.topics__wrap{padding:2.5rem 4.375rem 5.875rem;margin:0 3.75rem 1rem}.topics__wrap__title-em{font-size:1.25rem}.topics__wrap__title-ja{font-size:5.625rem}.topics__wrap__content{margin-top:.5rem}.topics__wrap__content__list{grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2.125rem}}