/* v10: freee請求書の背景の「構成」を写す。色は v9 のまま（#FFF6D6 淡い黄 / --paper / #fff） */
:root{--tint:#FFF6D6}
body{background:#fff}
/* 1 ヒーロー: グラデなしの平らな全幅の面・下辺は直線・台なし。画面は面に直接のせ、床の影だけ */
.v-hero{background:var(--tint);padding:56px 0 64px}
.v-stage::before{content:"";inset:auto 6% -6px 10%;height:40px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,45,0,.22),rgba(60,45,0,0));opacity:1;top:auto;bottom:-6px}
/* 区切りの地は白。帯は全幅・平ら・角なし */
.v-sec,.v-sec--paper,#features,#scenes,#faq-preview,#assurance,#flowmap,#points,#pain{background:#fff}
/* 2 できること: 白地の上に、本文幅いっぱいの淡い面（角なし）で図を置く */
.v-map{background:var(--tint);border-radius:0;max-width:1008px;margin-left:auto;margin-right:auto}
/* 3 悩み: 白地にイラストを直接（丸い台なし） */
.v-pain .v-ill,.v-ill{background:transparent}
/* 3' 答えの帯: 全幅・平ら。上辺中央を白の逆三角（幅490×深さ64）で切る */
.v-answer{background:var(--tint);margin-top:72px;padding:120px 0 96px}
.v-answer::before{width:490px;height:64px;top:-1px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%)}
/* 4 おすすめポイント: 絵は白地に直接（台なし） */
.v-vis{background:transparent;padding:16px 0}
/* 5 主な機能: 白地。アイコンは枠なし。そのほかの機能は平らな淡いタイル（影なし） */
.v-ic{background:transparent;box-shadow:none}
.v-tiles2 li{background:var(--paper);box-shadow:none;border-radius:4px}
/* 7 場面: freee で事例の後ろに入る全幅の淡い帯の位置 → 場面の写真を帯に。写真の角は小さく */
#scenes{background:var(--paper)}
/* 8 サポート: 白地にアイコン直接 */
.v-ill--s{background:transparent}
/* 9 FAQ: 白地、線で区切る */
/* 10 最後の申し込み: 全幅・平らな淡い面（グラデなし） */
.v-cta{background:var(--tint)}
.v-cta-steps li{box-shadow:none;border-top:6px solid var(--paper-2);border-radius:12px}
@media (max-width:640px){
  .v-hero{padding:40px 0 48px}
  .v-answer{padding:72px 0 56px}
  .v-answer::before{width:240px;height:36px}
}
/* 台を外した分、絵を freee と同じくらいの大きさに（悩み約110px・サポート約72px） */
.v-pain .v-ill svg{width:112px;height:112px;stroke-width:1.6}
.v-ill--s svg{width:72px;height:72px;stroke-width:1.7}
@media (max-width:640px){.v-pain .v-ill svg{width:92px;height:92px}}