#archive{overflow:hidden}#archive #interview-section{margin-bottom:160px;max-width:1280px;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width: 1520px){#archive #interview-section{width:calc(100% - 200px)}}@media screen and (max-width: 959px){#archive #interview-section{width:calc(100% - 16vw)}}#archive #interview-section{position:relative;z-index:0}#archive #interview-section .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:80px}#archive #interview-section .list:before,#archive #interview-section .list:after{content:"";width:calc(33.3333333333% - 26.6666666667px);display:block;order:2}#archive #interview-section .list li{margin-top:48px;width:calc(33.3333333333% - 26.6666666667px)}#archive #interview-section .list li .img{position:relative;display:block}#archive #interview-section .list li .img img{aspect-ratio:16/9;object-fit:cover;border-radius:24px}#archive #interview-section .list li .img .category{position:absolute;bottom:0;left:0;font-size:.8rem;padding:6px 12px 0;background:#fdfffe;border-radius:0 16px 0 0}#archive #interview-section .list li .img .category:before{content:"";width:16px;height:16px;background:url(../images/common/side-right.svg) no-repeat center/contain;position:absolute;left:100%;bottom:0}#archive #interview-section .list li .img .category:hover{opacity:1;text-decoration:underline}#archive #interview-section .list li .list-title{color:#fdfffe;padding:16px 12px;display:block;background:url(../images/common/link-arrow.svg) no-repeat bottom right/96px}#archive #interview-section .list li .list-title:hover{background:url(../images/common/link-arrow.svg) no-repeat bottom right 12px/96px}#archive #interview-section .list li .list-title time{font-size:.8rem;display:block;margin-bottom:8px}#archive #interview-section .list li .list-title span{display:block;font-size:1.2rem;line-height:1.32;font-weight:700}@media screen and (max-width: 960px){#archive #interview-section{margin-bottom:64px;position:relative;display:block}#archive #interview-section .list{padding-top:64px;display:block;margin-bottom:40px}#archive #interview-section .list li{width:100%;margin-top:24px}#archive #interview-section .list li:first-child{margin-top:0}#archive #interview-section .list li .img .category{font-size:.75rem}#archive #interview-section .list li .list-title{padding:16px 12px;display:block}#archive #interview-section .list li .list-title time{font-size:.75rem}#archive #interview-section .list li .list-title span{display:block;font-size:1.1rem}}/*# sourceMappingURL=archive.css.map */