@charset "utf-8";
/* 榎本美乃里税理士事務所 ／ 下層ページ共通スタイル
   index.html のデザイントークンに準拠 */

:root{
  --navy:#3E4348; --navy-d:#2F3438; --navy-dd:#23272A; --navy-l:#5A6067;
  --gold:#AE8A3D; --gold-d:#8E6E2B; --gold-bg:#FBF7EE;
  --ink:#22262A; --body:#3B4147; --muted:#6E7681;
  --gray:#EDEFF1; --line:#D3D7DB; --line-d:#B9BFC4;
  --gothic:"Yu Gothic Medium","Yu Gothic","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Meiryo",sans-serif;
  --mincho:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP",serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; font-family:var(--gothic); color:var(--body);
  font-size:16px; line-height:1.9; background:#fff;
  font-feature-settings:"palt";
}
a{color:var(--gold-d)}
.wrap{max-width:840px;margin:0 auto;padding:0 22px}

/* ヘッダー */
.hd{border-top:3px solid var(--gold);background:#fff;border-bottom:1px solid var(--line)}
.hd-in{max-width:840px;margin:0 auto;padding:16px 22px;display:flex;align-items:center;gap:12px}
.hd a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.mark{
  width:38px;height:38px;flex:none;background:var(--navy);color:#fff;
  font-family:var(--mincho);font-size:20px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.hd b{display:block;font-size:15px;color:var(--ink);letter-spacing:.04em}
.hd small{display:block;font-size:11.5px;color:var(--muted);letter-spacing:.02em}

/* パンくず */
.bc{font-size:12.5px;color:var(--muted);padding:14px 0 0}
.bc a{color:var(--muted);text-decoration:none}
.bc a:hover{text-decoration:underline}

/* 本文 */
main{padding:26px 0 72px}
h1{
  font-family:var(--mincho);font-size:29px;line-height:1.5;color:var(--ink);
  margin:16px 0 8px;font-weight:700;letter-spacing:.02em;
}
h1+.lead{color:var(--muted);font-size:14.5px;margin:0 0 34px;
  padding-bottom:22px;border-bottom:1px solid var(--line)}
h2{
  font-family:var(--mincho);font-size:19px;color:var(--ink);
  margin:44px 0 14px;padding-left:13px;border-left:3px solid var(--gold);
  line-height:1.6;font-weight:700;
}
h3{font-size:16px;color:var(--ink);margin:26px 0 8px}
p{margin:0 0 16px}
ul,ol{margin:0 0 16px;padding-left:1.4em}
li{margin-bottom:7px}

/* 定義テーブル */
table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}
th,td{border:1px solid var(--line);padding:13px 15px;text-align:left;vertical-align:top}
th{background:var(--gray);color:var(--ink);font-weight:600;width:32%;white-space:nowrap}
@media(max-width:600px){
  table,tbody,tr,th,td{display:block;width:100%}
  th{border-bottom:none;white-space:normal}
  td{border-top:none;margin-bottom:-1px}
  tr{margin-bottom:14px;display:block}
}

.note{background:var(--gold-bg);border:1px solid #E8DCC0;padding:16px 18px;font-size:14.5px;margin:0 0 20px}
.note p:last-child{margin-bottom:0}

/* サンクスページ */
.thanks{text-align:center;padding:70px 0 20px}
.thanks .tick{
  width:64px;height:64px;margin:0 auto 26px;border:2px solid var(--gold);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--gold);font-size:29px;line-height:1;
}
.thanks h1{font-size:27px;margin-bottom:18px}
.thanks .lead{border:none;padding:0;color:var(--body);font-size:16px;margin-bottom:34px}
.steps{
  text-align:left;border:1px solid var(--line);padding:24px 26px;
  margin:0 auto 34px;max-width:560px;background:#FCFCFD;
}
.steps h2{margin-top:0;font-size:16.5px}
.steps ol{margin:0;padding-left:1.3em;font-size:15px}
.btn{
  display:inline-block;background:var(--navy);color:#fff;text-decoration:none;
  padding:15px 40px;font-size:15.5px;letter-spacing:.04em;
  border-bottom:2px solid var(--gold);
}
.btn:hover{background:var(--navy-d)}

/* フッター */
.ft{background:var(--navy-dd);color:#C6CBD0;padding:34px 0 26px;font-size:13px}
.ft .wrap{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:space-between;align-items:center}
.ft b{color:#fff;font-size:14.5px;font-weight:600}
.ft nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.ft a{color:#C6CBD0;text-decoration:none;font-size:12.5px}
.ft a:hover{color:#fff;text-decoration:underline}
.cr{text-align:center;color:#7C848C;font-size:11.5px;margin:24px 0 0}

/* 要記入ハイライト（内容確定後、この装飾ごと不要になります） */
mark{background:#FFF3B8;color:#6B5300;padding:1px 5px;font-weight:600}