.info{width:calc(100% - 3rem);max-width:50rem;background:#F6F6F6;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:flex-end;flex-direction:column;padding:6rem 0 10rem}
@media screen and (min-width:769px){.info{max-width:100rem;padding:6.5rem 0 20rem}}
.info-link{display:flex;justify-content:flex-start;align-items:flex-start;padding:2rem 0 1rem;position:relative;flex-direction:column;position:relative;transition:all .2s;left:0}
@media screen and (min-width:769px){.info-link{flex-direction:row;padding:2.5rem 0 2.3rem}}
@media (hover:hover){.info-link:hover{transition:all .2s;left:1rem;opacity:1}}
.info-item{border-bottom:1px solid #E0E0E0;position:relative}
.info-list{width:100%;margin-left:auto;margin-right:auto}
.info-layout{display:flex;justify-content:flex-start;align-items:center;margin-right:2.2rem;margin-bottom:1rem}
@media screen and (min-width:769px){.info-layout{margin-bottom:0}}
.info-date{font-weight:500;font-size:1.3rem;line-height:2.6rem;letter-spacing:0.05em;margin-right:1.8rem}
.info-category{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 2rem;line-height:1;box-sizing:border-box;min-width:10rem;min-height:2.4rem;background:#FFED25;border-radius:5rem;font-weight:500;font-size:1.1rem;letter-spacing:0.05em;color:#181922}
.info-category.info-category--gray{background:#F4F4F4}
.info-category.info-category--black{background:#181922;color:#fff}
.info-text{font-size:1.5rem;line-height:2.8rem;letter-spacing:0.05em;padding-right:4rem;box-sizing:border-box;position:relative;flex:1;width:100%}
.info-text::after{content:"";background:url("../images/info/icon-arrow-black.svg") no-repeat;background-size:contain;width:.4rem;height:.8rem;position:absolute;bottom:0;top:0;right:0;margin:auto;transition:all .2s}
@media (hover:hover){.info-text:hover::after{transition:all .2s;right:-5px}}
.info-block-link{font-weight:500;text-decoration:underline;font-size:1.4rem;letter-spacing:0.05em;line-height:2;color:#00406b;position:relative;display:flex;justify-content:flex-end;align-items:center;padding-right:2.5rem;box-sizing:border-box}
@media screen and (min-width:769px){.info-block-link{padding-right:25px}}
.info-block-link::after{content:"";background:url("../images/top/icon-arrow-blue.svg") no-repeat;background-size:contain;width:1.5rem;height:.4rem;position:absolute;bottom:0;top:0;right:0;margin:auto;transition:all .2s}
@media screen and (min-width:769px){.info-block-link::after{width:16px;height:5px}}
@media (hover:hover){.info-block-link:hover{text-decoration:none}}
@media (hover:hover){.info-block-link:hover::after{transition:all .2s;right:-5px}}
.page-nav{margin:6rem auto 0;max-width:37rem}
@media screen and (min-width:769px){.page-nav{margin:8rem auto 0}}
.page-nav ul{display:flex;justify-content:space-between;align-items:center;gap:1rem}
@media screen and (min-width:769px){.page-nav ul{justify-content:center}}
.page-nav ul li:first-child a{background:#181922;color:#fff}
.page-nav ul li:first-child a::before{background:url("../images/info/icon-arrow-white.svg") no-repeat;background-size:contain;width:.7rem;height:1.2rem;background-size:contain;background-position:center;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;content:""}
.page-nav ul li:last-child a{background:#181922;color:#fff}
.page-nav ul li:last-child a::before{background:url("../images/info/icon-arrow-white.svg") no-repeat;background-size:contain;width:.7rem;height:1.2rem;background-size:contain;background-position:center;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;content:"";transform:scale(-1,1)}
.page-nav ul li a{font-size:1.8rem;width:4rem;height:4rem;border-radius:4rem;background:#fff;line-height:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;position:relative;box-sizing:border-box;color:#316FB3;font-weight:700;font-family:"Roboto",sans-serif}
.page-nav ul li a:active{background:#316FB3;color:#fff;border:none;opacity:1}@media (hover:hover){.page-nav ul li a:hover{background:#316FB3;color:#fff;border:none;opacity:1}}
.page-nav ul li .active{color:#fff;pointer-events:none;background:#316FB3}
.page-nav ul li .active::after{content:"";background:#316FB3;width:4rem;height:4rem;border-radius:4rem;position:absolute;left:0;top:0;opacity:0}
.page-nav ul .active a{background:#316FB3;color:#fff;pointer-events:none}