#contents.works_archive{position:relative;overflow:clip;padding-top:calc(var(--header-h) + 160px);padding-inline:var(--s-80);padding-bottom:var(--s-96);display:flex;flex-direction:column;align-items:center;gap:var(--s-96)}@media only screen and (min-width: 768px)and (max-width: 1023px){#contents.works_archive{padding-top:17.9487179487vw;padding-inline:5.1282051282vw;padding-bottom:7.6923076923vw;gap:7.6923076923vw}}@media only screen and (max-width: 767px){#contents.works_archive{padding-top:25.641025641vw;padding-inline:5.1282051282vw;padding-bottom:15.3846153846vw;gap:12.3076923077vw}}.warc-watermark{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:0;pointer-events:none;user-select:none;display:block;max-width:none;height:auto;width:1503px}@media(max-width: 1440px){.warc-watermark{width:104.375vw}}.warc-head{position:relative;z-index:1;max-width:1280px;width:100%}.warc-head__inner{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}@media only screen and (min-width: 768px)and (max-width: 1023px){.warc-head__inner{gap:2.0512820513vw}}@media only screen and (max-width: 767px){.warc-head__inner{gap:3.0769230769vw}}.warc-head__en{font-family:"Overpass",sans-serif;font-size:96px;font-weight:700;line-height:1;letter-spacing:2.4px;color:var(--c-black)}@media only screen and (min-width: 768px)and (max-width: 1023px){.warc-head__en{font-size:8.2051282051vw}}@media only screen and (max-width: 767px){.warc-head__en{font-size:13.3333333333vw}}.warc-head__accent{color:var(--c-primary)}.warc-head__ja{font-size:18px;font-weight:700;line-height:1;color:var(--c-black);font-feature-settings:"palt" 1,"pwid" 1}@media only screen and (min-width: 768px)and (max-width: 1023px){.warc-head__ja{font-size:1.7948717949vw}}@media only screen and (max-width: 767px){.warc-head__ja{font-size:3.5897435897vw}}.warc-body{max-width:1280px;width:100%;display:flex;flex-direction:column;gap:var(--s-48)}@media only screen and (min-width: 768px)and (max-width: 1023px){.warc-body{gap:5.1282051282vw}}@media only screen and (max-width: 767px){.warc-body{gap:8.2051282051vw}}.warc-filter{display:flex;gap:12px;flex-wrap:wrap}@media only screen and (min-width: 768px)and (max-width: 1023px){.warc-filter{gap:1.2820512821vw}}@media only screen and (max-width: 767px){.warc-filter{gap:2.0512820513vw}}.warc-filter__tag{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;font-size:14px;font-weight:400;line-height:1;border-radius:var(--r-pill);border:1px solid var(--c-border);background-color:var(--c-white);color:var(--c-black);cursor:pointer;transition:background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}@media only screen and (max-width: 767px){.warc-filter__tag{font-size:3.3333333333vw;padding:2.5641025641vw 4.1025641026vw}}.warc-filter__tag.is-active{background-color:var(--c-primary);border-color:var(--c-primary);color:var(--c-white)}@media(hover: hover)and (pointer: fine){.warc-filter__tag:hover{background-color:var(--c-primary);border-color:var(--c-primary);color:var(--c-white)}}.warc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3, 1fr);column-gap:48px;row-gap:56px}.warc-grid>li{min-width:0}.warc-grid .works-card{width:100%}@media only screen and (min-width: 768px)and (max-width: 1023px){.warc-grid{grid-template-columns:repeat(2, 1fr);column-gap:3.0769230769vw;row-gap:5.1282051282vw}}@media only screen and (max-width: 767px){.warc-grid{grid-template-columns:1fr;row-gap:10.2564102564vw}}.pagerArea{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:100px}@media only screen and (min-width: 768px)and (max-width: 1023px){.pagerArea{margin-top:9.2307692308vw}}@media only screen and (max-width: 767px){.pagerArea{margin-top:14.358974359vw}}.pagerArea .page-numbers{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:14px;font-weight:700;line-height:1;color:var(--c-black);text-decoration:none;flex-shrink:0;transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}@media only screen and (max-width: 767px){.pagerArea .page-numbers{width:9.2307692308vw;height:9.2307692308vw;font-size:3.3333333333vw}}.pagerArea .page-numbers.current{background-color:var(--c-primary);color:var(--c-white);pointer-events:none;cursor:default}.pagerArea .page-numbers.dots{pointer-events:none;cursor:default;border-radius:0}@media(hover: hover)and (pointer: fine){.pagerArea .page-numbers:hover{background-color:rgba(220,82,61,.1);color:var(--c-primary)}}.pagerArea .prev.page-numbers,.pagerArea .next.page-numbers{background-color:#ebe9e8;position:relative}.pagerArea .prev.page-numbers::before,.pagerArea .next.page-numbers::before{content:"";position:absolute;width:7px;height:7px;border-style:solid;border-color:currentColor;flex-shrink:0}@media(hover: hover)and (pointer: fine){.pagerArea .prev.page-numbers:hover,.pagerArea .next.page-numbers:hover{background-color:var(--c-primary);color:var(--c-white)}}.pagerArea .prev.page-numbers::before{border-width:0 0 1.5px 1.5px;transform:rotate(45deg) translate(1px, -1px)}.pagerArea .next.page-numbers::before{border-width:1.5px 1.5px 0 0;transform:rotate(45deg) translate(-1px, 1px)}/*# sourceMappingURL=under.css.map */
