@font-face{font-family:"Webfree Sans";src:url('assets/noto-sans-jp.woff2?v=3') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--green:#315a54;--ink:#404040;--mint:#b0ccc5;--soft:#eaf3ef;--peach:#f8cab1;--paper:#fef5f0;--line:#dbe4e0;--max:74rem;color-scheme:light;font-family:"Webfree Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:var(--ink);font-synthesis:none;line-height:1.65}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:#fff}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #a65423;outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:var(--green);font-weight:700;line-height:1.55;overflow-wrap:anywhere}p{overflow-wrap:anywhere}.wrap{max-width:var(--max);margin:auto;padding:0 2rem}.eyebrow{font-size:.8125rem;color:var(--green);font-weight:600;letter-spacing:.06em}.skip{position:fixed;left:1rem;top:-5rem;z-index:20;padding:.8rem 1.2rem;background:var(--green);color:white}.skip:focus{top:1rem}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{max-width:var(--max);margin:auto;min-height:5.2rem;padding:.55rem 2rem;display:flex;align-items:center;gap:1.25rem;color:var(--green);font-size:.875rem;font-weight:600}.brand{display:flex;width:3.65rem;flex-shrink:0}.brand img{width:3.65rem;max-height:4rem;object-fit:contain}.header-index{margin-left:auto;padding:.65rem 1rem;white-space:nowrap;border-bottom:1px solid var(--green)}.header-index span{margin-left:.7rem}.hero{padding:3.75rem max(2rem,calc((100% - 70rem)/2)) 4rem;display:flex;align-items:center;gap:3rem;background:linear-gradient(120deg,#fef5f0 10%,#f8faf7 90%)}.hero-copy{flex:1.06;min-width:0}.hero h1{margin-top:1.3rem;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:.035em;line-height:1.55}.hero-count{display:flex;gap:1.4rem;align-items:baseline;margin-top:.25rem}.hero-count b{font-size:clamp(7rem,12vw,10.2rem);font-weight:600;letter-spacing:-.065em;line-height:1.05}.hero-count>span{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:650;letter-spacing:.08em}.hero-description{margin-top:1.7rem;font-size:1.0625rem;line-height:2.05;color:var(--green)}.hero-link{display:flex;align-items:center;justify-content:space-between;width:12rem;margin-top:1.5rem;padding:.8rem 0;border-bottom:1px solid var(--green);font-size:1rem;font-weight:600}.hero-visual{flex:1;min-width:0}.hero-visual>img{display:block;aspect-ratio:1.1;object-fit:cover;border-radius:8rem 8rem .35rem .35rem}.hero-visual figcaption{margin:1.25rem 0 0;border-left:2px solid var(--mint);padding-left:1.1rem;color:var(--green)}.hero-visual figcaption span{display:block;font-size:.75rem;letter-spacing:.14em;margin-bottom:.5rem}.hero-visual figcaption strong{font-size:1rem;line-height:1.9;font-weight:500}.library-band{padding:1.35rem 1rem;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;gap:2.5rem;font-size:1rem;letter-spacing:.1em}.library-band span[aria-hidden]{color:var(--mint)}.featured{padding-top:4.5rem;padding-bottom:5rem}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading h2{font-size:1.9rem;margin-top:.5rem}.section-heading>p{font-size:1rem;line-height:1.9;color:#626965}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.feature{display:block;padding-bottom:1.3rem;border-bottom:1px solid var(--line)}.feature-image{position:relative;overflow:hidden;background:var(--soft)}.feature-image img{display:block;aspect-ratio:1.4;object-fit:cover;transition:transform .3s}.feature-image>span{position:absolute;left:.8rem;bottom:.8rem;background:#fff;padding:.25rem .6rem;color:var(--green);font-size:.75rem;letter-spacing:.06em}.feature-kicker{font-size:.875rem;color:#626965;margin:1rem 0 .4rem}.feature h3{font-size:1.2rem;line-height:1.7}.feature-link{display:flex;justify-content:space-between;align-items:center;color:var(--green);font-size:.875rem;font-weight:600;margin-top:1.2rem}.feature:hover img{transform:scale(1.025)}.feature:hover h3{text-decoration:underline;text-underline-offset:.22em}.contents{background:var(--soft);padding:4.5rem 0;scroll-margin-top:0}.contents-inner{max-width:var(--max);margin:auto;padding:0 2rem;display:grid;grid-template-columns:.85fr 1.15fr;gap:4.5rem}.contents h2{font-size:2rem;line-height:1.75;margin:.7rem 0 1.2rem}.contents-heading>p:last-of-type{font-size:1rem;color:#53645e;line-height:2}.contents-count{display:flex;align-items:center;gap:1.2rem;margin-top:2rem;color:var(--green)}.contents-count b{font-size:5rem;line-height:1;font-weight:500;letter-spacing:-.06em}.contents-count span{font-size:.75rem;line-height:2.2;letter-spacing:.07em}.theme-list{display:grid;align-content:start}.theme-list a{display:flex;align-items:center;gap:1rem;padding:.95rem .35rem;border-bottom:1px solid #bed1c9;font-size:1rem;font-weight:600;color:var(--green);transition:background .15s}.theme-list a:first-child{border-top:1px solid #bed1c9}.theme-list a:hover{background:#dbeae2}.nav-number{font-size:.8125rem;min-width:1.5rem;font-variant-numeric:tabular-nums}.nav-arrow{margin-left:auto}.collections{padding-top:4.5rem}.collection{margin-bottom:4rem;scroll-margin-top:1.5rem}.collection-header{display:flex;gap:1.7rem;align-items:center;padding:1.25rem 0 1.75rem;border-top:1px solid var(--green)}.theme-numeral{font-size:4.8rem;font-weight:400;line-height:1.1;letter-spacing:-.065em;color:var(--green);min-width:6rem}.collection-header .eyebrow{font-size:.75rem}.collection-header .eyebrow span{margin-left:1.2rem;font-weight:400;color:#68776e;letter-spacing:.08em}.collection-header h2{font-size:1.8rem;margin:.25rem 0 .35rem}.collection-header>div>p:last-child{font-size:1rem;color:#626965}.books{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.books li{min-width:0}.books li:first-child{grid-column:1/-1}.book{height:100%;display:flex;flex-direction:column;padding:1.6rem 1.9rem;background:#f2f7f4;border:1px solid transparent;transition:border-color .15s,background .15s}.peach .book{background:#fdf5f0}.book-head{display:flex;align-items:center;gap:1rem;justify-content:space-between;margin-bottom:1rem}.book-number{font-size:1.5rem;font-weight:500;color:var(--green);letter-spacing:-.035em;line-height:1.3}.book-tag{font-size:.75rem;color:var(--green);border-bottom:1px solid #bdcec6;padding-bottom:.2rem}.book-title{font-size:1.125rem;line-height:1.8}.book-description{font-size:.9375rem;line-height:1.9;color:#626965;margin:.6rem 0 1.3rem}.book-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;color:var(--green)}.book-bottom>span:first-child{font-size:.75rem}.book-action{display:flex;gap:.8rem;align-items:center;font-size:.875rem;font-weight:600;white-space:nowrap}.book-action>span{display:grid;place-items:center;background:#fff;width:2rem;height:2rem;border-radius:50%;font-size:1.1rem;transition:background .15s,color .15s}.book:hover{border-color:var(--green);background:#edf5ef}.peach .book:hover{background:#fbeddf}.book:hover .book-action>span{background:var(--green);color:#fff}.book:hover .book-title{text-decoration:underline;text-underline-offset:.2em}.books li:first-child .book{position:relative;display:grid;grid-template-columns:4.5rem 1fr auto;gap:.3rem 1.8rem;align-items:center;background:var(--green);color:white;padding:1.7rem 2rem}.books li:first-child .book-head{display:contents}.books li:first-child .book-number{grid-row:1/4;font-size:3.5rem;color:var(--mint)}.books li:first-child .book-tag{grid-column:2;justify-self:start;color:var(--mint);border:0;margin:0}.books li:first-child .book-title{grid-column:2;color:white;font-size:1.3rem}.books li:first-child .book-description{grid-column:2;color:#e1ebe4;margin:0;font-size:.9375rem}.books li:first-child .book-bottom{grid-row:1/4;grid-column:3;display:flex;flex-direction:column;justify-content:center;gap:.65rem;margin:0;color:white}.books li:first-child .book-action>span{color:var(--green)}.books li:first-child .book:hover{background:#254a44}.books li:first-child .book:hover .book-action>span{background:var(--peach);color:var(--green)}.return{display:flex;gap:.8rem;justify-content:flex-end;padding:1rem 0;font-size:.8125rem;color:var(--green)}.closing{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding-top:0;padding-bottom:4rem}.closing>img{display:block;aspect-ratio:1.25;object-fit:cover}.closing h2{font-size:2rem;line-height:1.8;margin:.8rem 0 1rem}.closing div>p:last-of-type{font-size:1rem;line-height:2;color:#626965}.closing a{display:inline-block;margin-top:1.5rem;border-bottom:1px solid var(--green);padding:.65rem 0;font-size:.9375rem;color:var(--green)}.site-footer{padding:2rem;background:var(--paper);color:var(--green);text-align:center}.site-footer img{width:3.6rem}.site-footer p{font-size:.75rem;margin:1rem 0}.site-footer a{display:inline-block;padding:.6rem;font-size:.8125rem}
@media(max-width:800px){.hero{gap:1.75rem}.hero h1{font-size:2rem}.hero-count b{font-size:7.5rem}.contents-inner{gap:2rem}.feature-grid{gap:1rem}.collection-header h2{font-size:1.6rem}.books li:first-child .book{grid-template-columns:3.5rem 1fr;gap:.3rem 1.4rem}.books li:first-child .book-bottom{grid-row:auto;grid-column:2;flex-direction:row;justify-content:space-between;margin-top:.6rem}.books li:first-child .book-number{font-size:3rem}.book{padding:1.5rem}}
@media(max-width:600px){html{scroll-padding-top:5rem}.wrap{padding-left:1.5rem;padding-right:1.5rem}.header-inner{min-height:4.5rem;padding:.5rem 1rem;gap:.6rem;font-size:.75rem}.brand,.brand img{width:2.8rem}.header-index{font-size:.75rem;padding:.55rem .15rem}.header-index span{margin-left:.3rem}.hero{display:flex;flex-direction:column;padding:2rem 1.5rem 2.2rem;align-items:stretch;gap:1.8rem}.hero .eyebrow{font-size:.75rem}.hero h1{font-size:1.9rem;margin-top:1rem;line-height:1.55}.hero-count{gap:1.15rem}.hero-count b{font-size:6.8rem}.hero-count>span{font-size:1.85rem}.hero-description{font-size:1rem;line-height:1.95;margin-top:1.2rem}.hero-link{font-size:.9375rem;margin-top:.8rem;width:10rem}.hero-visual>img{aspect-ratio:1.65;border-radius:5rem 5rem .25rem .25rem}.hero-visual figcaption{display:flex;gap:1.1rem;align-items:center;padding-left:.85rem;margin-top:1rem}.hero-visual figcaption span{font-size:.65rem;max-width:5.5rem;margin:0}.hero-visual figcaption strong{font-size:.875rem;line-height:1.85}.library-band{padding:1rem .8rem;font-size:.8125rem;gap:.85rem;letter-spacing:.025em}.featured{padding-top:2.75rem;padding-bottom:3rem}.section-heading{display:block;margin-bottom:1.5rem}.section-heading h2{font-size:1.45rem}.section-heading>p{margin-top:.8rem;font-size:.9375rem}.feature-grid{grid-template-columns:1fr;gap:1.5rem}.feature{display:grid;grid-template-columns:6.3rem minmax(0,1fr);gap:.4rem 1rem;padding-bottom:1.4rem}.feature-image{grid-column:1;grid-row:1/4}.feature-image img{height:100%;aspect-ratio:.78;object-fit:cover}.feature-image>span{font-size:.625rem;left:.4rem;bottom:.5rem;padding:.15rem .35rem}.feature-kicker{margin:0;font-size:.75rem;align-self:end}.feature h3{font-size:1rem;line-height:1.75}.feature-link{font-size:.8125rem;margin-top:.35rem}.contents{padding:2.75rem 0}.contents-inner{padding:0 1.5rem;display:block}.contents h2{font-size:1.55rem}.contents-heading>p:last-of-type{font-size:.9375rem}.contents-count{display:none}.theme-list{margin-top:1.8rem}.theme-list a{font-size:.9375rem;gap:.75rem;padding:1rem .15rem}.collections{padding-top:2.75rem}.collection{margin-bottom:2.5rem;scroll-margin-top:.5rem}.collection-header{gap:1rem;padding:1.25rem 0}.theme-numeral{min-width:3.4rem;font-size:3rem}.collection-header h2{font-size:1.3rem;margin:.3rem 0}.collection-header .eyebrow{font-size:.6875rem}.collection-header .eyebrow span{margin-left:.8rem}.collection-header>div>p:last-child{font-size:.875rem;line-height:1.85}.books{grid-template-columns:1fr;gap:.75rem}.book{padding:1.2rem 1.3rem}.book-head{margin-bottom:.6rem}.book-number{font-size:1.3rem}.book-tag{font-size:.6875rem}.book-title{font-size:1rem}.book-description{font-size:.875rem;margin:.5rem 0 1rem}.book-bottom>span:first-child{font-size:.6875rem}.book-action{font-size:.8125rem}.books li:first-child .book{display:flex;gap:0;align-items:stretch;padding:1.3rem}.books li:first-child .book-head{display:flex;margin-bottom:.65rem}.books li:first-child .book-number{font-size:1.5rem}.books li:first-child .book-tag{font-size:.6875rem}.books li:first-child .book-title{font-size:1.125rem;line-height:1.75}.books li:first-child .book-description{font-size:.875rem;margin:.55rem 0 1rem}.books li:first-child .book-bottom{margin:0;justify-content:space-between}.closing{grid-template-columns:1fr;gap:1.5rem;padding-bottom:3rem}.closing>img{aspect-ratio:1.9}.closing h2{font-size:1.65rem}.closing div>p:last-of-type{font-size:.9375rem}.site-footer{padding:1.8rem 1.5rem}}
@media(max-width:350px){.header-inner>span{font-size:.6875rem}.header-index{font-size:.6875rem}.hero,.contents-inner,.wrap{padding-left:1.2rem;padding-right:1.2rem}.hero h1{font-size:1.65rem}.hero-description{font-size:.9375rem}.hero-count b{font-size:6rem}.hero-count>span{font-size:1.7rem}.hero-visual figcaption{gap:.7rem}.hero-visual figcaption strong{font-size:.8125rem}.feature{grid-template-columns:5.5rem minmax(0,1fr);gap:.4rem .85rem}.collection-header h2{font-size:1.2rem}.library-band{gap:.6rem;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
h1,h2,h3{line-break:strict;text-wrap:balance}
html{scroll-behavior:auto}
/* A library of real booklet covers, with the approved brand colors. */
.hero-collection{background:radial-gradient(ellipse at 80% 20%,#d7e8df 0%,transparent 50%),linear-gradient(125deg,#fff8f2 15%,#f4e7dc 100%);gap:2.3rem;padding-top:2.6rem;padding-bottom:2.8rem;overflow:hidden;position:relative}.hero-exclusive{display:inline-block;font-size:.875rem;font-weight:650;letter-spacing:.055em;color:var(--green);padding:.35rem 0;border-top:1px solid var(--green);border-bottom:1px solid var(--green)}.hero-collection h1{font-size:clamp(2rem,3vw,2.85rem);margin-top:1.1rem;line-height:1.6}.hero-collection .hero-count{margin-top:.1rem;gap:1.2rem}.hero-collection .hero-count b{font-size:clamp(7.5rem,12.5vw,10.2rem);font-weight:700;line-height:1}.hero-collection .hero-count>span{font-size:2.6rem;line-height:1.3;border-bottom:3px solid var(--peach);padding-bottom:.15rem}.hero-collection .hero-description{font-size:1rem;line-height:2;margin-top:1.4rem}.hero-description strong{font-weight:600}.hero-collection .hero-link{width:21rem;max-width:100%;background:var(--green);color:white;margin-top:1.5rem;border:0;border-radius:2px;padding:1.05rem 1.25rem;font-size:1rem;box-shadow:0 5px 0 #cbdad0;transition:background .15s,transform .15s}.hero-collection .hero-link:hover{background:#224b43;transform:translateY(-2px)}.hero-note{font-size:.75rem;color:#586d61;margin-top:.85rem;letter-spacing:.025em}.hero-library{width:52%;min-width:0;flex-shrink:0;padding:0;position:relative}.library-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--green);font-size:.875rem;font-weight:600;padding:0 1rem}.free-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;border:1px solid #7f9e8d;padding:.25rem .6rem;border-radius:30px;white-space:nowrap}.cover-stage{width:100%;aspect-ratio:1.18;position:relative;margin:1.4rem 0 1.7rem;isolation:isolate}.cover-stage:before{content:"";position:absolute;inset:9% 4% 0;border-radius:50%;background:#c9ded0;opacity:.75;z-index:-1}.cover-preview{position:absolute;display:block;width:28%;box-shadow:7px 12px 20px #274b422e;border-left:3px solid #d9d8c5;border-radius:2px;transition:translate .2s;transform-origin:center}.cover-preview img{display:block;border-radius:0 2px 2px 0;width:100%;height:auto}.cover-preview:hover,.cover-preview:focus-visible{translate:0 -8px;z-index:10}.cover-01{left:1%;top:22%;transform:rotate(-13deg);z-index:1}.cover-08{right:0;top:18%;transform:rotate(12deg);z-index:2}.cover-07{left:17%;top:0;transform:rotate(-6deg);z-index:3}.cover-22{right:20%;top:1%;transform:rotate(7deg);z-index:4}.cover-43{right:9%;top:43%;transform:rotate(10deg);z-index:5}.cover-02{left:30%;top:28%;width:34%;transform:rotate(-4deg);z-index:6;box-shadow:8px 15px 25px #274b423b}.hero-genres{display:flex;align-items:center;justify-content:center;gap:.65rem;position:relative;color:var(--green);font-size:.8125rem;font-weight:600}.hero-genres span{border-bottom:2px solid var(--peach);padding:.25rem .2rem}.cover-hint{text-align:center;font-size:.6875rem;color:#5a7063;margin:.7rem 0 0}.hero-collection+.library-band{background:#315a54;padding:1.1rem 1rem}
@media(max-width:800px){.hero-library{width:50%}.hero-collection{gap:1.2rem}.hero-collection .hero-description{font-size:.9375rem}.library-caption{font-size:.75rem;padding:0}.hero-genres{font-size:.75rem;gap:.35rem}.cover-stage{aspect-ratio:1.1}.hero-collection h1{font-size:2rem}.hero-collection .hero-count>span{font-size:2rem}.hero-collection .hero-count b{font-size:7rem}}
@media(max-width:600px){.hero-collection{padding:1.65rem 1.5rem 1.85rem;gap:1.8rem;background:radial-gradient(ellipse at 100% 65%,#d0e4d7 0%,transparent 60%),linear-gradient(135deg,#fff7f0,#f8ecdf)}.hero-exclusive{font-size:.75rem;padding:.3rem 0;letter-spacing:.035em}.hero-collection h1{font-size:1.85rem;margin-top:.9rem;line-height:1.5}.hero-collection .hero-count{gap:1rem;margin-top:.15rem}.hero-collection .hero-count b{font-size:6.3rem;line-height:1.03}.hero-collection .hero-count>span{font-size:1.95rem}.hero-collection .hero-description{font-size:.875rem;margin-top:.9rem;line-height:2}.hero-collection .hero-link{padding:.85rem 1.05rem;margin-top:1rem;width:100%;font-size:.9375rem;box-shadow:0 4px 0 #cbdad0}.hero-note{font-size:.6875rem;margin-top:.6rem;text-align:center}.hero-library{width:100%;padding:0}.library-caption{font-size:.75rem;padding:0 .2rem;letter-spacing:.035em}.free-label{font-size:.625rem;padding:.2rem .5rem}.cover-stage{aspect-ratio:1.22;margin:1rem 0 .9rem}.cover-preview{border-left-width:2px;box-shadow:5px 8px 14px #274b4233}.hero-genres{font-size:.75rem;gap:.8rem}.cover-hint{font-size:.625rem;margin:.5rem 0 0}.hero-collection+.library-band{font-size:.75rem;padding:.95rem .8rem;gap:1rem}}
@media(max-width:350px){.hero-collection{padding:1.4rem 1.2rem 1.65rem;gap:1.5rem}.hero-collection h1{font-size:1.65rem}.hero-collection .hero-count b{font-size:5.7rem}.hero-collection .hero-count>span{font-size:1.8rem}.hero-collection .hero-description{font-size:.8125rem}.hero-exclusive{font-size:.6875rem}.hero-genres{font-size:.6875rem;gap:.6rem}.library-caption{font-size:.6875rem}}