/* 配色は棚卸しシート（tanaoroshi-sheet）と同じSage系。同じ企画だと分かる見た目にそろえる
   375px幅で横スクロールを出さない。画像なしで成立させる（制作メモ） */
:root{
  --sage:#90A858; --deep:#7C9146; --high:#C4CF94;
  --ink:#4A5238; --gray:#7b8272; --line:#e2e7d5; --bg:#F5F7EE;
  --batsu:#C96E4A;
}
*{ box-sizing:border-box; margin:0; padding:0; }
body{ font-family:-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
      background:#fff; color:var(--ink); line-height:1.85; -webkit-text-size-adjust:100%;
      overflow-x:hidden; }
.wrap{ max-width:680px; margin:0 auto; padding:0 18px; }
a{ color:var(--deep); }

/* ── ファーストビュー ── */
.fv{ background:var(--bg); padding:26px 0 30px; border-bottom:1px solid var(--line); }
.eyebrow{ font-size:12.5px; line-height:1.7; color:var(--gray); margin-bottom:14px; }
h1{ font-size:27px; line-height:1.45; color:var(--deep); font-weight:700; margin-bottom:14px; }
.sub{ font-size:17px; line-height:1.6; font-weight:700; color:var(--ink); margin-bottom:14px; }
.fv .lead{ font-size:14px; line-height:1.85; color:var(--ink); margin-bottom:20px; }

/* ── ボタン ── */
.cta{ display:block; background:var(--deep); color:#fff; text-decoration:none;
      text-align:center; font-size:16px; font-weight:700; line-height:1.5;
      border-radius:12px; padding:17px 16px;
      box-shadow:0 3px 0 rgba(74,82,56,.22); }
.cta:active{ transform:translateY(2px); box-shadow:0 1px 0 rgba(74,82,56,.22); }
br.sp{ display:inline; }

/* ── 本文ブロック ── */
.block{ padding:30px 18px; }
main p{ font-size:15px; margin-bottom:16px; }
main p:last-child{ margin-bottom:0; }
.quote{ font-weight:700; color:var(--ink); }
.beat{ font-size:17px; font-weight:700; color:var(--deep);
       background:var(--bg); border-left:4px solid var(--sage);
       border-radius:0 10px 10px 0; padding:13px 15px; margin:22px 0; }

h2{ font-size:19px; color:var(--deep); margin-bottom:16px;
    padding-bottom:8px; border-bottom:2px solid var(--high); }

.gets{ list-style:none; }
.gets li{ font-size:15px; background:var(--bg); border-radius:12px;
          padding:14px 16px 14px 34px; margin-bottom:10px; position:relative; }
.gets li::before{ content:"✓"; position:absolute; left:14px; top:14px;
                  color:var(--deep); font-weight:700; }
.gets li:last-child{ margin-bottom:0; }

.assure{ font-size:12.5px !important; line-height:1.85; color:var(--gray); margin-top:14px; }

.trust{ list-style:none; border:1px solid var(--line); border-radius:12px; padding:8px 16px; }
.trust li{ font-size:13.5px; color:var(--gray); padding:8px 0;
           border-bottom:1px dashed var(--line); }
.trust li:last-child{ border-bottom:none; }

/* ── フッター ── */
footer{ background:var(--bg); border-top:1px solid var(--line);
        padding:22px 0; margin-top:10px; text-align:center; }
footer p{ font-size:12px; color:var(--gray); }
footer a{ color:var(--gray); }
.corp{ margin-top:6px; }

/* ── 画面が広いとき ── */
@media (min-width:600px){
  .fv{ padding:40px 0 44px; }
  h1{ font-size:32px; }
  .sub{ font-size:19px; }
  br.sp{ display:none; }
  .block{ padding:38px 18px; }
}