.articles{padding:10rem 0}.articles h1{margin-bottom:6rem}.articles--item{padding-bottom:2rem;margin-bottom:4rem;width:100%;display:block;font-family:"Noto Serif JP",serif;border-bottom:1px solid var(--light-cerulean);transition:background-color .3s;position:relative}.articles--item svg{color:var(--light-cerulean);font-size:1.6rem;font-weight:bold;position:absolute;bottom:2.4rem;right:0;z-index:1}.articles--item:hover svg{animation:slideRight .8s ease forwards}.articles--item:hover .articles--date,.articles--item:hover .articles--title{font-weight:bold}.articles--date{margin-bottom:1.2rem;color:var(--light-cerulean);font-size:1.6rem;display:block;transition:font-weight .3s}.articles--title{margin-bottom:0;padding-right:3rem;line-height:1.7em;font-size:1.8rem;font-weight:normal;transition:font-weight .3s}.articles .nav-links{margin:0 auto;display:flex;justify-content:center;align-items:center;gap:5rem}.articles .page-numbers{font-size:1.8rem;font-family:"Noto Serif JP",serif;font-weight:bold;color:var(--light-cerulean);display:inline-flex;align-items:center;opacity:.5;transition:color .3s}.articles .page-numbers:hover{color:var(--cerulean);opacity:1}.articles .page-numbers.current{color:var(--cerulean);opacity:1}