.bounding-box{padding:1rem 0;border-top:2px solid #e5e7eb;margin-top:1.5rem}.header{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1rem;margin-bottom:.5rem;justify-content:center;font-family:Noto Sans JP}.header__item{display:flex;flex-direction:column;font-size:1rem}.header__label{text-align:center;color:#999;text-transform:uppercase;font-size:.9rem;margin-bottom:.25rem}.header__value{font-weight:500;color:#222}.media{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;margin:2rem auto;width:100%;max-width:100%;padding:0 1rem;box-sizing:border-box;overflow-x:hidden}.media-element,.media img{width:100%;height:auto;display:block;object-fit:contain;border-radius:1rem;max-width:100%}.media-image-wrapper{width:100%;display:block}.media__media{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;border-radius:1rem;box-shadow:0 8px 20px #0000001a}.media__media iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:1rem}.media--grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 768px){.media{max-width:800px;margin:2rem auto}.media--grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.media-element,.media img{max-width:50vw}.media-image-wrapper img{max-width:100%!important}}.paragraph{font-size:1.1rem;line-height:1.6;color:#444;margin:0rem 4rem 1rem;text-align:justify}.paragraph a{color:#444;text-decoration:underline;font-weight:500;text-decoration:none;transition:opacity .2s ease}.paragraph a:hover{color:#32cd32;text-decoration:underline}.title{font-size:2rem;font-weight:700;text-align:center;margin:1rem 4rem .5rem}.banner-layout{display:flex;align-items:flex-start;width:100%;box-sizing:border-box;flex-wrap:nowrap}.banner-layout__image{z-index:1;flex:0 0 35%;max-width:35%;height:100vh;display:flex;justify-content:center;position:sticky;top:2rem;align-self:flex-start;overflow:hidden}.banner-layout__image img{width:100%;height:100%;object-fit:cover}.banner-layout__content{background-color:#f9fafb;z-index:2;flex:1;min-width:0;display:flex;flex-direction:column;color:#444;font-size:1.1rem;line-height:1.6;box-shadow:-16px 0 20px -10px #0000001a}@media (max-width: 768px){.banner-layout{flex-direction:column;width:100%}.banner-layout__image{max-width:fit-content;position:static;flex:none}.banner-layout__content{max-width:100%;overflow-y:auto;padding:.5rem;box-shadow:0 -16px 20px -10px #0000001a}}.about-section{max-width:600px;margin:0 auto;text-align:center;font-family:Noto Sans JP;z-index:1;position:relative}.about-desc{font-size:36px;color:#f0f8ff}.about-links{justify-content:center;text-decoration:underline;text-decoration-style:dotted;gap:2rem}.about-links a{font-weight:500;transition:opacity .2s ease}.about-links a:hover{color:#facc15}.navbar{position:sticky;top:0;height:50px;background-color:#121212;font-family:Noto Sans JP;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1000;box-shadow:0 2px 5px #0000004d}.exit-button{nav-right:auto}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif,Noto Sans JP;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#facc15}body{margin:0;padding:0;display:block;width:100%;min-height:100vh;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif,Noto Sans JP;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}.sup{font-size:.5em;vertical-align:super;display:inline-block;text-decoration:none}.sub{font-size:.5em;vertical-align:sub}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}::selection{background-color:transparent;color:#facc15}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.book-card-link{text-decoration:none;color:inherit}.book-card{width:375px;height:500px;display:flex;border-radius:0 16px 16px 0;box-shadow:0 4px 6px #0000004d;background-color:#fff;font-family:Noto Sans JP;perspective:1200px}.book-inner{position:relative;display:flex;transform-style:preserve-3d;width:100%;height:100%;border-radius:inherit}.book-page{display:flex;overflow:hidden;width:100%;height:100%;transform-origin:left center;transition:transform .5s ease;border-radius:inherit}.book-card:hover .book-page{transform:translate(-20px) rotateY(-15deg)}.book-card:hover{box-shadow:0 0 24px #0006}.book-corner{width:27.5px;flex-shrink:0}.book-content{display:flex;flex-direction:column;justify-content:start;width:100%;padding:1rem 1.5rem;box-sizing:border-box;color:#292929;-webkit-user-select:none;user-select:none;height:100%;box-shadow:inset 0 0 15px #0006;border-radius:inherit}.book-title{text-align:left;margin-top:1rem;font-size:2rem;line-height:1.2;word-break:break-word}.book-desc{text-align:left;font-size:1.1rem;margin-top:.5rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.book-card img{margin-top:7rem;margin-bottom:1rem;max-height:50%;width:100%;align-self:center;object-fit:contain}.book-list{margin-top:5rem;margin-bottom:5rem;display:flex;flex-wrap:wrap;gap:5rem;justify-content:center;position:relative;z-index:1}@media (max-width: 768px){.book-list{flex-direction:column;align-items:center}}.center_3d_wrapper{left:0;top:0;position:absolute;width:100%;height:100%;overflow:visible;background-size:cover;background-position:50%;z-index:0}