@charset "UTF-8";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@property --root-font-size{syntax: "<length>"; inherits: false; initial-value: 16px;}:root{--color-white: #FAFAFA;--color-black: #222222;--_text-color: var(--color-black);--_bg-color: var(--color-white);--easing: cubic-bezier(.16, 1, .3, 1);--font-primary: "Gen Interface JP", sans-serif;--font-second: "EB Garamond", serif;--to-rem: calc(tan(atan2(1px, var(--root-font-size)))*1rem) }:root:has([open]){overflow:hidden}:root:has(.hamburger-menu.is-open){overflow:hidden}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-weight:400;color:var(--_text-color);font-size:calc(12 * var(--to-rem));line-height:1.75;letter-spacing:0;box-sizing:border-box;background-color:var(--_bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;font-size:inherit}small{font-size:80%}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}h1,h2,h3,h4,h5{font-weight:400;text-wrap:balance;word-break:auto-phrase;margin:0}button{border-width:0}picture{display:block}@media screen and (min-width:768px){br[data-width=sp]{display:contents}}br[data-width=pc]{display:contents}@media screen and (min-width:768px){br[data-width=pc]{display:block}}.container{padding-inline:20px}::view-transition-old(root){animation:fade-out .5s ease forwards}::view-transition-new(root){animation:fade-in .5s ease forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.header{padding:10px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:100%;z-index:9999}.site-title{font-weight:600;font-size:1rem;letter-spacing:-.03em}.hamburger{position:relative;width:32px;aspect-ratio:1;border:none;padding:0;z-index:2}.hamburger:before,.hamburger:after{position:absolute;top:50%;right:0;display:block;content:"";width:100%;height:1px;border-top:1px solid var(--color-black);transform-origin:center;transition:all .3s ease-in-out}.hamburger:before{transform:rotate(0) translateY(-2px)}.hamburger:after{width:80%;transform:rotate(0) translateY(2px)}.hamburger.is-open:before{transform:rotate(30deg) translateY(0)}.hamburger.is-open:after{width:100%;transform:rotate(-30deg) translateY(0)}.hamburger-menu{position:fixed;width:100%;height:100dvh;background-color:var(--color-white);top:0;left:0;display:flex;flex-direction:column;justify-content:center;row-gap:40px;padding-bottom:50px;padding-inline:20px;z-index:1;opacity:0;visibility:hidden;transition:all .5s}.hamburger-menu.is-open{opacity:1;visibility:visible}.hamburger-menu__text{font-family:var(--font-second);text-align:center;font-size:18px;line-height:.9}.hamburger-menu__text span{display:block;font-style:italic}.hamburger-menu__desc{width:min(260px,80%);font-size:8px;text-align:center;margin-inline:auto;order:3}.hamburger-menu__image{width:min(180px,100%);aspect-ratio:5/3;margin-inline:auto;height:fit-content;order:2}.article figure img{object-position:bottom}@media screen and (min-width:1024px){.article__pc-content{display:grid;grid-template-columns:repeat(2,1fr)}}.article__inner{position:relative;container-type:inline-size;height:100dvh;display:grid;grid-template-rows:repeat(5,1fr);row-gap:20px}@media screen and (min-width:1024px){.article__inner{width:60%;margin-inline:auto}}.article__top{height:fit-content;grid-row:2;margin-top:auto;margin-bottom:0;padding-left:55cqi}.article__top p{line-height:1.2;word-break:keep-all}.article__bottom{grid-row:5;margin-top:auto;margin-bottom:0}.article__meta{display:grid;row-gap:2px;font-size:8px;color:#555;margin-top:8px}.article__meta dt{font-weight:400;line-height:1}.article__meta dd{line-height:1}.article__meta div{display:grid;grid-template-columns:2fr 3fr}.article__images{grid-row:3;padding-top:40px}.article__image{position:relative;width:100%;aspect-ratio:16/9}.article__image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:100%;object-fit:cover}.article__list{display:flex;column-gap:8px;width:fit-content;margin-top:24px;margin-inline:auto}.article__list li{position:relative;width:32px;aspect-ratio:1;filter:grayscale(100%)}.article__list li:before{position:absolute;display:block;content:"";width:100%;height:100%;top:0;left:0;background-color:var(--color-black);opacity:0;transition:opacity .3s ease-in-out}.article__list li.is-active:before{opacity:.6}.button-wrapper{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;padding-bottom:8px}.button-wrapper a{display:block;text-transform:uppercase;padding-inline:8px;padding-block:3px;line-height:1;border:none;text-decoration:underline;text-underline-offset:2px}.button-wrapper [data-role=prev]{grid-column:1/2}.button-wrapper [data-role=home]{grid-column:2/3;justify-self:center}.button-wrapper [data-role=next]{grid-column:3/4;justify-self:end}.article__bg{display:none}@media screen and (min-width:1024px){.article__bg{display:block;position:relative;filter:grayscale(100%)}.article__bg img{position:absolute;top:0;left:20px}}.top__copy{position:fixed;width:100%;top:45vh;padding-right:10px}@media screen and (min-width:768px){.top__copy{top:unset;bottom:20px;padding-right:20px}}.top__copy h1{font-family:var(--font-second);font-size:calc(24 * var(--to-rem));line-height:1.1;letter-spacing:-.03em;text-align:right}.top__copy h1 span{font-style:italic}@media screen and (min-width:768px){.top__copy h1{font-size:calc(40 * var(--to-rem))}}.top__desc{font-size:calc(6 * var(--to-rem));word-break:keep-all;width:40%;text-align:right;margin-inline:auto 0;margin-top:1em;color:#777}@media screen and (min-width:768px){.top__desc{font-size:calc(12 * var(--to-rem))}}.top__list{display:grid;row-gap:16px;width:50vw;padding-top:10vh}.top__list a{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.top__list figure{width:60%;aspect-ratio:3/4;justify-self:self-end}.top__list p{grid-column:1;grid-row:1;line-height:1.1}@media screen and (min-width:768px){.top__list{width:40vw}.top__list figure{width:40%}}.top__image{aspect-ratio:3/4}.top__image img{object-position:bottom;filter:grayscale(100%)}.footer{margin-top:20px;display:grid;place-items:center;height:20px}.footer p{font-weight:500;letter-spacing:-.03em}