/* コンサルの全ページを STAYGO の LP（www.staygo.jp）と同じ作りにする（Tom 2026-10-20 承認の案）
   ⚠️ どのページでも一番最後に読む（staygo-match.css・price-viz.css のあと）。前に置くと同じ強さの指定に負けて効かない
   ⚠️ 直したら、読み込む側の ?v= を1つ上げる（全 HTML と tools の build_*.py）。CSS は4時間ためられる
   ・見出しは明朝をやめ、LP と同じ太いゴシック（Poppins＋ヒラギノ角ゴ）。2026-10-06 の「見出しは しっぽり明朝」は、この案で取り消し
   ・白い地、黒い面、角丸のカード（24px）・写真（20px）、黒いピルの押しどころ、青は小さな印だけ
   ・数字は Poppins（数字にセリフ体を使わない） */

:root{--lp-ink:#111113;--lp-sub:#5A5A62;--lp-faint:#6B6B73;--lp-line:#E9E9ED;--lp-off:#F6F6F8;--lp-face:#F3F3F6;--lp-dark:#141416;--lp-dark-2:#1C1C1F;--lp-blue:#2563EB;--lp-blue-l:#EAF1FE;
  --lp-head:"Poppins","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",system-ui,sans-serif}

/* ───── 見出し：太いゴシック ───── */
main h1,main h2,main h3,.h1,.h2,.h3,
.panel h1,.panel h2,.card h3,.split h2,.half h3,.faq h2,.us h2,.us h3,
.arts .t,.more b,.grid2 b,.price .v,.e-name,.m-h3{font-family:var(--lp-head)!important;font-style:normal}
main h1,.h1,.panel h1{font-weight:800!important;letter-spacing:-.01em!important;line-height:1.16}
main h2,.h2,.split h2,.faq h2,.us h2{font-weight:800!important;letter-spacing:-.005em!important;line-height:1.25}
main h3,.h3,.card h3,.half h3,.us h3,.arts .t,.more b,.grid2 b{font-weight:700!important;letter-spacing:0!important}
.grid2 li::before,.steps > li::before{font-family:"Poppins",var(--lp-head)!important;font-weight:700!important;color:var(--lp-blue)!important}
.price .v,.stats b,.fees .v,.pv-num{font-family:"Poppins",var(--lp-head)!important;font-weight:800!important;letter-spacing:-.01em!important}

/* ───── 押しどころ：丸いピル ───── */
.pill,.b,.btn{border-radius:999px!important;font-weight:600;letter-spacing:.02em}
.pill-dark,.btn-dark{background:var(--lp-dark);color:#fff}
.pill-dark:hover,.btn-dark:hover{background:#2A2A2E}

/* ───── 説明ページと記事の上の帯：白い帯に黒い字（LP の記事のページと同じ） ───── */
body:not(.lp){background:#fff}
body:not(.lp) .hd{background:rgba(255,255,255,.94);color:var(--lp-ink);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--lp-line)}
body:not(.lp) .hd .hd-in{min-height:72px}
body:not(.lp) .hd .brand{color:var(--lp-ink)}
body:not(.lp) .hd .brand img{filter:none}
body:not(.lp) .hd .brand small{color:var(--lp-sub);letter-spacing:.18em;font-weight:600}
body:not(.lp) .hd .pill{background:var(--lp-dark);color:#fff;min-height:44px;padding:0 22px;font-size:13.5px}
body:not(.lp) .hd .pill:hover{background:#2A2A2E}
body:not(.lp) .hd :focus-visible{outline-color:var(--lp-blue)}

/* ───── 説明ページ：最初の画面 ───── */
body:not(.lp) .crumb{font-size:12.5px;color:var(--lp-faint)}
body:not(.lp) .top{gap:clamp(28px,4.5vw,72px);padding:clamp(20px,3vw,40px) 0 clamp(48px,6vw,88px)}
body:not(.lp) .top .h1{font-size:clamp(34px,4.4vw,64px);margin:18px 0 22px;color:var(--lp-ink)}
body:not(.lp) .lead{font-size:17px;line-height:1.9;letter-spacing:.02em;color:var(--lp-sub)}
body:not(.lp) .top-ph{border-radius:24px;aspect-ratio:4/3;box-shadow:none}
@media (max-width:900px){body:not(.lp) .top-ph{aspect-ratio:16/10}}
body:not(.lp) .toc{gap:10px;margin-top:30px}
body:not(.lp) .toc a{min-height:44px;padding:0 18px;border:1px solid #D4D4DA;border-radius:999px;background:#fff;color:var(--lp-ink);font-size:13px;font-weight:600;letter-spacing:.02em}
body:not(.lp) .toc a:hover{background:var(--lp-dark);border-color:var(--lp-dark);color:#fff}

/* 本文の節 */
body:not(.lp) .body > section{padding-top:clamp(64px,7vw,104px)}
body:not(.lp) .body .h2{font-size:clamp(28px,3vw,44px);margin:0 0 18px;color:var(--lp-ink)}
body:not(.lp) .body > section > p{font-size:16px;line-height:1.9;color:#3F3F46}
body:not(.lp) .h3{font-size:18px;color:var(--lp-ink)}

/* 番号の2列・段の並び：番号は青い Poppins */
.grid2 li::before{font-size:22px!important}
.grid2 b{font-size:17px}
.steps > li::before{font-size:26px!important}

/* 2枚の比べ：面のカード（片方は黒） */
body:not(.lp) .pair{gap:16px}
body:not(.lp) .pair .card{background:var(--lp-off);border:0;border-radius:24px;padding:28px 30px}
body:not(.lp) .pair .card.dark{background:var(--lp-dark);color:#fff}
body:not(.lp) .pair .card.dark p{color:#C9C9D0}

/* 料金の黒いカード */
body:not(.lp) .price{border-radius:24px;background:var(--lp-dark);padding:40px 44px}
body:not(.lp) .price .v{font-size:clamp(44px,4.6vw,64px)}
body:not(.lp) .price .pill{background:#fff;color:var(--lp-ink)}

/* 締めの黒い面：角丸の大きなカード（LP の「It begins with a conversation」） */
body:not(.lp) .cta{max-width:1200px;margin:clamp(24px,4vw,56px) auto 0;border-radius:28px;background:var(--lp-dark);padding:clamp(48px,6vw,88px) clamp(24px,5vw,64px)}
@media (max-width:1280px){body:not(.lp) .cta{margin-inline:var(--gutter)}}
body:not(.lp) .cta .h2{font-size:clamp(28px,3.2vw,46px);color:#fff}
body:not(.lp) .cta p{color:#C9C9D0}
body:not(.lp) .cta .pill{background:#fff;color:var(--lp-ink)}

/* ほかのページ：面のカード */
body:not(.lp) .more .h2{font-size:clamp(24px,2.4vw,34px)}
body:not(.lp) .more ul:not(.arts){gap:16px}
body:not(.lp) .more ul:not(.arts) a{background:var(--lp-off);border:0;border-radius:24px;padding:26px 28px}
@media (hover:hover){body:not(.lp) .more ul:not(.arts) a:hover{background:var(--lp-face)}}
body:not(.lp) .more b{font-size:17px}

/* 足元 */
body:not(.lp) .ft{background:var(--lp-dark);margin-top:clamp(64px,7vw,104px)}

/* ───── 記事の一覧：写真が上の3列カード、先頭の1本は黒い大きなカード ───── */
div.art{max-width:1200px}
div.art > .h1{font-size:clamp(36px,5vw,72px);max-width:14em}
div.art > .lead{max-width:44em;border-bottom:0;padding-bottom:0}
div.art .arts{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;border-top:0;margin-top:clamp(36px,4vw,56px)}
div.art .arts a{display:flex;flex-direction:column;gap:0;padding:0;border-bottom:0;min-height:0}
div.art .arts .th{width:100%;aspect-ratio:4/3;border-radius:20px;margin-bottom:18px;transition:opacity .3s}
div.art .arts a:hover .th{opacity:.88}
div.art .arts .t{font-size:clamp(18px,1.5vw,21px);line-height:1.45;color:var(--lp-ink);margin:0 0 8px}
div.art .arts .d{font-size:14px;line-height:1.75;color:var(--lp-sub);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
div.art .arts .ico{display:none}
div.art .arts li:first-child{grid-column:1/-1}
div.art .arts li:first-child a{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;background:var(--lp-dark);color:#fff;border-radius:28px;overflow:hidden}
div.art .arts li:first-child .th{grid-row:1/span 2;height:100%;min-height:380px;aspect-ratio:auto;border-radius:0;margin:0}
div.art .arts li:first-child .t{color:#fff;font-size:clamp(24px,2.4vw,36px);align-self:end;padding:0 clamp(28px,4vw,52px);margin:0 0 14px}
div.art .arts li:first-child .d{color:#C9C9D0;align-self:start;padding:0 clamp(28px,4vw,52px);-webkit-line-clamp:4;font-size:15px}
@media (max-width:1023.98px){div.art .arts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  div.art .arts{grid-template-columns:minmax(0,1fr);gap:32px}
  div.art .arts li:first-child a{grid-template-columns:minmax(0,1fr)}
  div.art .arts li:first-child .th{grid-row:auto;min-height:0;aspect-ratio:4/3}
  div.art .arts li:first-child .t{padding:24px 24px 0;font-size:22px;margin-bottom:8px}
  div.art .arts li:first-child .d{padding:0 24px 26px}
  div.art .arts .d{display:-webkit-box}
  div.art .arts .t{grid-row:auto;align-self:auto;font-size:19px}
}

/* ───── 記事のページ ───── */
article.art .h1{font-size:clamp(30px,3.6vw,50px);margin:16px 0 18px}
article.art .art-ph{border-radius:20px}
article.art .lead{font-size:17px;line-height:1.95;color:#3F3F46}
article.art .h2{font-size:clamp(24px,2.4vw,32px);margin-bottom:16px}
article.art p{color:#3F3F46;line-height:1.95}
article.art .points{background:var(--lp-off);border-radius:24px;padding:26px 30px;border:0}
article.art ul.dots li::before{background:var(--lp-blue)}
article.art .ex{border-radius:20px;background:var(--lp-off);border:0}
article.art .ex p[lang="en"]{font-family:"Poppins",var(--lp-head)}
article.art .toc{margin-top:28px}
.more .arts a{border-bottom:1px solid var(--lp-line)}
.more .arts .th{border-radius:14px}

/* ───── トップ ───── */
/* 最初の画面：配置は前のまま（真ん中の見出し・下のボタン。Tom 2026-10-21）。字だけ LP の太いゴシック */
.lp .hero h1{font-size:clamp(40px,6vw,88px)!important;line-height:1.12!important;letter-spacing:-.01em!important;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.lp .hero .line{margin-top:18px;font-size:clamp(15px,1.4vw,19px);font-weight:400;letter-spacing:.02em}
.lp .hero .top .eyebrow{margin-bottom:22px}
.lp .hero .eyebrow:not(#sg-x){color:#fff;border-bottom-color:#93b4f8;font-size:12.5px}
.lp .hero .b{min-height:52px;padding:0 28px}

/* 最初の画面の下の帯：4つの数字（流れる帯は外した・Tom 2026-10-20） */
.lp .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;color:var(--lp-ink);margin:0;padding:0;list-style:none;border-bottom:1px solid var(--lp-line)}
.lp .facts li{padding:34px 12px;text-align:center;border-left:1px solid var(--lp-line)}
.lp .facts li:first-child{border-left:0}
.lp .facts b{display:block;font-family:"Poppins",var(--lp-head);font-weight:800;font-size:clamp(28px,3vw,44px);line-height:1.1;letter-spacing:-.01em}
.lp .facts span{display:block;margin-top:8px;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--lp-sub)}
@media (max-width:640px){.lp .facts{grid-template-columns:repeat(2,minmax(0,1fr))}.lp .facts li:nth-child(3){border-left:0}.lp .facts li:nth-child(n+3){border-top:1px solid var(--lp-line)}}

/* 節の見出し（札＋大きな見出し） */
.lp .sec-h{max-width:1200px;margin:0 auto;padding:clamp(72px,9vw,120px) 0 0}
.lp .sec-h h2{margin:16px 0 0;font-size:clamp(32px,4vw,56px);color:var(--lp-ink)}
.lp .sec-h p{margin:12px 0 0;font-size:16px;line-height:1.85;color:var(--lp-sub);max-width:40em}

/* お手伝いできること：前と同じ大きな写真カードを横に送る（Tom 2026-10-20）。見た目は LP に寄せる */
.lp .row{padding-inline:var(--gutter)}
.lp #services{padding-bottom:clamp(64px,8vw,112px)!important}
.lp #services .rail{margin-top:clamp(28px,3.4vw,44px)}
.lp .card{border-radius:24px;background:#26262b}
.lp .card::after{background:linear-gradient(180deg,rgba(10,10,12,0) 38%,rgba(10,10,12,.82) 100%)}
.lp .card-tx{padding:clamp(22px,3vw,44px)}
.lp .card h3{font-size:clamp(28px,3.2vw,48px)!important;line-height:1.2;word-break:keep-all;text-shadow:none}
.lp .card p{margin:10px 0 20px;font-size:clamp(14px,1.2vw,17px);line-height:1.7;color:#E6E6EA;font-weight:400}
.lp .card .b{min-height:46px;padding:0 24px;font-size:14px}
.lp .dots i.on{background:var(--lp-dark)}

/* 旅を組む側の目で：面の地に左右2つ。右は黒いカード（LP の Your money goes where it should） */
.lp #us{background:var(--lp-off);padding:clamp(72px,9vw,120px) var(--gutter);margin-top:0}
.lp .us{max-width:1200px;margin:0 auto;background:none;padding:0;border-radius:0;align-items:center;gap:clamp(32px,6vw,88px)}
.lp .us h2{font-size:clamp(32px,4vw,56px)!important;line-height:1.18}
.lp .us-tx p{font-size:17px;line-height:1.9;color:var(--lp-sub)}
.lp .us-fit{background:var(--lp-dark);color:#fff;border-radius:24px;padding:clamp(28px,3vw,40px)}
.lp .us-fit h3{font-size:18px!important;color:#fff}
.lp .us li{color:#E6E6EA;padding:14px 0 14px 30px;border-bottom:1px solid #2A2A2E}
.lp .us li::before{border-color:var(--lp-blue-l);top:1.25em}
.lp .us .note{color:#A9A9B2}

/* 料金：明るい面に白いカード（2026-10-21 Tom「見づらい・背景と同化」で暗い面をやめた） */
.lp #price{background:var(--lp-off);color:var(--lp-ink);padding:clamp(72px,9vw,120px) var(--gutter)}
.lp #price .split{max-width:1200px;margin:0 auto;background:#fff;border:1px solid var(--lp-line);border-radius:28px}
.lp #price .split h2{color:var(--lp-ink);font-size:clamp(30px,3.4vw,48px)!important}
.lp #price .split .line{color:var(--lp-sub)}
.lp #price .stats{gap:22px 48px}
.lp #price .stats b{color:var(--lp-ink);font-size:clamp(32px,3vw,46px)}
.lp #price .stats span{color:var(--lp-sub)}
.lp #price .note{color:var(--lp-faint)}
.lp #price .b-1{background:var(--lp-dark);color:#fff}
.lp #price .b-2{background:#fff;color:var(--lp-ink);box-shadow:inset 0 0 0 1px #8C8C95}
.lp #price .split-media{background:var(--lp-face)}
.lp #price .split-media figcaption{color:var(--lp-faint)}
.lp #price .pv{max-width:1200px;margin-inline:auto;background:#fff;color:var(--lp-ink);border-radius:24px;border:1px solid var(--lp-line)}

/* 記事と点検表 */
.lp #articles{padding-top:clamp(56px,7vw,96px)}
.lp .halves{max-width:1200px;margin:0 auto}
.lp .half{border-radius:24px;background:var(--lp-off)}

/* よくある質問：LP と同じ形（真ん中の大きな見出し、線の角丸カード、青い番号、開いたら青い面に白い字） */
.lp .faq{background:#fff;padding:clamp(80px,9vw,120px) var(--gutter)}
.lp .faq-in{max-width:880px}
.lp .faq h2{text-align:center;font-size:clamp(32px,3.6vw,48px)!important;margin:0 0 12px}
.lp .faq .lede{text-align:center;margin:0 0 48px;color:var(--lp-sub)}
.lp .faq-in{counter-reset:fq}
.lp .faq details{counter-increment:fq;border:1px solid var(--lp-line)!important;border-radius:18px;margin:0 0 14px;background:#fff;overflow:hidden;transition:background-color .25s ease,border-color .25s ease}
.lp .faq details:hover{background:#FAFAFB}
.lp .faq summary{min-height:0;padding:24px 28px;gap:14px;font-size:16px;font-weight:600;line-height:1.5;justify-content:flex-start}
.lp .faq summary::before{content:counter(fq,decimal-leading-zero) ".";flex:none;font-family:"Poppins",var(--lp-head);font-weight:700;color:var(--lp-blue)}
.lp .faq summary::after{margin-left:auto;border-color:#111113;width:9px;height:9px;border-right-width:2px;border-bottom-width:2px}
.lp .faq details p{margin:0;padding:0 28px 26px 28px;font-size:15px;line-height:1.85}
.lp .faq details[open]{background:var(--lp-blue);border-color:var(--lp-blue)!important}
.lp .faq details[open] summary,.lp .faq details[open] summary::before,.lp .faq details[open] p,.lp .faq details[open] a{color:#fff}
.lp .faq details[open] summary::after{border-color:#fff}
.lp .faq details[open] summary:focus-visible{outline-color:#fff}
@media (max-width:640px){.lp .faq summary{padding:18px 20px;font-size:14.5px}.lp .faq details p{padding:0 20px 22px}}

/* ═════ 2026-10-21 の直し（v4） ═════ */

/* ───── 下のページの共通メニュー（seo.header()）。広い画面は横に並べ、狭い画面は「目次」で開く（トップの details.menu と同じ作り） ───── */
body:not(.lp) .hd .gnav{display:flex;align-items:center;gap:2px;margin-left:auto}
body:not(.lp) .hd .gnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:999px;font-size:14.5px;font-weight:600;letter-spacing:.02em;color:var(--lp-ink);text-decoration:none;transition:background-color .2s}
body:not(.lp) .hd .gnav a:hover{background:var(--lp-face)}
body:not(.lp) .hd .gnav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--lp-blue);text-decoration-thickness:2px;text-underline-offset:7px}
body:not(.lp) .hd .gmenu{display:none;position:relative}
body:not(.lp) .hd .gmenu summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;padding:0 18px;border-radius:999px;border:1px solid #8C8C95;background:#fff;color:var(--lp-ink);font-size:14.5px;font-weight:600;letter-spacing:.06em;cursor:pointer}
body:not(.lp) .hd .gmenu summary::-webkit-details-marker{display:none}
body:not(.lp) .hd .gmenu[open] summary{background:var(--lp-dark);border-color:var(--lp-dark);color:#fff}
body:not(.lp) .hd .gmenu .menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(300px,calc(100vw - 32px));background:#fff;color:var(--lp-ink);border:1px solid var(--lp-line);border-radius:20px;padding:6px 20px;box-shadow:0 18px 40px rgba(17,17,19,.16)}
body:not(.lp) .hd .gmenu ul{list-style:none;margin:0;padding:0}
body:not(.lp) .hd .gmenu a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--lp-line);color:var(--lp-ink);text-decoration:none;font-size:16px;font-weight:500}
body:not(.lp) .hd .gmenu li:last-child a{border-bottom:0}
body:not(.lp) .hd .gmenu a[aria-current="page"]{font-weight:700;color:var(--lp-blue)}
@media (max-width:1139.98px){
  body:not(.lp) .hd .gnav{display:none}
  body:not(.lp) .hd .gmenu{display:block}
  body:not(.lp) .hd .hd-cta{margin-left:auto}
}
body:not(.lp) .hd .brand small{font-size:12.5px;letter-spacing:.14em}
.lp .brand small{font-size:12.5px!important;letter-spacing:.16em!important}

/* ───── 文字の大きさ：本文 16.5px（スマホ 16px）、表のセル 14px 以上、小さな字も 12.5px 以上 ───── */
body:not(.lp){--fs-body:16.5px;--fs-sub:15.5px;font-size:var(--fs-body)}
@media (max-width:640px){body:not(.lp){--fs-body:16px;--fs-sub:15px}}
body:not(.lp) .body > section > p,body:not(.lp) .body > section > ul:not([class]) li,
article.art p,article.art ul.dots li,article.art ol li,article.art dd{font-size:var(--fs-body)!important}
body:not(.lp) .lead,article.art .lead{font-size:max(var(--fs-body),17px)!important}
@media (max-width:640px){body:not(.lp) .lead,article.art .lead{font-size:16.5px!important}}
/* カードの中の文・説明（本文より一段だけ小さく） */
body:not(.lp) .steps .card p,body:not(.lp) .pair .card p,body:not(.lp) .grid2 span:not(.ok),body:not(.lp) .price .n,
body:not(.lp) .inc li,body:not(.lp) .rule li,body:not(.lp) dl.facts div,body:not(.lp) .sample p,body:not(.lp) .sample ol li,
article.art .ex p,.pv-list li,.pv-own li{font-size:var(--fs-sub)!important}
article.art .ex p.ja{font-size:14.5px!important}
body:not(.lp) .more a > span,.arts .d,div.art .arts .d{font-size:15px!important}
body:not(.lp) .chk label{font-size:var(--fs-body)!important}
body:not(.lp) .chk .rel,body:not(.lp) .see div{font-size:14.5px!important}
/* 小さな字：札・パンくず・目次・注記・足元 */
.chip:not(#sg-x),.eyebrow:not(#sg-x){font-size:13px!important}
.lp .hero .eyebrow:not(#sg-x){font-size:13px!important}
body:not(.lp) .crumb{font-size:13.5px}
body:not(.lp) .toc a{font-size:14px}
body:not(.lp) .see b,body:not(.lp) .price .k,.sample .k,.sample .at,.sample .foot,.pv-sc,.pv-cmp td::before,.pv-cmp .pv-foot,.pv-cmp tbody th .pv-k{font-size:13px!important}
article.art .byline{font-size:14px}
article.art .art-fig figcaption,.split-media figcaption,.os .mac figcaption{font-size:13px!important}
body:not(.lp) .ft .wrap{font-size:14px}
.lp .facts span{font-size:13px;letter-spacing:.1em}
.lp .note,.lp .ft-co,.lp .ft-links{font-size:13.5px}
.stats b small,.fees .v small,.price .v small{font-size:max(.5em,13px)!important}
/* トップの本文 */
.lp .faq .lede,.lp .faq details p{font-size:16.5px}
.lp .half p,.lp .split .line{font-size:16px}
@media (max-width:640px){.lp .faq details p{font-size:16px}.lp .faq summary{font-size:15.5px}}
/* 表：セルは 14px 以上（料金・比べる表・海外のお客様を知る・記事の表） */
main table th,main table td{font-size:max(14px,1em)}
body:not(.lp) .fees thead th,.pv-cmp thead th,article.art .rate-table thead th{font-size:14px!important}
.art .tb,.pv-cmp table{font-size:14.5px!important}
.art .tb caption,.art .rate-table caption,.fees caption,.pv-cmp caption,.pv-cap{font-size:13.5px!important}
@media (max-width:480px){.art .tb{font-size:14px!important}.art .tb th,.art .tb td{padding:10px 6px}}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ───── 最終更新（売る側のページの本文の下・足元の上） ───── */
.updated{margin:clamp(40px,5vw,64px) auto 0;max-width:1240px;padding-inline:var(--gutter,16px);font-size:13.5px;color:var(--lp-faint);letter-spacing:.04em}
.lp .updated{background:#fff;margin:0;max-width:none;padding:28px var(--gutter) 40px;text-align:center}
body:not(.lp) .ft{margin-top:clamp(28px,3vw,40px)}

/* ───── お申し込みのあとの流れと入口（seo.apply_html()。トップと無料診断のページ） ───── */
.lp #apply{background:#fff;padding:clamp(72px,9vw,120px) var(--gutter) 0}
.lp .apply{max-width:1200px;margin:0 auto}
.lp .apply h2{margin:16px 0 0;font-size:clamp(32px,4vw,56px)!important;color:var(--lp-ink);word-break:keep-all;text-wrap:balance}
.lp .apply .line{margin:12px 0 0;font-size:16.5px;line-height:1.85;color:var(--lp-sub);max-width:40em}
.apply-steps{list-style:none;margin:clamp(28px,3.4vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.apply-steps li{background:var(--lp-off);color:var(--lp-ink);border-radius:24px;padding:26px 26px 28px}
.apply-steps li:last-child{background:var(--lp-dark);color:#fff}
.apply-steps .n{display:block;font-family:"Poppins",var(--lp-head);font-weight:800;font-size:15px;color:var(--lp-blue)}
.apply-steps li:last-child .n{color:#93b4f8}
.apply-steps h3{margin:10px 0 8px!important;font-size:19px!important;line-height:1.4!important;word-break:keep-all;overflow-wrap:anywhere}
.apply-steps p{margin:0;font-size:15.5px!important;line-height:1.8;color:var(--lp-sub)}
.apply-steps li:last-child p{color:#D8D8DE}
.apply-entry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.apply-entry .e{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border:1px solid var(--lp-line);border-radius:24px;padding:26px;background:#fff;color:var(--lp-ink)}
.apply-entry h3{margin:0!important;font-size:18px!important;line-height:1.4!important}
.apply-entry p{margin:0;font-size:15.5px!important;line-height:1.8;color:var(--lp-sub)}
.apply-entry .qr{width:132px;height:132px;border-radius:14px;border:1px solid var(--lp-line)}
.apply-entry .pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:.02em;text-decoration:none;white-space:normal;text-align:center;margin-top:auto}
.apply-entry .pill-dark{background:var(--lp-dark);color:#fff}
.apply-entry .pill-dark:hover{background:#2A2A2E}
.apply-entry .pill-line{background:#fff;color:var(--lp-ink);box-shadow:inset 0 0 0 1px #8C8C95}
.apply-entry .pill-line:hover{background:var(--lp-off)}
.apply-entry .pill:focus-visible{outline:2px solid var(--lp-blue);outline-offset:3px}
body:not(.lp) .body .apply-steps,body:not(.lp) .body .apply-entry{max-width:none}
@media (max-width:1023.98px){.apply-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.apply-entry{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.apply-steps{grid-template-columns:minmax(0,1fr);gap:12px}.apply-steps li{padding:22px}.apply-entry .e{padding:22px}.apply-entry .pill{width:100%}}
/* スマートフォンでは QR を読めないので、LINE の箱を先に、QR の箱は小さく */
@media (hover:none) and (pointer:coarse){.apply-entry .qr{width:112px;height:112px}}

/* ───── 料金のページのよくある質問（トップから移した10問） ───── */
body:not(.lp) .qa{margin-top:8px}
body:not(.lp) .qa details{border:1px solid var(--lp-line);border-radius:18px;margin:0 0 12px;background:#fff;overflow:hidden}
body:not(.lp) .qa summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:18px 24px;font-size:16.5px;font-weight:700;line-height:1.55;cursor:pointer;color:var(--lp-ink)}
body:not(.lp) .qa summary::-webkit-details-marker{display:none}
body:not(.lp) .qa summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid #111113;border-bottom:2px solid #111113;rotate:45deg;translate:0 -3px;transition:rotate .2s}
body:not(.lp) .qa details[open] summary::after{rotate:-135deg;translate:0 3px}
body:not(.lp) .qa details p{margin:0;padding:0 24px 22px;font-size:var(--fs-sub);line-height:1.9;color:#3F3F46}
body:not(.lp) .qa summary:focus-visible{outline:2px solid var(--lp-blue);outline-offset:-2px}

/* ───── 記事の一覧：まずこの5本・分類の絞り込み・カードの分類と更新日 ───── */
div.art .first5{margin-top:clamp(36px,4vw,56px);background:var(--lp-off);border-radius:24px;padding:clamp(24px,3vw,36px)}
div.art .first5 .h2{font-size:clamp(22px,2.2vw,30px)!important;margin:0 0 12px}
div.art .first5 ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:0 28px}
div.art .first5 a{display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 0;border-bottom:1px solid var(--lp-line);color:var(--lp-ink);text-decoration:none;font-size:16px;font-weight:600;line-height:1.5}
div.art .first5 a:hover .t{text-decoration:underline;text-underline-offset:4px}
div.art .first5 .n{flex:none;font-family:"Poppins",var(--lp-head);font-weight:800;font-size:16px;color:var(--lp-blue);width:1.2em}
div.art .first5 .t{flex:1}
div.art .first5 .ico{flex:none;width:16px;height:16px;color:var(--lp-faint)}
div.art .all{margin-top:clamp(48px,5vw,72px)}
div.art .all > .h2{font-size:clamp(24px,2.6vw,34px)!important;margin:0}
.cat-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cat-filter[hidden]{display:none}
.cat-filter button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #8C8C95;background:#fff;color:var(--lp-ink);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
.cat-filter button .k{font-family:"Poppins",var(--lp-head);font-size:13px;font-weight:600;color:var(--lp-faint)}
.cat-filter button[aria-pressed="true"]{background:var(--lp-dark);border-color:var(--lp-dark);color:#fff}
.cat-filter button[aria-pressed="true"] .k{color:#C9C9D0}
.cat-filter button:focus-visible{outline:2px solid var(--lp-blue);outline-offset:2px}
div.art .arts li[hidden]{display:none}
div.art .arts .m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0 0 8px;font-size:13px;color:var(--lp-faint)}
div.art .arts .m .c{font-weight:700;color:var(--lp-blue)}
div.art .arts li:first-child .th{grid-row:1/span 3}
div.art .arts li:first-child .m{align-self:end;padding:0 clamp(28px,4vw,52px);margin:0 0 6px;color:#C9C9D0}
div.art .arts li:first-child .m .c{color:#93b4f8}
div.art .arts li:first-child .t{align-self:start}
/* 1枚目の要約が「…」の後ろにはみ出す（下の余白が5行目を見せていた）。余白は外側に付ける */
div.art .arts .d{padding-bottom:0!important;margin-bottom:0}
div.art .arts li:first-child .d{-webkit-line-clamp:4;max-height:calc(1.75em * 4);margin-bottom:clamp(28px,3vw,40px)}
@media (max-width:640px){
  div.art .arts li:first-child .m{padding:22px 24px 0;margin:0}
  div.art .arts li:first-child .t{padding-top:8px}
  div.art .arts li:first-child .d{margin:0 0 26px;padding:0 24px!important;max-height:calc(1.75em * 4)}
}
/* 絞り込み中は、先頭の大きなカードの形をやめて同じ並びにする */
div.art .arts.is-filtered li:first-child{grid-column:auto}
div.art .arts.is-filtered li:first-child a{display:flex;background:none;color:inherit;border-radius:0}
div.art .arts.is-filtered li:first-child .th{min-height:0;aspect-ratio:4/3;border-radius:20px;margin-bottom:18px;height:auto}
div.art .arts.is-filtered li:first-child .m,div.art .arts.is-filtered li:first-child .t,div.art .arts.is-filtered li:first-child .d{padding:0!important;color:inherit}
div.art .arts.is-filtered li:first-child .t{font-size:clamp(18px,1.5vw,21px);margin:0 0 8px;color:var(--lp-ink)}
div.art .arts.is-filtered li:first-child .d{color:var(--lp-sub);-webkit-line-clamp:3;margin:0}
div.art .arts.is-filtered li:first-child .m{margin:0 0 8px}
div.art .arts.is-filtered li:first-child .m .c{color:var(--lp-blue)}
.pv-num small{font-size:max(.5em,13px)!important}
.pv-cmp tbody th .pv-k{font-size:14px!important}
/* トップの料金のカード：狭い画面でボタン2つが横に収まらず、2つ目が右で切れていた（2026-10-21 実測 390px で 18px）。縦に積む */
.lp #price .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:899.98px){.lp #price .split{grid-template-columns:minmax(0,1fr)}}
@media (max-width:599.98px){.lp #price .split .acts{flex-wrap:wrap}.lp #price .split .b{flex:1 1 100%;white-space:normal}}
div.art .arts a{align-items:stretch}
div.art .arts .m{justify-content:flex-start}
@media (max-width:640px){div.art .arts li:first-child .th{grid-row:auto}}
div.art .arts li:first-child .m{grid-column:2}
@media (max-width:640px){div.art .arts li:first-child a > *{grid-column:1!important}}
/* 料金の4つの数字：390px で右の列がカードの外へ 19px 出ていた。狭い画面は2列を等分に */
@media (max-width:599.98px){.lp #price .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.lp #price .stats b{font-size:27px}}

/* ───── トップ（2026-10-21 Tom「AI っぽい」）：札・番号カード・同じ箱の並びをやめ、
   写真は LP の「旅の見本」、記事は「手配できる体験」と同じ横送りとホバーの動きにする ───── */
.lp .hero .line{max-width:40em;margin-inline:auto;line-height:1.85}

/* 横送りの共通（矢印） */
.lp .rail-wrap{position:relative;min-width:0}
.lp .rail-arrow{position:absolute;top:50%;translate:0 -50%;z-index:3;width:48px;height:48px;border-radius:50%;border:0;display:grid;place-items:center;background:#fff;color:#111113;box-shadow:0 6px 18px rgba(0,0,0,.18);cursor:pointer;transition:transform .25s ease,opacity .25s ease}
.lp .rail-arrow[data-rail-prev]{left:-24px}.lp .rail-arrow[data-rail-next]{right:-24px}
.lp .rail-arrow:hover{transform:scale(1.06)}
.lp .rail-arrow:disabled{opacity:0;pointer-events:none}
.lp [data-rail]{display:flex;gap:24px;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.lp [data-rail]::-webkit-scrollbar{display:none}
.lp [data-rail] > li{scroll-snap-align:start;margin:0}

/* お手伝いできること：暗い面、左に見出し、右に縦長の写真カード */
.lp .svc{background:#141416;color:#fff;padding:104px var(--gutter);overflow-x:clip}
.lp .svc-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:56px;align-items:center}
.lp .svc-head h2{margin:0;color:#fff;font-size:clamp(30px,2.6vw,40px)!important;line-height:1.25}
.lp .svc-head p{margin:16px 0 0;color:#C9C9D0;font-size:16px;line-height:1.85;max-width:22em}
.lp .svc-c{flex:0 0 calc((100% - 3 * 24px) / 3.2)}
.lp .svc-link{position:relative;display:block;aspect-ratio:2/3;border-radius:20px;overflow:hidden;color:#fff;text-decoration:none;background:#26262b;isolation:isolate}
.lp .svc-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1200ms cubic-bezier(.2,.7,.2,1);z-index:-2}
.lp .svc-link::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,12,0) 35%,rgba(10,10,12,.88) 100%)}
.lp .svc-body{position:absolute;left:0;right:0;bottom:0;padding:26px 24px 24px;display:flex;flex-direction:column;gap:10px}
.lp .svc-name{font-size:clamp(20px,1.7vw,24px);font-weight:800;line-height:1.25}
.lp .svc-desc{font-size:14.5px;line-height:1.75;color:#E2E2E6}
.lp .svc-more{align-self:flex-start;margin-top:6px;padding:9px 16px;border:1px solid rgba(255,255,255,.6);border-radius:999px;font-size:13px;font-weight:600;transition:background-color .3s ease,color .3s ease}
@media (hover:hover){.lp .svc-link:hover img{transform:scale(1.05)}.lp .svc-link:hover .svc-more{background:#fff;color:#111113}}
.lp .svc-link:focus-visible{outline:3px solid #fff;outline-offset:-7px}
@media (max-width:1099px){.lp .svc-inner{grid-template-columns:minmax(0,1fr);gap:32px}.lp .svc-c{flex-basis:calc((100% - 2 * 24px) / 2.2)}.lp .rail-arrow[data-rail-prev]{left:8px}.lp .rail-arrow[data-rail-next]{right:8px}}
@media (max-width:759px){.lp .svc{padding:72px var(--gutter)}.lp .svc .rail-wrap,.lp .arts .rail-wrap{margin:0 calc(-1 * var(--gutter))}.lp [data-rail]{gap:12px;padding:0 var(--gutter);scroll-padding-inline:var(--gutter)}.lp .svc-c{flex-basis:78vw;max-width:360px}.lp .rail-arrow{display:none}}

/* 私どもがしていること・料金・申し込み方：1列の文章 */
.lp .story,.lp .plain{background:#fff;color:#111113;padding:96px var(--gutter) 0}
.lp .story > *,.lp .plain > *{max-width:760px;margin-left:auto;margin-right:auto}
.lp .story h2,.lp .plain h2{font-size:clamp(28px,2.6vw,36px)!important;margin-top:0;margin-bottom:22px}
.lp .story p,.lp .plain-sub,.lp .apply-lead{font-size:17px;line-height:1.95;color:#2E2E33;margin-top:0;margin-bottom:16px}
.lp #price ul.stats{display:block;margin:0 auto;padding:0;list-style:none;border-top:1px solid var(--lp-line)}
.lp #price ul.stats li{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:18px 0;border-bottom:1px solid var(--lp-line)}
.lp #price ul.stats span{order:-1;margin:0;font-size:17px;color:#111113}
.lp #price ul.stats b{font-size:22px!important;font-weight:700!important;color:#111113;white-space:nowrap}
.lp #price ul.stats b small{font-size:.6em;margin-left:2px}
.lp #price .note{margin-top:12px;margin-bottom:22px;font-size:13.5px;color:var(--lp-sub)}
.lp .plain-link a,.lp .arts-head a{color:#111113;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.lp .apply-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;margin-bottom:24px}
.lp .apply-acts .pill{min-height:50px;padding:0 26px}
.lp .apply-acts .pill-line{background:#fff;color:#111113;box-shadow:inset 0 0 0 1px #8C8C95}
.lp .apply-qr{display:flex;align-items:center;gap:18px;font-size:14px;line-height:1.8;color:var(--lp-sub)}
.lp .apply-qr .qr{width:96px;height:96px;flex:none;border-radius:10px;border:1px solid var(--lp-line)}
@media (max-width:759px){.lp .story,.lp .plain{padding-top:64px}.lp .apply-qr{display:none}}

/* 記事：「手配できる体験」と同じカード（縦4:5・左上の札・右上の矢印・ホバーで寄る） */
.lp .arts{background:#fff;padding:104px var(--gutter) 96px;overflow-x:clip}
.lp .arts-inner{max-width:1280px;margin:0 auto}
.lp .arts-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.lp .arts-head h2{margin:0;font-size:clamp(28px,2.6vw,36px)!important}
.lp .arts-head p{margin:0;font-size:15px;color:var(--lp-sub)}
.lp .arts-head p a{margin-left:14px}
.lp .art-c{flex:0 0 calc((100% - 3 * 24px) / 3.6)}
.lp .art-link{position:relative;display:block;aspect-ratio:4/5;border-radius:20px;overflow:hidden;color:#fff;text-decoration:none;background:#26262b;isolation:isolate}
.lp .art-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1200ms cubic-bezier(.2,.7,.2,1);z-index:-2}
.lp .art-link::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,12,.05) 40%,rgba(10,10,12,.85) 100%)}
.lp .art-tag{position:absolute;top:16px;left:16px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#111113;font-size:12px;font-weight:700}
.lp .art-go{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(20,20,22,.55);color:#fff;transition:background-color .3s ease,color .3s ease,transform .3s ease}
.lp .art-name{position:absolute;left:20px;right:20px;bottom:20px;font-size:18px;font-weight:700;line-height:1.45}
@media (hover:hover){.lp .art-link:hover img{transform:scale(1.05)}.lp .art-link:hover .art-go{background:#fff;color:#111113;transform:rotate(45deg)}}
.lp .art-link:focus-visible{outline:3px solid var(--lp-blue);outline-offset:3px}
@media (max-width:1099px){.lp .art-c{flex-basis:calc((100% - 2 * 24px) / 2.4)}}
@media (max-width:759px){.lp .arts{padding:72px var(--gutter)}.lp .art-c{flex-basis:72vw;max-width:320px}.lp .arts-head p a{margin-left:0;margin-right:14px}}
@media (prefers-reduced-motion:reduce){.lp .svc-link img,.lp .art-link img,.lp .art-go,.lp .svc-more{transition:none}.lp [data-rail]{scroll-behavior:auto}}
.lp .arts{color:#111113}
.lp .arts-head h2{color:#111113}
@media (min-width:1100px){.lp .svc-inner{grid-template-columns:minmax(0,340px) minmax(0,1fr)}}
.lp .svc-head h2,.lp .svc-name,.lp .art-name{word-break:keep-all;overflow-wrap:anywhere}
.lp .svc-name{font-size:clamp(19px,1.5vw,22px)}
.lp .story,.lp .plain{display:flow-root;padding-bottom:8px}
.lp .apply-acts a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s ease}
.lp .apply-acts .pill-dark{background:#141416;color:#fff}
.lp .apply-acts .pill-dark:hover{background:#2A2A2E}
.lp .apply-acts .pill-line:hover{background:#F3F3F6}
.lp #price{background:#fff}
.lp #price{padding:96px var(--gutter) 8px}
@media (max-width:759px){.lp #price{padding-top:64px}}