/* 長崎悦子税理士事務所 共通スタイル（案D）
   色を変えたいときは :root の値だけを直す */
:root{
  --bg:#f6f6ee;
  --tx:#34403a;
  --tx-sub:#5f6b64;
  --accent:#8fb39d;
  --accent-deep:#4f7a64;
  --accent-text:#3f5f4e;
  --sage:#9a7448;
  --sage-deep:#7d5d36;
  --soft:#e6eddf;
  --card:#fcfcf6;
  --line:rgba(52,64,58,.14);
  --dot:rgba(79,122,100,.45);
  --font-head:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;
  --font-body:"Noto Sans JP",sans-serif;

  /* ▼ コラム・お知らせの記事の見た目（数字だけ変えれば調整できます）
     em は「文字の大きさの何倍か」。1em＝本文の1文字分 */
  --art-size:18px;          /* 本文の文字の大きさ */
  --art-line:1.85;          /* 行の間隔（大きいほど広い） */
  --art-gap:1.5em;          /* 段落と段落の間（空行で区切った所） */
  --art-h2-before:4.2em;    /* 大見出しの上の余白 */
  --art-h2-after:2.2em;     /* 大見出しの下の余白 */
  --art-h3-before:3em;      /* 小見出しの上の余白 */
  --art-h3-after:1.6em;     /* 小見出しの下の余白 */
  --art-h2-size:27px;       /* 大見出しの文字の大きさ */
  --art-h3-size:22px;       /* 小見出しの文字の大きさ */
  --art-img-width:700px;    /* 本文の画像の最大の幅 */
  --art-img-gap:2.4em;      /* 画像の上と下の余白（文章との間） */
  --art-title-size:40px;    /* 記事タイトルの最大の大きさ（スマホでは自動で小さくなります） */
  /* ▲ ここまで */
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--bg);color:var(--tx);line-height:1.9;font-size:20px;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.inner{max-width:1120px;margin:0 auto;padding:0 20px}

/* ヘッダー */
.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10}
.site-header .inner{display:flex;justify-content:space-between;align-items:center;min-height:64px;gap:16px}
.logo{font-family:var(--font-head);font-weight:700;font-size:20px;text-decoration:none;white-space:nowrap}
.gnav ul{display:flex;gap:22px;list-style:none;align-items:center}
.gnav a{text-decoration:none;font-size:18px}
.gnav a:hover{color:var(--accent-deep)}
.gnav .nav-cta{background:var(--accent-deep);color:#fff;padding:7px 18px;border-radius:999px;font-weight:700}
.gnav .nav-cta:hover{color:#fff;opacity:.9}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:6px 12px;font:inherit;font-size:16px;color:var(--tx);cursor:pointer}

/* ボタン */
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 28px;border-radius:999px;font-family:var(--font-head);font-weight:700;font-size:19px;text-decoration:none;background:var(--accent-deep);color:#fff;border:2px solid var(--accent-deep);line-height:1.6}
.btn:hover{opacity:.9}
.btn.line{background:transparent;color:var(--sage-deep);border-color:var(--sage-deep)}
.btn.small{padding:8px 22px;font-size:17px}

/* ヒーロー */
.hero{padding:72px 0 96px}
.hero .inner{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}
.hero small{display:block;font-size:17px;color:var(--sage-deep);letter-spacing:.08em;margin-bottom:10px}
.hero h1{font-family:var(--font-head);font-size:clamp(30px,5vw,42px);line-height:1.5;margin-bottom:16px}
.hero p{margin-bottom:24px;max-width:32em}
.hero .inner{grid-template-columns:1fr}
.hero{padding-bottom:88px}
.hero-visual{padding:0 0 24px}
.hero-visual img{width:100%;max-width:760px;margin:0 auto;border-radius:28px;box-shadow:0 0 0 1px var(--line)}
.hero-words{text-align:center;margin-top:44px}
.hero-words h2{font-family:var(--font-head);font-size:clamp(24px,4vw,34px);line-height:1.6;color:var(--accent-text);margin-bottom:22px;font-weight:500}
.hero-words p{font-size:19px;line-height:2.1}
.nb{display:inline-block}
.hero p{max-width:none}
.hero .hero-catch{font-family:var(--font-head);color:var(--accent-text)}
.hero .note{font-size:17px;color:var(--tx-sub);margin-top:14px;margin-bottom:0}

/* コンセプト */
.concept{background:var(--soft);padding:36px 0;text-align:center}
.concept{padding:96px 0}
.concept .body{font-size:18px;margin-bottom:14px}
.concept .catch{font-family:var(--font-head);font-weight:700;font-size:clamp(24px,4.2vw,34px);line-height:1.7;color:var(--accent-text);margin-top:22px}
.sp-br{display:none}
@media(max-width:620px){.sp-br{display:inline}}

/* セクション共通 */
.section{padding:104px 0}
@media(max-width:620px){.section{padding:76px 0}}
.section.alt{background:rgba(230,237,223,.7)}
.sec-label{display:block;font-size:16px;letter-spacing:.18em;color:var(--sage-deep);margin-bottom:4px}
.sec-title{font-family:var(--font-head);font-size:clamp(25px,3.8vw,33px);line-height:1.5;color:var(--accent-text);margin-bottom:56px}
.sec-lead{max-width:38em;margin-bottom:44px}
.more{margin-top:20px;text-align:right}
.more a{font-size:18px;color:var(--accent-text)}

/* カード */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}
.card{background:var(--card);border-radius:22px;padding:24px;box-shadow:0 0 0 1px var(--line)}
.card .dot{display:block;width:34px;height:34px;border-radius:50%;margin-bottom:10px}
.card h3{font-family:var(--font-head);font-size:22px;margin-bottom:12px}
.card p{font-size:18px;color:var(--tx)}
.card .tags{margin-top:10px;font-size:17px;color:var(--tx-sub)}

/* 強み */
.points{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:36px}
.point{display:block}
.point .num{width:38px;height:38px;border-radius:50%;background:var(--sage);color:#fff;font-family:var(--font-head);font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.point h3{font-family:var(--font-head);font-size:22px;margin-bottom:18px;padding-bottom:12px;line-height:1.6;border-bottom:1px solid var(--dot)}
.point p{font-size:18px;line-height:2}

/* 流れ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;counter-reset:s;list-style:none}
.steps li{counter-increment:s;position:relative}
.steps li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-40px;width:14px;height:14px;border-top:4px solid var(--accent);border-right:4px solid var(--accent);transform:translateY(-50%) rotate(45deg)}
.steps li::before{content:"STEP " counter(s);display:block;font-size:16px;letter-spacing:.1em;color:var(--sage-deep);font-weight:700}
.steps li b{display:block;font-family:var(--font-head);font-size:22px;margin:6px 0 10px}
.steps li span{font-size:18px}

/* プロフィール */
.profile{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center}
.profile .photo{aspect-ratio:1;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--tx-sub);font-size:17px;text-align:center;border:2px dashed var(--accent)}
.profile .name{font-family:var(--font-head);font-weight:700;font-size:22px;margin-bottom:8px}

/* 一覧（コラム・お知らせ） */
.list{list-style:none;border-top:1px solid var(--line)}
.list li{border-bottom:1px solid var(--line)}
.list li:last-child{border-bottom:none}
.list a{display:flex;gap:14px;align-items:baseline;padding:16px 8px;text-decoration:none;flex-wrap:wrap}
.list a:hover{background:rgba(79,122,100,.1)}
.list time{font-size:17px;color:var(--tx-sub);flex:none;min-width:6.5em}
.tag{font-size:16px;background:var(--soft);padding:1px 12px;border-radius:999px;flex:none}
.list .ttl{flex:1;min-width:14em}
.two{display:grid;grid-template-columns:1fr;gap:56px}

/* ブログへの入口 */
.blog-entry{margin-top:28px;background:var(--card);border-radius:22px;padding:20px 24px;box-shadow:0 0 0 1px var(--line)}
.blog-entry p{font-size:18px;margin-bottom:12px}

/* 相談への案内 */
.cta{background:var(--soft);border-radius:28px;padding:44px 28px;text-align:center}
.cta .sec-title{margin-bottom:10px}
.cta p{margin:0 auto 22px;max-width:34em}
.cta .btns{justify-content:center}

/* フッター */
.site-footer{padding:36px 0 28px;border-top:1px solid var(--line);margin-top:48px;font-size:18px}
.site-footer .inner{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}
.site-footer ul{list-style:none;display:flex;gap:6px 20px;flex-wrap:wrap}
.site-footer a{text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.copy{width:100%;font-size:16px;color:var(--tx-sub)}

/* スマホ */
@media(max-width:820px){
  .hero .inner{grid-template-columns:1fr}
  .hero .art{max-width:380px;margin:0 auto}
  .steps{grid-template-columns:1fr;gap:44px}
  .steps li:not(:last-child)::after{top:auto;bottom:-32px;right:auto;left:24px;transform:rotate(135deg)}
  .profile{grid-template-columns:1fr;justify-items:center;text-align:left}
  .profile .photo{width:160px}
  .cards.four{grid-template-columns:1fr}
  .menu-btn{display:block}
  .gnav{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);display:none}
  .gnav.open{display:block}
  .gnav ul{flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 16px}
  .gnav a{display:block;padding:12px 4px;border-bottom:1px solid var(--line)}
  .gnav .nav-cta{text-align:center;margin-top:12px;border-bottom:none}
}


/* サービス内容：2列×2段のカード（絵を左、タイトルと説明を右）。スマホは1列 */
.cards.four{grid-template-columns:repeat(2,1fr);gap:24px}
.cards.four .card{display:grid;grid-template-columns:80px 1fr;column-gap:20px;align-items:center;background:var(--card);border-radius:22px;padding:24px;box-shadow:0 0 0 1px var(--line)}
.cards.four .card .ico{width:80px;height:80px;margin:0;grid-row:1 / span 2;grid-column:1}
.cards.four .card h3{grid-column:2;margin:0 0 4px;align-self:end}
.cards.four .card p{grid-column:2;font-size:18px;line-height:1.8;align-self:start}
@media(max-width:620px){
  .cards.four{grid-template-columns:1fr}
  .cards.four .card{grid-template-columns:64px 1fr;column-gap:16px;padding:20px}
  .cards.four .card .ico{width:64px;height:64px}
}

/* 文字の主張をおさえる：見出し・ボタンの太さを中太(500)にそろえる */
h1,h2,h3,.logo,.btn,.nav-cta,.concept .catch,.profile .name,.steps li b,.point .num,.steps li::before{font-weight:500}
.gnav .nav-cta{font-weight:500}

/* 料金ページ */
.page-head{padding:72px 0 8px}
.price-note{font-size:17px;color:var(--tx-sub)}
.price-list{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.price-card{background:var(--card);border-radius:22px;padding:32px 28px;box-shadow:0 0 0 1px var(--line)}
.price-card h3{font-family:var(--font-head);font-size:22px;margin-bottom:12px;font-weight:500}
.price-lead{font-size:17px;color:var(--tx-sub);margin-bottom:16px}
.amount{font-family:var(--font-head);color:var(--accent-text);margin-bottom:16px;line-height:1.4}
.amount span{font-size:34px;font-weight:500;margin:0 4px}
.amount small{font-size:16px;color:var(--tx-sub)}
.incl{font-size:17px}
.incl dt{font-size:15px;color:var(--sage-deep);margin-top:10px;letter-spacing:.06em}
.incl dd{margin:0}
.price-table{width:100%;border-collapse:collapse;background:var(--card);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line);margin-bottom:18px}
.price-table th,.price-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line)}
.price-table th{background:var(--soft);font-weight:500;font-size:17px}
.price-table tr:last-child td{border-bottom:none}
.price-notes{list-style:none}
.price-notes li{padding:12px 0 12px 1.2em;position:relative;border-bottom:1px solid var(--line);font-size:18px}
.price-notes li::before{content:"・";position:absolute;left:0}
.ph{background:#fff1a8;border-radius:4px;padding:0 4px}
@media(max-width:820px){.price-list{grid-template-columns:1fr}}

/* プロフィール写真 */
.profile{grid-template-columns:240px 1fr;gap:40px}
.profile .photo{border:none;padding:0;overflow:hidden;background:var(--soft)}
.profile .photo img{width:100%;height:100%;object-fit:cover}
@media(max-width:820px){.profile{grid-template-columns:1fr;gap:28px}.profile .photo{width:200px}}

/* お知らせ一覧ページ */
.news-item{padding:20px 8px}
.news-head{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.news-head time{font-size:17px;color:var(--tx-sub);flex:none;min-width:6.5em}
.news-head .ttl{flex:1;min-width:14em;font-weight:500}
.news-body{margin:10px 0 0 calc(6.5em + 14px);font-size:18px;line-height:1.9}
@media(max-width:620px){.news-body{margin-left:0}}

/* フッターの小さなリンク */
.foot-links{align-self:flex-end;font-size:16px}
.foot-links a{color:var(--tx-sub)}

/* お知らせ：本文なしの行、1件ごとのページ */
.list li.plain{display:flex;gap:14px;align-items:baseline;padding:16px 8px;flex-wrap:wrap}
.article-wrap{max-width:820px}
.article-title{font-family:var(--font-head);font-size:clamp(26px,4vw,34px);line-height:1.6;color:var(--accent-text);font-weight:500;margin-bottom:14px}
.article-meta{display:flex;gap:12px;align-items:center;font-size:17px;color:var(--tx-sub);margin-bottom:44px}
.article{font-size:var(--art-size);line-height:var(--art-line)}
.article>*+*{margin-top:var(--art-gap)}
.article h2{font-family:var(--font-head);font-weight:500;font-size:26px;line-height:1.6;color:var(--accent-text);margin-top:2.4em}
.article h3{font-family:var(--font-head);font-weight:500;font-size:22px;line-height:1.6;margin-top:2em}
.article ul,.article ol{padding-left:1.4em}
.article li+li{margin-top:.4em}
.article img{border-radius:16px;margin:1.6em auto}
.article table{width:100%;border-collapse:collapse;background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:12px;overflow:hidden}
.article th,.article td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:18px}
.article thead{display:none}
.article td:first-child{background:var(--soft);font-weight:500}
.article a{color:var(--accent-text)}

/* 折り返しを整える：見出しは行の長さをそろえ、本文は最後の行に1〜2文字だけ残るのを避ける */
h1,h2,h3,.sec-title,.article-title,.hero-words h2{text-wrap:balance}
p,li,.ttl{text-wrap:pretty}
@media(max-width:620px){.concept .body br{display:none}}
/* 日本語は文節の切れ目で折り返す（対応していないブラウザでは、いつもの折り返しになる） */
h1,h2,h3,p,li,.ttl{word-break:auto-phrase}

/* サービス内容ページ */
.svc{display:grid;grid-template-columns:96px 1fr;gap:32px;background:var(--card);border-radius:22px;padding:36px 32px;box-shadow:0 0 0 1px var(--line)}
.svc+.svc{margin-top:28px}
.svc-ico .ico{width:96px;height:96px;display:block}
.svc h2{font-family:var(--font-head);font-weight:500;font-size:26px;color:var(--accent-text);margin-bottom:10px}
.svc-lead{margin-bottom:16px}
@media(max-width:620px){.svc{grid-template-columns:1fr;gap:16px;padding:28px 22px}.svc-ico .ico{width:72px;height:72px}}

/* ご相談の流れページ */
.flow-list{list-style:none;display:grid;gap:28px}
.flow-list li{background:var(--card);border-radius:22px;padding:32px;box-shadow:0 0 0 1px var(--line)}
.flow-no{display:block;font-size:16px;letter-spacing:.12em;color:var(--sage-deep);font-weight:500;margin-bottom:4px}
.flow-list h2{font-family:var(--font-head);font-weight:500;font-size:26px;color:var(--accent-text);margin-bottom:12px}
.flow-note{margin-top:12px;font-size:17px;color:var(--tx-sub)}
@media(max-width:620px){.flow-list li{padding:26px 22px}}

/* お問い合わせ */
.line-box{background:var(--card);border-radius:22px;padding:32px;box-shadow:0 0 0 1px var(--line)}
.contact-form{max-width:720px}
.field{margin-bottom:28px}
.field>label{display:block;font-weight:500;margin-bottom:8px}
.req{display:inline-block;margin-left:10px;padding:0 10px;border-radius:999px;background:var(--accent-deep);color:#fff;font-size:14px;font-weight:500;vertical-align:2px}
.contact-form input[type=text],.contact-form input[type=email],.contact-form select,.contact-form textarea{width:100%;font:inherit;font-size:19px;padding:14px 16px;border:1px solid rgba(52,64,58,.3);border-radius:12px;background:#fff;color:var(--tx)}
.contact-form textarea{line-height:1.8;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid rgba(79,122,100,.35);border-color:var(--accent-deep)}
.field-note{margin-top:8px;font-size:16px;color:var(--tx-sub)}
.field.check label{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.8}
.field.check input{width:22px;height:22px;margin-top:5px;flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-turnstile{margin-bottom:24px}
.form-msg{margin-bottom:20px;padding:14px 18px;border-radius:12px;background:#fdecea;color:#7a2a22;font-size:17px}
.contact-form .btn{cursor:pointer;font-family:inherit}
.contact-form .btn:disabled{opacity:.6;cursor:default}
.form-notice{max-width:720px;margin-bottom:36px;padding:20px 24px;border-radius:16px;background:var(--soft);font-size:17px;line-height:1.9}
.form-notice p+p{margin-top:6px}

/* 相談案内の下の小さなリンク */
.cta .cta-sub{margin:20px 0 0;font-size:17px}
.cta .cta-sub a{color:var(--accent-text)}
/* PC：小さなリンクの左端を、「フォームで相談する」ボタンの左端にそろえる。スマホ（ボタンが縦に並ぶ幅）は中央 */
.cta .cta-actions{display:inline-block;text-align:left}
.cta .cta-actions .cta-sub{margin-top:20px;padding-left:4px}
@media(max-width:620px){
  .cta .cta-actions{display:block;text-align:center}
  .cta .cta-actions .cta-sub{padding-left:0}
}
/* リンクの右端を、「LINEで相談する」ボタンの右端にそろえる（PC）。スマホは中央のまま */
.cta .cta-actions{text-align:right}
.cta .cta-actions .cta-sub{padding-left:0;padding-right:4px}
@media(max-width:620px){
  .cta .cta-actions{text-align:center}
  .cta .cta-actions .cta-sub{padding-right:0}
}

/* プロフィール写真：元の写真が小さい（約190px）ので、丸も小さめにして、ぼやけを目立たなくする。大きな写真に差し替えたら、240px に戻してよい */
.profile{grid-template-columns:200px 1fr;gap:40px}
@media(max-width:820px){.profile{grid-template-columns:1fr}.profile .photo{width:192px}}
.foot-info p{margin-top:4px;font-size:16px}
.foot-info .logo{display:inline-block;margin-bottom:6px}
.story{max-width:40em;margin-bottom:56px}
.story p{margin-bottom:1.2em}
.sub-h{font-family:var(--font-head);font-weight:500;font-size:24px;color:var(--accent-text);margin-bottom:18px;line-height:1.6}
.tel-line{font-size:26px;font-weight:500;margin-bottom:8px}
.tel-line a{color:var(--accent-text);text-decoration:none}
.article img{display:block;max-width:min(100%,var(--art-img-width));height:auto}
.article img{margin:var(--art-img-gap) auto var(--art-img-gap) 0} /* 画像を左寄せ（中央に戻すときは、この1行を消す） */
.article hr{display:none} /* 原稿の「---」は、大見出しの余白で区切るので表示しない */
.article table{border-collapse:collapse;width:100%;font-size:17px;line-height:1.7}
.article th,.article td{border:1px solid var(--line);padding:14px 18px;text-align:left;vertical-align:middle}
.article th{background:var(--soft)}
.article blockquote{border-left:4px solid var(--accent);padding:4px 0 4px 1.2em;color:var(--tx-sub)}
.col-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px 28px}
.col-grid a{display:flex;flex-direction:column;gap:10px;height:100%;text-decoration:none;background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px var(--line);padding-bottom:20px}
.col-grid a:hover{box-shadow:0 0 0 2px var(--accent)}
.col-grid .thumb{display:block;aspect-ratio:1200/630;background:var(--soft);overflow:hidden}
.col-grid .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.col-grid .card-meta{display:flex;gap:10px;align-items:center;padding:6px 20px 0;font-size:16px;color:var(--tx-sub)}
.col-grid .ttl{padding:0 20px;font-size:19px;line-height:1.7;font-weight:500}
@media(max-width:980px){.col-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.col-grid{grid-template-columns:1fr}}
.article-eye{margin:-16px 0 40px}
.article-eye img{display:block;width:100%;height:auto;border-radius:16px}
/* 記事の小見出し：本文と区別しやすくする（線と太字だけ） */
.article h2{font-size:var(--art-h2-size);font-weight:700;margin-top:var(--art-h2-before);padding:2px 0 2px 16px;border-left:4px solid var(--accent-text);background:none;border-radius:0}
.article h3{font-size:var(--art-h3-size);font-weight:700;margin-top:var(--art-h3-before);padding:0;border:none;color:var(--accent-text)}
.article h2+*{margin-top:var(--art-h2-after)}
.article h3+*{margin-top:var(--art-h3-after)}
.crumb{display:flex;gap:8px;flex-wrap:wrap;font-size:15px;color:var(--tx-sub);margin-bottom:28px}
.crumb a{color:var(--tx-sub);text-decoration:none}
.crumb a:hover{text-decoration:underline}
.article-wrap .article-title{font-size:clamp(28px,4.8vw,var(--art-title-size));line-height:1.5;font-weight:700;color:var(--tx);margin-bottom:18px}
.article-wrap .article-meta .tag{background:var(--accent-text);color:#fff;font-size:15px;padding:2px 14px}
.article-wrap .sec-label{display:none}
.toc{background:var(--soft);border-radius:16px;padding:24px 28px;margin-top:3em}
.toc-title{text-align:center;font-family:var(--font-head);font-weight:700;font-size:20px;margin-bottom:14px}
.toc ol{list-style:none;counter-reset:toc;padding:0;font-size:18px}
.toc li{counter-increment:toc;margin:0;padding:6px 0}
.toc li+li{margin-top:0}
.toc li::before{content:counter(toc) "｜";color:var(--tx-sub)}
.toc a{color:var(--tx);text-decoration:none}
.toc a:hover{text-decoration:underline}
.article h2{scroll-margin-top:90px}
/* 記事の本文は、右端いっぱいまで文字を入れる（文節ごとの折り返しをやめる。戻すときは、この2行を消す） */
.article p,.article li{word-break:normal;text-wrap:wrap}
/* スマホで、プロフィール・相談の流れの文章を、右端まで使う。見出しの折り返しを自然にする */
.story p{word-break:normal;text-wrap:wrap}
.sub-h{text-wrap:pretty}
@media(max-width:620px){.sub-h{font-size:21px}}
@media(max-width:620px){:root{--art-h2-size:22px;--art-h3-size:19px}.article h2{padding-left:14px}}