/* Media conditions keep their original values and cascade order:
 * (min-width: 1600px)
 * (max-width: 768px)
 * (max-width: 1100px) and (min-width: 769px)
 * (min-width: 769px) and (max-width: 1279px)
 * (max-width: 1023px) and (min-width: 769px)
 * (min-width: 769px) and (max-width: 1100px)
 * (max-width: 374px)
 * (min-width: 375px) and (max-width: 389px)
 */
/* Design values and unchanged responsive custom properties. */
:root {
  --lp-space-24: 24px;
  --lp-focus-offset: 4px;
  --lp-full-size: 100%;
  --lp-font-weight-bold: 700;
  --lp-line-height-heading: 1.5;
  --lp-line-height-note: 1.8;
  --lp-border-width: 1px;
  --lp-sr-only-margin: -1px;
  --lp-half-size: 50%;
  --lp-z-skip-link: 100;
  --lp-space-8: 8px;
  --lp-space-16: 16px;
  --lp-skip-link-hidden-offset: -200%;
  --lp-size-40: 40px;
  --lp-space-32: 32px;
  --lp-radius-pill: 999px;
  --lp-control-min-size: 44px;
  --lp-font-weight-heavy: 800;
  --lp-line-height-number: 1.1;
  --lp-line-width-2: 2px;
  --lp-size-56: 56px;
  --lp-viewport-small-height: 100svh;
  --lp-size-160: 160px;
  --lp-grid-unit: 1fr;
  --lp-space-48: 48px;
  --lp-size-120: 120px;
  --lp-cover-aspect-height: 1.42;
  --lp-size-80: 80px;
  --lp-size-88: 88px;
  --lp-size-72: 72px;
  --lp-text-width-mobile: 22ic;
  --lp-size-208: 208px;
  --lp-size-104: 104px;
}
:root {
  --white: #fff;
  --pale: #f4faff;
  --gray: #f3f6fa;
  --blue: #0064ed;
  --navy: #03172e;
  --ink: #0b2a5b;
  --body: #52657f;
  --cyan: #00cbe8;
  --border: #d6e4f0;
  --header: 80px;
  --container: 1200px;
  --gutter: 40px;
  --section: 120px;
  --group: 48px;
  --card: 32px;
  --radius: 8px;
  --hero-size: 64px;
  --h2-size: 44px;
  --h3-size: 26px;
  --body-size: 16px;
  --caption: 14px;
  --big: 160px;
  --money: 44px;
  --button: 56px;
  --band-n: 12;
  --band-w: 14vw;
  --band-r: 50vw;
  --band-p: 30vw;
  --band-dur: 90s;
  --paper-shadow: 0 8px 24px color-mix(in srgb, var(--ink) 12%, transparent);
  --line-height: 1.9;
  --serif: "Noto Serif JP", serif;
  --sans: "Noto Sans JP", sans-serif;
  --digits: Inter, "Noto Sans JP", sans-serif;
}
:root {
  --mv-2: 50%;
  --mv-3: 0;
  --mv-4: 1;
  --mv-9: -50%;
  --mv-10: 0.42;
  --mv-11: -180deg;
  --mv-12: -1;
  --mv-13: 111.6deg;
  --mv-14: 0.58;
  --mv-15: -104.4deg;
  --mv-16: 64.728deg;
  --mv-17: -104.36deg;
  --mv-18: 64.703deg;
  --mv-19: 0deg;
  --mv-20: 0.7;
  --mv-21: 104.36deg;
  --mv-22: -64.703deg;
  --mv-23: 104.4deg;
  --mv-24: -64.728deg;
  --mv-25: 180deg;
  --mv-26: -111.6deg;
}
:root {
  --lp-text-width-desktop: 38ic;
  --lp-duration-base: 320ms;
  --lp-grid-share-5: 5fr;
  --lp-grid-share-7: 7fr;
  --lp-viewport-width: 100vw;
  --lp-font-weight-regular: 400;
  --lp-grid-share-4: 4fr;
  --lp-grid-share-8: 8fr;
  --lp-size-144: 144px;
  --lp-line-height-compact: 1.6;
  --lp-grid-column-count-three: 3;
  --lp-grid-share-3: 3fr;
  --lp-diagram-arrow-offset: -32px;
  --lp-shine-white-tint: 30%;
  --lp-duration-fast: 160ms;
  --lp-translate-center: -50%;
  --lp-hover-lift: -4px;
}
:root {
  --white: #fff;
  --pale: #f4faff;
  --gray: #f3f6fa;
  --blue: #0064ed;
  --navy: #03172e;
  --ink: #0b2a5b;
  --body: #52657f;
  --cyan: #00cbe8;
  --border: #d6e4f0;
  --header: 80px;
  --container: 1200px;
  --gutter: 40px;
  --section: 120px;
  --group: 48px;
  --card: 32px;
  --radius: 8px;
  --hero-size: 64px;
  --h2-size: 44px;
  --h3-size: 26px;
  --body-size: 16px;
  --caption: 14px;
  --big: 160px;
  --money: 44px;
  --button: 56px;
  --band-n: 12;
  --band-w: 14vw;
  --band-r: 50vw;
  --band-p: 30vw;
  --band-dur: 90s;
  --paper-shadow: 0 8px 24px color-mix(in srgb, var(--ink) 12%, transparent);
  --line-height: 1.9;
  --serif: "Noto Serif JP", serif;
  --sans: "Noto Sans JP", sans-serif;
  --digits: Inter, "Noto Sans JP", sans-serif;
}
@media (min-width: 1600px) {
  :root {
    --container: 1320px;
  }
}
@media (max-width: 768px) {
  :root {
    --header: 64px;
    --container: 100%;
    --gutter: 24px;
    --section: 72px;
    --group: 40px;
    --card: 24px;
    --hero-size: 34px;
    --h2-size: 28px;
    --h3-size: 20px;
    --big: clamp(80px, 25vw, 100px);
    --money: 36px;
    --button: 52px;
    --line-height: 1.8;
    --band-w: 40vw;
    --band-r: 66vw;
    --band-p: 44vw;
    --band-dur: 110s;
  }
}
@media (max-width: 1100px) and (min-width: 769px) {
  :root {
    --header: 144px;
  }
}
:root {
  --money: clamp(36px, 3.2vw, 44px);
}
@media (max-width: 768px) {
  :root {
    --money: 36px;
  }
}
:root {
  --mv-1: 1px;
  --mv-5: 100%;
  --mv-6: 0.2em;
  --mv-7: -0.2em;
  --mv-8: 1.04;
  --mv-27: 3px;
  --mv-28: 0.18;
  --mv-29: 62%;
  --mv-30: 0.6;
  --mv-31: -120%;
  --mv-32: 105deg;
  --mv-33: 30%;
  --mv-34: 70%;
  --mv-35: 3;
  --mv-36: 120%;
  --mv-37: 1.14;
  --mv-38: 0.62;
  --mv-39: 60%;
  --mv-40: 33%;
  --mv-41: 0.42em;
}
:root {
  --m-fast: 160ms;
  --m-base: 320ms;
  --m-reveal: 620ms;
  --m-heading: 760ms;
  --m-photo: 900ms;
  --m-fill: 900ms;
  --m-distance: 24px;
  --m-stagger: 70ms;
  --m-out: cubic-bezier(0.16, 1, 0.3, 1);
  --m-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --m-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --m-blue: #0064ed;
  --m-tint: #f4faff;
  --m-photo-inset: 7%;
  --m-photo-radius: 8px;
  --m-lift: 4px;
  --m-cover-lift: 6px;
  --m-band-radius: 50vw;
  --m-band-perspective: 30vw;
  --m-band-cycle: 90s;
  --m-final-cycle: 120s;
  --m-rail-travel: -200px;
  --m-line-time: 900ms;
  --m-pulse-time: 1500ms;
  --m-ring-size: 2px;
  --m-tick-height: 4px;
  --m-hero-label-delay: 200ms;
  --m-hero-heading-delay: 300ms;
  --m-hero-actions-delay: 900ms;
}
@media (max-width: 768px) {
  :root {
    --m-reveal: 520ms;
    --m-heading: 600ms;
    --m-distance: 16px;
    --m-stagger: 60ms;
    --m-band-radius: 66vw;
    --m-band-perspective: 44vw;
    --m-band-cycle: 110s;
    --m-rail-travel: -80px;
  }
}
:root {
  --hw-blue: #0064ed;
  --hw-cyan: #00cbe8;
  --hw-navy: #0b2a5b;
  --hw-body: #243b5e;
  --hw-marker: #ffe14d;
  --hw-white: #ffffff;
  --hw-gray: #f3f6fa;
  --hw-pale-blue: #eaf3ff;
  --hw-pale-cyan: #e6fafd;
  --hw-final: #03172e;
  --hw-body-pc: 17px;
  --hw-body-sp: 16px;
  --hw-note: 14px;
  --hw-h2-pc: 48px;
  --hw-h2-sp: 28px;
  --hw-h3-pc: 28px;
  --hw-h3-sp: 20px;
  --hw-space-section-pc: 110px;
  --hw-space-section-sp: 72px;
  --hw-gap-pc: 56px;
  --hw-gap-sp: 40px;
  --hw-radius: 12px;
  --hw-shadow: 10px;
  --hw-button-shadow: 8px;
  --hw-button-pc: 72px;
  --hw-button-sp: 60px;
  --hw-sans: "Noto Sans JP", sans-serif;
  --hw-serif: "Noto Serif JP", serif;
  --hw-num: Inter, sans-serif;
  --hw-hand: "Hand Note", "Noto Sans JP", sans-serif;
}
:root {
  --hw-fv-height: 820px;
  --hw-fv-margin: 80px;
  --hw-fv-copy-top: 198px;
  --hw-fv-brush-height: 144px;
  --hw-fv-number: 240px;
  --hw-fv-title: 48px;
  --hw-fv-unit: 62px;
  --hw-fv-left: 80px;
  --hw-fv-label: 16px;
  --hw-fv-note: 28px;
  --hw-fv-band-top: 530px;
  --hw-fv-band-height: 324px;
  --hw-fv-cover-top: 612px;
  --hw-fv-cover-height: 130px;
  --hw-fv-cta-top: 536px;
}
@media (min-width: 769px) and (max-width: 1279px) {
  :root {
    --hw-fv-left: 48px;
    --hw-fv-number: 220px;
    --hw-fv-title: 42px;
    --hw-fv-unit: 52px;
    --hw-fv-note: 24px;
  }
}
@media (max-width: 1023px) and (min-width: 769px) {
  :root {
    --hw-fv-left: 32px;
    --hw-fv-title: 36px;
    --hw-fv-number: 190px;
    --hw-fv-unit: 44px;
    --hw-fv-copy-top: 220px;
    --hw-fv-note: 24px;
  }
}
@media (min-width: 769px) and (max-width: 1100px) {
  :root {
    --hw-fv-margin: 144px;
  }
}
@media (max-width: 768px) {
  :root {
    --hw-fv-height: 780px;
    --hw-fv-margin: 64px;
    --hw-fv-left: 24px;
    --hw-fv-number: 104px;
    --hw-fv-title: 29px;
    --hw-fv-unit: 26px;
    --hw-fv-label: 14px;
    --hw-fv-note: 20px;
    --hw-fv-band-top: 430px;
    --hw-fv-band-height: 184px;
    --hw-fv-cover-top: 432px;
    --hw-fv-cover-height: 146px;
    --hw-fv-cta-top: 592px;
  }
}
@media (max-width: 374px) {
  :root {
    --hw-fv-left: 16px;
    --hw-fv-number: 96px;
    --hw-fv-title: 27px;
    --hw-fv-unit: 24px;
  }
}
@media (min-width: 375px) and (max-width: 389px) {
  :root {
    --hw-fv-number: 102px;
    --hw-fv-unit: 24px;
  }
}
:root {
  --hw-platform-number: 240px;
  --hw-price-number: 120px;
  --hw-flow-number: 220px;
  --hw-lower-brush-height: 270px;
  --hw-lower-card-padding: 40px;
  --hw-lower-card-shadow: 12px;
  --hw-lower-column-gap: 48px;
  --hw-lower-row-gap: 40px;
  --hw-pricing-pointer-offset: 442px;
  --hw-final-cover-height: 304px;
  --hw-final-top: 310px;
}
@media (min-width: 769px) and (max-width: 1100px) {
  :root {
    --hw-platform-number: 190px;
    --hw-price-number: 96px;
    --hw-flow-number: 180px;
    --hw-lower-card-padding: 28px;
    --hw-lower-column-gap: 32px;
    --hw-pricing-pointer-offset: 414px;
  }
}
@media (max-width: 768px) {
  :root {
    --hw-platform-number: clamp(96px, 31vw, 130px);
    --hw-price-number: 96px;
    --hw-flow-number: 130px;
    --hw-lower-brush-height: 108px;
    --hw-lower-card-padding: 24px;
    --hw-lower-card-shadow: 8px;
    --hw-pricing-pointer-offset: 52px;
    --hw-final-cover-height: 210px;
    --hw-final-top: 270px;
    --hw-mobile-price-card-inset: 24px;
    --hw-mobile-price-number-inset: clamp(
      4px,
      calc(28.571428vw - 87.42857px),
      24px
    );
    --hw-mobile-price-tracking: clamp(
      -13.92px,
      calc(10.285714vw - 46.834285px),
      -6.72px
    );
  }
}
@media (max-width: 374px) {
  :root {
    --hw-mobile-price-card-inset: 16px;
  }
}
:root {
  --hw-motion-out: cubic-bezier(0.16, 1, 0.3, 1);
  --hw-motion-line: cubic-bezier(0.65, 0, 0.35, 1);
}
:root {
  --hw-space-section-pc: 96px;
}
:root {
  --hw-finish-card-inset-pc: 24px;
  --hw-finish-card-inset-sp: 16px;
  --hw-finish-table-row-inset: 8px;
}
/* Repeated literal colors, spacing and shadows; values are unchanged.
 */
:root {
  --lp-color-blue: #0064ed;
  --lp-color-hex-0064ed25: #0064ed25;
  --lp-color-hex-0064ed66: #0064ed66;
  --lp-color-cyan: #00cbe8;
  --lp-color-ink: #0b2a5b;
  --lp-color-hex-0b2a5b20: #0b2a5b20;
  --lp-color-hex-375674: #375674;
  --lp-color-hex-d5fbff88: #d5fbff88;
  --lp-color-hex-d6e4f0: #d6e4f0;
  --lp-color-light-gray: #f3f6fa;
  --lp-color-hex-f3f8fd: #f3f8fd;
  --lp-color-marker-yellow: #ffe14d;
  --lp-color-white: #fff;
  --lp-color-hex-ffffff55: #ffffff55;
  --lp-space-minus-110: -110px;
  --lp-space-minus-12: -12px;
  --lp-space-minus-136: -136px;
  --lp-space-minus-24: -24px;
  --lp-space-minus-48: -48px;
  --lp-space-minus-8: -8px;
  --lp-space-10: 10px;
  --lp-space-12: 12px;
  --lp-space-13: 13px;
  --lp-space-14: 14px;
  --lp-space-15: 15px;
  --lp-space-18: 18px;
  --lp-space-20: 20px;
  --lp-space-22: 22px;
  --lp-space-232: 232px;
  --lp-space-25: 25px;
  --lp-space-26: 26px;
  --lp-space-280: 280px;
  --lp-space-28: 28px;
  --lp-space-30: 30px;
  --lp-space-34: 34px;
  --lp-space-36: 36px;
  --lp-space-38: 38px;
  --lp-space-3: 3px;
  --lp-space-42: 42px;
  --lp-space-52: 52px;
  --lp-space-58: 58px;
  --lp-space-5: 5px;
  --lp-space-60: 60px;
  --lp-space-64: 64px;
  --lp-space-66: 66px;
  --lp-space-6: 6px;
  --lp-space-7: 7px;
  --lp-space-84: 84px;
  --lp-space-90: 90px;
  --lp-space-92: 92px;
  --lp-space-96: 96px;
  --lp-space-9: 9px;
}