.secCont{padding:50px 0 138px}.secCont-archive{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:45px 39px}.secCont-archive li{width:calc((100% - 78px)/3);position:relative}.secCont-archive li .listLink{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.secCont-archive li .thumbnail{height:330px;position:relative;z-index:2}.secCont-archive li .thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.secCont-archive li .cats{position:absolute;left:0;top:18px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px;z-index:1}.secCont-archive li .cat{min-width:142px;padding:8px 29px 10px;background:var(--c-main);font-size:14px;line-height:1.3;color:var(--c-white);text-align:center}.secCont-archive li .tags{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px 13px;margin-top:23px;position:relative;z-index:2}.secCont-archive li .tag{font-size:13px;line-height:1.4}.secCont-archive li .textBox{margin-top:18px}.secCont-archive li .title{font-family:var(--f-serif);font-size:18px;letter-spacing:.05em;line-height:28px;font-weight:600;margin-top:12px}.secCont-archive li .name{font-size:14px;line-height:1.4}@media screen and (min-width: 769px){.secCont-archive li .thumbnail{overflow:hidden;-webkit-transition:opacity var(--speed);transition:opacity var(--speed);aspect-ratio:1/1;height:auto}.secCont-archive li .thumbnail img{-webkit-transition:-webkit-transform var(--speed);transition:-webkit-transform var(--speed);transition:transform var(--speed);transition:transform var(--speed), -webkit-transform var(--speed)}.secCont-archive li .thumbnail:hover{opacity:.7}.secCont-archive li .thumbnail:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.secCont-archive li .tag:hover{text-decoration:underline;text-underline-offset:4px}}@media screen and (max-width: 768px){.secCont{padding:8vw 0 21.3333333333vw}.secCont-archive{display:block;position:relative}.secCont-archive li{width:100%}.secCont-archive li::before{content:"";display:block;width:50%;height:1px;background:var(--c-bd);position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-8vw}.secCont-archive li:last-child::before{display:none}.secCont-archive li+li{margin-top:16vw}.secCont-archive li .thumbnail{height:auto;aspect-ratio:1/1}.secCont-archive li .cats{top:4.8vw;gap:1.3333333333vw}.secCont-archive li .cat{min-width:30.4vw;padding:1.3333333333vw 4vw 1.8666666667vw;font-size:3.7333333333vw}.secCont-archive li .tags{margin-top:3.2vw;gap:1.6vw 3.4666666667vw}.secCont-archive li .tag{font-size:3.4666666667vw}.secCont-archive li .textBox{margin-top:5.8666666667vw}.secCont-archive li .title{font-size:4.8vw;line-height:1.5556;margin-top:1.8666666667vw}.secCont-archive li .name{font-size:3.7333333333vw}}/*# sourceMappingURL=works_archive.css.map */