.topic-detail{padding:0}@media (min-width: 1024px){.topic-detail__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}}.topic-detail .topic-detail-page__ttl{margin-bottom:0;display:flex;gap:7px;align-items:baseline;font-weight:500;font-family:var(--brandFont);letter-spacing:.13em}.topic-detail .topic-detail-page__ttl{margin-bottom:1em}@media (max-width: 1023px){.topic-detail__nav{display:flex;justify-content:space-between;margin-bottom:16px}.topic-detail__nav__list{display:flex;width:100%;gap:4px}.topic-detail__nav .select-area{width:50%}}@media (min-width: 1024px){.topic-detail__nav__list{display:grid;grid-template-columns:repeat(2,205px);gap:7px}}.topic-detail__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-detail__nav__link{padding-left:2em}}.topic-detail__nav .select-area{position:relative;z-index:2}.topic-detail__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-detail__nav .select-box.show{display:block}.topic-detail__nav .select-box a{display:block;padding:.25em 1em}@media (min-width: 1024px){.topic-detail__nav .select-box a{padding:.25em 2em}}.topic-detail__nav .select-box--show{background:var(--brandBgColor) url(../img/icon/ico-down.svg) no-repeat right 14px center;padding-right:25px}.topic-detail__content{max-width:1200px;margin:auto auto 30px;position:relative;letter-spacing:.05em;display:flex;flex-direction:column;align-items:center}.topic-detail__body{line-height:2}@media (max-width: 1023px){.topic-detail__content.inner--tb{padding:0}}.topic-detail .button-area{width:260px;margin:0 auto 40px}.topic-list{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 20px}@media (max-width: 1023px){.topic-list{display:flex;overflow-x:auto;scrollbar-width:none;gap:1rem}.topic__item{min-width:80%}}.topic-detail .topic__tag{font-size:12px}.topic-detail .topic__title{font-weight:400}.topic-detail .topic__date{font-size:10px}@media (min-width: 1024px){.topic-detail .topic__date{font-size:12px}}.topic-list .topic__info{margin-top:5px}.topic-detail .topic__title,.topic-detail .topic__tag{margin-bottom:5px}