@charset "UTF-8";

@media screen and (min-width: 769px) {

  
  .l-header__nav a { font-size: 15px; }
  .l-header__cta { font-size: 15px; }
  .c-secLabel__en { font-size: 14px; letter-spacing: .12em; }
  .c-secLabel__ja { font-size: 18px; }
  .c-secTitle { font-size: 30px; line-height: 1.35; }
  .c-secTitle b { font-size: 44px; }
  .c-secTitle small { font-size: 30px; }
  .c-secTitle--onDark { font-size: 44px; }
  .c-note { font-size: 12px; line-height: 1.6; }
  .c-btn button { font-size: 20px; }
  .l-fixedCta__btn { font-size: 22px; }
  .l-fixedCta__badge { font-size: 15px; }

  
  .p-fv__lead { font-size: 17px; }
  .p-fv__sub { font-size: 40px; }
  .p-fv__subSmall { font-size: 28px; }
  .p-fv__title { font-size: 112px; }
  .p-fv__ruby { font-size: 16px; }
  .p-fv__cta a { font-size: 22px; }
  .p-fv__cta i { font-size: 16px; }
  .p-fv__note { font-size: 12px; }

  
  .p-result__label { font-size: 16px; }
  .p-result__caption { font-size: 17px; line-height: 1.6; }
  .p-result__before { font-size: 30px; }
  .p-result__arrow { font-size: 24px; }
  .p-result__after { font-size: 48px; }
  .p-result__after small { font-size: 28px; }
  .p-result__badge { font-size: 16px; }
  .p-result__link { font-size: 16px; }
  .p-result__note { font-size: 12px; }
  .p-case__name { font-size: 19px; }
  .p-case__desc { font-size: 16px; line-height: 1.8; }

  
  .p-why__lead { font-size: 19px; line-height: 1.85; }
  .p-why__lead sup { font-size: 12px; }
  .p-why__cardTitle { font-size: 28px; line-height: 1.35; }
  .p-why__text { font-size: 17px; line-height: 1.9; }

  
  .p-scene__headSub { font-size: 16px; }
  .p-scene__headText { font-size: 26px; }
  .p-scene__lead { font-size: 17px; line-height: 1.85; }
  .p-scene__step { font-size: 18px; }
  .p-scene__step i { font-size: 20px; }
  .p-scene__labelText b { font-size: 44px; }
  .p-scene__media { font-size: 15px; }
  .p-scene__desc { font-size: 16px; line-height: 1.8; }
  .p-scene__num { font-size: 64px; }
  .p-scene__num small { font-size: 44px; }
  .p-scene__rank { font-size: 15px; }
  .p-scene__todoTitle, .p-scene__todoText { font-size: 15px; line-height: 1.8; }

  
  .p-pitfall__lead { font-size: 19px; line-height: 1.8; }
  .p-pitfall__num { font-size: 32px; }
  .p-pitfall__item p { font-size: 19px; line-height: 1.75; }
  .p-pitfall__ruby { font-size: 19px; }
  .p-pitfall__title { font-size: 34px; }
  .p-pitfall__title b { font-size: 48px; }
  .p-pitfall__title small { font-size: 34px; }
  .p-pitfall__text { font-size: 18px; line-height: 1.9; }

  
  .p-reason__catch { font-size: 26px; line-height: 1.6; }
  .p-reason__num { font-size: 32px; }
  .p-reason__title { font-size: 30px; line-height: 1.4; }
  .p-reason__title sup { font-size: 16px; }
  .p-reason__text { font-size: 18px; line-height: 1.9; }
  .p-reason__text small { font-size: 13px; }
  .p-reason__stats b { font-size: 34px; }
  .p-reason__stats b i { font-size: 18px; }
  .p-reason__stats b.p-reason__statText { font-size: 24px; }
  .p-reason__stats b.p-reason__statText small { font-size: 17px; }
  .p-reason__stats b.p-reason__statText--sm { font-size: 22px; }
  .p-reason__stats b.p-reason__statText--sm small { font-size: 16px; }
  .p-reason__item--noFig .p-reason__stats b.p-reason__statText--sm,
  .p-reason__item--noFig .p-reason__stats b.p-reason__statText--sm small { font-size: 24px; }
  .p-reason__stats span { font-size: 13px; }
  .p-reason__points dt,
  .p-reason__points dt.p-reason__pointTitle--tight,
  .p-reason__points dt.p-reason__pointTitle--dau { font-size: 18px; line-height: 1.5; }
  .p-reason__points dt small,
  .p-reason__points dt.p-reason__pointTitle--tight small,
  .p-reason__points dt.p-reason__pointTitle--dau small { font-size: 12px; }
  .p-reason__points dd { font-size: 16px; line-height: 1.8; }
  .p-reason__scopeTitle { font-size: 19px; line-height: 1.6; }
  .p-reason__scopeList dt { font-size: 15px; line-height: 1.75; }
  .p-reason__scopeList dd { font-size: 16px; line-height: 1.75; }
  
  .p-reason__scopeList { grid-template-columns: 190px 1fr; grid-auto-rows: auto; }
  .p-reason__scopeList dt,
  .p-reason__scopeList dd { padding-top: 18px; padding-bottom: 18px; }
  .p-reason__scopeList dt { text-align: left; text-align-last: auto; letter-spacing: .04em; }
  .p-reason__scopeList dt::after { height: 26px; }

  
  .p-proof__ruby { font-size: 16px; }
  .p-proof__title { font-size: 22px; }
  .p-proof__date { font-size: 16px; }
  .p-proof__kpi { font-size: 18px; }
  .p-proof__before { font-size: 40px; }
  .p-proof__before small { font-size: 26px; }
  .p-proof__arrow { font-size: 32px; }
  .p-proof__after { font-size: 64px; }
  .p-proof__after small { font-size: 32px; }
  .p-proof__badge,
  .p-proof__item .p-proof__badge { font-size: 15px; }

  
  .p-flow__lead { font-size: 18px; line-height: 1.8; }
  .p-flow__num { font-size: 88px; }
  .p-flow__title { font-size: 21px; line-height: 1.5; }
  .p-flow__text { font-size: 16px; line-height: 1.8; }

  
  .p-plan__lead { font-size: 18px; line-height: 1.8; }
  .p-plan__en { font-size: 40px; margin-bottom: -6px; }
  .p-plan__name { font-size: 21px; }
  .p-plan__catch { font-size: 16px; line-height: 1.7; }
  .p-plan__price { font-size: 30px; }
  .p-plan__price b { font-size: 54px; }
  .p-plan__price .p-plan__comma { font-size: 30px; }
  .p-plan__cond,
  .p-plan__points li,
  .p-plan__rank { font-size: 16px; line-height: 1.8; }
  .p-plan__points small { font-size: 12px; }

  
  .p-faq__mark { font-size: 22px; }
  .p-faq__qText { font-size: 19px; line-height: 1.6; }
  .p-faq__aText { font-size: 17px; line-height: 1.9; }

  
  .p-lab__lead { font-size: 18px; }
  .p-lab__cat { font-size: 15px; }
  .p-lab__title { font-size: 16px; }

  
  .p-contact__title { font-size: 38px; }
  .p-contact__label { font-size: 16px; }
  .p-contact__textarea { font-size: 16px; }
  .p-contact__note { font-size: 14px; }

  
  .l-footer__info,
  .l-footer__copy,
  .l-footer__copy small,
  .l-footer__navTitle,
  .l-footer__navList li,
  .l-footer__navList a { font-size: 14px; }

  
  .p-reason__table { margin-inline: 0; margin-top: 36px; }
  .p-reason__table img { width: 780px; }
  .p-reason__table + .c-note { width: 780px; margin-inline: auto; }

  
  .p-why__card:nth-child(n) .p-why__fig img { width: 380px; }
  .p-why__card:nth-child(1) .p-why__fig img { width: 345px; }
  
  .p-why__card:nth-child(4) .p-why__fig { margin-top: 34px; margin-bottom: 40px; }

  
  .p-why__lead, .p-pitfall__lead, .p-pitfall__text, .p-reason__catch, .p-reason__text,
  .p-flow__lead, .p-plan__lead, .p-why__text, .p-faq__aText,
  .p-reason__scopeList dd, .p-flow__text, .p-plan__points li, .p-reason__points dd { text-wrap: pretty; }
}


@media screen and (max-width: 768px) {
  .p-reason__text,
  .p-pitfall__item p,
  .p-pitfall__text { font-size: clamp(15.5px, 4vw, 18px); line-height: 1.8; }

  .p-reason__points dd,
  .p-reason__scopeList dd,
  .p-flow__text,
  .p-plan__cond,
  .p-plan__points li,
  .p-plan__rank,
  .p-case__desc,
  .p-scene__desc,
  .p-scene__todoText { font-size: clamp(14.5px, 3.75vw, 17px); line-height: 1.75; }

  
  .p-reason__text, .p-pitfall__item p, .p-pitfall__text, .p-reason__points dd, .p-reason__scopeList dd,
  .p-flow__text, .p-plan__cond, .p-plan__points li, .p-plan__rank, .p-why__text, .p-faq__aText { text-wrap: pretty; }
}
