:root {
    --bg: #F8F4EA;
    --cream: #F1E9D8;
    --cream-strong: #E6D9BC;
    --white: #FFFFFF;
    --card: #FFFFFF;
    --coral: #223A5E;
    --coral-deep: #223A5E;
    --coral-band: #223A5E;
    --coral-band-dark: #13243A;
    --coral-ink: #FFFFFF;
    --coral-on-white: #223A5E;
    --coral-soft: #EDE6D3;
    --gold: #C9A24B;
    --gold-deep: #8A6A1E;
    --ink: #2A2620;
    --ink-soft: #000;
    --ink-faint: #A79C89;
    --line: #E7DEC8;
    --shadow: 0 16px 38px -22px rgba(40,50,60,.28);
    --radius-s: 12px;
    --radius-m: 20px;
    --radius-l: 30px;
    --font: 'fot-tsukuardgothic-std','Zen Maru Gothic','Hiragino Maru Gothic ProN',sans-serif;
    color-scheme: light;
  }

  * {
    box-sizing: border-box;
  }

  body {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    line-height: 1.9;
    -webkit-font-smoothing: antialiased;
  }

  .lp_breadcrumb {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
}

  .hero,
  .section,
  .cta-banner {
    font-family: var(--font);
    font-feature-settings: "palt";
  }

  @media screen and (min-width: 1348px) {
    .content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 1900px !important;
        margin: 0 auto;
    }
}

  img {
    max-width: 100%;
    display: block;
  }

  h1,h2,h3 {
    text-wrap: balance;
    margin: 0;
    color: var(--ink);
    font-weight: 900;
  }

  :is(.hero, .section, .cta-banner) :is(h1, h2, h3) {
    font-family: var(--font);
  }

  p {
    margin: 0;
  }

  a {
    color: inherit;
  }

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .wrap {
    max-width: 1080px;
    margin-inline: auto;
    padding-inline: 20px;
  }

  .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--coral-deep);
    background: var(--coral-soft);
    padding: 7px 16px;
    border-radius: 999px;
  }

  .section {
    padding-block: clamp(52px,7vw,92px);
  }

  .section-cream {
    background: var(--cream);
  }

  .section-white {
    background: var(--white);
  }

  .section-cream .eyebrow {
    background: var(--white);
    border: 1px solid var(--gold);
  }

  .section-cream,
  .section-white {
    border-top: 1px solid var(--cream-strong);
    border-bottom: 1px solid var(--cream-strong);
  }

  .section-head {
    margin-inline: auto;
    text-align: center;
    margin-bottom: clamp(34px,5vw,52px);
  }

  .section-head .eyebrow {
    margin-bottom: 16px;
  }

  .section-head h2 {
    font-size: clamp(2.1rem,3.2vw,2.05rem);
    line-height: 1.6;
  }

  .section-head p {
    margin-top: 14px;
    color: var(--ink-soft);
    font-size: .96rem;
  }

  .btn {
    appearance: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--font);
    font-weight: 700;
    font-size: 18px;
    padding: 17px 32px;
    border-radius: 999px;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .15s ease,box-shadow .15s ease,background .15s ease;
    width: 100%;
    max-width: 420px;
  }

  .btn:focus-visible {
    outline: 3px solid var(--coral-deep);
    outline-offset: 3px;
  }

  .btn-primary {
    background: var(--coral);
    color: var(--coral-ink);
  }

  .btn-primary:hover {
    filter: brightness(.92);
    transform: translateY(-2px);
  }

  .btn-outline {
    background: transparent;
    color: var(--coral-deep);
    border: 1.5px solid var(--coral);
  }

  .btn-outline:hover {
    background: var(--coral-soft);
  }

  .btn-light {
    background: #fff;
    color: var(--coral-deep);
    box-shadow: 0 16px 32px -18px rgba(0,0,0,.3);
  }

  .btn-light:hover {
    transform: translateY(-2px);
  }

  .btn-block {
    width: 100%;
  }

.micro {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    font-weight: bold;
}

.micro::before,
.micro::after {
    width: 3px;
    height: 40px;
    background-color: currentColor;
    content: '';
}

.micro::before {
    transform: rotate(-35deg);
    margin-right: 30px;
}

.micro::after {
    transform: rotate(35deg);
    margin-left: 30px;
}

  .micro-on-coral {
    color: rgba(255,255,255,.85);
  }

  .site-header {
    position: sticky;
    top: env(safe-area-inset-top,0px);
    z-index: 40;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
  }

  .site-header .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-block: 14px;
  }

  .brand {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .brand-mark {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    color: var(--coral-deep);
  }

  .brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
  }

  .brand-name {
    font-weight: 900;
    font-size: 1.05rem;
    color: var(--ink);
  }

  .brand-sub {
    font-size: .65rem;
    color: var(--coral-deep);
    font-weight: 700;
  }

  .header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .tel-link {
    display: none;
    flex-direction: column;
    line-height: 1.25;
    font-size: .8rem;
    color: var(--ink-soft);
    text-decoration: none;
  }

  .tel-link strong {
    font-size: 1rem;
    color: var(--ink);
    font-weight: 700;
  }

  @media (min-width:860px) {
    .tel-link {
      display: flex;
    }
  }

  .header-actions .btn {
    padding: 11px 22px;
    font-size: .85rem;
  }

  .hero {
    padding-block: clamp(48px,7vw,84px) clamp(40px,6vw,68px);
    position: relative;
    overflow: hidden;
    background-color: var(--bg);
    background-image: url("/html/user_data/assets/img/anniversary-consultation-lp/main.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 55%;
    min-height: clamp(520px,46vw,760px);
    display: flex;
    align-items: center;
  }

  .hero .wrap {
    display: grid;
    gap: 40px;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 100%;
  }

  .hero-copy {
    max-width: 560px;
  }

  br.sp-only {
    display: none;
  }

  @media (max-width:899px) {
    .hero {
        --hero-img-w: 100%;
        --hero-img-pos: 75% center;
        --hero-veil-l: .9;
        --hero-veil-r: .5;
        min-height: 0;
        display: block;
        padding-top: 48px;
        padding-bottom: 44px;
        background-image: none;
    }

    .hero::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: var(--hero-img-w);
        background-image: linear-gradient(to right, rgba(248, 244, 234, var(--hero-veil-l)) 0%, rgba(248, 244, 234, var(--hero-veil-l)) 22%, rgba(248, 244, 234, var(--hero-veil-r)) 100%), linear-gradient(to top, rgba(248, 244, 234, 1) 0%, rgba(248, 244, 234, 0) 63%), url(/html/user_data/assets/img/anniversary-consultation-lp/main.webp);
        background-size: 100% 100%, 100% 100%, cover;
        background-position: center, center, var(--hero-img-pos);
        background-repeat: no-repeat;
        pointer-events: none;
    }
    br.sp-only {
      display: inline;
    }
  }

  .hero h1 {
      font-size: clamp(1.5rem, 7vw, 4.2rem);
      line-height: 1.6;
      margin: 20px 0;
  }

  .hero h1 .accent {
    color: var(--coral-deep);
    border-bottom: 3px solid var(--gold);
  }

  .hero-sub {
    margin-top: 22px;
    color: var(--ink-soft);
    font-size: 18px;
    line-height: 1.9;
  }

  .hero-sub strong {
    color: var(--ink);
  }

  .hero-cta {
    margin-top: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 420px;
  }

  .hero-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
  }

  .hero-roundel {
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: var(--card);
    box-shadow: var(--shadow);
  }

  .hero-roundel::before,.hero-roundel::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 2px solid var(--coral-deep);
    opacity: .18;
  }

  .hero-roundel::before {
    inset: 18px;
  }

  .hero-roundel::after {
    inset: 40px;
    opacity: .32;
  }

  .hero-ring {
    position: absolute;
    width: 196px;
    height: 196px;
    border-radius: 50%;
    border: 3px solid var(--gold);
  }

  .hero-visual svg {
    position: relative;
    width: 120px;
    height: 120px;
    color: var(--coral-deep);
  }

  .hero-badge {
    position: absolute;
    top: 6px;
    right: 0;
    background: var(--card);
    border-radius: 999px;
    padding: 11px 20px;
    box-shadow: var(--shadow);
    font-size: .82rem;
    font-weight: 700;
    color: var(--coral-deep);
    border: 1px solid var(--gold);
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .hero-badge .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    flex-shrink: 0;
  }

  @media (max-width:900px) {
    .hero-badge {
      right: 10%;
    }
  }

  .icon-badge {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    color: var(--coral-deep);
  }

  .pain-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  }

.pain-card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-m);
    padding: 24px 22px;
    display: flex;
    gap: 14px;
    box-shadow: var(--shadow);
    flex-direction: column;
    align-items: center;
}

  .pain-card .dot {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--coral-soft);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pain-card .dot svg {
    width: 20px;
    height: 20px;
    color: var(--coral-deep);
  }

  .pain-card p {
    font-size: 16px;
    color: var(--ink);
    line-height: 1.75;
    font-weight: 700;
    text-align: center;
  }

  .budget-grid {
    display: grid;
    gap: 28px;
    align-items: start;
    grid-template-columns: 1fr;
    max-width: 720px;
    margin-inline: auto;
  }

  .bubbles {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 560px;
    margin-inline: auto;
  }

  .bubbles::after {
    content: "";
    width: 0;
    height: 0;
    margin: 14px auto 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 15px solid var(--gold);
  }

  .bubble {
    position: relative;
    background: var(--card);
    border-radius: 22px;
    padding: 16px 22px;
    font-size: .94rem;
    font-weight: 700;
    color: var(--ink);
    box-shadow: var(--shadow);
    max-width: 280px;
  }

  .bubble.from-left {
    border-bottom-left-radius: 6px;
  }

  .bubble.from-right {
    border-bottom-right-radius: 6px;
    margin-left: auto;
  }

  .bubble-row {
    display: flex;
    align-items: flex-end;
    gap: 10px;
  }

  .worry-face {
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    object-fit: contain;
  }

  @media (min-width: 600px) {
    .bubble-row {
      gap: 14px;
    }

    .worry-face {
      width: 90px;
      height: 90px;
    }
  }

  .budget-body {
    text-align: center;
  }

  .budget-body h3 {
    font-size: clamp(1.8rem,3vw,2.6rem);
    margin-bottom: 14px;
    line-height: 1.6;
  }

  .budget-body p {
    color: var(--ink-soft);
    font-size: .95rem;
    line-height: 1.85;
  }

  .online-note {
    margin-top: 28px;
    padding: 22px 26px;
    background: var(--white);
    border: 1px solid var(--cream-strong);
    border-radius: var(--radius-m);
    box-shadow: var(--shadow);
    text-align: left;
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: center;
  }

  .online-icon {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--coral);
    box-shadow: 0 0 0 3px var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .online-icon .icon-badge {
    width: 28px;
    height: 28px;
    color: #fff;
  }

  .online-title {
    display: block;
    margin-bottom: 6px;
    font-size: 1.02rem;
    line-height: 1.6;
    color: var(--coral-deep);
  }

  .online-note p {
    font-size: .88rem;
    line-height: 1.8;
    color: var(--ink-soft);
    text-wrap: pretty;
  }

  @media (max-width:560px) {
    .online-note {
      flex-direction: column;
      text-align: center;
      gap: 14px;
    }
  }

  .budget-cta {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .budget-cta .btn-primary {
    box-shadow: 0 16px 32px -14px rgba(34,58,94,.5);
  }

  .budget-cta .micro {
    margin-bottom: 0;
  }

  .cta-banner {
    background: var(--coral-band);
    color: #fff;
    text-align: center;
  }

  .cta-banner h2 {
    color: #fff;
    font-size: clamp(2.1rem,3.2vw,1.95rem);
    line-height: 1.65;
  }

  .cta-banner .wrap {
    padding-block: clamp(46px,6vw,66px);
  }

  .cta-banner .eyebrow {
    background: rgba(255,255,255,.18);
    color: #fff;
    margin-bottom: 18px;
  }

  .cta-banner .btn-primary {
    background: #fff;
    color: var(--coral-on-white);
    box-shadow: 0 16px 32px -16px rgba(0,0,0,.35);
  }

  .cta-banner .btn-primary:hover {
    background: #fff;
    filter: none;
    transform: translateY(-2px);
  }

  .cta-banner .micro {
    color: rgba(255,255,255,.85);
  }

  .cta-banner .hero-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-inline: auto;
  }

  .cta-banner .hero-cta .micro {
    margin-bottom: 0;
  }

  .reason-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(auto-fit,minmax(230px,1fr));
  }

 .reason-card {
    background: var(--card);
    border-radius: var(--radius-l);
    padding: 28px 13px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: var(--shadow);
    border: 2px solid transparent;
}

  .reason-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--coral-soft);
    border: 1.5px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
  }

  .reason-icon svg {
    width: 26px;
    height: 26px;
    color: var(--coral-deep);
  }

.reason-card h3 {
    font-size: 1.05rem;
    line-height: 1.6;
    text-align: center;
}

  .reason-card p {
    font-size: .9rem;
    color: var(--ink-soft);
    line-height: 1.8;
    font-weight: 400;
  }

  .reason-card img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-s);
  }

  .reason-card.is-highlight {
    position: relative;
    border-color: var(--gold);
  }

  .reason-card.is-highlight::before {
    content: "POINT";
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 18px;
    border-radius: 999px;
    background: var(--coral);
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .14em;
    line-height: 1.4;
  }

  .flow {
    max-width: 720px;
    margin-inline: auto;
    position: relative;
  }

  .flow::before {
    content: "";
    position: absolute;
    left: 27px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: var(--cream-strong);
  }

  .flow-item {
    display: flex;
    gap: 22px;
    position: relative;
    padding-bottom: 34px;
  }

  .flow-item:last-child {
    padding-bottom: 0;
  }

  .flow-num {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--coral);
    color: var(--coral-ink);
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    box-shadow: 0 0 0 3px var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
  }

  .flow-body h3 {
    font-size: 1.02rem;
    margin-bottom: 6px;
  }

  .flow-body p {
    font-size: .9rem;
    color: var(--ink-soft);
    line-height: 1.8;
    font-weight: 400;
  }

  .faq-list {
    max-width: 740px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .faq-item {
    background: var(--card);
    border-radius: var(--radius-m);
    overflow: hidden;
    box-shadow: var(--shadow);
  }

  .section-white .faq-item {
    border: 1px solid var(--line);
  }

  .faq-item summary {
    list-style: none;
    cursor: pointer;
    padding: 20px 54px 20px 22px;
    display: flex;
    align-items: center;
    gap: 14px;
    font-weight: 700;
    font-size: .95rem;
    color: var(--ink);
    position: relative;
  }

  .faq-item summary::-webkit-details-marker {
    display: none;
  }

  .faq-item summary .q-mark {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--coral-soft);
    color: var(--coral-deep);
    border: 1.5px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    font-weight: 900;
  }

  .faq-item summary::after {
    content: "+";
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--coral);
    transition: transform .2s ease;
  }

  .faq-item[open] summary::after {
    transform: translateY(-50%) rotate(45deg);
  }

  .faq-answer {
    padding: 0 24px 22px 64px;
    font-size: .9rem;
    color: var(--ink-soft);
    line-height: 1.85;
  }

  .form-section .wrap {
    max-width: 680px;
  }

  .section.goods-nav {
    padding-block: 0 clamp(52px,7vw,84px);
  }

  .goods-link {
    display: block;
    max-width: 880px;
    margin-inline: auto;
    text-align: center;
    text-decoration: none;
    color: var(--coral-deep);
    transition: transform .15s ease;
  }

  .goods-link:hover {
    transform: translateY(-2px);
  }

  .goods-link:focus-visible {
    outline: 3px solid var(--coral-deep);
    outline-offset: 4px;
    border-radius: var(--radius-m);
  }

  .goods-link img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-m);
    box-shadow: var(--shadow);
  }

  .goods-link-text {
    display: block;
    margin-top: 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  .form-card {
    background: var(--card);
    border-radius: var(--radius-l);
    padding: clamp(26px,5vw,44px);
    box-shadow: var(--shadow);
  }

  .form-card-embed {
    padding: 0;
    overflow: hidden;
  }

  .form-card-embed iframe {
    display: block;
    width: 100%;
    border: none;
  }

  .field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
  }

  .field label {
    font-size: .85rem;
    font-weight: 700;
    color: var(--ink);
  }

  .field label .req {
    color: var(--coral-deep);
    font-size: .7rem;
    font-weight: 700;
    margin-left: 6px;
  }

  .field label .opt {
    color: var(--ink-faint);
    font-size: .7rem;
    font-weight: 500;
    margin-left: 6px;
  }

  .field input,.field select,.field textarea {
    font-family: var(--font);
    font-size: .95rem;
    padding: 13px 14px;
    border-radius: var(--radius-s);
    border: 1.5px solid var(--line);
    background: var(--bg);
    color: var(--ink);
    width: 100%;
  }

  .field input:focus,.field select:focus,.field textarea:focus {
    outline: none;
    border-color: var(--coral);
    box-shadow: 0 0 0 3px var(--coral-soft);
  }

  .field textarea {
    resize: vertical;
    min-height: 110px;
  }

  .form-row {
    display: grid;
    gap: 16px;
  }

  @media (min-width:520px) {
    .form-row-2 {
      grid-template-columns: 1fr 1fr;
    }
  }

  .form-foot {
    margin-top: 8px;
  }

  .site-footer {
    background: linear-gradient(135deg,var(--coral-band),var(--coral-band-dark));
    color: rgba(255,255,255,.92);
    padding-block: 40px calc(40px + env(safe-area-inset-bottom,0px));
  }

  .site-footer .wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    text-align: center;
  }

  .footer-brand {
    font-weight: 900;
    font-size: 1.1rem;
    color: #fff;
  }

  .footer-trust {
    font-size: .8rem;
    color: rgba(255,255,255,.85);
  }

  .footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    justify-content: center;
    font-size: .82rem;
  }

  .footer-links a {
    text-decoration: none;
    color: rgba(255,255,255,.85);
  }

  .footer-links a:hover {
    color: #fff;
  }

  .footer-copy {
    font-size: .74rem;
    color: rgba(255,255,255,.62);
  }

  .sticky-cta {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    background: var(--card);
    border-top: 1px solid var(--line);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom,0px));
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 -10px 26px -18px rgba(150,80,50,.35);
  }

  .sticky-cta-text {
    font-size: .76rem;
    color: var(--ink-soft);
    line-height: 1.4;
    flex: 1;
    min-width: 0;
  }

  .sticky-cta-text strong {
    display: block;
    color: var(--ink);
    font-size: .86rem;
  }

  .sticky-cta .btn {
    padding: 13px 20px;
    font-size: .88rem;
    flex-shrink: 0;
    width: auto;
    max-width: none;
  }

  @media (min-width:781px) {
    .sticky-cta {
      left: auto;
      right: 24px;
      bottom: 24px;
      border: 1px solid var(--line);
      border-radius: 999px;
      box-shadow: var(--shadow);
    }

    .sticky-cta-text {
      display: none;
    }
  }

  body {
    padding-bottom: 82px;
  }

  @media (min-width:781px) {
    body {
      padding-bottom: 0;
    }
  }
  .js .reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .8s ease, transform .8s ease;
    transition-delay: var(--reveal-delay, 0s);
  }

  .js .reveal.is-visible {
    opacity: 1;
    transform: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .js .reveal {
      opacity: 1;
      transform: none;
      transition: none;
    }
  }

  @media (min-width: 900px) {

    .section-head p,
    .budget-body p,
    .online-note p,
    .reason-card p,
    .flow-body p,
    .faq-answer,
    .bubble,
    .goods-link-text {
      font-size: 16px;
    }

    .section-head h2,
    .cta-banner h2 {
      font-size: 34px;
    }

    .bubble {
      max-width: 320px;
    }

    .online-title,
    .reason-card h3,
    .flow-body h3 {
      font-size: 18px;
    }

    .faq-item summary {
      font-size: 17px;
    }

    .field label,
    .field input,
    .field select,
    .field textarea {
      font-size: 16px;
    }
  }

  @media (max-width: 899px) {
    .pain-card {
        flex-direction: row;
    }
    .section-head p,
    .budget-body p,
    .online-note p,
    .reason-card p,
    .flow-body p,
    .faq-answer,
    .pain-card p,
    .bubble {
      font-size: 15px;
    }

    .hero-sub {
      font-size: 16px;
    }

    .online-title,
    .reason-card h3,
    .flow-body h3 {
      font-size: 18px;
    }

    .faq-item summary {
      font-size: 15px;
    }

    .btn {
      font-size: 16px;
    }

    .micro {
      font-size: 15px;
    }

    .eyebrow {
      font-size: 12px;
    }
    .pain-card p {
    text-align: left;
    }
  }

  @media screen and (max-width: 1240px) {
    .content {
        padding: 0 !important;
    }
}