/* 暮らしに、描く余白。 — September 2026 */
:root{--color-base:#faf9f5;--color-text:#283c32;--color-accent:#345443;--color-accent-dark:#263f32;--color-sub-accent:#607567;--color-medium-gray:#626c64;--color-light-gray:#e5e7de;--paper:#faf9f5;--ink:#283c32;--green:#345443;--line:#d8ddd2;--font-heading:'Noto Serif JP',serif;--color-dark-gray:#283c32;--color-accent-teal:#345443}
body{background:var(--paper);color:var(--ink)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9b6434;outline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}p{line-height:2}h1,h2,h3{font-weight:400}button,input,textarea,select{font:inherit}.header{position:sticky;background:rgba(250,249,245,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header__container{max-width:1440px;min-height:104px;padding:20px 4.3%;gap:24px}.header__logo{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.brand-name{font-family:Georgia,'Times New Roman',serif;font-size:35px;letter-spacing:-1.8px;line-height:1.1;font-weight:400}.brand-dot{color:#809172}.brand-caption{font-size:12px;letter-spacing:.16em;margin-top:6px}.header__nav-list{gap:27px}.header__nav-list a{font-size:14px;font-weight:400;white-space:nowrap}.header__nav-cta{background:var(--green);border-radius:0;padding:16px 22px;display:block}.header__nav-cta span{margin-left:14px}.header__nav-list a:hover{color:#708368}.header__menu-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:2000}.skip-link:focus{top:12px}.quiet-hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px;max-width:1600px;margin:auto}.quiet-hero__copy{padding:92px 5% 55px 8.6%;align-self:center}.eyebrow{font-size:14px;letter-spacing:.15em;margin-bottom:30px}.quiet-hero h1{font-size:clamp(30px,3.45vw,53px);line-height:1.8;letter-spacing:.045em;white-space:nowrap}.hero-intro{font-size:17px;margin:30px 0 34px;line-height:2.1}.quiet-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.seed-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:20px 25px;background:var(--green);color:white;font-size:15px;min-height:60px;transition:background .2s}.seed-button:hover{background:#243c2e;color:white}.seed-link{display:inline-flex;gap:28px;align-items:center;font-size:15px;border-bottom:1px solid #819080;padding:10px 0;line-height:1.7}.seed-link:hover{color:#607557;border-color:currentColor}.hero-note{font-size:12px;color:#647061;margin-top:20px}.quiet-hero__art{margin:27px 27px 27px 0;position:relative;min-height:590px;background:#e5e2d9;overflow:hidden}.quiet-hero__art img{height:100%;width:100%;position:absolute;object-fit:cover;object-position:50% 50%}.quiet-hero__art figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:16px 23px;background:rgba(250,249,245,.92);font-size:12px;letter-spacing:.08em}.quiet-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.quiet-proof>p{font-size:14px}.quiet-proof>div{display:flex;align-items:center;gap:16px}.quiet-proof strong{font-family:Georgia,serif;font-size:35px;font-weight:400;white-space:nowrap}.quiet-proof strong span{font-family:var(--font-body);font-size:13px;margin-left:4px}.quiet-proof>div>span{font-size:12px;max-width:5em;line-height:1.7}.quiet-proof>a{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:4px}.seed-section{padding:100px 6%;max-width:1440px;margin:auto}.seed-section-label{display:flex;gap:25px;align-items:center;font-size:12px;letter-spacing:.13em;margin-bottom:42px;color:#626f60}.seed-section-label>span+span{font-size:13px;letter-spacing:.08em}.introduction__body{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-bottom:60px}.seed-section h2{font-size:clamp(28px,3vw,42px);line-height:1.85;letter-spacing:.07em}.introduction__body p{font-size:16px;margin-bottom:23px}.art-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.art-strip img{width:100%;aspect-ratio:1.25;object-fit:cover}.art-strip figure:nth-child(2){padding-top:42px}.art-strip figcaption{font-family:var(--font-heading);font-size:16px;margin-top:15px}.start-section{background:#edf0e8;max-width:none}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-heading p{font-size:15px}.start-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.start-card{padding:43px;background:var(--green);color:#fff;display:flex;flex-direction:column;align-items:flex-start;transition:background .2s}.start-card:hover{background:#294535;color:white}.card-index{font-size:12px;letter-spacing:.15em;opacity:.85}.start-card h3{font-size:29px;margin:30px 0 22px}.start-card p{font-size:15px}.card-action{width:100%;display:flex;justify-content:space-between;border-top:1px solid #829788;padding-top:23px;margin-top:35px;font-size:14px}.start-card--light{background:#fafbf7;color:var(--ink)}.start-card--light:hover{background:#e0e5d7;color:var(--ink)}.start-card--light .card-action{border-color:#c9d1c2}.teacher-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.teacher-photo img{width:100%;aspect-ratio:.95;object-fit:cover}.teacher-copy .seed-section-label{margin-bottom:25px}.teacher-copy p{margin-top:25px;font-size:15px}.teacher-name{font-size:21px;font-family:var(--font-heading);margin:30px 0 15px}.teacher-name small{display:block;font:12px var(--font-body);margin-top:12px;letter-spacing:.07em}.journal-section{border-top:1px solid var(--line)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.journal-grid img{width:100%;aspect-ratio:1.4;object-fit:cover;transition:opacity .2s}.journal-grid a:hover img{opacity:.8}.journal-category{display:block;font-size:12px;margin:22px 0 12px;color:#66745f}.journal-grid h3{font-size:21px;line-height:1.8}.journal-read{display:block;font-size:13px;margin-top:23px}.business-note{margin:0 6%;padding:45px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.business-note .eyebrow{font-size:12px;margin-bottom:15px}.business-note h2{font-size:25px}.business-note p:not(.eyebrow){font-size:14px;margin-top:15px}.business-note .seed-link{flex-shrink:0}.closing-note{text-align:center;padding:100px 24px}.closing-note .eyebrow{font-size:14px;margin-bottom:25px}.closing-note h2{font-size:clamp(32px,4vw,48px);line-height:1.7}.closing-note>p:not(.eyebrow){margin:25px 0 30px;font-size:15px}.closing-detail{display:block;width:fit-content;margin:20px auto 0;border-bottom:1px solid var(--line);font-size:13px}.footer{background:#e9ede4;color:var(--ink);padding:55px 0 25px}.renew-footer{display:grid;grid-template-columns:1fr 1fr;gap:50px}.renew-footer p{font-size:13px;margin-top:15px}.renew-footer .footer-company{margin-top:25px}.renew-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:14px}.renew-footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #cbd4c6;margin-top:45px;padding-top:23px;font-size:12px}.renew-footer-bottom>div{display:flex;gap:20px}.footer a:hover{color:#536b47}.page-hero{background:#edf0e8;background-image:none;padding:75px 24px 65px;border-bottom:1px solid var(--line)}.page-hero::before,.page-hero::after,.animate-bg-pattern::before,.animate-bg-pattern::after{display:none}.page-hero__title{font-size:clamp(30px,4vw,48px);font-weight:400}.page-hero__subtitle{color:#5f6e60}.btn,.btn--primary,.btn--secondary{border-radius:0;box-shadow:none}.section-title--zen::after{height:1px}.service-card,.benefit-card,.story-card,.team-member,.blog-card,.line-cta{border-radius:0;box-shadow:none;border:1px solid var(--line)}.cta{background:#e9ede4;color:var(--ink)}.cta__title,.cta__text{color:var(--ink)}.line-bar{background:#faf9f5;border-top:1px solid var(--line);box-shadow:none}.line-bar__btn,.line-cta__btn{background:var(--green);border-radius:0}.line-bar__text strong{font-weight:500}.line-bar__text small{color:#55634f}.lp-header{background:var(--paper)}.lp-container{padding-top:20px}.lp-hero__image,.author-section img{border-radius:0!important;box-shadow:none!important}.lp-cta-divider{background:#edf0e8!important;border-radius:0!important}.lp-footer{background:#e9ede4}.animate--fade-up{opacity:1;transform:none}.has-line-bar{padding-bottom:100px}section[id]{scroll-margin-top:120px}
@media(min-width:1440px){.quiet-hero__copy{padding-left:12%}}
@media(max-width:1100px){.header__nav-list{gap:17px}.header__nav-list a{font-size:13px}.header__nav-cta{padding:14px}.quiet-hero__copy{padding-top:55px}.quiet-hero{min-height:570px}.quiet-hero__art{min-height:510px}.quiet-proof{flex-wrap:wrap}.quiet-proof>p{flex-basis:100%}.quiet-hero h1{font-size:35px}.quiet-actions{gap:18px}.seed-button{gap:20px;padding:18px}.hero-note{max-width:25em}.seed-section{padding:75px 6%}}
@media(max-width:900px){.header__container{min-height:85px;padding:16px 6%}.brand-name{font-size:30px}.header__menu-toggle{display:flex;z-index:1001}.header__nav{position:fixed;top:84px;left:0;right:0;width:100%;max-width:none;height:auto;max-height:calc(100dvh - 84px);overflow:auto;padding:25px 6% 35px;background:var(--paper);opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 12px 20px #283c3210}.header__nav--open{opacity:1;visibility:visible;pointer-events:auto;right:0}.header__nav-list{display:flex;flex-direction:column;align-items:stretch;gap:0}.header__nav-list a{display:block;padding:17px 12px;font-size:16px}.header__nav-cta{margin-top:15px}.quiet-hero h1{font-size:29px}.hero-intro{font-size:15px}.quiet-hero__art{margin:20px 20px 20px 0;min-height:510px}.quiet-hero__art figcaption span:last-child{display:none}.quiet-proof>a{display:none}.start-card{padding:30px}.start-card h3{font-size:24px}.teacher-section{gap:6%}.business-note{display:block}.business-note .seed-link{margin-top:25px}.journal-grid h3{font-size:18px}}
@media(max-width:600px){.quiet-hero{display:flex;flex-direction:column;min-height:0}.quiet-hero__copy{width:100%;padding:48px 7% 35px}.eyebrow{font-size:12px;margin-bottom:20px}.quiet-hero h1{font-size:clamp(27px,7.6vw,42px);line-height:1.75;letter-spacing:.025em}.hero-intro{margin:23px 0 25px;font-size:15px}.quiet-actions{gap:22px}.seed-button{font-size:14px;padding:17px 18px;min-height:56px}.seed-link{font-size:14px;gap:18px}.hero-note{font-size:12px;margin-top:17px;max-width:none}.quiet-hero__art{margin:0 6% 25px;min-height:0;height:auto;aspect-ratio:1.08}.quiet-hero__art figcaption{font-size:11px;padding:10px 15px}.quiet-proof{padding:24px 7%;gap:20px}.quiet-proof>p{font-size:12px}.quiet-proof strong{font-size:28px}.quiet-proof>div{gap:12px}.quiet-proof>div>span{font-size:11px}.quiet-proof strong span{font-size:11px}.seed-section{padding:60px 7%}.seed-section-label{font-size:10px;margin-bottom:28px;gap:18px}.seed-section-label>span+span{font-size:12px}.seed-section h2{font-size:28px;line-height:1.8}.introduction__body{grid-template-columns:1fr;gap:28px;padding-bottom:35px}.introduction__body p{font-size:15px}.art-strip{gap:12px}.art-strip img{aspect-ratio:.85}.art-strip figure:nth-child(2){padding-top:25px}.art-strip figcaption{font-size:12px;line-height:1.8}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.section-heading>.seed-link{margin-top:20px}.start-grid{grid-template-columns:1fr;gap:18px}.start-card{padding:28px}.start-card h3{font-size:25px;margin-top:24px}.start-card p{font-size:14px}.teacher-section{grid-template-columns:1fr;gap:35px}.teacher-photo img{aspect-ratio:1.15;object-position:center 40%}.teacher-copy p{font-size:15px}.journal-grid{grid-template-columns:1fr;gap:35px}.journal-grid img{aspect-ratio:1.55}.journal-grid h3{font-size:22px}.journal-category{margin-top:18px}.journal-read{margin-top:15px}.business-note{margin:0 7%;padding:32px 0}.business-note h2{font-size:22px;line-height:1.7}.business-note p:not(.eyebrow){font-size:14px}.closing-note{padding:70px 7%}.closing-note h2{font-size:34px}.closing-note>p:not(.eyebrow){font-size:14px}.renew-footer{grid-template-columns:1fr;gap:32px}.renew-footer nav{font-size:13px;gap:16px}.renew-footer-bottom{flex-direction:column;font-size:11px;gap:15px}.renew-footer-bottom>div{flex-wrap:wrap;gap:12px}.page-hero{padding:48px 20px}.page-hero__title{font-size:30px}.has-line-bar{padding-bottom:125px}.line-bar__text small{display:none}.line-bar__text strong{font-size:13px}.line-bar__btn{font-size:14px}.lp-hero__title{font-size:29px}section[id]{scroll-margin-top:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.renew-gift .lp-container{max-width:1000px}.renew-gift .lp-hero{padding:65px 0}.renew-gift .lp-hero__title{font-size:clamp(30px,4vw,48px);line-height:1.8}.renew-gift .lp-hero__subtitle{color:#576751;font-size:16px;line-height:2}.renew-gift .lp-hero__image{max-width:640px;margin:0 auto 35px;aspect-ratio:1.6;object-fit:cover}.renew-gift .benefits{padding:40px 0}.renew-gift .benefit-card{background:var(--paper);margin-bottom:24px}.renew-gift .author-section{background:#edf0e8;padding:40px 24px}.renew-gift .author-message{font-size:16px}.renew-gift .floating-cta{background:var(--paper);border-top:1px solid var(--line)}.renew-gift .footer{margin-top:40px}.renew-gift .community{padding:60px 0}
.contact-form-note{font-size:14px;margin-bottom:24px;color:#576751}body.has-line-bar{padding-bottom:100px}.line-bar__btn:hover,.line-cta__btn:hover{background:#263f32}.renew-gift .footer .container{max-width:1200px}.renew-gift .footer a{color:var(--ink)}
@media(max-width:600px){body.has-line-bar{padding-bottom:125px}.quiet-proof{column-gap:12px}.quiet-proof>div{gap:8px}.renew-gift .lp-hero{padding-top:38px}.renew-gift .author-section{padding:32px 16px}}
.quiet-hero{padding:0}
.renew-gift .section-label{color:#5f7058;background:transparent;font-size:13px;letter-spacing:.05em}.renew-gift .lp-hero__subtitle{max-width:36em;margin-left:auto;margin-right:auto;text-wrap:pretty}.renew-gift .btn--full{white-space:normal;line-height:1.8}.renew-gift .floating-cta .btn{padding:14px 18px;font-size:15px}