@keyframes reveal{0%{transform:translate3d(-5%,0,0);clip-path:polygon(5% 0,50% 0,50% 100%,5% 100%)}100%{transform:translate3d(0,0,0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.page-navi{display:flex;justify-content:center;overflow:hidden;margin:75rem auto 0}@media(max-width:768px){.page-navi{width:100%;margin-top:50rem}}.page-navi span,.page-navi a{transition:.3s ease}.page-numbers{display:flex;align-items:center;justify-content:center;width:48rem;height:48rem;margin:0 5rem;border-radius:100px;color:#00c0e8;font-weight:500;font-size:17rem;font-family:"futura-pt","dnp-shuei-gothic-gin-std","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic","メイリオ",Meiryo,sans-serif}.page-numbers.current,.page-numbers:hover{background:#00c0e8;color:#fff}@media(max-width:768px){.page-numbers:hover{background-color:#fff;color:#fff}}.page-numbers.dots:hover{background-color:#fff;color:#00c0e8}.page-numbers svg{width:9rem;transition:.3s ease}.page-numbers.next:hover{background-color:rgba(0,0,0,0)}.page-numbers.next:hover svg{transform:translateX(5rem);color:#00c0e8}@media(max-width:768px){.page-numbers.next:hover svg{transform:translateX(0)}}.page-numbers.prev svg{transform:scaleX(-1)}.page-numbers.prev:hover{background-color:rgba(0,0,0,0)}.page-numbers.prev:hover svg{transform:translateX(-5rem) scaleX(-1);color:#00c0e8}@media(max-width:768px){.page-numbers.prev:hover svg{transform:translateX(0)}}