
:root {
  --bg: #eef3e8;
  --bg-soft: #f6f8f2;
  --surface: #ffffff;
  --surface-muted: #f7f9f5;
  --pale: #9cb080;
  --mid: #618764;
  --deep: #2b5748;
  --ink: #273338;
  --muted: #667177;
  --line: rgba(39, 51, 56, .14);
  --line-strong: rgba(39, 51, 56, .24);
  --shadow: 0 22px 56px rgba(39, 51, 56, .10);
  --shadow-soft: 0 12px 32px rgba(39, 51, 56, .07);
  --radius-xl: 30px;
  --radius-lg: 22px;
  --radius-md: 14px;
  --container: 1200px;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --serif: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 3%, rgba(156,176,128,.28), transparent 26rem),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 48%, var(--bg) 100%);
  font-family: var(--sans);
  line-height: 1.85;
  letter-spacing: .025em;
}
img, svg { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3, h4, ul, ol, dl, blockquote { margin-top: 0; }
p { margin-bottom: 1.25em; }
button, input, select, textarea { font: inherit; }

.skip-link { position: fixed; top: 10px; left: 10px; z-index: 9999; transform: translateY(-160%); padding: 10px 14px; color: #fff; background: var(--deep); border-radius: 8px; }
.skip-link:focus { transform: translateY(0); }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.container--narrow { width: min(calc(100% - 48px), 900px); margin-inline: auto; }
.section { padding: 92px 0; }
.section--tight { padding: 64px 0; }
.section--tint { background: linear-gradient(180deg, rgba(156,176,128,.16), rgba(223,232,210,.40)); border-block: 1px solid rgba(39,51,56,.08); }
.section--deep { background: var(--ink); color: #fff; }

.eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 16px; color: var(--mid); font-size: .78rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 32px; height: 2px; background: currentColor; }
.display, h1, h2, h3 { text-wrap: pretty; }
h1, h2, h3 { font-family: var(--serif); line-height: 1.42; letter-spacing: .035em; }
.display { margin-bottom: 22px; font-family: var(--serif); font-size: clamp(2.6rem, 5vw, 5rem); line-height: 1.22; }
.section-title { margin-bottom: 18px; font-size: clamp(2rem, 3.3vw, 3.25rem); }
.page-title { margin-bottom: 18px; font-size: clamp(2.35rem, 4.2vw, 4.25rem); }
.lead { font-size: 1.08rem; font-weight: 600; }
.muted { color: var(--muted); }

.site-header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.93); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.site-header.is-scrolled { box-shadow: 0 10px 28px rgba(39,51,56,.08); }
.site-header__inner { display: flex; align-items: center; justify-content: space-between; min-height: 78px; gap: 28px; }
.brand { display: flex; align-items: center; flex: 0 0 auto; gap: 14px; }
.brand__logo { display: block; width: 190px; height: auto; }
.brand__tag { display: grid; line-height: 1.35; }
.brand__tag strong { font-size: .83rem; letter-spacing: .08em; }
.brand__tag small { color: var(--muted); font-size: .69rem; }
.global-nav { display: flex; align-items: center; gap: 22px; font-size: .88rem; font-weight: 750; }
.global-nav a { position: relative; padding: 10px 0; white-space: nowrap; }
.global-nav a:not(.global-nav__cta)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 2px; transform: scaleX(0); transform-origin: right; background: var(--deep); transition: transform .2s; }
.global-nav a:hover::after, .global-nav a.is-current::after { transform: scaleX(1); transform-origin: left; }
.global-nav__cta { padding: 10px 17px !important; color: #fff; background: var(--deep); border-radius: 999px; }
.nav-toggle { display: none; width: 44px; height: 44px; padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: 50%; }
.nav-toggle span { display:block; height:2px; margin:5px 0; background:var(--ink); transition:.2s; }
body.nav-open .nav-toggle span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
body.nav-open .nav-toggle span:nth-child(2){ opacity:0; }
body.nav-open .nav-toggle span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

.btn-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:12px 23px; border:1px solid var(--deep); border-radius:999px; font-weight:800; transition: transform .2s, box-shadow .2s, background .2s; }
.btn:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(43,87,72,.18); }
.btn--primary { color:#fff; background:var(--deep); }
.btn--secondary { color:var(--deep); background:#fff; }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--deep); font-weight:800; }
.text-link::after { content:"→"; }

.hero { padding: 46px 0 92px; }
.hero-grid, .page-hero-grid, .feature {
  display:grid;
  grid-template-columns:minmax(0, 1.02fr) minmax(0, .98fr);
  align-items:stretch;
  overflow:hidden;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow);
}
.hero-grid { min-height: 570px; }
.hero-copy, .page-hero-copy, .feature__content { display:flex; flex-direction:column; justify-content:center; padding:clamp(42px,5.4vw,70px); background:#fff; }
.hero-copy p:last-of-type, .page-hero-copy p:last-of-type, .feature__content p:last-of-type { margin-bottom:0; }
.hero-media, .page-hero-media, .feature__media { min-width:0; background:var(--surface-muted); }
.hero-media img, .page-hero-media img, .feature__media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-media img { object-position: 69% center; }
.hero-tags { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:26px 0 0; list-style:none; }
.hero-tags li { padding:7px 12px; color:var(--deep); background:rgba(156,176,128,.22); border:1px solid rgba(43,87,72,.16); border-radius:999px; font-size:.82rem; font-weight:750; }

.page-hero { padding: 42px 0 72px; }
.page-hero-grid { min-height: 450px; }
.page-hero-media img { object-position: 65% center; }

.section-head { max-width:760px; margin-bottom:38px; }
.section-head--center { margin-inline:auto; text-align:center; }
.section-head--center .eyebrow { justify-content:center; }
.feature { min-height: 480px; }
.feature--compact { min-height: 410px; }
.feature--reverse .feature__media { order:-1; }
.feature__content { min-width:0; }
.feature__media img { object-position: 78% center; }
.feature__media--right img { object-position: 70% center; }
.feature__media--left img { object-position: 35% center; }

.grid { display:grid; gap:22px; }
.grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.card { height:100%; padding:30px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); }
.card h3 { margin-bottom:12px; font-size:1.34rem; }
.card p:last-child { margin-bottom:0; }
.card__num { display:grid; place-items:center; width:46px; height:46px; margin-bottom:20px; color:#fff; background:var(--deep); border-radius:50%; font-weight:800; }
.card__label { display:inline-flex; margin-bottom:14px; padding:5px 10px; color:var(--deep); background:rgba(156,176,128,.24); border-radius:999px; font-size:.76rem; font-weight:800; }

.role-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.role-card { padding:32px; background:#fff; border:1px solid var(--line); border-top:5px solid var(--pale); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); }
.role-card:nth-child(2){ border-top-color:var(--mid); }
.role-card:nth-child(3){ border-top-color:var(--deep); }
.role-card h3 { margin-bottom:14px; }
.check-list, .dot-list { padding-left:1.2em; margin-bottom:0; }
.check-list li, .dot-list li { margin:7px 0; }

.service-list { display:grid; gap:18px; }
.service-row { display:grid; grid-template-columns:160px minmax(220px,.65fr) minmax(0,1fr) auto; align-items:center; gap:24px; padding:22px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); }
.service-row img { width:160px; aspect-ratio:16/10; object-fit:cover; object-position:center; border-radius:14px; }
.service-row h3 { margin:0; font-size:1.32rem; }
.service-row p { margin:0; }
.service-row__tag { margin-bottom:5px !important; color:var(--mid); font-size:.75rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }

.price-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; }
.price-card { position:relative; display:flex; flex-direction:column; height:100%; padding:34px; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); }
.price-card--featured { color:#fff !important; background:linear-gradient(145deg,var(--deep),var(--ink)) !important; border-color:var(--deep) !important; }
.price-card--featured * { color:inherit; }
.price-card__badge { position:absolute; top:18px; right:18px; padding:5px 10px; color:#fff; background:var(--mid); border-radius:999px; font-size:.72rem; font-weight:800; }
.price-card__name { margin-bottom:14px; font-family:var(--serif); font-size:1.35rem; font-weight:800; }
.price-card__pages { color:var(--mid); font-weight:800; }
.price-card--featured .price-card__pages { color:rgba(255,255,255,.78); }
.price-card__price { margin:18px 0 22px; font-family:var(--serif); font-size:clamp(2rem,3.5vw,3rem); font-weight:800; line-height:1.05; }
.price-card ul { padding-left:1.15em; margin-bottom:22px; }
.price-card .text-link { margin-top:auto; }
.price-card--featured .text-link { color:#fff; }

.process-list { display:grid; gap:18px; }
.process-step { display:grid; grid-template-columns:190px minmax(0,1fr); background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); overflow:hidden; }
.process-step__head { padding:30px; color:#fff; background:var(--deep); }
.process-step__head span { display:block; margin-bottom:12px; color:rgba(255,255,255,.72); font-family:var(--serif); font-size:2rem; font-weight:800; }
.process-step__head h2 { margin:0; font-size:1.35rem; }
.process-step__body { padding:32px; }
.process-step__cols { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.process-step__cols h3 { margin-bottom:8px; font-size:1rem; color:var(--deep); }
.prompt-box { margin-top:20px; padding:18px 20px; background:var(--surface-muted); border:1px solid var(--line); border-radius:12px; }
.prompt-box strong { display:block; margin-bottom:6px; color:var(--mid); }
.prompt-box code { font-family:var(--sans); font-size:.93rem; white-space:normal; }

.sample { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:stretch; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:var(--radius-xl); box-shadow:var(--shadow-soft); }
.sample + .sample { margin-top:26px; }
.sample:nth-child(even) .sample__media { order:2; }
.sample__media img { display:block; width:100%; height:100%; min-height:430px; object-fit:cover; object-position:center; }
.sample__body { display:flex; flex-direction:column; justify-content:center; padding:48px; }
.sample__body h2 { margin-bottom:14px; font-size:2rem; }
.sample__meta { display:grid; gap:8px; margin-top:20px; }
.sample__meta div { display:grid; grid-template-columns:120px 1fr; gap:12px; padding-top:10px; border-top:1px solid var(--line); }
.sample__meta dt { font-weight:800; }
.sample__meta dd { margin:0; }
.sample-badge { display:inline-flex; width:fit-content; margin-bottom:14px; padding:5px 10px; color:var(--deep); background:rgba(156,176,128,.25); border-radius:999px; font-size:.75rem; font-weight:800; }

.content-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:30px; align-items:start; }
.side-nav { position:sticky; top:104px; display:grid; gap:8px; padding:18px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); }
.side-nav a { padding:10px 12px; border-radius:9px; font-weight:750; }
.side-nav a:hover { background:rgba(156,176,128,.18); }
.content-main { display:grid; gap:20px; }
.content-card { padding:36px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); }
.content-card h2 { margin-bottom:14px; font-size:1.75rem; }
.content-card h3 { margin:28px 0 10px; font-size:1.22rem; }
.content-card p:last-child, .content-card ul:last-child { margin-bottom:0; }
.notice { padding:22px 24px; background:rgba(156,176,128,.18); border-left:5px solid var(--mid); border-radius:0 12px 12px 0; }

.faq-groups { display:grid; gap:34px; }
.faq-group { padding:32px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); }
.faq-group h2 { margin-bottom:18px; font-size:1.65rem; }
.faq { display:grid; gap:10px; }
.faq details { border:1px solid var(--line); border-radius:12px; background:var(--surface-muted); }
.faq summary { cursor:pointer; padding:18px 20px; font-weight:800; }
.faq details p { padding:0 20px 20px; margin:0; }

.contact-grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr); gap:24px; align-items:stretch; }
.contact-info, .contact-form { height:100%; padding:38px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); }
.contact-info { display:flex; flex-direction:column; justify-content:space-between; }
.contact-info img { width:100%; aspect-ratio:16/10; object-fit:cover; object-position:60% center; margin-top:24px; border-radius:14px; }
.contact-form { display:grid; gap:18px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.contact-form label { display:grid; gap:7px; font-weight:800; }
.required, .optional { display:inline-flex; width:fit-content; margin-left:7px; padding:2px 7px; border-radius:999px; font-size:.68rem; }
.required { color:#fff; background:var(--deep); }
.optional { color:var(--muted); background:var(--surface-muted); border:1px solid var(--line); }
.contact-form input, .contact-form select, .contact-form textarea { width:100%; padding:13px 14px; color:var(--ink); background:#fff; border:1px solid var(--line-strong); border-radius:10px; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { outline:3px solid rgba(97,135,100,.20); border-color:var(--mid); }
.form-status { padding:14px 16px; color:#8b1e1e; background:#fff2f2; border:1px solid #e7bbbb; border-radius:10px; }
.honeypot { position:absolute !important; left:-9999px !important; }

.blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.post-card { display:flex; flex-direction:column; height:100%; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); }
.post-card__image { width:100%; aspect-ratio:16/9; object-fit:cover; }
.post-card__body { display:flex; flex-direction:column; flex:1; padding:26px; }
.post-card__cat { margin-bottom:8px; color:var(--mid); font-size:.75rem; font-weight:800; letter-spacing:.1em; }
.post-card h2 { margin-bottom:12px; font-size:1.38rem; }
.post-card time { margin-top:auto; color:var(--muted); font-size:.84rem; }

.cta { padding:0 0 94px; }
.cta-card { display:grid; grid-template-columns:minmax(0,1fr) 360px; align-items:stretch; overflow:hidden; color:#fff; background:var(--deep); border-radius:var(--radius-xl); box-shadow:var(--shadow); }
.cta-card__body { display:flex; flex-direction:column; justify-content:center; padding:50px; }
.cta-card__body .eyebrow { color:var(--pale); }
.cta-card__body h2 { margin-bottom:14px; font-size:clamp(1.8rem,3vw,2.8rem); }
.cta-card__body p { color:rgba(255,255,255,.82); }
.cta-card__media img { display:block; width:100%; height:100%; object-fit:cover; object-position:60% center; }
.cta-card .btn--primary { color:var(--deep); background:#fff; border-color:#fff; }

.article { padding:60px 0 96px; }
.article-card { padding:54px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-xl); box-shadow:var(--shadow-soft); }
.article-card h2 { margin:46px 0 16px; padding-bottom:10px; border-bottom:1px solid var(--line); font-size:1.7rem; }
.article-card h3 { margin:30px 0 10px; font-size:1.25rem; }
.article-card blockquote { margin:32px 0; padding:24px; background:var(--surface-muted); border-left:5px solid var(--mid); }
.policy-meta { margin-top:36px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); }

.site-footer { padding:68px 0 24px; color:#fff; background:var(--ink); }
.site-footer__grid { display:grid; grid-template-columns:minmax(0,1.35fr) .7fr .7fr; gap:50px; }
.site-footer .brand__logo { filter:invert(1); }
.site-footer .brand__tag small { color:rgba(255,255,255,.65); }
.site-footer__lead { max-width:440px; margin-top:18px; color:rgba(255,255,255,.75); }
.site-footer__office { color:rgba(255,255,255,.68); }
.site-footer h2 { margin-bottom:14px; color:var(--pale); font-family:var(--sans); font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; }
.site-footer a:not(.brand) { display:block; margin:8px 0; color:rgba(255,255,255,.82); }
.site-footer__bottom { padding-top:28px; margin-top:38px; border-top:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.58); }

.reveal { opacity:0; transform:translateY(16px); transition:opacity .5s, transform .5s; }
.reveal.is-visible { opacity:1; transform:none; }

@media (max-width: 1080px) {
  .brand__tag { display:none; }
  .global-nav { gap:14px; font-size:.81rem; }
  .service-row { grid-template-columns:140px minmax(180px,.6fr) minmax(0,1fr) auto; gap:18px; }
  .service-row img { width:140px; }
}
@media (max-width: 900px) {
  .section { padding:70px 0; }
  .hero-grid, .page-hero-grid, .feature, .sample, .contact-grid, .cta-card { grid-template-columns:1fr; }
  .hero-grid, .page-hero-grid, .feature { min-height:0; }
  .hero-copy, .page-hero-copy, .feature__content { padding:38px; }
  .hero-media, .page-hero-media, .feature__media { height:340px; }
  .feature--reverse .feature__media, .sample:nth-child(even) .sample__media { order:initial; }
  .grid--3, .grid--4, .price-grid, .role-grid, .blog-grid { grid-template-columns:1fr; }
  .grid--2 { grid-template-columns:1fr; }
  .service-row { grid-template-columns:140px 1fr; }
  .service-row > p, .service-row .text-link { grid-column:1/-1; }
  .process-step { grid-template-columns:1fr; }
  .process-step__cols { grid-template-columns:1fr; }
  .sample__media img { min-height:320px; }
  .content-layout { grid-template-columns:1fr; }
  .side-nav { position:static; }
  .contact-grid { grid-template-columns:1fr; }
  .cta-card__media { height:300px; }
  .site-footer__grid { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .container, .container--narrow { width:min(calc(100% - 28px), var(--container)); }
  .site-header__inner { min-height:68px; }
  .brand__logo { width:152px; }
  .nav-toggle { display:block; }
  .global-nav { position:fixed; top:68px; right:14px; left:14px; display:grid; gap:3px; padding:16px; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); opacity:0; transform:translateY(-10px); pointer-events:none; transition:.2s; }
  body.nav-open .global-nav { opacity:1; transform:none; pointer-events:auto; }
  .global-nav a { padding:11px 10px; }
  .global-nav__cta { text-align:center; margin-top:6px; }
  .hero { padding:24px 0 66px; }
  .hero-copy, .page-hero-copy, .feature__content, .sample__body, .contact-info, .contact-form, .article-card { padding:26px; }
  .hero-media, .page-hero-media, .feature__media { height:260px; }
  .display { font-size:clamp(2.25rem,12vw,3.3rem); }
  .section-title { font-size:1.9rem; }
  .service-row { grid-template-columns:1fr; }
  .service-row img { width:100%; }
  .service-row > p, .service-row .text-link { grid-column:auto; }
  .sample__meta div { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
  .cta-card__body { padding:32px 26px; }
}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto}.reveal,.btn,.global-nav a::after{transition:none} }

.site-footer__ai-note {
  margin: 18px 0 0;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.84);
  font-size: .88rem;
  line-height: 1.8;
}
.site-footer__ai-note strong { color: #fff; }

/* =========================================================
   WordPress RSSフィード：トップページ最新コラム
========================================================= */
.column-feed-status {
  grid-column: 1 / -1;
  margin: 0;
  padding: 30px;
  color: var(--muted);
  text-align: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
}

.column-feed-status a {
  color: var(--deep);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: .2em;
}

.column-feed-status--error {
  border-color: rgba(139, 30, 30, .24);
}

.post-card--feed .post-card__body {
  min-height: 320px;
}

.post-card--feed .post-card__date {
  display: block;
  margin: 0 0 14px;
  color: var(--mid);
  font-size: .84rem;
  font-weight: 800;
  letter-spacing: .06em;
}

.post-card--feed .post-card__excerpt {
  margin-bottom: 24px;
}

.post-card--feed .post-card__more {
  width: fit-content;
  margin-top: auto;
}

@media (max-width: 900px) {
  .post-card--feed .post-card__body {
    min-height: 0;
  }
}


/* =========================================================
   お問い合わせフォーム：入力エラー・入力内容保持
========================================================= */
#contact-form {
  scroll-margin-top: 100px;
}

.contact-form [aria-invalid="true"] {
  border-color: #b33a3a;
  background: #fffafa;
  box-shadow: 0 0 0 3px rgba(179, 58, 58, 0.12);
}

.contact-form [aria-invalid="true"]:focus {
  outline: 3px solid rgba(179, 58, 58, 0.18);
  border-color: #9d2f2f;
}

.form-status:focus {
  outline: 3px solid rgba(179, 58, 58, 0.18);
  outline-offset: 3px;
}

.field-error {
  display: block;
  margin-top: 2px;
  color: #9d2f2f;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.6;
}
