@font-face{font-family:NotoSans;src:url(fonts/NotoSansJP-variable.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:NotoSerif;src:url(fonts/NotoSerifJP-variable.woff2) format('woff2');font-weight:200 900;font-display:swap}
:root{--paper:#fcf9f3;--ink:#3c3b34;--muted:#69665d;--accent:#a64a35;--sage:#e9eee4;--peach:#f2e3d8;--line:#d9d5c8;--gutter:32px;--content:1080px;--section:104px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:NotoSans,sans-serif;font-size:16px;line-height:1.95;font-synthesis:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}figure{margin:0}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #355c49;outline-offset:6px}.wrap{width:calc(100% - var(--gutter)*2);max-width:var(--content);margin-inline:auto}.section{padding-block:var(--section)}h1,h2,h3,p{margin:0}h1,h2{font-family:NotoSerif,serif;font-weight:500;letter-spacing:.035em}h2{font-size:clamp(28px,3vw,38px);line-height:1.75}h3{font-size:20px;line-height:1.65;font-weight:650}em{font-style:normal;color:#8c4b38}p+p{margin-top:22px}.section-label{display:flex;gap:15px;align-items:center;margin-bottom:34px;color:var(--accent);font-size:12px;letter-spacing:.1em}.section-label span{border-left:1px solid #c6a491;padding-left:15px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-heading>p{font-size:14px;color:var(--muted)}.eyebrow{font-size:12px;font-weight:550;letter-spacing:.12em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--accent);color:#fff;padding:18px 26px;border-radius:8px;box-shadow:0 4px 0 #783b2d;font-weight:600;font-size:15px;line-height:1.6;transition:background .2s,transform .2s}.button:hover{background:#893d2c;transform:translateY(-2px)}.button span{font-size:23px;font-weight:400}.micro{font-size:11px;color:var(--muted);margin-top:16px!important}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:white;padding:10px}.skip:focus{top:12px}.header{display:flex;justify-content:space-between;align-items:center;padding-block:20px}.brand{font-family:NotoSerif,serif;font-size:27px;line-height:1.4;display:flex;gap:18px;align-items:center}.brand span{font-family:NotoSans,sans-serif;font-size:10px;letter-spacing:.08em}.header nav{display:flex;align-items:center;gap:26px;font-size:12px}.nav-cta{border:1px solid var(--line);border-radius:5px;padding:9px 15px}.hero{position:relative;isolation:isolate;background:#f4ecdd;max-width:1600px;margin-inline:auto;overflow:hidden;min-height:680px}.hero-art{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#f8f2e8 0%,#f8f2e8e8 17%,#f8f2e840 43%,transparent 60%),url(hero-parent-child-v1.png);background-size:cover;background-position:center 10%}.hero-inner{min-height:680px;display:flex;align-items:center}.hero-copy{width:48%;padding-block:52px}.hero h1{font-size:clamp(40px,4.3vw,59px);line-height:1.55;letter-spacing:.045em;margin-top:22px}.hero h1 span{position:relative;background:linear-gradient(transparent 76%,#e8bc8a80 76%,#e8bc8a80 94%,transparent 94%)}.hero-sub{font-size:15px;margin:24px 0 28px;line-height:2}.hero-credit{position:absolute;bottom:14px;right:22px;font-size:9px;letter-spacing:.14em;color:#554b3e}.mobile{display:none}.empathy-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.empathy-body{padding-top:5px}.quiet-list{list-style:none;padding:0;margin:0 0 28px;color:#5c5b51}.quiet-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.quiet-list li:before{content:'—';margin-right:12px;color:#ab7964}.empathy-body p{font-size:15px}.about{background:var(--sage);border-radius:64px 0 64px 0}.about-layout{display:grid;grid-template-columns:360px 1fr;gap:80px;align-items:center}.portrait-group{display:flex;align-items:center;flex-direction:column}.portrait{position:relative;overflow:hidden;width:min(100%,310px);aspect-ratio:372/579;border-radius:140px 140px 18px 18px;box-shadow:14px 16px 0 #dce2d6}.portrait img{position:absolute;max-width:none;width:376.88172%;height:auto;left:-190.32258%;top:0;display:block}.portrait-caption{font-family:NotoSerif,serif;margin-top:36px;font-size:17px;letter-spacing:.05em}.about-copy .section-label{margin-bottom:24px}.about-copy p{font-size:14px}.about-copy strong{font-weight:600}.credentials{display:flex;gap:32px;margin:26px 0}.credentials>span{font-size:11px;display:flex;flex-direction:column}.credentials strong{font-size:31px;font-weight:500;line-height:1.7;letter-spacing:.04em}.credentials small{font-size:13px;margin-left:7px}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid #89917e;padding:8px 0;margin-top:22px}.practice-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.photo{width:100%;border-radius:12px}.practice .photo{aspect-ratio:1.1;object-fit:cover;object-position:54% center}figcaption{font-size:10px;color:var(--muted);line-height:1.7;margin-top:10px}.idea-list article{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:24px 0}.idea-list article:first-child{padding-top:0}.idea-list article>span{font-family:NotoSerif,serif;color:var(--accent);font-size:22px}.idea-list p{font-size:13px;color:var(--muted);margin-top:10px}.tools{background:#f2eee4}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tool-card{display:flex;flex-direction:column;border:1px solid #d4d4c5;border-top:3px solid #8d9b83;background:#fcfaf4;padding:26px 22px;min-height:310px;transition:transform .2s,box-shadow .2s}.tool-card:nth-child(even){border-top-color:#c49275}.tool-card:hover{transform:translateY(-4px);box-shadow:0 9px 25px #423a2510}.tool-number{font-size:10px;letter-spacing:.09em;color:#777468}.tool-card h3{font-size:17px;margin-top:30px}.tool-card p{font-size:12px;color:var(--muted);margin:14px 0 26px}.tool-link{margin-top:auto;font-size:12px;font-weight:600;color:#7c4631}.note{font-size:11px;line-height:1.9;color:var(--muted);margin-top:22px}.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.gift{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fffdf8}.gift-image{background:#f0e6d8;padding:20px;display:flex;justify-content:center}.gift-image img{width:176px;height:auto;box-shadow:0 5px 15px #544c3820}.gift-copy{padding:25px}.gift-copy .eyebrow{color:#8e5139;font-size:10px}.gift-copy h3{margin-top:9px}.gift-copy p{font-size:13px;color:var(--muted);margin-top:15px}.question-art{min-height:352.72px;background:#e9eee4;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px;gap:24px}.question-small{font-size:12px;color:#64715d}.question-main{font-family:NotoSerif,serif;font-size:23px;text-align:center;line-height:1.8}.question-reply{font-size:11px;background:#fffdf7;border-radius:13px 13px 13px 0;padding:14px 18px;box-shadow:3px 4px 0 #d3d9ca}.question-dot{font-size:25px;color:#8b5740;line-height:1}.gift-action{text-align:center;margin-top:44px}.small-step{background:#f1e7dc}.step-layout{display:grid;grid-template-columns:.85fr 1fr;gap:72px;align-items:center}.step-layout p{margin-top:28px;font-size:14px}.step-layout .photo{aspect-ratio:1.1;object-fit:cover;object-position:65% center}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:72px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:23px 34px 23px 0;position:relative;font-size:14px;font-weight:550}summary::-webkit-details-marker{display:none}summary:after{content:'＋';position:absolute;right:3px;top:23px;color:var(--accent)}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);padding:0 25px 24px 0}.closing{padding:80px 0 90px;text-align:center;background:var(--sage);border-radius:80px 80px 0 0}.closing .eyebrow{color:#62725a}.closing h2{margin:20px 0;font-size:37px}.closing p:not(.eyebrow){font-size:14px}.closing .button{margin-top:30px}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;padding-block:40px}.footer>div{display:flex;gap:23px;font-size:12px}.footer small{width:100%;font-size:10px;color:var(--muted)}
@media(min-width:1500px){.hero-art{background-size:1400px auto;background-repeat:no-repeat;background-color:#f8f2e8;background-position:right 10%}}
@media(max-width:1000px){:root{--gutter:28px;--section:80px}.about-layout{grid-template-columns:280px 1fr;gap:45px}.hero-copy{width:55%}.hero h1{font-size:48px}.hero-art{background-position:58% 10%}.empathy-layout{gap:40px}.practice-layout,.step-layout{gap:35px}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-card{min-height:265px}.gift-grid{gap:15px}.gift-copy{padding:20px}.gift-copy h3{font-size:18px}.question-art{min-height:352px}.faq{gap:40px}}
@media(max-width:700px){:root{--gutter:23px;--section:65px}body{font-size:15px}.header{padding-block:15px}.brand{font-size:23px;gap:8px;flex-direction:column;align-items:flex-start}.brand span{font-size:8px}.header nav{gap:0}.header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:8px 11px}.hero,.hero-inner{min-height:735px}.hero-inner{align-items:flex-start}.hero-copy{width:100%;padding:34px 0 0}.hero .eyebrow{font-size:11px}.hero h1{font-size:39px;line-height:1.5;margin-top:15px}.hero-sub{font-size:13px;line-height:1.9;margin-top:16px;margin-bottom:20px;max-width:280px}.hero .button{font-size:12px;padding:14px 17px;gap:18px}.hero .micro{font-size:9px;max-width:240px;margin-top:12px!important}.hero-art{background-image:linear-gradient(180deg,#f8f2e8 0%,#f8f2e8 27%,#f8f2e8d9 41%,#f8f2e830 56%,transparent 70%),url(hero-parent-child-v1.png);background-size:100% 100%,auto 440px;background-position:center,62% bottom;background-repeat:no-repeat;background-color:#f8f2e8}.hero-credit{bottom:9px;right:12px;font-size:8px}.mobile{display:block}.section-label{margin-bottom:24px;font-size:10px}h2{font-size:27px;line-height:1.8}.empathy-layout,.about-layout,.practice-layout,.step-layout,.faq{grid-template-columns:1fr;gap:32px}.quiet-list li{font-size:12px}.empathy-body p{font-size:13px}.about{border-radius:40px 0 40px 0}.portrait{width:260px}.portrait-caption{margin-top:28px;font-size:15px}.about-copy h2{font-size:27px}.about-copy p{font-size:13px}.credentials{gap:35px;margin:21px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:13px}.practice .photo{aspect-ratio:1.35}.idea-list article{gap:20px;padding:20px 0}.idea-list h3{font-size:17px}.idea-list p{font-size:12px}.tool-grid{gap:12px}.tool-card{padding:20px 15px;min-height:290px}.tool-card h3{font-size:15px;margin-top:23px}.tool-number{font-size:9px;letter-spacing:0}.tool-card p{font-size:11px;line-height:1.9}.tool-link{font-size:11px}.note{font-size:10px}.gift-grid{grid-template-columns:1fr;gap:22px}.gift{display:grid;grid-template-columns:42% 58%;border-radius:10px}.gift-image{padding:13px 10px;align-items:center}.gift-image img{width:100%;max-width:155px}.gift-copy{padding:20px 16px;align-self:center}.gift-copy h3{font-size:17px}.gift-copy p{font-size:12px;line-height:1.9}.gift-copy .eyebrow{font-size:9px}.question-art{min-height:245px;gap:19px;padding:12px}.question-small{font-size:9px}.question-main{font-size:16px}.question-reply{font-size:8px;padding:10px 6px}.gift-action{margin-top:30px}.button{font-size:13px;padding:16px 20px;gap:20px}.gift-action .micro{font-size:10px}.step-layout{gap:30px}.step-layout p{font-size:13px;margin-top:22px}.step-layout .photo{aspect-ratio:1.4}.faq{gap:24px}summary{font-size:13px}details p{font-size:12px}.closing{border-radius:40px 40px 0 0;padding:60px 0}.closing h2{font-size:27px}.closing p:not(.eyebrow){font-size:13px}.footer{padding-block:30px;gap:25px}.footer>div{gap:17px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 診断後の修正：特典の形態、資料の可読性、スマホの注記 */
.gift-guide{font-size:14px;max-width:740px;margin:-20px 0 32px;color:var(--muted)}
.gift-image{min-height:435px;align-items:center}
.gift-image img{width:220px;max-width:100%}
.gift-copy .gift-type{font-size:12px;color:#7c4631;font-weight:550;margin-top:8px}
.material-link{display:inline-block;font-size:13px;border-bottom:1px solid #a58d7b;margin-top:20px;padding-block:7px}
.question-art{min-height:435px}
.question-main{font-size:21px}
.question-main>span{display:block;white-space:nowrap}
.micro,.note,figcaption{font-size:12px;line-height:1.9}
@media(min-width:701px) and (max-width:1000px){.gift-grid{grid-template-columns:1fr}.gift{display:grid;grid-template-columns:42% 58%}.gift-copy{align-self:center;padding:28px}.question-art{min-height:310px}}
@media(max-width:700px){
 .gift{display:flex;flex-direction:column}.gift-image{min-height:0;padding:24px}.gift-image img{width:280px;max-width:100%}.gift-copy{padding:26px 24px;align-self:stretch}.gift-copy h3{font-size:21px}.gift-copy p{font-size:15px}.gift-copy .gift-type{font-size:13px}.gift-copy .eyebrow{font-size:12px}.gift-guide{font-size:14px;margin:-5px 0 28px}.question-art{min-height:270px;gap:22px;padding:26px}.question-main{font-size:23px}.question-small{font-size:13px}.question-reply{font-size:13px;padding:12px 18px}
 .tool-grid{grid-template-columns:1fr}.tool-card{min-height:0;padding:24px}.tool-card h3{font-size:19px;margin-top:16px}.tool-card p{font-size:15px;margin:12px 0 20px}.tool-number{font-size:12px}.tool-link{font-size:14px}.note,.gift-action .micro,figcaption{font-size:13px}.hero .micro{font-size:11px;max-width:285px}
 .quiet-list li,.empathy-body p,.about-copy p,.idea-list p,.section-heading>p,.step-layout p,details p{font-size:15px}.idea-list h3{font-size:19px}summary{font-size:15px}
}

