:root{font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#253327;background:#f5f4ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:48px 48px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:2px solid #d6ddc8;padding-bottom:28px}.eyebrow{font-size:13px;letter-spacing:2px;color:#5a694a}h1{font-size:48px;margin:10px 0 0;letter-spacing:.04em}h1 span{display:block;font-size:17px;font-weight:400;margin-top:12px;letter-spacing:0}.permanent{display:flex;align-items:center;gap:16px;font-size:14px;line-height:1.8}.permanent img{width:112px;height:112px}a{color:inherit;text-decoration-color:#a9b393;text-underline-offset:4px}nav{display:flex;align-items:center;gap:16px;margin:24px 0}button{border:1px solid #c6cfb7;background:#fff;border-radius:99px;padding:10px 18px;font:inherit;cursor:pointer;color:inherit}button:hover{background:#e5ecd9}button:disabled{opacity:.4;cursor:default}#paging{display:flex;gap:12px;align-items:center}#paging[hidden]{display:none}#status{margin-left:auto;font-size:12px;color:#5a694a}#events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid #d9dfcf;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 5px 20px #273b2810;display:flex;flex-direction:column}.cover{width:100%;aspect-ratio:920/450;object-fit:contain;background:#f1f1e9}.copy{padding:22px;flex:1;display:flex;flex-direction:column}.date{color:#557037;font-size:15px;font-weight:bold;line-height:1.7}h2{font-size:19px;line-height:1.6;margin:12px 0}.description{font-size:13px;color:#626c5b;line-height:1.9;margin:0 0 20px}.join{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #e7ebdf}.join a{background:#335b30;color:#fff;text-decoration:none;border-radius:99px;padding:12px 18px;font-size:14px;font-weight:bold}.join img{width:94px;height:94px}.empty{grid-column:1/-1;padding:60px;text-align:center;background:#fff;border-radius:20px}footer{display:flex;justify-content:space-between;margin-top:32px;color:#647058;font-size:13px;gap:20px}body.slide{background:#e1e5d9;display:grid;place-items:center;min-height:100vh}body.slide main{width:min(100vw,177.777vh);height:min(56.25vw,100vh);max-width:none;background:#f5f4ec;padding:2.2cqw 3cqw;container-type:inline-size;overflow:hidden}body.slide header{padding-bottom:1.2cqw}body.slide .eyebrow{font-size:.85cqw}body.slide h1{font-size:3.1cqw;margin:.5cqw 0 0}body.slide h1 span{font-size:1cqw;margin-top:.5cqw}body.slide .permanent{font-size:1cqw;gap:1cqw}body.slide .permanent img{width:7cqw;height:7cqw}body.slide nav{margin:1cqw 0;gap:1cqw}body.slide button{font-size:.85cqw;padding:.5cqw 1cqw}body.slide #status{font-size:.75cqw}body.slide #events{gap:1.3cqw;height:35.5cqw}body.slide .card{border-radius:1.1cqw}body.slide .copy{padding:1.1cqw}body.slide .date{font-size:1cqw}body.slide h2{font-size:1.15cqw;line-height:1.6;margin:.6cqw 0}body.slide .description{font-size:.85cqw;line-height:1.6;margin:0 0 .7cqw;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.slide .join{padding-top:.6cqw;gap:.6cqw}body.slide .join a{font-size:.85cqw;padding:.7cqw 1cqw}body.slide .join img{width:6cqw;height:6cqw}body.slide footer{margin-top:1cqw;font-size:.75cqw}body.slide #position{font-size:.85cqw}@media(max-width:850px){body:not(.slide) main{padding:24px}body:not(.slide) #events{grid-template-columns:repeat(2,minmax(0,1fr))}body:not(.slide) header{align-items:flex-start}body:not(.slide) h1{font-size:36px}body:not(.slide) .permanent{flex-direction:column;text-align:center;font-size:11px;gap:4px}}@media(max-width:560px){body:not(.slide) #events{grid-template-columns:1fr}body:not(.slide) main{padding:22px 18px}body:not(.slide) h1{font-size:32px}body:not(.slide) h1 span{font-size:13px}body:not(.slide) .eyebrow{font-size:9px;letter-spacing:1px}body:not(.slide) .permanent img{width:88px;height:88px}body:not(.slide) .permanent a{font-size:9px}body:not(.slide) nav{flex-wrap:wrap}body:not(.slide) #status{margin-left:0}body:not(.slide) footer{flex-direction:column;font-size:12px}}