.archive #works .cbox{text-align:center;margin:0 0 100px 0}.archive #works .cbox h2{font-size:2em;font-weight:bold;margin:0 0 1em 0}.archive #works .cbox p{margin:0 0 2em 0}.archive #works .cbox p img{width:100%;height:100%;object-fit:cover}.archive #works h3{color:var(--blue);font-size:2em;font-weight:bold;text-align:center;letter-spacing:.3em;margin:0 0 50px 0}.archive #works .clist{display:grid;grid-template-columns:repeat(3, 1fr);gap:50px}.archive #works .works_box{width:300px}.archive #works .works_box figure{border-radius:20px;overflow:hidden}.archive #works .works_box figure img{width:100%;height:100%;object-fit:cover}.archive #works .works_box dt{margin:30px auto;font-weight:bold;font-size:1.13em}.archive #works .works_box dd{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:2em}.single #mainvis{overflow:hidden;position:relative}.single #mainvis .ttl_h1{color:var(--white);position:relative;z-index:9}.single #mainvis figure{position:absolute;top:0;left:0;right:0;bottom:0}.single #mainvis figure img{width:100%;height:100%;object-fit:cover}.single .ebox p{margin:0 0 2em 0}.single .ebox table{width:100%;margin:0 0 1em 0}.single .ebox table th,.single .ebox table td{width:auto;border:#ccc solid 1px;padding:10px}.single #pnavi h2{color:var(--blue);font-size:2em;font-weight:bold;text-align:center;letter-spacing:.3em;margin:0 0 50px 0}.single #pnavi .clist{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}.single #pnavi .works_box{border-radius:20px;overflow:hidden}.single #pnavi .works_box.is-active{opacity:.7;background:#eee}.single #pnavi .works_box figure{border-radius:20px;overflow:hidden}.single #pnavi .works_box figure img{width:100%;height:100%;object-fit:cover}.single #pnavi .works_box p{padding:.5em 1em;font-weight:bold;line-height:1.5em}@media screen and (max-width: 1024px){.archive #works .cbox{text-align:left}.archive #works .cbox h2{text-align:center;font-size:1.4em}.archive #works .clist{grid-template-columns:repeat(2, 1fr);gap:50px}.archive #works .works_box{max-width:750px;width:100%}.archive #works .works_box dt{margin:.5em auto}.archive #works .works_box dd{-webkit-line-clamp:3;line-clamp:3}.single #pnavi .clist{grid-template-columns:repeat(3, 1fr);gap:10px}.single #pnavi .works_box p{font-size:.7em}}@media screen and (max-width: 768px){.archive .mf-inner{padding:5vw}.archive #works .clist{grid-template-columns:80vw;justify-content:center;gap:10vw}.single .mf-inner{padding:5vw}.single #pnavi h2{font-size:1.5em;margin:0 0 5vw 0}}