@media (max-width: 1023px){.topic-page{padding:0}}@media (min-width: 768px){.topic-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}}@media (max-width: 1023px){.topic-page__nav{display:flex;justify-content:space-between;margin-bottom:25px}}@media (max-width: 1023px){.topic-page__nav__list{display:flex;width:100%;gap:4px}}@media (min-width: 768px){.topic-page__nav__list{display:grid;grid-template-columns:repeat(2,205px);gap:7px}}.topic-page__nav__link{height:50px;border-radius:4px;letter-spacing:.08em;font-weight:500;display:flex;align-items:center;padding-left:1em}@media (min-width: 1024px){.topic-page__nav__link{padding-left:2em}}.topic-page__nav .select-area{position:relative;z-index:2}@media (max-width: 500px){.topic-page__nav .select-area{width:50%}}.topic-page__nav .select-box{display:none;position:absolute;width:100%;bottom:0;transform:translateY(100%);background:#fff;border:solid 1px var(--brandBgColor);border-radius:0 0 4px 4px;padding:.75em 0}.topic-page__nav .select-box.show{display:block}.topic-page__nav .select-box a{display:block;padding:.25em 1em}@media (min-width: 1024px){.topic-page__nav .select-box a{padding:.25em 2em}}.topic-page__nav .select-box--show{background:var(--brandBgColor) url(../img/icon/ico-down.svg) no-repeat right 14px center;padding-right:25px}.topic-page__nav .layout-list{display:flex;align-items:center;gap:13px}.topic-page__nav .layout-list .layout-link{width:18px;height:18px;opacity:.2}.topic-page__nav .layout-list .layout-link.active{opacity:1}.topic-page .topic-page__ttl{margin-bottom:0;display:flex;gap:7px;align-items:baseline;font-weight:500;font-family:var(--brandFont);letter-spacing:.13em}@media (max-width: 1023px){.topic-page .topic-page__ttl{margin-bottom:1.3em}}.topic-page__sub-ttl{font-size:.875rem;letter-spacing:.13em}@media (min-width: 1024px){.topic-page__sub-ttl{font-size:1.125rem}}.topic-page__list{display:grid;grid-template-columns:repeat(1,1fr);gap:40px 12px;margin-bottom:60px}@media (min-width: 768px){.topic-page__list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.topic-page__list{grid-template-columns:repeat(3,1fr);gap:45px 20px}}.topic-page__pagination{margin-bottom:40px}.topic,.topic__info{display:flex;flex-direction:column;gap:5px}.topic .topic__tag{font-size:12px}.topic .topic__title{font-weight:400}.topic .topic__date{font-size:10px}@media (min-width: 1024px){.topic .topic__date{font-size:12px}}