.animate-line-to-appear{overflow:hidden}.animate-line-to-appear.--relative{position:relative}.animate-line-to-appear::before{animation:out-ani-to-hidden .3s forwards;background-color:#fff;bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:100%}.animate-line-to-appear:hover::before{animation:in-ani-to-appear .3s forwards}.title-side{width:100%}.title-side__ja{font-size:20px;font-weight:900;line-height:1.2;margin-bottom:.25rem}.title-side__en{font-size:55px;font-weight:900;line-height:1.2}.topics-archive__inner{display:flex;flex-direction:column;gap:4em;padding-bottom:5rem;padding-top:5rem}.topics-archive__list{display:flex;flex-direction:column;gap:1em}.topics-archive__item{border-bottom:1px solid #959393;padding-bottom:.5em;position:relative}.topics-archive__link{display:block;font-size:18px;padding-bottom:.5em;padding-right:4rem;padding-top:.5em;position:relative}.topics-archive__link .og-button{width:40px}.topics-archive__link:hover{color:#df0908}.topics-archive__link:hover .og-button .og-button__icon.--line{animation:in-ani-circle-to-hidden .3s forwards;background-color:#df0908;box-shadow:inset 0 0 0 1px #df0908}.topics-archive__link:hover .og-button .og-button__icon.--color{animation:in-ani-circle-to-appear .3s forwards;left:0}.topics-archive__date{display:inline-block;margin-right:1rem;transition:color .3s}.topics-archive__link:hover .topics-archive__date{color:#df0908}.topics-archive__br--sp{display:block}.topics-archive__title{font-weight:700;transition:color .3s}.topics-archive__link:hover .topics-archive__title{color:#df0908}.topics-archive__arrow{position:absolute;right:0;top:50%;transform:translateY(-50%)}.topics-archive__pagination{margin-top:2.5rem}@media (min-width:640px){.title-side{position:sticky;top:10rem}.topics-archive__br--sp{display:none}}@media screen and (min-width:1024px){.topics-archive__inner{flex-direction:row;padding-bottom:10rem;padding-top:10rem}.topics-archive__sidebar{flex:1}.topics-archive__content{flex:2}}@media screen and (min-width:1920px){.title-side__ja{font-size:max(10px,1.0416666667vw)}.title-side__en{font-size:max(10px,2.8645833333vw)}.topics-archive__link{font-size:max(10px,.9375vw)}.topics-archive__link .og-button{width:2.0833333333vw}}@media screen and (max-width:767px){.title-side__ja{font-size:max(18px,3.9130434783vw)}.title-side__en{font-size:max(44px,10.8695652174vw)}.topics-archive__inner{padding-bottom:8rem;padding-top:8rem}.topics-archive__link{padding-right:5rem}}@media screen and (max-width:460px){.topics-archive__link{font-size:max(16px,3.9130434783vw)}}@keyframes in-ani-to-appear{from{transform:translateX(-101%)}to{transform:translateX(0)}}@keyframes out-ani-to-hidden{from{transform:translateX(0)}to{transform:translateX(101%)}}@keyframes in-ani-to-hidden{from{transform:translateX(0)}to{transform:translateX(101%)}}@keyframes out-ani-to-appear{from{transform:translateX(-101%)}to{transform:translateX(0)}}@keyframes in-ani-circle-to-appear{from{transform:translateX(-200%)}to{transform:translateX(0)}}@keyframes out-ani-circle-to-hidden{from{transform:translateX(0)}to{transform:translateX(200%)}}@keyframes in-ani-circle-to-hidden{from{transform:translateX(0)}to{transform:translateX(200%)}}@keyframes out-ani-circle-to-appear{from{transform:translateX(-200%)}to{transform:translateX(0)}}