:root{
    --bg:#ffffff; --bg2:#f5f5f7; --ink:#1d1d1f; --sub:#6e6e73; --line:#d2d2d7;
    --accent:#0a6e5c; --tile:#f5f5f7;
    --head:"Noto Sans JP", system-ui, sans-serif; --body:"Noto Sans JP", system-ui, sans-serif;
    --headw:700;
  }
  /* B案：生成り×明朝（やわらかく） */
  html[data-look="b"]{
    --bg:#fbf9f5; --bg2:#f3efe7; --ink:#2b2824; --sub:#7a7268; --line:#e2dcd1;
    --accent:#b8664a; --tile:#f3efe7;
    --head:"Zen Old Mincho", serif; --headw:500;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{word-break:auto-phrase;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.8;-webkit-font-smoothing:antialiased}
  img{display:block;width:100%;height:100%;object-fit:cover}
  a{color:inherit;text-decoration:none}

  /* ナビ */
  nav{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--line)}
  nav .in{max-width:1000px;margin:0 auto;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:12.5px}
  nav .logo{font-family:var(--head);font-weight:var(--headw);font-size:15px;letter-spacing:.02em}
  nav ul{display:flex;gap:26px;list-style:none;color:var(--sub)}
  nav ul a:hover{color:var(--ink)}
  @media(max-width:760px){nav ul{display:none}}

  /* 写真が無いときの仮置き */
  .ph{position:relative;background:var(--bg2);overflow:hidden}
  .ph .lbl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--sub);font-size:12px;letter-spacing:.05em}
  .ph img{position:relative}

  /* 1画面目 */
  .hero{text-align:center;padding:72px 16px 0}
  .hero h1 span{display:inline-block}
  .hero h1{font-family:var(--head);font-weight:var(--headw);font-size:clamp(34px,6.4vw,64px);letter-spacing:.04em;line-height:1.35}
  .hero .ph{max-width:1200px;height:clamp(300px,52vw,620px);margin:48px auto 0;border-radius:0}
  html[data-look="b"] .hero .ph{border-radius:28px;margin-left:16px;margin-right:16px}
  @media(min-width:1232px){html[data-look="b"] .hero .ph{margin-left:auto;margin-right:auto}}

  /* 2画面目 */
  .lead{text-align:center;padding:120px 16px 104px}
  .lead h2{font-family:var(--head);font-weight:var(--headw);font-size:clamp(26px,4.2vw,40px);letter-spacing:.06em}
  .lead p{margin-top:22px;color:var(--sub);font-size:clamp(16px,2.2vw,20px);letter-spacing:.12em}

  /* タイル */
  .tiles{max-width:1200px;margin:0 auto;padding:0 12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .tile{background:var(--tile);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;text-align:center}
  .tile .tx{padding:52px 24px 32px}
  .tile .eyebrow{font-size:13px;color:var(--sub);letter-spacing:.1em}
  .tile h3{font-family:var(--head);font-weight:var(--headw);font-size:clamp(28px,3.6vw,40px);margin-top:6px;letter-spacing:.04em}
  .tile p{margin:14px auto 0;max-width:26em;font-size:15px;color:var(--ink)}
  .tile .more{display:inline-block;margin-top:18px;font-size:15px;color:var(--accent)}
  .tile .more::after{content:" ›"}
  .tile .ph{flex:1;min-height:300px}
  .tile.wide{grid-column:1/-1;flex-direction:row;text-align:left}
  .tile.wide .tx{flex:1;padding:56px 48px;display:flex;flex-direction:column;justify-content:center}
  .tile.wide p{margin-left:0}
  .tile.wide .ph{flex:1.2;min-height:340px}
  @media(max-width:760px){
    .tiles{grid-template-columns:1fr}
    .tile.wide{flex-direction:column;text-align:center}
    .tile.wide .tx{padding:48px 24px 28px}
    .tile.wide p{margin-left:auto}
  }

  /* 共通の見出し */
  section.block{padding:120px 16px 0;max-width:1000px;margin:0 auto}
  .sh{text-align:center}
  .sh h2{font-family:var(--head);font-weight:var(--headw);font-size:clamp(26px,4vw,40px);letter-spacing:.04em;line-height:1.5}
  .sh p{margin:16px auto 0;max-width:30em;color:var(--sub);font-size:16px}


  /* 好奇心の流れ */
  .flow{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:56px auto 0;position:relative;max-width:960px}
  .flow::before{content:"";position:absolute;top:56px;left:10%;right:10%;height:1px;background:var(--line)}
  .flow li{text-align:center;position:relative;padding:0 6px}
  .flow .dot{width:112px;height:112px;border-radius:50%;margin:0 auto;background:var(--bg2) center/cover no-repeat;border:4px solid var(--bg);position:relative}
  .flow .n{font-size:11px;color:var(--sub);letter-spacing:.14em;margin-top:16px}
  .flow h3{font-family:var(--head);font-weight:var(--headw);font-size:20px;margin-top:2px;letter-spacing:.04em}
  .flow p{font-size:13.5px;color:var(--sub);margin-top:6px;line-height:1.7}
  .flow li:not(:last-child) .dot::after{content:"";position:absolute;right:-30%;top:50%;width:7px;height:7px;border-top:1px solid var(--sub);border-right:1px solid var(--sub);transform:translate(50%,-50%) rotate(45deg);opacity:.6}
  .flow li:last-child h3{color:var(--accent)}
  .grow-note{text-align:center;margin-top:64px;color:var(--sub);font-size:16px}
  @media(max-width:760px){
    .flow{grid-template-columns:1fr;max-width:340px;gap:22px}
    .flow::before{top:40px;bottom:40px;left:40px;right:auto;width:1px;height:auto}
    .flow li{display:grid;grid-template-columns:80px 1fr;column-gap:18px;text-align:left;align-items:center;padding:0}
    .flow .dot{width:80px;height:80px;grid-row:span 3}
    .flow .n{margin-top:0}
    .flow li:not(:last-child) .dot::after{display:none}
  }

  /* はじめての方へ（Appleの「並べて比べる」） */
  .line{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:.5px solid var(--line)}
  .line > div{padding:36px 22px;text-align:center;border-right:.5px solid var(--line)}
  .line > div:last-child{border-right:0}
  .line .step{font-size:12px;color:var(--sub);letter-spacing:.12em}
  .line h3{font-family:var(--head);font-weight:var(--headw);font-size:22px;margin:8px 0 10px}
  .line p{font-size:14.5px;color:var(--ink);min-height:5.4em}
  .line .price{margin-top:14px;font-size:13px;color:var(--sub)}
  .line a{display:inline-block;margin-top:18px;font-size:14px;color:var(--accent)}
  .line a::after{content:" ›"}
  @media(max-width:760px){.line{grid-template-columns:1fr}.line > div{border-right:0;border-bottom:.5px solid var(--line)}.line p{min-height:0}}

  /* 先生になりたい人へ */
  .teach{margin-top:48px;border-radius:22px;overflow:hidden;background:var(--tile);display:flex}
  .teach .ph{flex:1.2;min-height:380px}
  .teach .tx{flex:1;padding:56px 44px;display:flex;flex-direction:column;justify-content:center}
  .teach .eyebrow{font-size:13px;color:var(--sub);letter-spacing:.1em}
  .teach h3{font-family:var(--head);font-weight:var(--headw);font-size:34px;margin:6px 0 14px}
  .teach p{font-size:15px}
  .teach .more{margin-top:18px;color:var(--accent);font-size:15px}
  .teach .more::after{content:" ›"}
  @media(max-width:760px){.teach{flex-direction:column}.teach .tx{padding:40px 24px}.teach .ph{min-height:260px}}

  /* 全国の教室 */
  .area{margin-top:44px}
  .area h4{font-size:13px;color:var(--sub);letter-spacing:.1em;font-weight:500;padding:0 4px 10px;border-bottom:.5px solid var(--line)}
  .banners{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 30px}
  .banners a{aspect-ratio:3/1;border:.5px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--sub);background:var(--bg)}
  @media(max-width:760px){.banners{grid-template-columns:1fr 1fr}}

  @media(max-width:520px){.tile p br,.teach p br,.sh p br,.grow-note br{display:none}}
  footer{margin-top:140px;background:var(--bg2);padding:40px 16px 56px;font-size:12px;color:var(--sub)}
  footer .in{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
  footer ul{list-style:none;display:flex;gap:20px;flex-wrap:wrap}


  .line.two{grid-template-columns:repeat(2,1fr);max-width:720px;margin-left:auto;margin-right:auto}
  @media(max-width:760px){.line.two{grid-template-columns:1fr}}

  /* ===== センサリープレイのページ ===== */
  .crumb{max-width:1000px;margin:0 auto;padding:18px 16px 0;font-size:12px;color:var(--sub)}
  .crumb a{color:var(--sub)}
  .sp-hero{text-align:center;padding:56px 16px 0}
  .sp-hero .en{font-size:13px;letter-spacing:.2em;color:var(--sub)}
  .sp-hero h1{font-family:var(--head);font-weight:var(--headw);font-size:clamp(34px,6vw,60px);letter-spacing:.04em;margin-top:8px}
  .sp-hero p{margin-top:14px;font-size:clamp(16px,2.2vw,20px);color:var(--sub);letter-spacing:.08em}
  .eq{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,36px);margin:64px auto 0;flex-wrap:wrap}
  .eq .t{text-align:center}
  .eq .t b{display:block;font-family:var(--head);font-weight:var(--headw);font-size:clamp(26px,4vw,40px);letter-spacing:.02em}
  .eq .t span{font-size:13px;color:var(--sub);letter-spacing:.12em}
  .eq .op{font-size:28px;color:var(--sub);font-weight:300}
  .eq .t.ans b{color:var(--accent)}
  .sp-hero .ph{max-width:1200px;height:clamp(260px,46vw,560px);margin:72px 16px 0;border-radius:28px}
  @media(min-width:1232px){.sp-hero .ph{margin-left:auto;margin-right:auto}}

  .quote{text-align:center;padding:120px 16px 0;max-width:760px;margin:0 auto}
  .quote h2{font-family:var(--head);font-weight:var(--headw);font-size:clamp(24px,3.6vw,34px);letter-spacing:.04em;line-height:1.6}
  .quote p{margin-top:20px;color:var(--sub);font-size:16px}
  .senses{display:flex;justify-content:center;gap:clamp(18px,4vw,48px);margin-top:36px;flex-wrap:wrap;font-family:var(--head);font-size:20px;color:var(--ink)}
  .senses span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:middle;opacity:.7}

  .two-play{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:48px}
  .two-play > div{background:var(--tile);border-radius:22px;overflow:hidden}
  .two-play .ph{aspect-ratio:3/2}
  .two-play .tx{padding:32px 32px 38px}
  .two-play .k{font-size:12px;color:var(--sub);letter-spacing:.12em}
  .two-play h3{font-family:var(--head);font-weight:var(--headw);font-size:24px;margin:6px 0 14px}
  .two-play p{font-size:14.5px;color:var(--sub)}
  .two-play .tag{display:inline-block;margin-top:16px;font-size:12px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px;padding:2px 12px}
  .home-note{margin-top:28px;text-align:center;font-size:16px}
  .home-note b{font-family:var(--head);font-weight:var(--headw);font-size:20px;display:block;margin-bottom:6px}
  @media(max-width:760px){.two-play{grid-template-columns:1fr}}

  .feat{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}
  .feat figure{background:var(--tile);border-radius:22px;overflow:hidden}
  .feat .ph{aspect-ratio:4/3}
  .feat figcaption{padding:24px 24px 30px}
  .feat .n{font-size:12px;color:var(--sub);letter-spacing:.14em}
  .feat h3{font-family:var(--head);font-weight:var(--headw);font-size:22px;margin:4px 0 10px}
  .feat p{font-size:14.5px}
  @media(max-width:760px){.feat{grid-template-columns:1fr}}

  .cycle{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:.5px solid var(--line);border-bottom:.5px solid var(--line)}
  .cycle > div{padding:36px 24px;text-align:center;position:relative}
  .cycle > div + div{border-left:.5px solid var(--line)}
  .cycle .from{font-size:12px;color:var(--sub);letter-spacing:.1em}
  .cycle h3{font-family:var(--head);font-weight:var(--headw);font-size:30px;margin:6px 0 10px;color:var(--accent)}
  .cycle p{font-size:14.5px}
  @media(max-width:760px){.cycle{grid-template-columns:1fr}.cycle > div + div{border-left:0;border-top:.5px solid var(--line)}}

  .scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}
  .scenes > div{border:.5px solid var(--line);border-radius:18px;padding:30px 24px;background:var(--bg)}
  .scenes h3{font-family:var(--head);font-weight:var(--headw);font-size:19px;margin-bottom:8px}
  .scenes p{font-size:14.5px;color:var(--sub)}
  @media(max-width:760px){.scenes{grid-template-columns:1fr}}

  .tips{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:48px}
  .tips > div{background:var(--tile);border-radius:22px;padding:40px 32px}
  .tips h3{font-family:var(--head);font-weight:var(--headw);font-size:22px;margin-bottom:14px}
  .tips p{font-size:14.5px}
  .tips dl{display:grid;grid-template-columns:auto 1fr;gap:12px 18px;font-size:14.5px}
  .tips dt{color:var(--accent);white-space:nowrap}
  @media(max-width:760px){.tips{grid-template-columns:1fr}}

  .teacher{display:flex;gap:44px;align-items:center;margin-top:48px}
  .teacher .ph{flex:0 0 300px;aspect-ratio:1;border-radius:50%}
  .teacher h3{font-family:var(--head);font-weight:var(--headw);font-size:26px}
  .teacher .role{font-size:13px;color:var(--sub);margin:2px 0 16px}
  .teacher p{font-size:15px;margin-top:10px}
  @media(max-width:760px){.teacher{flex-direction:column;text-align:left;gap:28px}.teacher .ph{flex-basis:auto;width:220px}}

  .cta{margin:120px auto 0;max-width:1000px;padding:0 16px}
  .cta > div{background:var(--tile);border-radius:22px;text-align:center;padding:64px 24px}
  .cta h2{font-family:var(--head);font-weight:var(--headw);font-size:clamp(24px,3.6vw,32px)}
  .cta p{margin-top:12px;color:var(--sub)}
  .cta a{display:inline-block;margin-top:24px;background:var(--accent);color:#fff;border-radius:999px;padding:12px 28px;font-size:15px}

  .senses5{max-width:1200px;margin:56px auto 0;padding:0 12px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
  .senses5 .ph{aspect-ratio:3/4;border-radius:18px}
  .senses5 figcaption{text-align:center;font-family:var(--head);font-weight:var(--headw);font-size:19px;margin-top:12px;letter-spacing:.08em}
  @media(max-width:760px){.senses5{grid-template-columns:repeat(2,1fr)}.senses5 figure:last-child{grid-column:1/-1}.senses5 figure:last-child .ph{aspect-ratio:3/2}}
  .sh .big{font-family:var(--head);font-weight:var(--headw);font-size:clamp(22px,3.2vw,30px);color:var(--accent);margin-top:22px}
  .sh.sub2{margin-top:72px}
  .sh.sub2 h3{font-family:var(--head);font-weight:var(--headw);font-size:20px;color:var(--ink)}
  .both{text-align:center;margin-top:44px;font-family:var(--head);font-weight:var(--headw);font-size:22px}
  .sp-both{margin-top:40px;text-align:center;border-top:.5px solid var(--line);padding-top:48px}
  .sp-both h3{font-family:var(--head);font-weight:var(--headw);font-size:clamp(22px,3.2vw,28px);color:var(--accent)}
  .sp-both p{margin-top:16px;font-size:16px}
  .sp-both .home{color:var(--sub);font-size:14px;margin-top:20px}

  .feat .mini{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px}
  .feat .mini .ph{aspect-ratio:1}

  /* ===== アロマのページ ===== */
  .soon{display:inline-block;font-size:12px;letter-spacing:.14em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;padding:2px 14px;margin-bottom:14px}
  .spec{max-width:620px;margin:40px auto 0;display:grid;grid-template-columns:auto 1fr;gap:12px 24px;font-size:15px;border-top:.5px solid var(--line);padding-top:28px}
  .spec dt{color:var(--sub)}
  .method{text-align:center;margin-top:28px;font-size:11.5px;color:var(--sub);letter-spacing:.06em}
  .teach .voice{margin-top:14px;font-size:13.5px;color:var(--sub);border-left:2px solid var(--line);padding-left:12px}
  .teach .ph:not(:has(img)){background:var(--bg2)}

  /* ===== アロハ×アドラーのページ ===== */
  .voice-block{max-width:720px;margin:0 auto;text-align:center;background:var(--tile);border-radius:22px;padding:56px 32px 48px}
  .voice-block .mark{font-family:var(--head);font-size:56px;line-height:.6;color:var(--accent);opacity:.6}
  .voice-block p{font-family:var(--head);font-weight:var(--headw);font-size:clamp(18px,2.4vw,22px);line-height:1.9;margin-top:18px}
  .voice-block .who{margin-top:20px;font-size:13px;color:var(--sub)}
  .words{list-style:none;max-width:760px;margin:48px auto 0;border-top:.5px solid var(--line)}
  .words li{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center;padding:26px 8px;border-bottom:.5px solid var(--line)}
  .words .hw{font-family:var(--head);font-weight:var(--headw);font-size:26px;color:var(--accent);letter-spacing:.02em}
  .words .hw span{display:block;font-family:var(--body);font-size:12px;color:var(--sub);letter-spacing:.12em;margin-top:2px}
  .words h3{font-family:var(--head);font-weight:var(--headw);font-size:20px}
  .words p{font-size:14.5px;color:var(--sub);margin-top:2px}
  @media(max-width:600px){.words li{grid-template-columns:1fr;gap:6px}}
  .note-cover{display:flex;align-items:center;justify-content:center;background:#efe7da !important}
  .note-cover .cv{width:62%;aspect-ratio:1/1.414;background:#fbf9f5;box-shadow:0 10px 30px rgba(60,40,20,.12);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px}
  .note-cover .cv-s{font-size:11px;color:var(--sub)}
  .note-cover .cv-t{font-family:var(--head);font-weight:var(--headw);font-size:22px;line-height:1.5;margin:14px 0}
  .note-cover .cv-w{font-size:10px;color:var(--accent);letter-spacing:.04em}
  .fine{max-width:720px;margin:0 auto;font-size:12.5px;color:var(--sub);text-align:center;line-height:1.9}
  .home-note .soon{margin-bottom:6px}

  .note-cover{padding:40px 24px}
  .note-cover .cv-img{position:static;width:min(250px,58%) !important;height:auto !important;box-shadow:0 12px 32px rgba(60,40,20,.16)}

  /* ===== Gardenのページ ===== */
  .gsteps .hw{font-size:34px}
  .gsteps .hw span{font-size:13px;color:var(--accent);letter-spacing:.14em}
  .nums{display:grid;grid-template-columns:repeat(3,1fr);max-width:820px;margin:0 auto;text-align:center}
  .nums > div + div{border-left:.5px solid var(--line)}
  .nums b{display:block;font-family:var(--head);font-weight:var(--headw);font-size:clamp(36px,6vw,56px);color:var(--accent);line-height:1.2}
  .nums small{font-size:.45em;margin-left:2px}
  .nums span{font-size:13px;color:var(--sub);letter-spacing:.1em}
  .nums + .fine{margin-top:20px}
  .ph-voice{background:var(--tile) !important;border:0 !important;min-height:180px;display:flex;align-items:center}
  .ph-voice p{font-size:13px}
  .price-two h3{font-size:32px !important}
  .price-two p{min-height:0 !important}
  .faq{max-width:760px;margin:40px auto 0;border-top:.5px solid var(--line)}
  .faq dt{font-family:var(--head);font-weight:var(--headw);font-size:18px;padding:24px 4px 6px}
  .faq dd{font-size:15px;color:var(--sub);padding:0 4px 24px;border-bottom:.5px solid var(--line)}
  @media(max-width:600px){.nums{grid-template-columns:1fr;gap:20px}.nums > div + div{border-left:0}}

  .vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 12px;margin-top:44px}
  .vcard .ph{aspect-ratio:16/9;border-radius:16px;position:relative}
  .vcard .play{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(255,255,255,.88)}
  .vcard .play::after{content:"";position:absolute;left:21px;top:16px;border-left:15px solid var(--accent);border-top:10px solid transparent;border-bottom:10px solid transparent}
  .vcard .who{margin-top:14px;font-size:12px;color:var(--accent);letter-spacing:.08em}
  .vcard p{font-family:var(--head);font-weight:var(--headw);font-size:16.5px;line-height:1.6;margin-top:2px}
  .more-yt{text-align:center;margin-top:32px;font-size:15px}
  .more-yt a{color:var(--accent)}
  .more-yt a::after{content:" ›"}
  @media(max-width:760px){.vgrid{grid-template-columns:1fr}}

  /* ===== 全国の教室 ===== */
  .cls{padding-top:56px}
  .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  .chips button{border:.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:7px 16px;font:inherit;font-size:14px;cursor:pointer}
  .chips button small{margin-left:6px;color:var(--sub);font-size:12px}
  .chips button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
  .chips button.on small{color:var(--bg);opacity:.7}
  .cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 12px;margin-top:40px}
  .ccard .bn{aspect-ratio:3/1;border-radius:14px;overflow:hidden;background:var(--tile);display:flex;align-items:center;justify-content:center;border:.5px solid var(--line)}
  .ccard .bn span{font-family:var(--head);font-size:15px;color:var(--sub);padding:0 14px;text-align:center}
  .ccard .meta{display:flex;justify-content:space-between;margin-top:12px;font-size:12px}
  .ccard .pref{color:var(--accent);letter-spacing:.06em}
  .ccard .to{color:var(--sub)}
  .ccard h3{font-family:var(--head);font-weight:var(--headw);font-size:17px;margin-top:4px}
  .ccard p{font-size:13px;color:var(--sub)}
  .empty{text-align:center;color:var(--sub);margin-top:40px}
  .alt2 .opt{display:block;background:var(--tile);border-radius:22px}
  .alt2 .opt .tx{padding:40px 32px}
  .alt2 h3{color:var(--ink)}
  @media(max-width:760px){.cgrid{grid-template-columns:1fr 1fr}}
  @media(max-width:480px){.cgrid{grid-template-columns:1fr}}

  /* ===== Let's センサリープレイ ===== */
  .en-s{font-size:12px;letter-spacing:.2em;color:var(--accent);margin-bottom:8px}
  .agetabs{display:flex;justify-content:center;margin:36px auto 0;background:var(--bg2);border-radius:999px;padding:4px;width:fit-content}
  .agetabs button{border:0;background:none;font:inherit;font-size:15px;padding:8px 26px;border-radius:999px;color:var(--sub);cursor:pointer}
  .agetabs button.on{background:var(--bg);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
  .pane{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
  .pane[hidden]{display:none}
  .act{background:var(--tile);border-radius:22px;overflow:hidden}
  .act .ph{aspect-ratio:16/10}
  .act .body{padding:28px 28px 32px}
  .act h3{font-family:var(--head);font-weight:var(--headw);font-size:24px}
  .act .d{font-size:14.5px;margin-top:8px}
  .act h4{font-size:12px;letter-spacing:.12em;color:var(--sub);font-weight:500;margin-top:22px;margin-bottom:6px}
  .act .mats{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
  .act .mats li{font-size:13px;background:var(--bg);border-radius:999px;padding:3px 12px}
  .act .buy{display:inline-block;margin-top:10px;font-size:13.5px;color:var(--accent)}
  .act .buy .pr{font-size:10px;border:1px solid currentColor;border-radius:3px;padding:0 4px;margin-left:6px;vertical-align:1px}
  .act .steps{padding-left:1.3em;font-size:14.5px}
  .act .steps li{margin:2px 0}
  .act .voice{margin-top:18px;background:var(--bg);border-radius:12px;padding:12px 14px;font-size:14px}
  .act .voice b{display:block;font-size:11.5px;color:var(--accent);letter-spacing:.1em;font-weight:500}
  .act .safe{margin-top:12px;font-size:12.5px;color:var(--sub)}
  .park{display:block;margin-top:28px;border-radius:22px;background:var(--ink);color:var(--bg);text-align:center}
  .park .tx{padding:52px 24px}
  .park .eyebrow{font-size:13px;opacity:.7;letter-spacing:.1em}
  .park h3{font-family:var(--head);font-weight:var(--headw);font-size:clamp(26px,3.6vw,34px);margin:6px 0 12px}
  .park p{max-width:30em;margin:0 auto;font-size:15px;opacity:.85}
  .park .more{display:inline-block;margin-top:18px;color:#f0c9b6}
  .park .more::after{content:" ›"}
  .pr-note{margin-top:20px}
  @media(max-width:760px){.pane{grid-template-columns:1fr}.agetabs button{padding:8px 16px}}

  /* ===== Parkの紹介ページ ===== */
  .themes{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:820px;margin:36px auto 0}
  .themes li{font-family:var(--head);font-size:16px;border:.5px solid var(--line);border-radius:999px;padding:8px 18px;background:var(--bg)}

  /* ===== ブログ ===== */
  .blogs{padding-top:48px}
  .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 14px;margin-top:40px}
  .posts.two{grid-template-columns:1fr 1fr;max-width:760px;margin-left:auto;margin-right:auto}
  .post[hidden]{display:none}
  .post .ph{aspect-ratio:3/2;border-radius:16px}
  .post .cat{margin-top:14px;font-size:12px;color:var(--accent);letter-spacing:.08em}
  .post h3{font-family:var(--head);font-weight:var(--headw);font-size:17.5px;line-height:1.6;margin-top:4px}
  .post .moving{display:inline-block;margin-top:8px;font-size:11px;color:var(--sub);border:.5px solid var(--line);border-radius:999px;padding:1px 10px}
  @media(max-width:760px){.posts{grid-template-columns:1fr 1fr}}
  @media(max-width:480px){.posts,.posts.two{grid-template-columns:1fr}}
  .article{max-width:720px;margin:0 auto;padding:48px 16px 0}
  .article header{text-align:center}
  .article .cat{font-size:12.5px;color:var(--accent);letter-spacing:.1em}
  .article h1{font-family:var(--head);font-weight:var(--headw);font-size:clamp(26px,4.4vw,38px);line-height:1.5;margin-top:10px}
  .article .lead{margin-top:18px;color:var(--sub);font-size:16px;text-align:left}
  .article .date{margin-top:14px;font-size:12.5px;color:var(--sub)}
  .article .hero-ph{aspect-ratio:3/2;border-radius:20px;margin-top:36px}
  .article .body{margin-top:40px;font-size:16.5px;line-height:2}
  .article .body p{margin:0 0 1.4em}
  .article .body h2{font-family:var(--head);font-weight:var(--headw);font-size:24px;margin:2.2em 0 .8em;padding-top:1em;border-top:.5px solid var(--line)}
  .article .body figure{margin:1.8em 0}
  .article .body figure .ph{aspect-ratio:3/2;border-radius:16px}
  .article .body figcaption{font-size:13px;color:var(--sub);margin-top:8px;text-align:center}
  .article .body ul{padding-left:1.3em;margin:0 0 1.4em}
  .article .callout{background:var(--tile);border-radius:14px;padding:16px 20px;margin:1.6em 0;font-size:15.5px}
  .article .callout b{display:block;font-size:12px;color:var(--accent);letter-spacing:.1em;font-weight:500}
  .author{display:flex;gap:20px;align-items:center;margin-top:56px;padding:28px;background:var(--tile);border-radius:20px}
  .author .ph{flex:0 0 88px;height:88px;border-radius:50%}
  .author .k{font-size:12px;color:var(--sub)}
  .author h3{font-family:var(--head);font-weight:var(--headw);font-size:19px}
  .author p{font-size:14px;color:var(--sub);margin-top:4px}

  /* ===== LINEへの導線（どのページもリスト取りがゴール） ===== */
  .line-box{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:20px;padding:24px 28px;background:var(--bg)}
  .line-box b{display:block;font-family:var(--head);font-weight:var(--headw);font-size:20px}
  .line-box span{font-size:14px;color:var(--sub)}
  .line-box a{flex:0 0 auto;background:var(--accent);color:#fff;border-radius:999px;padding:11px 24px;font-size:15px}
  .cta .sub-link{margin-top:14px;font-size:14px}
  .cta .sub-link a{background:none;color:var(--accent);padding:0;margin:0;display:inline}
  @media(max-width:600px){.line-box{flex-direction:column;align-items:flex-start}}

  /* ===== 会社概要・特商法・プライバシー・お問い合わせ・404 ===== */
  .legal{max-width:760px;margin:0 auto;padding:48px 16px 0}
  .legal h1{font-family:var(--head);font-weight:var(--headw);font-size:clamp(26px,4vw,34px);text-align:center;margin-bottom:36px}
  .legal h2{font-family:var(--head);font-weight:var(--headw);font-size:20px;margin:36px 0 10px}
  .legal p,.legal li{font-size:15px;line-height:1.95}
  .legal ul{padding-left:1.3em}
  .legal .lead{color:var(--sub);text-align:center}
  .ltable{display:grid;grid-template-columns:12em 1fr;border-top:.5px solid var(--line)}
  .ltable dt,.ltable dd{padding:16px 6px;border-bottom:.5px solid var(--line);font-size:15px;line-height:1.8}
  .ltable dt{color:var(--sub)}
  .todo{color:var(--accent);font-size:13px}
  .contact-ways{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}
  .contact-ways > div{background:var(--tile);border-radius:20px;padding:32px 28px}
  .contact-ways h2{margin-top:0}
  .contact-ways .btn{display:inline-block;margin-top:14px;background:var(--accent);color:#fff;border-radius:999px;padding:10px 22px;font-size:14.5px}
  .legal .fine{margin-top:28px}
  footer a{color:inherit}
  @media(max-width:600px){.ltable{grid-template-columns:1fr}.ltable dt{border-bottom:0;padding-bottom:0}.contact-ways{grid-template-columns:1fr}}
  /* トップの section.lead の余白が p.lead に効かないように */
  .legal .lead,.article .lead{padding:0}
  .legal .lead{margin-bottom:8px}

  /* ===== まずは、やってみましょう（2つのベース×年齢） ===== */
  .base2{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:40px;max-width:900px;margin-left:auto;margin-right:auto}
  .bhead{text-align:center}
  .bhead .ph{aspect-ratio:16/10;border-radius:18px}
  .bhead h3{font-family:var(--head);font-weight:var(--headw);font-size:26px;margin-top:14px}
  .bhead p{font-size:13.5px;color:var(--sub)}
  .age-row{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-top:22px}
  .age-row::before,.age-row::after{content:"";flex:1;height:.5px;background:var(--line)}
  .age-row span{font-family:var(--head);font-weight:var(--headw);font-size:18px;color:var(--accent);background:var(--bg);padding:2px 14px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px}
  .lv{background:var(--tile);border-radius:18px;padding:20px 22px}
  .lv-n{font-size:12px;color:var(--sub);letter-spacing:.08em;margin-bottom:6px}
  .lv p{font-size:15px}
  .lv b{color:var(--accent);font-weight:500}
  .lv .mini-note{font-size:12.5px;color:var(--sub);margin-top:8px}
  .lv .mat{margin-top:10px;font-size:12.5px;background:var(--bg);border-radius:999px;padding:4px 12px;display:inline-block}
  .here{grid-column:1/-1;text-align:center;font-family:var(--head);font-weight:var(--headw);font-size:16px;color:var(--ink);padding:10px;border-bottom:2px dotted color-mix(in srgb,var(--accent) 45%,transparent)}
  .safe-box{max-width:900px;margin:32px auto 0;font-size:13.5px;color:var(--sub);background:var(--bg2);border-radius:14px;padding:14px 18px}
  .safe-box b{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}
  .next2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
  .nx{display:block;background:var(--tile);border-radius:22px;padding:34px 30px}
  .nx .k{font-size:13px;color:var(--accent);letter-spacing:.06em}
  .nx h3{font-family:var(--head);font-weight:var(--headw);font-size:24px;margin:6px 0 10px}
  .nx p{font-size:14.5px}
  .nx .more{display:inline-block;margin-top:14px;color:var(--accent);font-size:14.5px}
  .nx .more::after{content:" ›"}
  .nx .pr{font-size:10px;border:1px solid currentColor;border-radius:3px;padding:0 4px;margin-left:6px}
  .nx.dark{background:var(--ink);color:var(--bg)}
  .nx.dark .k,.nx.dark .more{color:#f0c9b6}
  #lets .line-box{max-width:none}
  @media(max-width:760px){.next2{grid-template-columns:1fr}}
  @media(max-width:560px){.base2{grid-template-columns:1fr}.bhead:nth-child(2){display:none}}
  @media(max-width:560px){.lv::before{display:inline-block;font-size:11px;color:#fff;background:var(--accent);border-radius:999px;padding:1px 10px;margin-bottom:6px}.lv.clay::before{content:"粘土"}.lv.rice::before{content:"カラーライス"}}

  /* To be continued */
  .tbc{display:inline-block;font-family:var(--head);font-style:italic;font-size:15px;letter-spacing:.08em;color:var(--accent);border-top:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);padding:4px 18px;margin-bottom:22px}
  .tbc-s{display:inline-block;margin-top:18px;font-family:var(--head);font-style:italic;font-size:14px;color:var(--accent);letter-spacing:.06em}

  /* トップのタイル：写真の高さをそろえる */
  .tiles .tile:not(.wide) .tx{flex:1}
  .tiles .tile:not(.wide) .ph{flex:none;aspect-ratio:4/3;min-height:0}
  /* 超入門の受け取り（トップ） */
  .try-box{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;align-items:center;margin-top:64px;background:var(--tile);border-radius:24px;padding:44px 40px}
  .try-box .q p{font-family:var(--head);font-weight:var(--headw);font-size:clamp(22px,3vw,30px);line-height:1.6}
  .try-box .q .s{font-size:18px;color:var(--sub)}
  .try-box .a{background:var(--bg);border-radius:18px;padding:30px 28px}
  .try-box .k{font-size:12px;letter-spacing:.2em;color:var(--accent)}
  .try-box h3{font-family:var(--head);font-weight:var(--headw);font-size:21px;line-height:1.6;margin:6px 0 10px}
  .try-box .a p{font-size:14.5px}
  .try-box .a a{display:inline-block;margin-top:16px;background:var(--accent);color:#fff;border-radius:999px;padding:11px 24px;font-size:15px}
  @media(max-width:760px){.try-box{grid-template-columns:1fr;padding:32px 22px}.tiles .tile:not(.wide) .tx{min-height:0}}

  .ex4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:36px}
  .ex4 > div{border:.5px solid var(--line);border-radius:16px;padding:20px 18px;background:var(--bg)}
  .ex4 h3{font-family:var(--head);font-weight:var(--headw);font-size:18px;margin-bottom:6px}
  .ex4 p{font-size:13.5px;color:var(--sub)}
  .sp-both .home{font-size:14.5px}
  @media(max-width:760px){.ex4{grid-template-columns:1fr 1fr}}

  /* ===== 購入先一覧 ===== */
  .shop-hero{padding-bottom:8px}
  .shop-wrap{max-width:1080px;margin:0 auto;padding:0 16px}
  .shop-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:40px}
  .shop-nav a{display:flex;align-items:center;gap:10px;background:var(--tile);border-radius:12px;padding:12px 14px;font-size:14px}
  .shop-nav span{font-family:var(--head);color:var(--accent);font-size:13px}
  .pr-top{text-align:left !important;margin-top:16px}
  .pr{display:inline-block;font-size:10px;border:1px solid currentColor;border-radius:3px;padding:0 4px;margin-right:6px;color:var(--accent)}
  .shop-sec{padding-top:72px}
  .shop-sec h2{font-family:var(--head);font-weight:var(--headw);font-size:clamp(24px,3.4vw,30px);border-bottom:.5px solid var(--line);padding-bottom:12px}
  .shop-sec h2 span{color:var(--accent);font-size:.7em;margin-right:12px}
  .shop-sec .sub{font-family:var(--head);font-weight:var(--headw);font-size:17px;margin:28px 0 4px;color:var(--sub)}
  .sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
  .item{background:var(--bg);border:.5px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column}
  .item .im{aspect-ratio:1;border-radius:10px;overflow:hidden;background:#fff}
  .item .im img{object-fit:contain}
  .item h4{font-family:var(--head);font-weight:var(--headw);font-size:15.5px;margin-top:10px;line-height:1.5}
  .item p{font-size:12.5px;color:var(--sub);margin-top:4px;flex:1}
  .item .sb{display:block;text-align:center;margin-top:10px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent);border-radius:999px;padding:6px 8px;font-size:13px}
  .item .sb.off{border-color:var(--line);color:var(--sub)}
  @media(max-width:900px){.sgrid{grid-template-columns:repeat(3,1fr)}.shop-nav{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:560px){.sgrid{grid-template-columns:1fr 1fr}}

  /* ===== お仕事にする ===== */
  .work2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}
  .wk{display:flex;flex-direction:column;background:var(--tile);border-radius:22px;overflow:hidden}
  .wk .ph{aspect-ratio:16/10}
  .wk .tx{padding:28px 28px 32px;flex:1}
  .wk .eyebrow{font-size:12.5px;color:var(--sub);letter-spacing:.08em}
  .wk h3{font-family:var(--head);font-weight:var(--headw);font-size:24px;margin:4px 0 10px}
  .wk p{font-size:14.5px}
  .wk .more{display:inline-block;margin-top:14px;color:var(--accent);font-size:14.5px}
  .wk .more::after{content:" ›"}
  .wk-pts{margin-top:12px;padding-left:1.2em;font-size:13.5px;color:var(--sub)}
  @media(max-width:760px){.work2{grid-template-columns:1fr}}

  /* ページ冒頭：誰に向けたページか */
  .aud{max-width:760px;margin:0 auto 64px;padding:8px 16px 56px;border-bottom:.5px solid var(--line)}
  .aud span{display:inline-block;font-size:13px;letter-spacing:.14em;color:#fff;background:var(--accent);border-radius:999px;padding:3px 16px}
  .aud-copy{font-family:var(--head);font-weight:var(--headw);font-size:clamp(28px,5vw,46px) !important;line-height:1.5;color:var(--ink) !important;margin-top:18px !important;letter-spacing:.04em !important}
  .aud-sub{font-size:16px !important;margin-top:16px !important;line-height:1.9}

  .chap5 h3{color:var(--accent)}

  /* ===== 2026-10-14 HPの器の直し ===== */
  nav .in{gap:16px}
  nav ul{margin-left:auto}
  .nav-cta{flex:0 0 auto;font-size:12.5px;background:var(--accent);color:#fff !important;border-radius:999px;padding:6px 14px;white-space:nowrap}
  .tiles.t3{grid-template-columns:repeat(3,1fr)}
  @media(max-width:900px){.tiles.t3{grid-template-columns:1fr}}
  .gift-sec{padding-top:72px}
  .gift-sec .try-box{margin-top:0}
  .band{max-width:1200px;margin:96px auto 0;padding:0 12px;height:clamp(220px,40vw,480px)}
  .band img{border-radius:24px}
  .founder{display:flex;gap:40px;align-items:center;max-width:860px;margin:0 auto}
  .founder .ph{flex:0 0 220px;aspect-ratio:1;border-radius:50%;overflow:hidden}
  .founder .eyebrow{font-size:12.5px;color:var(--sub);letter-spacing:.08em}
  .founder h3{font-family:var(--head);font-weight:var(--headw);font-size:24px;margin:2px 0 10px}
  .founder p{font-size:15px}
  .founder .more{display:inline-block;margin-top:12px;color:var(--accent);font-size:14.5px}
  @media(max-width:700px){.founder{flex-direction:column;text-align:center;gap:20px}.founder .ph{flex-basis:auto;width:170px}}
  .page-toc{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:900px;margin:40px auto 0;padding:0 16px}
  .page-toc a{font-size:13.5px;border:.5px solid var(--line);border-radius:999px;padding:6px 14px;background:var(--bg)}
  .page-toc a.go{background:var(--accent);color:#fff;border-color:var(--accent)}
  .go-try{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1000px;margin:56px auto 0;background:var(--ink);color:var(--bg);border-radius:22px;padding:36px 40px}
  .go-try span{display:block;font-size:12px;letter-spacing:.2em;color:#f0c9b6}
  .go-try b{display:block;font-family:var(--head);font-weight:var(--headw);font-size:26px;margin:4px 0 6px}
  .go-try p{font-size:14.5px;opacity:.85}
  .go-try em{font-style:normal;flex:0 0 auto;background:var(--accent);color:#fff;border-radius:999px;padding:11px 22px;font-size:15px}
  @media(max-width:700px){.go-try{flex-direction:column;align-items:flex-start;padding:28px 24px}}
  .back-link{text-align:center;margin-top:40px;font-size:14.5px}
  .back-link a{color:var(--accent)}
  @media(max-width:760px){nav ul{display:none}.nav-cta{margin-left:auto}}

  /* 冒頭を写真入りに（文字だけだと淡白に見える） */
  .aud.split{max-width:1120px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;text-align:left;padding-bottom:64px}
  .aud.split .aud-copy{margin-top:16px !important}
  .aud-ph{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:clamp(300px,34vw,440px)}
  .aud-ph .ph{border-radius:20px;overflow:hidden}
  .aud-ph .p0{grid-row:1/3}
  @media(max-width:860px){.aud.split{grid-template-columns:1fr;text-align:center;gap:28px}.aud-ph{height:300px}}
  .aud-ph{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
  .aud-ph .ph{min-height:0;height:100%}
  .aud-ph .ph img{width:100%;height:100%;object-fit:cover;display:block}
  /* ページ内のリンクは、すっと下へ流れるように（上のメニューの高さ分あけて止まる） */
  html{scroll-behavior:smooth}
  [id]{scroll-margin-top:72px}
  @media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* 写真1枚だけの冒頭（2026-10-14） */
.aud-ph.one{grid-template-columns:1fr}
.aud-ph.one .p0{grid-column:1/-1}


/* ===== A案・採用したトップと全ページの共通仕上げ ===== */

body{--head:"Zen Old Mincho","Hiragino Mincho ProN","Yu Mincho",serif;--body:"Noto Sans JP","Hiragino Sans",sans-serif;--accent:#a9553e;--sub:#71695f}

/* ===== トップの見た目比較・共通調整 2026-10-27 ===== */
html[data-look="b"]{--head:"Zen Old Mincho","Hiragino Mincho ProN","Yu Mincho",serif;--body:"Noto Sans JP","Hiragino Sans",sans-serif;--headw:500;--accent:#a9553e;--sub:#71695f}body{overflow-wrap:anywhere}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}nav .in{max-width:1200px;height:64px;padding:0 28px;gap:24px}nav .logo{font-size:21px;letter-spacing:.035em}nav ul{font-size:12px;gap:24px}.nav-cta{font-size:12px;padding:9px 18px}.hero .ph{overflow:hidden}.hero h1{font-weight:500}.hero .ph img{object-position:center}.lead p{font-size:17px;letter-spacing:.08em}.tiles.t3{max-width:1200px;padding:0 24px;gap:20px}.tile{border-radius:20px}.tile .tx{padding:38px 25px 30px}.tile h3{font-size:31px;line-height:1.6}.tile p{font-size:14px;line-height:1.95;max-width:25em}.tile .eyebrow{font-size:11px;letter-spacing:.12em}.tile .more{font-size:13px;margin-top:20px}.tile .ph{overflow:hidden}.tile img,.post img{transition:transform .6s ease}.tile:hover img,.post:hover img{transform:scale(1.025)}section.block{max-width:1100px;padding-left:32px;padding-right:32px}.gift-sec{padding-top:80px}.try-box{gap:44px;padding:48px;background:#f0e9df;border-radius:24px}.try-box .q p{font-size:29px;line-height:1.75}.try-box .q .s{font-size:16px;margin-top:12px}.try-box .a{padding:34px;border-radius:16px}.try-box h3{font-size:25px;line-height:1.7}.try-box .a p{line-height:1.95;font-size:14px}.try-box .a a{padding:13px 25px;font-size:14px}.band{max-width:1200px;padding:0 24px;margin-top:88px;height:420px}.band img{border-radius:20px;object-position:center}.founder-sec{padding-top:86px!important}.founder{gap:52px;max-width:900px;text-align:left}.founder .ph{flex-basis:245px}.founder h3{font-size:29px;margin:8px 0 18px}.founder p{font-size:14px;line-height:2}.founder .eyebrow{font-size:11px}.go-try{margin-top:64px;padding:38px 40px;border-radius:20px;background:#394b40}.go-try b{font-size:28px;margin:8px 0 12px}.go-try p{font-size:13px;line-height:1.9;max-width:46em}.go-try em{font-size:13px}.sh h2{font-size:36px;line-height:1.6}.sh p{font-size:14px;line-height:1.9}.area{margin-top:44px}.area h4{font-size:12px;padding-bottom:12px}.banners{gap:12px;margin:18px 0 32px}.banners a{font-size:12px;border-radius:8px;background:#f7f3ec;min-width:0}.posts{gap:24px;margin-top:40px}.post .ph{border-radius:14px;overflow:hidden}.post .cat{font-size:11px;margin-top:20px}.post h3{font-size:21px;line-height:1.7;margin-top:8px}.more-yt{font-size:14px;margin-top:32px}.cta{max-width:1100px;margin-top:100px;padding:0 32px}.cta>div{padding:65px 30px;border-radius:24px;background:#eee5d9}.cta h2{font-size:35px}.cta p{max-width:36em;margin:20px auto 0;font-size:14px;line-height:2}.cta a{font-size:14px;padding:14px 30px;margin-top:28px}footer{margin-top:90px;padding:36px 32px 46px}footer .in{max-width:1100px}footer ul{gap:14px 22px}footer ul a{font-size:11px}
@media(max-width:950px){nav ul{gap:15px}.tiles.t3{gap:14px}.tile .tx{padding:32px 20px}.tile h3{font-size:26px}.try-box{gap:24px;padding:32px}.try-box .q p{font-size:25px}.try-box .a{padding:28px}.try-box h3{font-size:23px}.posts{gap:18px}.post h3{font-size:19px}}
@media(max-width:760px){nav .in{height:58px;padding:0 20px;gap:16px}nav .logo{font-size:19px}.nav-cta{font-size:11px;padding:8px 14px}.tiles.t3{padding:0 20px;grid-template-columns:1fr;gap:24px}.tile .tx{padding:34px 24px 28px}.tile h3{font-size:31px}.tile p{font-size:14px;max-width:28em}.tile .ph{aspect-ratio:4/3}.lead p{font-size:15px}section.block{padding:68px 22px 0}.gift-sec{padding-top:60px!important}.try-box{grid-template-columns:1fr;gap:25px;padding:30px 22px;border-radius:20px}.try-box .q p{font-size:26px;line-height:1.6}.try-box .q .s{font-size:15px;margin-top:10px}.try-box .a{padding:26px 22px}.try-box h3{font-size:23px}.try-box .a p{font-size:13px}.try-box .a a{font-size:13px;padding:13px 20px}.band{margin-top:60px;height:260px;padding:0 20px}.band img{border-radius:16px}.founder-sec{padding-top:66px!important}.founder{gap:28px;align-items:center;flex-direction:column;text-align:left}.founder .ph{flex-basis:auto;width:210px}.founder h3{font-size:27px}.founder p{font-size:14px}.go-try{margin-top:42px;padding:29px 25px;gap:24px;align-items:flex-start}.go-try b{font-size:26px;line-height:1.7}.go-try p{font-size:13px}.go-try em{font-size:13px}.sh h2{font-size:29px}.sh p{font-size:13px}.area{margin-top:30px}.banners{grid-template-columns:1fr 1fr;gap:10px}.banners a{font-size:11px}.posts{grid-template-columns:1fr;gap:36px}.post .ph{aspect-ratio:16/10}.post .cat{margin-top:16px}.post h3{font-size:22px}.cta{padding:0 20px;margin-top:68px}.cta>div{padding:43px 24px}.cta h2{font-size:28px;line-height:1.7}.cta p{font-size:13px}.cta a{font-size:13px;padding:14px 22px}footer{margin-top:60px;padding:30px 22px 40px}footer ul{gap:12px 18px}footer .in{gap:22px}}
@media(prefers-reduced-motion:reduce){.tile img,.post img{transition:none}.tile:hover img,.post:hover img{transform:none}}
/* ===== トップA案・写真と余白 ===== */
.hero{padding:68px 24px 0}.hero h1{font-size:clamp(38px,5.1vw,64px);line-height:1.5;letter-spacing:.065em}.hero .ph,html[data-look="b"] .hero .ph{max-width:1200px;height:clamp(340px,45vw,560px);border-radius:22px;margin:42px auto 0}.lead{padding:92px 20px 76px}.lead h2{font-size:38px;letter-spacing:.08em}.lead p{margin-top:18px}.tile{background:#f1ece3}.tiles .tile:not(.wide) .tx{min-height:270px}.tile .ph{aspect-ratio:4/3}.tile#work .tx{background:#ebece4}.tile#mama .tx{background:#f4eae3}
@media(max-width:760px){.hero{padding:42px 20px 0}.hero h1{font-size:clamp(31px,8.5vw,44px);line-height:1.65;letter-spacing:.04em}.hero h1 span{display:block}.hero .ph,html[data-look="b"] .hero .ph{height:330px;margin-top:27px;border-radius:16px}.lead{padding:60px 22px 50px}.lead h2{font-size:27px;letter-spacing:.045em}.lead p{margin-top:15px}.tiles .tile:not(.wide) .tx{min-height:0}.tile{border-radius:18px}}


/* ===== A案・下層ページの共通リズム ===== */
html{scroll-padding-top:82px}body{--head:"Zen Old Mincho","Hiragino Mincho ProN","Yu Mincho",serif;--body:"Noto Sans JP","Hiragino Sans",sans-serif;--accent:#a9553e;--sub:#71695f}main,article,section,header,div{min-width:0}.crumb{max-width:1100px;padding:22px 32px 0;font-size:11px;line-height:1.9;color:var(--sub)}.crumb a{text-underline-offset:3px}.crumb a:hover{text-decoration:underline}.sp-hero{padding:56px 28px 0}.sp-hero>.en{font-size:11px;letter-spacing:.19em;color:var(--accent)}.sp-hero>h1{font-size:clamp(34px,4.6vw,58px);line-height:1.6;letter-spacing:.05em;font-weight:500;margin-top:14px}.sp-hero>p{font-size:16px;line-height:2;max-width:42em;margin:20px auto 0;color:var(--sub)}.sp-hero>.ph{max-width:1144px;height:clamp(300px,43vw,560px);margin:48px auto 0;border-radius:22px;overflow:hidden}.sp-hero>.ph img{object-fit:cover}.aud{margin-bottom:60px}.aud.split{max-width:1120px;padding:0 4px 60px;gap:64px;grid-template-columns:1fr 1.08fr}.aud-tx>span{font-size:11px;letter-spacing:.11em;border:1px solid #d5bba8;padding:4px 13px;background:transparent;color:var(--accent)}.aud-copy{font-size:clamp(32px,4vw,48px)!important;line-height:1.65!important;letter-spacing:.045em!important}.aud-sub{font-size:15px!important;line-height:2!important;color:var(--sub)!important;margin-top:22px!important}.aud-ph{height:410px;gap:12px;min-width:0}.aud-ph .ph{border-radius:18px}.aud-ph.one{height:420px}.aud-ph.one .ph{border-radius:22px}.quote{padding:84px 28px 0;max-width:800px}.quote h2{font-size:clamp(27px,3.3vw,38px);line-height:1.8;letter-spacing:.045em}.quote p{font-size:15px;line-height:2.1;margin-top:24px;max-width:38em;margin-left:auto;margin-right:auto}.page-toc{gap:10px;margin-top:35px}.page-toc a{font-size:12px;padding:8px 15px}.eq{margin-top:52px;gap:35px}.eq .t b{font-size:34px}.eq .t span{font-size:11px}.eq .op{font-size:25px}.senses5{max-width:1140px;padding:0 26px;gap:14px;margin-top:48px}.senses5 .ph{border-radius:18px}.senses5 figcaption{font-size:20px;margin-top:16px}.sh .big{font-size:29px;line-height:1.8}.sh.sub2{margin-top:65px}.sh.sub2 h3{font-size:22px}.two-play,.feat{gap:20px;margin-top:42px}.two-play>div,.feat figure{border-radius:20px}.two-play .tx{padding:30px 30px 35px}.two-play h3{font-size:27px;margin-top:10px;line-height:1.7}.two-play p{font-size:14px;line-height:2}.feat .ph{overflow:hidden}.feat figcaption{padding:28px 27px 32px}.feat h3{font-size:24px;line-height:1.7;margin-bottom:13px}.feat p{font-size:14px;line-height:1.95}.feat .n{font-size:11px}.feat .mini{gap:5px}.cycle{margin-top:46px;border-color:var(--line)}.cycle>div{padding:36px 24px}.cycle h3{font-size:29px;line-height:1.65;margin:10px 0 14px}.cycle p{font-size:14px;line-height:1.95}.cycle .from{font-size:11px}.scenes{gap:18px;margin-top:40px}.scenes>div{padding:29px 26px;border-radius:16px;background:var(--bg)}.scenes h3{font-size:21px;line-height:1.7;margin-bottom:12px}.scenes p{font-size:14px;line-height:1.95}.tips{gap:20px;margin-top:42px}.tips>div{padding:34px 30px;border-radius:20px}.tips h3{font-size:25px;line-height:1.7;margin-bottom:18px}.tips p,.tips dl{font-size:14px;line-height:1.95}.tips dl{gap:14px 20px}.sp-both{margin-top:40px;padding-top:40px}.sp-both h3{font-size:28px;line-height:1.8}.sp-both p{font-size:15px;line-height:2}.sp-both .home{font-size:13px}.teach{margin-top:42px;border-radius:22px}.teach .ph{min-height:360px}.teach .tx{padding:44px 38px}.teach .eyebrow{font-size:11px;line-height:1.8}.teach h3{font-size:31px;line-height:1.7;margin:10px 0 20px}.teach p{font-size:14px;line-height:2}.teach .voice{font-size:13px;margin-top:20px}.teacher{gap:50px;margin-top:44px}.teacher .ph{flex-basis:270px;overflow:hidden}.teacher h3{font-size:28px;line-height:1.8}.teacher .role{font-size:12px;line-height:1.9}.teacher p{font-size:14px;line-height:2}.spec{font-size:14px;gap:16px 26px;padding-top:28px;margin-top:38px;line-height:1.9}.spec dd{min-width:0}.method{font-size:11px;line-height:1.9}.words{margin-top:44px}.words li{grid-template-columns:170px 1fr;gap:28px;padding:29px 6px}.words .hw{font-size:28px}.words .hw span{font-size:12px;margin-top:7px}.words h3{font-size:24px;line-height:1.75;margin-bottom:7px}.words p{font-size:14px;line-height:1.95}.gsteps .hw{font-size:42px}.gsteps .hw span{font-size:13px}.nums{max-width:850px;padding:14px 0}.nums b{font-size:56px;line-height:1.5}.nums span{font-size:12px}.faq{margin-top:38px}.faq dt{font-size:20px;padding:26px 4px 9px;line-height:1.8}.faq dd{font-size:14px;line-height:2;padding:0 4px 26px}.vgrid{gap:32px 20px;margin-top:42px}.vcard .ph{border-radius:16px;overflow:hidden}.vcard .who{font-size:11px;margin-top:18px}.vcard p{font-size:19px;line-height:1.8;margin-top:7px}.themes{gap:12px;margin-top:34px}.themes li{font-size:15px;padding:9px 19px}.chips{gap:9px}.chips button{font-size:13px;padding:9px 17px;line-height:1.7}.chips button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.cgrid{gap:30px 23px;margin-top:38px}.ccard .bn{border-radius:14px}.ccard h3{font-size:20px;line-height:1.75;margin-top:9px}.ccard p{font-size:12px;line-height:1.9}.ccard .meta{font-size:11px;margin-top:15px}.ccard .bn span{font-size:16px;overflow-wrap:anywhere}.alt2 .opt .tx{padding:35px 30px}.alt2 h3{font-size:26px;line-height:1.7}.fine{font-size:12px;line-height:2}.empty{font-size:14px;padding:32px;background:var(--bg2);border-radius:18px}.line-box{gap:25px;padding:30px;border-radius:20px;margin-top:32px}.line-box b{font-size:23px;line-height:1.8;margin-bottom:9px}.line-box span{display:block;font-size:13px;line-height:1.95}.line-box a{font-size:13px;padding:13px 23px;white-space:nowrap}.base2{gap:14px 20px;margin-top:36px}.bhead .ph{border-radius:18px;overflow:hidden}.bhead h3{font-size:29px;line-height:1.7;margin-top:16px}.bhead p{font-size:13px}.age-row{margin-top:28px}.age-row span{font-size:18px;padding:4px 16px}.lv{padding:25px;border-radius:16px}.lv-n{font-size:11px;line-height:1.9;margin-bottom:10px}.lv p{font-size:14px;line-height:2}.lv .mini-note{font-size:12px}.lv .mat{font-size:11px;max-width:100%;white-space:normal;border-radius:10px;line-height:1.9}.safe-box{padding:20px 24px;border-radius:16px;font-size:12px;line-height:2}.safe-box b{font-size:14px;margin-bottom:6px}.here{font-size:15px;padding:14px}.next2{gap:20px;margin-top:26px}.nx{padding:31px 28px;border-radius:20px}.nx h3{font-size:26px;line-height:1.7;margin:10px 0 16px}.nx p{font-size:13px;line-height:1.95}.nx .k,.nx .more{font-size:12px;line-height:1.9}.nx .more{margin-top:20px}.nx.dark{background:#394b40}.work2{gap:24px;margin-top:42px}.wk{border-radius:20px}.wk .tx{padding:32px}.wk .eyebrow{font-size:11px}.wk h3{font-size:29px;line-height:1.7;margin:10px 0 17px}.wk p{font-size:14px;line-height:1.95}.wk-pts{font-size:12px;line-height:2}.wk .more{font-size:13px}.shop-wrap{max-width:1120px;padding:0 32px}.shop-nav{gap:12px;margin-top:36px}.shop-nav a{font-size:13px;padding:15px;border-radius:12px;line-height:1.9}.shop-sec{padding-top:64px}.shop-sec h2{font-size:29px;padding-bottom:18px;line-height:1.7}.shop-sec .sub{font-size:19px;line-height:1.8;margin:30px 0 15px}.sgrid{gap:21px 18px;margin-top:18px}.item{border-radius:16px;padding:16px}.item .im{border-radius:10px;background:white;overflow:hidden}.item .im img{object-fit:contain}.item h4{font-size:17px;line-height:1.7;margin-top:15px}.item p{font-size:12px;line-height:1.95;margin-top:9px}.item .sb{font-size:12px;padding:9px 10px;margin-top:16px;line-height:1.7}.pr-top{font-size:11px}.pr{font-size:9px}.blogs{padding-top:42px!important}.blogs .posts{row-gap:42px}.article{max-width:790px;padding:50px 35px 0}.article header{max-width:700px;margin:auto}.article .cat{font-size:11px;letter-spacing:.12em}.article h1{font-size:clamp(27px,3.7vw,40px);line-height:1.75;letter-spacing:.03em;margin-top:15px}.article .lead{font-size:15px;line-height:2;margin-top:24px}.article .date{font-size:11px;margin-top:20px}.article .hero-ph{aspect-ratio:3/2;border-radius:20px;overflow:hidden;margin-top:35px}.article .body{font-size:16px;line-height:2.1;margin-top:48px}.article .body p{margin-bottom:1.7em}.article .body h2{font-size:28px;line-height:1.8;margin:2.1em 0 1em;padding-top:1.2em}.article .body ul{padding-left:1.3em;margin-bottom:1.8em}.article .body li{margin-bottom:.5em}.article .body figure{margin:2em 0}.article .body figure .ph{border-radius:16px;overflow:hidden}.article .body figcaption{font-size:11px;line-height:1.9;margin-top:13px}.article .callout{background:#f0e9df;padding:23px 27px;border-radius:16px;font-size:15px;line-height:2}.article .callout b{font-size:11px;margin-bottom:9px}.author{padding:28px;border-radius:18px;gap:22px;margin-top:48px}.author .ph{overflow:hidden;width:88px}.author h3{font-size:21px;line-height:1.7;margin-top:4px}.author .k{font-size:10px}.author p{font-size:12px;line-height:1.9;margin-top:9px}.posts.two{max-width:800px;gap:26px}.legal{max-width:860px;padding:52px 36px 0}.legal h1{font-size:clamp(27px,3.5vw,38px);line-height:1.75;margin-bottom:38px}.legal h2{font-size:23px;line-height:1.85;margin:36px 0 12px}.legal p,.legal li{font-size:14px;line-height:2.1}.legal .lead{font-size:14px;line-height:2}.legal .fine{font-size:12px;margin-top:30px}.ltable{grid-template-columns:11em minmax(0,1fr)}.ltable dt,.ltable dd{padding:21px 8px;font-size:14px;line-height:2}.contact-ways{gap:22px;margin-top:34px}.contact-ways>div{padding:32px 28px;border-radius:18px}.contact-ways h2{margin:0 0 16px;font-size:25px}.contact-ways .btn{font-size:13px;padding:12px 23px}.todo{color:#875337;font-size:12px;background:#f9eccf;padding:1px 4px}.flow{gap:12px;margin-top:46px}.flow .dot{width:112px;height:112px}.flow .n{font-size:10px}.flow h3{font-size:22px;line-height:1.7}.flow p{font-size:12px;line-height:1.9}.grow-note{font-size:14px;line-height:2;margin-top:45px}.ex4{gap:14px;margin-top:34px}.ex4>div{padding:24px 20px;border-radius:15px}.ex4 h3{font-size:20px;line-height:1.75}.ex4 p{font-size:13px;line-height:1.95}
/* ===== A案・スマホの読み幅と余白 ===== */
@media(max-width:950px){.aud.split{gap:30px}.aud-ph{height:340px}.aud-copy{font-size:36px!important}.teach .tx{padding:34px 28px}.teach h3{font-size:27px}.sgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-nav{grid-template-columns:1fr 1fr}.scenes{gap:13px}.scenes>div{padding:25px 20px}.flow{gap:6px}.flow .dot{width:94px;height:94px}.teacher{gap:35px}}
@media(max-width:760px){.crumb{padding:18px 22px 0;font-size:10px}.sp-hero{padding:36px 22px 0}.sp-hero>h1{font-size:clamp(30px,7.8vw,43px);line-height:1.7;margin-top:13px}.sp-hero>p{font-size:13px;line-height:2;margin-top:18px}.sp-hero>.ph{margin:30px 0 0;height:290px;border-radius:16px}.sp-hero>.en{font-size:10px}.aud{margin-bottom:35px}.aud.split{display:grid;grid-template-columns:1fr;text-align:center;gap:29px;padding:0 0 38px;margin-bottom:35px}.aud-copy{font-size:clamp(30px,8vw,40px)!important;line-height:1.65!important}.aud-sub{font-size:13px!important;line-height:1.95!important;margin-top:17px!important}.aud-tx>span{font-size:10px;padding:3px 12px}.aud-ph{height:280px;gap:8px}.aud-ph.one{height:290px}.aud-ph .ph,.aud-ph.one .ph{border-radius:14px}.quote{padding:60px 26px 0}.quote h2{font-size:26px;line-height:1.8}.quote p{font-size:14px;line-height:2.1;margin-top:20px}.page-toc{gap:8px;margin-top:28px;padding:0 22px}.page-toc a{font-size:11px;padding:7px 12px}.eq{gap:18px;margin-top:34px}.eq .t b{font-size:27px}.eq .t span{font-size:10px}.eq .op{font-size:21px}.senses5{padding:0 22px;gap:20px 12px;margin-top:34px}.senses5 .ph{border-radius:14px}.senses5 figcaption{font-size:18px;margin-top:12px}.sh .big{font-size:25px;line-height:1.85}.sh.sub2{margin-top:45px}.sh.sub2 h3{font-size:20px}.two-play,.feat{grid-template-columns:1fr;gap:24px;margin-top:32px}.two-play .tx{padding:27px 25px 30px}.two-play h3{font-size:26px}.two-play p{font-size:13px}.feat figcaption{padding:27px 25px 30px}.feat h3{font-size:24px}.feat p{font-size:13px}.cycle{grid-template-columns:1fr;margin-top:32px}.cycle>div{padding:30px 22px}.cycle>div+div{border-left:0;border-top:1px solid var(--line)}.cycle h3{font-size:27px}.cycle p{font-size:13px}.scenes{grid-template-columns:1fr;gap:15px;margin-top:30px}.scenes>div{padding:26px 24px}.scenes h3{font-size:22px;margin-bottom:10px}.scenes p{font-size:13px}.tips{grid-template-columns:1fr;gap:20px;margin-top:32px}.tips>div{padding:29px 24px}.tips h3{font-size:24px}.tips p,.tips dl{font-size:13px}.tips dl{grid-template-columns:auto minmax(0,1fr);gap:12px 14px}.sp-both h3{font-size:25px}.sp-both p{font-size:14px}.sp-both .home{font-size:12px}.teach{flex-direction:column;margin-top:32px}.teach .ph{min-height:0;flex:none;aspect-ratio:4/3}.teach .tx{padding:30px 26px 35px}.teach h3{font-size:27px}.teach p{font-size:13px}.teacher{flex-direction:column;align-items:center;gap:28px;margin-top:35px}.teacher .ph{width:220px;flex-basis:auto}.teacher h3{font-size:26px}.teacher p{font-size:13px}.spec{grid-template-columns:auto minmax(0,1fr);gap:14px 18px;font-size:13px;margin-top:28px}.method{font-size:10px;margin-top:24px}.words{margin-top:30px}.words li{grid-template-columns:1fr;gap:14px;padding:24px 0}.gsteps .hw{font-size:36px;line-height:1.2}.gsteps .hw span{display:inline-block;font-size:13px;margin-left:18px;margin-top:0}.words h3{font-size:23px}.words p{font-size:13px}.nums{grid-template-columns:1fr;gap:22px}.nums>div+div{border-left:0}.nums b{font-size:49px}.faq{margin-top:27px}.faq dt{font-size:19px;padding-top:23px;line-height:1.8}.faq dd{font-size:13px;line-height:2;padding-bottom:24px}.vgrid{grid-template-columns:1fr;gap:30px;margin-top:32px}.vcard p{font-size:21px;line-height:1.8}.vcard .who{font-size:11px;margin-top:16px}.themes{gap:9px}.themes li{font-size:13px;padding:8px 14px}.chips{gap:8px}.chips button{font-size:12px;padding:8px 13px}.cgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.ccard h3{font-size:18px}.ccard .meta{flex-wrap:wrap;gap:5px}.ccard .meta,.ccard p{font-size:10px}.ccard .bn span{font-size:13px}.alt2 .opt .tx{padding:28px 24px}.alt2 h3{font-size:24px}.fine{font-size:11px;line-height:2}.empty{padding:25px;font-size:13px}.line-box{flex-direction:column;align-items:flex-start;padding:25px 23px;gap:23px}.line-box b{font-size:22px}.line-box span{font-size:12px}.line-box a{font-size:12px;padding:13px 20px}.base2{gap:13px;margin-top:25px}.lv{padding:23px}.lv p{font-size:13px}.bhead h3{font-size:26px}.bhead p{font-size:12px}.age-row{margin-top:22px}.age-row span{font-size:16px}.safe-box{font-size:11px;padding:19px 21px}.next2,.work2{grid-template-columns:1fr;gap:23px}.nx{padding:28px 24px}.nx h3{font-size:25px}.nx p{font-size:13px}.wk .tx{padding:28px 25px 32px}.wk h3{font-size:26px}.wk p{font-size:13px}.shop-wrap{padding:0 22px}.shop-nav{gap:9px;margin-top:28px}.shop-nav a{font-size:12px;padding:12px;gap:9px}.shop-sec{padding-top:46px}.shop-sec h2{font-size:26px;padding-bottom:14px}.shop-sec .sub{font-size:18px;margin-top:25px}.sgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.item{padding:11px;border-radius:12px}.item h4{font-size:15px;margin-top:12px}.item p{font-size:11px;line-height:1.9}.item .sb{font-size:11px;padding:9px 7px}.blogs{padding-top:30px!important}.article{padding:35px 25px 0;max-width:760px}.article h1{font-size:29px;line-height:1.75}.article .lead{font-size:13px;line-height:2;margin-top:20px}.article .date{font-size:10px;margin-top:18px}.article .hero-ph{border-radius:15px;margin-top:27px;aspect-ratio:4/3}.article .body{font-size:15px;line-height:2.15;margin-top:35px}.article .body p{margin-bottom:1.7em}.article .body h2{font-size:25px;line-height:1.8;margin:1.9em 0 .9em;padding-top:1.15em}.article .callout{padding:22px;font-size:14px}.article .callout b{font-size:10px}.article .body figcaption{font-size:10px}.author{padding:23px;gap:18px;align-items:flex-start}.author .ph{flex-basis:65px;width:65px;height:65px}.author h3{font-size:19px}.author p{font-size:11px}.posts.two{grid-template-columns:1fr;gap:30px}.legal{padding:36px 25px 0}.legal h1{font-size:29px;line-height:1.8;margin-bottom:29px}.legal h2{font-size:22px;line-height:1.9;margin-top:30px}.legal p,.legal li{font-size:13px;line-height:2.1}.legal .lead{font-size:13px}.legal .fine{font-size:11px}.ltable{grid-template-columns:1fr}.ltable dt{border-bottom:0;padding:20px 0 3px;font-size:12px}.ltable dd{padding:4px 0 20px;font-size:13px}.contact-ways{grid-template-columns:1fr;gap:20px}.contact-ways>div{padding:29px 24px}.contact-ways h2{font-size:25px}.contact-ways .btn{font-size:12px}.flow{display:grid;grid-template-columns:1fr;gap:25px;max-width:350px;margin-top:34px}.flow li{grid-template-columns:80px minmax(0,1fr);gap:0 18px}.flow .dot{width:80px;height:80px}.flow h3{font-size:21px}.flow p{font-size:12px}.grow-note{font-size:13px;line-height:2}.ex4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ex4>div{padding:22px 17px}.ex4 h3{font-size:19px}.ex4 p{font-size:12px}}
@media(max-width:480px){.cgrid{grid-template-columns:1fr}.ccard h3{font-size:21px}.ccard .meta,.ccard p{font-size:12px}.sgrid{gap:17px 11px}}
@media(max-width:350px){.sgrid{grid-template-columns:1fr}.shop-nav{grid-template-columns:1fr}.tips dl{grid-template-columns:1fr}.ex4{grid-template-columns:1fr}.author{flex-direction:column}.line-box a{white-space:normal}}
/* ===== A案・印刷と動きを控える設定 ===== */
@media print{nav{position:static;background:transparent;backdrop-filter:none}.hero .ph,.sp-hero>.ph{height:90mm}.aud{break-inside:avoid}.aud-ph{height:80mm}.article{max-width:none}.article .body{font-size:11pt}.article .body h2{break-after:avoid}.item,.step,.ccard,.callout,.author{break-inside:avoid}a{overflow-wrap:anywhere}body{color:#2b2824;background:white}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile img,.post img{transition:none}}

/* ===== 目的に合わせて迷わず移動するナビゲーション ===== */
.mobile-menu{display:none}.nav-cta{font-size:11px}nav .in{position:relative}nav ul{gap:20px}.mobile-menu summary{cursor:pointer;list-style:none;font-size:11px;line-height:1.8;padding:7px 0;color:var(--ink)}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary:after{content:'＋';margin-left:5px;color:var(--accent)}.mobile-menu[open] summary:after{content:'−'}.mobile-menu .mobile-links{position:absolute;top:100%;right:0;left:0;background:var(--bg);border:1px solid var(--line);border-top:0;padding:12px 22px 18px;box-shadow:0 18px 30px #2b282414;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.mobile-menu .mobile-links a{display:block;font-size:12px;padding:13px 0;border-bottom:1px solid var(--line);line-height:1.8}.mobile-menu .mobile-links a:hover{color:var(--accent)}
@media(max-width:760px){nav .in{gap:12px;padding:0 18px}nav .logo{font-size:17px;flex:0 0 auto}.nav-cta{font-size:10px;padding:8px 11px;margin-left:auto}.mobile-menu{display:block;flex:0 0 auto}}@media(max-width:350px){nav .in{gap:8px;padding:0 12px}nav .logo{font-size:15px}.nav-cta{font-size:9px;padding:7px 9px}.mobile-menu summary{font-size:10px}.mobile-menu .mobile-links{grid-template-columns:1fr}}

/* ===== RainbowTreeと、にじここについて ===== */
.about-page{max-width:1200px;margin:auto;padding:0 28px}.about-hero{text-align:center;padding:58px 20px 49px}.about-eyebrow{font-size:12px;color:var(--accent);letter-spacing:.12em}.about-hero h1{font:500 clamp(35px,4.5vw,55px)/1.7 var(--head);letter-spacing:.05em;margin:22px 0}.about-hero>p{font-size:16px;color:var(--sub);line-height:2}.about-name{font-size:12px;color:var(--sub);margin-top:25px;letter-spacing:.06em}.about-opening{height:410px;border-radius:22px;overflow:hidden}.about-story{max-width:720px;margin:auto}.about-story section{padding:68px 0 0}.about-chapter{font-size:11px;letter-spacing:.1em;color:var(--accent);margin-bottom:19px}.about-page h2{font:500 33px/1.8 var(--head);letter-spacing:.025em;margin-bottom:26px}.about-story p,.about-scent p{font-size:15px;line-height:2.15;margin-bottom:22px}.about-scent{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;margin-top:78px;padding:44px;background:var(--tile);border-radius:22px}.about-scent figure{height:400px;border-radius:16px;overflow:hidden}.about-scent h2{font-size:30px}.about-scent p{font-size:14px}.about-scent p:last-child{font-size:11px;color:var(--sub);margin-bottom:0}.about-purpose{max-width:720px;margin:78px auto 0;text-align:center}.about-purpose h2{font-size:38px}.about-purpose p{font-size:16px;line-height:2.1;margin-bottom:24px}.about-paths{max-width:900px;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:48px auto 0}.about-paths a{background:var(--tile);padding:34px;border-radius:19px}.about-paths small{display:block;color:var(--sub);font-size:11px;letter-spacing:.1em}.about-paths b{display:block;font:500 26px/1.8 var(--head);margin:12px 0}.about-paths span{font-size:13px;color:var(--accent)}.about-link{display:inline-block;margin-top:8px;color:var(--accent);font-size:13px;text-decoration:underline;text-underline-offset:5px}.teacher .more{display:inline-block;color:var(--accent);margin-top:20px;font-size:13px}
@media(max-width:1000px){nav ul{display:none}.mobile-menu{display:block;flex:0 0 auto}.nav-cta{margin-left:auto}.about-scent{gap:30px;padding:30px}.about-scent figure{height:370px}.about-scent h2{font-size:27px}}
@media(max-width:760px){.about-page{padding:0 22px}.about-hero{padding:38px 0 35px}.about-eyebrow{font-size:10px}.about-hero h1{font-size:clamp(29px,8vw,40px);line-height:1.75;margin:20px 0}.about-hero>p{font-size:13px;line-height:2}.about-name{font-size:10px;margin-top:20px}.about-opening{height:260px;border-radius:16px}.about-story section{padding-top:48px}.about-chapter{font-size:10px;margin-bottom:17px}.about-page h2{font-size:26px;line-height:1.8;margin-bottom:23px}.about-story p,.about-scent p{font-size:14px;line-height:2.1;margin-bottom:21px}.about-scent{grid-template-columns:1fr;padding:25px 23px;gap:28px;margin-top:48px;border-radius:18px}.about-scent figure{height:220px}.about-scent h2{font-size:25px}.about-scent p:last-child{font-size:10px}.about-purpose{margin-top:52px;text-align:left}.about-purpose h2{font-size:30px}.about-purpose p{font-size:14px;line-height:2.1}.about-paths{grid-template-columns:1fr;gap:18px;margin-top:33px}.about-paths a{padding:28px 25px}.about-paths b{font-size:24px;margin:10px 0}.about-paths span{font-size:12px}.about-link{font-size:12px;line-height:2}}

/* ===== 分野を選んでから目的を選ぶメニュー ===== */
nav .in{position:relative;gap:24px}.desktop-navigation{display:flex;align-items:center;gap:30px;margin-left:auto}.nav-group>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink);line-height:1.8;padding:19px 0;user-select:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:'';display:block;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-4px}.nav-group[open]>summary:after{transform:rotate(225deg);margin-top:3px}.nav-group[open]>summary{color:var(--accent)}.nav-group>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.nav-about{font-size:12px;white-space:nowrap}.nav-panel{position:absolute;top:100%;right:0;left:0;padding:25px 30px 30px;background:var(--bg);border:1px solid var(--line);border-top:0;box-shadow:0 18px 30px #2b28240f;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 32px}.nav-panel>a{padding:15px 5px;border-bottom:1px solid var(--line);display:block}.nav-panel b{font-weight:500;font-size:14px;display:block;line-height:1.8}.nav-panel span{font-size:11px;line-height:1.8;color:var(--sub);display:block;margin-top:5px}.nav-panel>a:hover b{color:var(--accent)}.aroma-group .nav-panel{grid-template-columns:1fr 1fr}.nav-cta{font-size:11px;white-space:nowrap}.mobile-menu .nav-group{grid-column:1/-1;min-width:0}.mobile-menu .nav-group>summary{padding:17px 0;font-size:14px;border-bottom:1px solid var(--line);justify-content:space-between}.mobile-menu .nav-panel{position:static;display:grid;grid-template-columns:1fr;gap:0;padding:0 0 8px 17px;border:0;box-shadow:none;background:transparent}.mobile-menu .nav-panel>a{padding:12px 0!important;border-bottom:1px solid var(--line)}.mobile-menu .nav-panel b{font-size:12px}.mobile-menu .nav-panel span{font-size:10px;margin-top:3px}.mobile-menu .mobile-links{display:block;max-height:calc(100dvh - 78px);overflow:auto;overscroll-behavior:contain;padding:10px 23px 22px}.mobile-menu .mobile-links>a{font-size:12px;padding:14px 0}.mobile-menu .mobile-home{color:var(--sub)}
@media(min-width:1001px){.mobile-menu{display:none}.desktop-navigation{display:flex}}
@media(max-width:1000px){.desktop-navigation{display:none}.mobile-menu{display:block}.nav-cta{margin-left:auto}nav .in{gap:16px}}
@media(max-width:760px){nav .in{padding:0 18px;gap:13px}.nav-cta{font-size:10px;padding:8px 12px}.mobile-menu>summary{font-size:11px}}
@media print{.desktop-navigation,.mobile-menu,.nav-cta{display:none!important}}
/* Material-category navigation stays in its own section. */
nav.shop-nav{position:static;top:auto;z-index:auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}