/* ============================================================
   solutions-content.css
   Auto-extracted from staging-stores.webflow/css/staging-stores.css
   Contains only CSS classes used in content/solutions/*.md pages
   Loaded exclusively via <link> in src/app/solutions/[slug]/layout.tsx
   ============================================================ */

:root {
  --bg-color--bg-base: var(--_primitivetokens---black--black-1);
  --font-color--txt-primary: var(--_primitivetokens---gray--gray-18);
  --_typography---heading-text-txt--heading-xl: clamp(2.25rem, 1.758rem + 2vw, 3rem);
  --_typography---heading-text-txt--heading-line-height: var(--line-height--line-height-m);
  --_typography---heading-text-txt--heading-l: clamp(1.875rem, 1.465rem + 1.67vw, 2.5rem);
  --_typography---heading-text-txt--heading-m: clamp(1.625rem, 1.379rem + 1vw, 2rem);
  --_typography---heading-text-txt--heading-s: clamp(1.25rem, 1.086rem + .67vw, 1.5rem);
  --_typography---heading-text-txt--heading-xs: clamp(1.125rem, 1.043rem + .33vw, 1.25rem);
  --_typography---body-text-txt--body-line-height: var(--line-height--line-height-l);
  --function-color--emphasis: var(--_primitivetokens---blue--blue-8);
  --border-color--border-secondary: var(--_primitivetokens---gray--gray-4);
  --padding-margin--size-l: var(--_primitivetokens---scale--scale-40);
  --padding-margin--size-xxs: var(--_primitivetokens---scale--scale-8);
  --font-color--txt-secondary: var(--_primitivetokens---gray--gray-11);
  --_typography---caption-text-txt--body-s: .875rem;
  --_elements---card--padding-s: var(--_primitivetokens---scale--scale-24);
  --gap-flex-grid--gap-m: var(--_primitivetokens---scale--scale-24);
  --border-color--border-primary: var(--_primitivetokens---gray--gray-6);
  --padding-margin--size-xl: var(--_primitivetokens---scale--scale-64);
  --bg-color--bg-primary: var(--_primitivetokens---gray--gray-3);
  --gap-flex-grid--gap-l: var(--_primitivetokens---scale--scale-40);
  --font-color--txt-white: white;
  --old-content-width--max-width: var(--_primitivetokens---content-width--w1280);
  --gap-flex-grid--gap-xl: var(--_primitivetokens---scale--scale-80);
  --safe-area--sa-default: var(--safe-area--sa-l);
  --padding-margin--size-xxxs: var(--_primitivetokens---scale--scale-4);
  --font-color--txt-emphasis: var(--function-color--emphasis);
  --_typography---body-text-txt--body-m: 1rem;
  --_typography---body-text-txt--body-s: .875rem;
  --_typography---caption-text-txt--caption-s: .75rem;
  --gap-flex-grid--gap-s: var(--_primitivetokens---scale--scale-16);
  --padding-margin--size-xxl: var(--_primitivetokens---scale--scale-80);
  --padding-margin--size-xxxl: var(--_primitivetokens---scale--scale-120);
  --gap-flex-grid--gap-xs: var(--_primitivetokens---scale--scale-12);
  --_typography---body-text-txt--body-xl: 1.5rem;
  --_landingpagetokens---reserve-01--bg-color: #fdf6ee;
  --_landingpagetokens---reserve-01--text-color: #463431;
  --onboarding--reserve-01--text-color\<deleted\|variable-861e47c0-2b66-f379-649c-374a8521e6ba\>: #463431;
  --radius--radius-l: var(--_primitivetokens---scale--scale-24);
  --padding-margin--size-m: var(--_primitivetokens---scale--scale-24);
  --_elements---card--padding-l: var(--_primitivetokens---scale--scale-40);
  --line-height--line-height-m: 1.4;
  --gray-15\<deleted\|variable-d1d79661-e438-ae6c-e078-aa8f6a1da12f\>: #262626;
  --bg-color--bg-emphasis: var(--_primitivetokens---gray--gray-16);
  --font-weight--txt-bold: 600;
  --font-weight--txt-medium: 500;
  --gap-flex-grid--gap-xxs: var(--_primitivetokens---scale--scale-8);
  --border-color--border-danger: var(--function-color--danger);
  --padding-margin--size-ml: var(--_primitivetokens---scale--scale-32);
  --radius--radius-m: var(--_primitivetokens---scale--scale-16);
  --_elements---card--border-raduis-l: var(--radius--radius-l);
  --gap-flex-grid--gap-ml: var(--_primitivetokens---scale--scale-32);
  --_elements---contents-box--width-s: var(--_primitivetokens---content-width--w500);
  --_elements---contents-box--width-m: var(--_primitivetokens---content-width--w720);
  --_elements---contents-box--width-l: var(--_primitivetokens---content-width--w1028);
  --_elements---contents-box--max-width: var(--_primitivetokens---content-width--w1280);
  --safe-area--sa-s: var(--_primitivetokens---scale--scale-24);
  --gap-flex-grid--gap-xxl: var(--_primitivetokens---scale--scale-120);
  --radius--radius-s: var(--_primitivetokens---scale--scale-8);
  --_typography---body-text-txt--body-l: 1.25rem;
  --z-index--z-index-primary: 50;
  --button-color--btn-base: var(--_primitivetokens---gray--gray-18);
  --button-color--btn-base-txt: var(--font-color--txt-white);
  --padding-margin--size-s: var(--_primitivetokens---scale--scale-16);
  --button-color--btn-primary: var(--function-color--emphasis);
  --button-color--btn-secondary: var(--_primitivetokens---black--black-1);
  --button-color--btn-secondary-txt: var(--font-color--txt-emphasis);
  --button-color--btn-disabled: var(--_primitivetokens---gray--gray-6);
  --button-color--btn-disabled-txt: var(--font-color--txt-secondary);
  --button-color--btn-primary-hover: var(--function-color--emphasis-hover);
  --button-color--btn-secondary-hover: var(--_primitivetokens---gray--gray-3);
  --font-color--txt-tertiary: var(--_primitivetokens---gray--gray-6);
  --function-color--emphasis-hover: var(--_primitivetokens---blue--blue-9);
  --safe-area--sa-l: var(--_primitivetokens---scale--scale-64);
  --old-content-width--width-l: var(--_primitivetokens---content-width--w1028);
  --bg-color--bg-emphasis-pale: var(--_primitivetokens---blue--blue-1);
  --padding-margin--size-xs: var(--_primitivetokens---scale--scale-12);
  --border-color--border-black: var(--_primitivetokens---gray--gray-18);
  --_primitivetokens---scale--scale-64: 64px;
  --bg-color--bg-emphasis-turquoise: var(--function-color--positive);
  --safe-area--sa-wide-tablet: var(--safe-area--sa-l);
  --_elements---block--padding-m: var(--_primitivetokens---scale--scale-80);
  --_elements---card--border-width-s: 1px;
  --_elements---card--border-color: var(--border-color--border-primary);
  --bg-color--bg-emphasis-yellow: var(--_primitivetokens---yellow--yellow-original);
  --font-weight--txt-black: 700;
  --_typography---caption-text-txt--caption-line-height-tight: var(--line-height--line-height-m);
  --_elements---card--border-radius-s: var(--radius--radius-m);
  --_elements---block--padding-l: var(--_primitivetokens---scale--scale-120);
  --_primitivetokens---black--black-1: white;
  --font-weight--txt-nomal: 400;
  --_elements---block--padding-s: var(--_primitivetokens---scale--scale-40);
  --_elements---card-list-flex-grid--gap-l: var(--gap-flex-grid--gap-l);
  --_elements---container--padding-default: var(--safe-area--sa-default);
  --_elements---container--padding-wide-tablet: var(--safe-area--sa-wide-tablet);
  --z-index--z-index-secondary: 40;
  --old-content-width--width-m: var(--_primitivetokens---content-width--w720);
  --_primitivetokens---content-width--w1028: 1028px;
  --border-color--border-emphasis: var(--function-color--emphasis);
  --letter-spacing--spacing-zero: 0em;
  --_primitivetokens---content-width--w1280: 1280px;
  --_primitivetokens---content-width--w720: 720px;
  --line-height--line-height-zero: 1;
  --_primitivetokens---gray--gray-3: #f2f2f0;
  --_typography---heading-text-txt--heading-xxl: clamp(2.5rem, 1.516rem + 4.01vw, 4rem);
  --_primitivetokens---blue--blue-1: #e5f0ff;
  --_primitivetokens---scale--scale-16: 16px;
  --_typography---heading-text-txt--heading-letter-spacing-tight: var(--letter-spacing--spacing-tight);
  --line-height--line-height-l: 1.8;
  --letter-spacing--spacing-nomal: .02em;
  --letter-spacing--spacing-tight: -.02em;
  --bg-color--bg-danger: var(--function-color--danger-pale);
  --function-color--positive: var(--_primitivetokens---turquoise--turquoise-5);
  --function-color--positive-hover: var(--_primitivetokens---turquoise--turquoise-7);
  --function-color--danger: var(--_primitivetokens---red--red-6);
  --function-color--danger-pale: var(--_primitivetokens---red--red-1);
  --_typography---heading-text-txt--heading-letter-spacing-nomal: var(--letter-spacing--spacing-nomal);
  --_typography---body-text-txt--body-letter-spacing: var(--letter-spacing--spacing-nomal);
  --_typography---caption-text-txt--caption-line-height-nomal: var(--line-height--line-height-l);
  --_typography---caption-text-txt--caption-letter-spacing: var(--letter-spacing--spacing-nomal);
  --_elements---card-list-flex-grid--gap-m: var(--gap-flex-grid--gap-m);
  --_elements---card-list-flex-grid--gap-s: var(--gap-flex-grid--gap-s);
  --_elements---card--border-width-l: 2px;
  --_elements---card--border-color-pale: var(--border-color--border-secondary);
  --_elements---card--border-color-black: var(--border-color--border-black);
  --_elements---card--outline-emphasis: var(--function-color--emphasis);
  --_landingpagetokens---reserve-01--theme-color: #f15c55;
  --gap-flex-grid--gap-xxxl: var(--_primitivetokens---scale--scale-160);
  --_primitivetokens---content-width--w500: 500px;
  --_primitivetokens---scale--scale-160: 160px;
  --_primitivetokens---scale--scale-120: 120px;
  --_primitivetokens---scale--scale-80: 80px;
  --_primitivetokens---scale--scale-40: 40px;
  --_primitivetokens---scale--scale-32: 32px;
  --_primitivetokens---scale--scale-24: 24px;
  --_primitivetokens---scale--scale-12: 12px;
  --_primitivetokens---scale--scale-8: 8px;
  --_primitivetokens---scale--scale-4: 4px;
  --old-content-width--width-s: var(--_primitivetokens---content-width--w500);
  --_primitivetokens---black--black-8: #666;
  --_primitivetokens---gray--gray-18: #0a0a0a;
  --_primitivetokens---gray--gray-16: #1f1f1f;
  --_primitivetokens---gray--gray-15: #262626;
  --_primitivetokens---gray--gray-14: #333;
  --_primitivetokens---gray--gray-11: #737368;
  --_primitivetokens---gray--gray-6: #d0d0cc;
  --_primitivetokens---gray--gray-4: #ebebe9;
  --_primitivetokens---blue--blue-9: #0052cc;
  --_primitivetokens---blue--blue-8: #06f;
  --_primitivetokens---blue--blue-6: #579aff;
  --_primitivetokens---yellow--yellow-original: #ffe145;
  --_primitivetokens---red--red-6: #df2020;
  --_primitivetokens---red--red-1: #ffebeb;
  --_primitivetokens---turquoise--turquoise-7: #1cc388;
  --_primitivetokens---turquoise--turquoise-5: #40f2b4;
  --_landingpagetokens---reserve-01--accent-color: #ff8623;
}
.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}
.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}
@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}
.cases--card {
  z-index: 0;
  padding: var(--_elements---card--padding-s);
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--bg-color--bg-base);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 20px;
  flex-flow: column;
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
.cases--card--thumb-wrap {
  border-radius: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: -24px;
  margin-left: -24px;
  margin-right: -24px;
  display: flex;
  overflow: visible;
}
.cases-card-image {
  width: 100%;
  max-width: none;
}
.feature-image {
  border-radius: 24px;
  width: 100%;
  display: block;
}
.ng-layout-col2 {
  grid-column-gap: 40px;
  grid-row-gap: 80px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: minmax(500px, 1fr) 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: grid;
}
.ng-layout-col2.layout-col2--emoney {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  grid-template-columns: 2fr 1fr;
  width: 100%;
  display: grid;
}
.ng-layout-col2.center-boder {
  grid-column-gap: 0px;
  grid-template-columns: minmax(620px, 1fr) 1fr;
}
.ng-layout-col2.center-boder.layout--fullwidth {
  grid-template-columns: 1fr 1fr;
}
.price-card.layout--gap40 {
  grid-column-gap: var(--gap-flex-grid--gap-l);
  grid-row-gap: var(--gap-flex-grid--gap-l);
}
.cta {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--bg-color--bg-primary);
  flex-flow: column;
  align-items: center;
  width: 100%;
  padding: 80px 64px;
  display: flex;
}
.cta.custom-liu {
  background-color: #fff;
}
.cta-title {
  color: var(--font-color--txt-primary);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3em;
}
.cta-buttons {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  margin-top: 40px;
  display: flex;
}
.cta-buttons-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}
.cta-light {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--bg-color--bg-base);
  flex-flow: column;
  align-items: center;
  width: 100%;
  padding: 80px 64px;
  display: flex;
}
.ng-layout-col3 {
  grid-column-gap: var(--gap-flex-grid--gap-l);
  grid-row-gap: var(--gap-flex-grid--gap-l);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}
.ng-layout-col3.payments-pricing {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.4fr 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: grid;
}
.ng-layout-col3.layout--align-x-center--sp {
  width: 100%;
}
.feature-multi-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.feature-multi-image-container {
  border-radius: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}
.ng-title-section {
  padding-top: 80px;
  padding-right: var(--safe-area--sa-default);
  padding-left: var(--safe-area--sa-default);
}
.title-section-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}
.cases--list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}
.cta-body {
  color: var(--font-color--txt-primary);
  text-align: center;
  margin-top: 16px;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.5em;
}
.logo-tile {
  padding-left: 64px;
  padding-right: 64px;
}
.logo-tile-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 40px;
}
.logo-tile-container.is-reserve {
  padding-top: 40px;
}
.logo-tile-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}
.logo-tile-list-item {
  justify-content: center;
  align-items: center;
  width: 13%;
  display: flex;
}
.logo-tile-list-item-image {
  max-width: 100%;
}
.icon-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--font-color--txt-emphasis);
  font-size: var(--_typography---body-text-txt--body-m);
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.icon-link:where(.w-variant-244e6c5b-0699-4b74-1b0a-44ccfdaad126) {
  font-size: var(--_typography---body-text-txt--body-s);
}
.icon-link:where(.w-variant-42cf77dc-d2a3-1b5d-968f-f84aaf769962) {
  font-size: var(--_typography---caption-text-txt--body-s);
}
.icon-link:hover {
  text-underline-offset: .2em;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--font-color--txt-emphasis);
  text-decoration-color: var(--font-color--txt-emphasis);
}
.icon-link.base--mini {
  font-size: var(--_typography---body-text-txt--body-s);
}
.icon-link.base--mini.link-xs {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: center;
}
.fitness--layout-w1028-p0 {
  max-width: 1028px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 80px;
}
.sub-title-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  padding-top: 80px;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}
.cases--tag-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  display: inline;
}
.ng-layout-col2-gap40 {
  grid-column-gap: var(--gap-flex-grid--gap-l);
  grid-row-gap: var(--gap-flex-grid--gap-l);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: grid;
}
.ng-layout-col2-gap40.layout-fullwidth {
  grid-column-gap: 42px;
}
.txt-size--caption {
  font-size: var(--_typography---caption-text-txt--body-s);
  line-height: 1.4;
}
.txt-size--caption.txt-line-height--180 {
  line-height: 180%;
}
.bg-color--primary {
  background-color: var(--bg-color--bg-primary);
}
.bg-color--primary.bpsp-fee-grey-wrap {
  border-radius: 10px;
  padding: 5px 40px;
}
.layout-center-center {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}
.payments-pricing-marks.qr-code.display--pc {
  width: 100%;
  min-width: 200px;
  max-width: 240px;
}
.layout-fullwidth {
  width: 100%;
  position: relative;
}
.text-align-center {
  text-align: center;
  width: 100%;
}
.text-align-center.bpsp-description {
  max-width: 600px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}
.solution-btn-box {
  padding-right: var(--gap-flex-grid--gap-m);
  padding-left: var(--gap-flex-grid--gap-m);
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  justify-content: center;
  align-items: center;
  width: 100%;
}
.solutions-features-contents {
  box-sizing: border-box;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: left;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  margin-top: 60px;
  margin-bottom: 0;
  position: relative;
  overflow: visible;
}
.solutions-h2 {
  color: var(--font-color--txt-primary);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.3em;
}
.solutions-features-image02 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  background-color: #f2f2f0;
  border-radius: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 120%;
  max-width: 150%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  right: -15%;
  overflow: hidden;
}
.solutions-h2-white {
  color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  margin: 0 auto 40px;
  padding-bottom: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.3em;
  display: block;
}
.solutions-features-subtitle {
  margin-bottom: 16px;
  font-weight: 700;
  display: block;
}
.solutions-features-text {
  color: var(--font-color--txt-primary);
  font-size: 1rem;
  line-height: var(--line-height--line-height-m);
  text-align: left;
}
.solutions-features-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: clip;
}
.solutions-features-list-box {
  text-align: left;
  width: 70%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}
.solutions-features-analytics {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  background-color: #f2f2f0;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 1280px;
  max-width: none;
  height: auto;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  overflow: hidden;
}
.solutions-features-title {
  color: var(--font-color--txt-primary);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 24px;
  display: block;
}
.solutions-feature-analytics-text-box {
  width: 600px;
  margin-top: 24px;
}
.solutions-features-image {
  overflow: hidden;
}
.solutions-features-image01 {
  width: 100%;
  max-width: 340px;
  overflow: hidden;
}
.solutions-feature-image02-logo {
  max-width: 60%;
  margin-bottom: 40px;
  padding-bottom: 0;
}
.solutions-customer-date-image {
  width: 300px;
  max-width: none;
  position: absolute;
  inset: -80px 4vw auto auto;
  overflow: visible;
}
.beckoning-cat-box {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: -20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.beckoning-cat-box.is-salon {
  display: none;
}
.beckoning-cat {
  width: 88px;
}
.solution-hero {
  padding-bottom: var(--gap-flex-grid--gap-xl);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}
.solutions-features-analytics-mov {
  width: 100%;
  height: 600px;
}
.solutions-features-item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  background-color: #f2f2f0;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 600px;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  overflow: hidden;
}
.solutions-features-regi-mov {
  width: 100%;
  height: 600px;
}
.solutions-features-regi {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  background-color: #f2f2f0;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 74%;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 24px 80px;
  display: flex;
  overflow: hidden;
}
.solution-features-item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--bg-color--bg-primary);
  text-align: center;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 620px;
  height: 680px;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 48px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  overflow: clip;
}
.solution-features-item.lp-reserve_bg-image {
  color: #fff;
  background-image: url('../images/fitmess__features_06__regi.avif');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
}
.solution-features-item.lp-reserve_bg-color {
  background-color: var(--gray-15\<deleted\|variable-d1d79661-e438-ae6c-e078-aa8f6a1da12f\>);
  color: #fff;
}
.solution-features-item-full {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--bg-color--bg-primary);
  text-align: center;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-top: 48px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  overflow: hidden;
}
.solutions-design-image-2 {
  width: auto;
  max-width: none;
  height: 160px;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}
.fitness-logo-image {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  width: auto;
  max-width: none;
  height: 84px;
  margin-bottom: 0;
  overflow: visible;
}
.solution-logo {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 84px;
  margin-bottom: 0;
  display: flex;
  overflow: visible;
}
.solution-features-image02 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--bg-color--bg-primary);
  text-align: center;
  border-radius: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 120%;
  max-width: 150%;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  right: -15%;
  overflow: hidden;
}
.solution-features-image-sp {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--bg-color--bg-primary);
  text-align: center;
  object-fit: fill;
  border-radius: 0;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
  right: -25%;
  overflow: visible;
}
.lp-reserve_features-image90 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--bg-color--bg-primary);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: none;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  right: -25%;
  overflow: clip;
}
.solution-features-image116 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--bg-color--bg-primary);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 116%;
  max-width: none;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  right: -25%;
  overflow: clip;
}
.solution-features-item-col2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
}
.solution-features-text-white {
  color: #fff;
  line-height: 170%;
}
.solution-logo-loop {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  margin-top: 40px;
  margin-bottom: 40px;
  display: none;
  overflow: hidden;
}
.solution-design-loop {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: visible;
}
.solutions-design-01-2 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  display: block;
  overflow: visible;
}
.solution-design-02 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  overflow: visible;
}
.solution-features-image01 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--bg-color--bg-primary);
  text-align: center;
  object-fit: fill;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 340px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
  right: -25%;
  overflow: hidden;
}
.fitness-case-card {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--bg-color--bg-base);
  border-radius: 24px;
  overflow: hidden;
}
.solutions-features-title-white {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 24px;
  display: block;
}
.solution-design {
  text-align: center;
  background-color: #1f1f1f;
  width: 100%;
  height: 560px;
  padding-top: 80px;
  padding-left: 0;
  padding-right: 0;
  overflow: clip;
}
.solutions-cases-text {
  color: var(--font-color--txt-primary);
  text-align: left;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3em;
  display: block;
}
.solution-cases-text-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 24px 24px 40px;
}
.solution-cases-genre {
  color: var(--font-color--txt-secondary);
}
.txt-align--center-center-left-left, .txt-align--center {
  text-align: center;
  width: 100%;
}
.txt-align--right {
  text-align: right;
  width: 100%;
}
.layout--gap16 {
  grid-column-gap: var(--gap-flex-grid--gap-xs);
  grid-row-gap: var(--gap-flex-grid--gap-xs);
  flex-flow: column;
  width: 100%;
  display: flex;
}
.layout--gap16.fade-slide-in-up, .layout--gap16.offer-contents {
  justify-content: flex-start;
  align-items: flex-start;
}
.layout--gap16.fit-to-content {
  justify-content: flex-start;
  align-items: center;
}
.layout--gap40 {
  grid-column-gap: var(--gap-flex-grid--gap-l);
  grid-row-gap: var(--gap-flex-grid--gap-l);
  flex-flow: column;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}
.layout--gap40.layuout--ba-pricing-flex {
  justify-content: flex-start;
  align-items: center;
}
.layout--gap40.layout-center-center {
  flex-flow: column;
}
.layout--gap40.offer--hero-wrap {
  justify-content: flex-start;
  align-items: center;
}
.layout--gap24 {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  flex-flow: column;
  width: 100%;
  display: flex;
}
.layout--gap12 {
  grid-column-gap: var(--gap-flex-grid--gap-xs);
  grid-row-gap: var(--gap-flex-grid--gap-xs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.txt-color--secondary {
  color: var(--font-color--txt-secondary);
}
.layout--fullwidth {
  width: 100%;
}
.ng-h3--s {
  flex-flow: column;
  font-size: clamp(1.25rem, 1.086rem + .67vw, 1.5rem);
  display: flex;
}
.toggle-chevron {
  justify-content: center;
  align-items: center;
  display: flex;
}
.block--py80 {
  padding-top: var(--gap-flex-grid--gap-xl);
  padding-bottom: var(--gap-flex-grid--gap-xl);
}
.block--py80.bg-color--primary {
  background-color: #f2f2f0;
}
.block--py80.offer-section-grey {
  justify-content: center;
  align-items: center;
  display: flex;
}
.contents--l {
  max-width: var(--_elements---contents-box--width-l);
  width: 100%;
}
.contents--l.mt-l {
  flex-flow: column;
  display: block;
}
.contents--max-width {
  max-width: var(--_elements---contents-box--max-width);
  width: 100%;
}
.container {
  padding-right: var(--safe-area--sa-default);
  padding-left: var(--safe-area--sa-default);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}
.container.reserve-functions-container {
  grid-column-gap: var(--gap-flex-grid--gap-xl);
  grid-row-gap: var(--gap-flex-grid--gap-xl);
}
.pt-l {
  padding-top: var(--gap-flex-grid--gap-l);
}
.mb-s {
  margin-bottom: var(--gap-flex-grid--gap-s);
}
.grid--auto-fit-col3 {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-l);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  width: 100%;
}
.block--pt80-pb120 {
  padding-top: var(--padding-margin--size-xxl);
  padding-bottom: var(--padding-margin--size-xxxl);
  font-size: 1rem;
}
.block--pt80-pb120.offer--hero, .block--pt80-pb120.offer-section-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}
.solutions-content .block {
  padding-top: var(--gap-flex-grid--gap-xxl);
  padding-bottom: var(--gap-flex-grid--gap-xxl);
}
.gc--button {
  padding-right: var(--padding-margin--size-m);
  padding-left: var(--padding-margin--size-m);
  background-color: var(--button-color--btn-base);
  color: var(--button-color--btn-base-txt);
  text-align: center;
  letter-spacing: .1em;
  border-radius: 28px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 240px;
  max-width: 320px;
  height: 56px;
  font-size: 1rem;
  line-height: 100%;
  display: flex;
  position: relative;
}
.gc--button:where(.w-variant-60d7f562-4f51-476d-6321-57f1d97a97fd) {
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
}
.gc--button:where(.w-variant-c8bdbfc7-e31f-7eea-95fc-d966b3ce6f41) {
  padding-right: var(--padding-margin--size-s);
  padding-left: var(--padding-margin--size-s);
  font-size: var(--_typography---caption-text-txt--body-s);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
  height: 38px;
}
.gc--button:where(.w-variant-c5baebeb-ff5f-654c-8435-1a53fa09c9e4), .gc--button:where(.w-variant-f871dae4-c435-bc1c-5ebc-21cb6d41ac07) {
  background-color: var(--button-color--btn-primary);
}
.gc--button:where(.w-variant-1f149619-7433-f967-8497-8b4cb3ac0fc1) {
  background-color: var(--button-color--btn-primary);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
}
.gc--button:where(.w-variant-583b88ae-2ee7-7f35-368d-f14aadf67ccb) {
  padding-right: var(--padding-margin--size-s);
  padding-left: var(--padding-margin--size-s);
  background-color: var(--button-color--btn-primary);
  font-size: var(--_typography---caption-text-txt--body-s);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
  height: 38px;
}
.gc--button:where(.w-variant-507e8764-0280-9b18-42fa-1e7b72df3b06), .gc--button:where(.w-variant-c17ec4ad-9a88-fe01-1416-fd071a5aa461) {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--button-color--btn-secondary);
  color: var(--button-color--btn-secondary-txt);
}
.gc--button:where(.w-variant-38adee42-0ed4-b47d-d179-c53898ab80ea) {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border-color--border-primary);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border-color--border-primary);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border-color--border-primary);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border-color--border-primary);
  background-color: var(--button-color--btn-secondary);
  color: var(--button-color--btn-secondary-txt);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
}
.gc--button:where(.w-variant-59293778-79af-dc1a-5ace-3351334b8131) {
  padding-right: var(--padding-margin--size-s);
  padding-left: var(--padding-margin--size-s);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border-color--border-primary);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border-color--border-primary);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border-color--border-primary);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border-color--border-primary);
  background-color: var(--button-color--btn-secondary);
  color: var(--button-color--btn-secondary-txt);
  font-size: var(--_typography---caption-text-txt--body-s);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
  height: 38px;
}
.gc--button:where(.w-variant-60f0ae6b-3594-f232-5e40-66e137d086d9), .gc--button:where(.w-variant-026962da-8c70-065d-23de-53f2d48e709b) {
  background-color: var(--button-color--btn-disabled);
  pointer-events: none;
  color: var(--button-color--btn-disabled-txt);
}
.gc--button:where(.w-variant-d89884cd-a2d9-47cc-5e54-da54b129d135) {
  background-color: var(--button-color--btn-disabled);
  pointer-events: none;
  color: var(--button-color--btn-disabled-txt);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
}
.gc--button:where(.w-variant-d392207d-54c9-5786-5a2a-fa579949c6ee) {
  padding-right: var(--padding-margin--size-s);
  padding-left: var(--padding-margin--size-s);
  background-color: var(--button-color--btn-disabled);
  pointer-events: none;
  color: var(--button-color--btn-disabled-txt);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
  height: 38px;
}
.gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31bb) {
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
}
.gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31bc) {
  padding-right: var(--padding-margin--size-s);
  padding-left: var(--padding-margin--size-s);
  font-size: var(--_typography---caption-text-txt--body-s);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
  height: 38px;
}
.gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31bd), .gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31be) {
  background-color: var(--button-color--btn-primary);
}
.gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31bf) {
  background-color: var(--button-color--btn-primary);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
}
.gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c0) {
  padding-right: var(--padding-margin--size-s);
  padding-left: var(--padding-margin--size-s);
  background-color: var(--button-color--btn-primary);
  font-size: var(--_typography---caption-text-txt--body-s);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
  height: 38px;
}
.gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c1), .gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c2) {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--button-color--btn-secondary);
  color: var(--button-color--btn-secondary-txt);
}
.gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c3) {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border-color--border-primary);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border-color--border-primary);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border-color--border-primary);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border-color--border-primary);
  background-color: var(--button-color--btn-secondary);
  color: var(--button-color--btn-secondary-txt);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
}
.gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c4) {
  padding-right: var(--padding-margin--size-s);
  padding-left: var(--padding-margin--size-s);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--border-color--border-primary);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--border-color--border-primary);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--border-color--border-primary);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--border-color--border-primary);
  background-color: var(--button-color--btn-secondary);
  color: var(--button-color--btn-secondary-txt);
  font-size: var(--_typography---caption-text-txt--body-s);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
  height: 38px;
}
.gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c5), .gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c6) {
  background-color: var(--button-color--btn-disabled);
  pointer-events: none;
  color: var(--button-color--btn-disabled-txt);
}
.gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c7) {
  background-color: var(--button-color--btn-disabled);
  pointer-events: none;
  color: var(--button-color--btn-disabled-txt);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
}
.gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c8) {
  padding-right: var(--padding-margin--size-s);
  padding-left: var(--padding-margin--size-s);
  background-color: var(--button-color--btn-disabled);
  pointer-events: none;
  color: var(--button-color--btn-disabled-txt);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
  height: 38px;
}
.gc--button:where(.w-variant-447a1649-0992-cad9-e568-d34e25837693) {
  max-width: none;
}
.gc--button:where(.w-variant-f84b0087-2820-c235-f8d8-e8d0ff960aff) {
  background-color: var(--button-color--btn-primary);
  max-width: none;
}
.gc--button:where(.w-variant-d3a0fade-e721-44ea-b01e-d0cbf1a3ed92) {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--button-color--btn-secondary);
  color: var(--button-color--btn-secondary-txt);
  max-width: none;
}
.gc--button:where(.w-variant-d5e30f32-eed2-821d-e7b7-4d441486faf0) {
  background-color: var(--button-color--btn-disabled);
  pointer-events: none;
  color: var(--button-color--btn-disabled-txt);
  max-width: none;
}
.gc--button:where(.w-variant-944a017b-5307-17a6-840c-057410010a41) {
  max-width: none;
}
.gc--button:where(.w-variant-101deed8-c8f5-4da7-60ba-b56e1ff608f2) {
  background-color: var(--button-color--btn-primary);
  max-width: none;
}
.gc--button:where(.w-variant-1bddf8ea-7629-a8e9-75c1-bae7066adb8b) {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--button-color--btn-secondary);
  color: var(--button-color--btn-secondary-txt);
  max-width: none;
}
.gc--button:where(.w-variant-14614db8-ff1a-c1ba-4fbe-05ead4ef1329) {
  background-color: var(--button-color--btn-disabled);
  pointer-events: none;
  color: var(--button-color--btn-disabled-txt);
  max-width: none;
}
.gc--button:hover:where(.w-variant-c5baebeb-ff5f-654c-8435-1a53fa09c9e4), .gc--button:hover:where(.w-variant-f871dae4-c435-bc1c-5ebc-21cb6d41ac07), .gc--button:hover:where(.w-variant-1f149619-7433-f967-8497-8b4cb3ac0fc1), .gc--button:hover:where(.w-variant-583b88ae-2ee7-7f35-368d-f14aadf67ccb) {
  background-color: var(--button-color--btn-primary-hover);
}
.gc--button:hover:where(.w-variant-507e8764-0280-9b18-42fa-1e7b72df3b06), .gc--button:hover:where(.w-variant-c17ec4ad-9a88-fe01-1416-fd071a5aa461), .gc--button:hover:where(.w-variant-38adee42-0ed4-b47d-d179-c53898ab80ea), .gc--button:hover:where(.w-variant-59293778-79af-dc1a-5ace-3351334b8131) {
  background-color: var(--button-color--btn-secondary-hover);
}
.gc--button:hover:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31bd), .gc--button:hover:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31be), .gc--button:hover:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31bf), .gc--button:hover:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c0) {
  background-color: var(--button-color--btn-primary-hover);
}
.gc--button:hover:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c1), .gc--button:hover:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c2), .gc--button:hover:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c3), .gc--button:hover:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c4) {
  background-color: var(--button-color--btn-secondary-hover);
}
.gc--button:hover:where(.w-variant-f84b0087-2820-c235-f8d8-e8d0ff960aff) {
  background-color: var(--button-color--btn-primary-hover);
}
.gc--button:hover:where(.w-variant-d3a0fade-e721-44ea-b01e-d0cbf1a3ed92) {
  background-color: var(--button-color--btn-secondary-hover);
}
.gc--button:hover:where(.w-variant-101deed8-c8f5-4da7-60ba-b56e1ff608f2) {
  background-color: var(--button-color--btn-primary-hover);
}
.gc--button:hover:where(.w-variant-1bddf8ea-7629-a8e9-75c1-bae7066adb8b) {
  background-color: var(--button-color--btn-secondary-hover);
}
.gc--button:focus {
  outline-color: var(--function-color--emphasis);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
}
.gc--button.btn--temporary--blue-outline {
  border: 2px solid var(--function-color--emphasis);
  background-color: var(--font-color--txt-white);
  color: var(--function-color--emphasis);
}
.gc--button.btn--primary.btn--offer-hero-primary, .gc--button.btn--secondary.btn--offer-hero-secondary {
  width: auto;
  min-width: auto;
  max-width: none;
}
.gc--button.btn--secondary.line-rs-btn-hero-white {
  border-radius: 40px;
  max-width: 380px;
  height: 64px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
}
.gc--button.btn--secondary.lp-standard-banner-btn {
  border-radius: 32px;
  min-width: auto;
  max-width: none;
  height: 64px;
  font-size: 1.25rem;
}
.gc--button.btn--disabled {
  background-color: var(--font-color--txt-tertiary);
  color: var(--font-color--txt-secondary);
}
.gc--button.secondary {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--button-color--btn-secondary);
  color: var(--button-color--btn-secondary-txt);
}
.gc--button.secondary:hover {
  background-color: var(--button-color--btn-secondary-hover);
}
.gc--button.regi--hero--secondary-button {
  padding-right: var(--padding-margin--size-ml);
  padding-left: var(--padding-margin--size-ml);
  background-color: var(--button-color--btn-secondary);
  color: var(--font-color--txt-primary);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  box-shadow: 0 4px 16px #0003;
}
.gc--button.regi--hero--secondary-button:hover {
  background-color: var(--button-color--btn-secondary-hover);
  box-shadow: none;
}
.gc--button.regi--hero--primary-button {
  padding-right: var(--padding-margin--size-ml);
  padding-left: var(--padding-margin--size-ml);
  background-color: var(--button-color--btn-primary);
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto;
  max-width: none;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  box-shadow: 0 4px 16px #0000004d;
}
.gc--button.regi--hero--primary-button:hover {
  background-color: var(--button-color--btn-primary-hover);
  box-shadow: none;
}
.gc--button--txt-label {
  font-size: 1em;
  line-height: var(--line-height--line-height-m);
  letter-spacing: .06em;
  display: inline;
}
.gc--button--txt-label-sub {
  font-size: .625em;
  line-height: var(--line-height--line-height-m);
  font-weight: 500;
  display: inline;
}
.btn--primary {
  background-color: var(--function-color--emphasis);
  color: var(--font-color--txt-white);
}
.btn--primary:hover {
  background-color: var(--function-color--emphasis-hover);
}
.btn--primary.btn-size--s.bpsp-nav-btn {
  line-height: 1.5;
}
.btn--primary.btn-size--s.bpsp-hr-btn {
  text-align: center;
  border-radius: 32px;
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1rem;
  line-height: 1.3;
  display: block;
}
.btn--primary.btn-size--s.bpsp-hr-btn.bpsp-font-20 {
  font-size: 1.25rem;
}
.btn--primary.btn--secondary.lp-standard-hero-btn {
  border-radius: 32px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn--secondary {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--font-color--txt-white);
  color: var(--function-color--emphasis);
}
.btn--secondary:hover {
  background-color: var(--bg-color--bg-primary);
}
.btn--secondary.lp-standard-banner-btn {
  text-align: center;
  border-radius: 40px;
  width: 100%;
  font-size: 1.5rem;
}
.btn-size--s {
  padding-right: var(--gap-flex-grid--gap-s);
  padding-left: var(--gap-flex-grid--gap-s);
  border-radius: 20px;
  width: max-content;
  min-width: auto;
  height: 38px;
  font-size: .875rem;
}
.btn-size--fullwidth {
  width: 100%;
  min-width: 0;
  max-width: none;
}
.modal--btn-close {
  cursor: pointer;
}
.txt-span--line-break-pc-only {
  display: block;
}
.txt-span--line-break-tablet-above {
  display: block;
}
.visually-hidden {
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  border: 0 solid #000;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.industry--hero {
  position: relative;
}
.industry--hero_content-wrap {
  max-width: 85%;
  padding-top: 120px;
  padding-bottom: 90px;
  display: flex;
}
.industry--hero_heading {
  color: var(--font-color--txt-white);
  text-shadow: 0 0 10px #00000080;
  margin-bottom: 30px;
}
.industry--hero_bg-wrap {
  z-index: -2;
  position: absolute;
  inset: 0%;
}
.industry--hero_paragraph {
  color: var(--font-color--txt-white);
  text-shadow: 0 0 10px #00000080;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 160%;
}
.industry--hero_button-wrap {
  margin-top: 40px;
}
.industry--solution {
  background-color: #f4f4f1;
}
.industry--solution_inner {
  padding-top: var(--padding-margin--size-xxl);
  padding-bottom: var(--padding-margin--size-xxxl);
}
.industry--solution_heading {
  margin-bottom: var(--padding-margin--size-m);
  text-align: center;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 190%;
}
.font-red {
  color: #f65163;
}
.font-bl {
  color: #00a2d9;
}
.industry--heading-span-decoration-wrap {
  justify-content: center;
  align-items: flex-start;
  display: inline;
  position: relative;
}
.industry--heading_text-inline {
  display: inline;
}
.industry--heading-span-decoration {
  background-image: url('../images/industry--heading-decoration.webp');
  background-position: 50% 0;
  background-size: 100%;
  width: 57px;
  height: 17px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -10px 0% auto;
}
.industry--solution_top-paragraph {
  text-align: center;
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 190%;
}
.industry--solutions_quote {
  text-align: center;
  margin-bottom: 30px;
  padding: 10px 20px 10px 30px;
  font-size: 1.125rem;
  font-weight: 700;
  position: relative;
}
.industry--solutions_quote-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}
.industry--solutions_quote-before {
  background-image: url('../images/industry--solution-quote-mark-start.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 22px;
  height: 22px;
  position: absolute;
  inset: -2px auto auto 0%;
}
.industry--solutions_quote-after {
  background-image: url('../images/industry--solution-quote-mark-end.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 22px;
  height: 22px;
  position: absolute;
  inset: auto 0% -2px auto;
}
.industry--solution_heading-h3 {
  color: #f65163;
  text-align: center;
  margin-top: 60px;
}
.industry--solution_problems-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  display: grid;
}
.lp--industry--solution_problem-item {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  display: flex;
}
.lp--industry--solution_problem-item-card {
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  padding: 20px;
  display: flex;
  position: relative;
}
.lp--industry--solution_problem-person-item-img-wrap {
  width: 120px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.lp--industry--solution_problem-person-decoration {
  width: 40px;
  position: absolute;
  inset: 130px auto 0% -7px;
}
.lp--industry--solution_problem-item-card-heading {
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
}
.lp--industry--solution_problem-item-card-if-text {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 5px;
  font-size: 1.25rem;
  line-height: 140%;
}
.lp--industry--solution_problem-item-card-if-chevron-img {
  width: 16px;
  margin-left: auto;
  margin-right: auto;
}
.lp--industry--solution_problem-item-card-if-img {
  width: 200px;
  margin: 20px auto;
}
.lp--industry--solution_problem-item-text {
  margin-bottom: 32px;
  font-size: 1.125rem;
}
.lp--industry--solution_problem-item-services-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  display: flex;
}
.lp--industry--solution_problem-item-services-text {
  width: 78px;
}
.lp--industry--solution_problem-item-service-img {
  height: 32px;
}
.industry--solution_bot-text {
  text-align: center;
  margin-top: 60px;
  font-size: 1.5rem;
  font-weight: 700;
}
.lp--industry--about_inner {
  padding-top: var(--_elements---block--padding-m);
  padding-bottom: var(--_elements---block--padding-l);
}
.lp--industry--about_layout {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}
.lp--industry--about_heading {
  text-align: center;
}
.lp--industry--about_block-first {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.lp--industry--about_block-first-logo-wrap {
  border: 1px solid #c9cec8;
  border-radius: 18px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 170px;
  padding-bottom: 170px;
  display: flex;
}
.lp--industry--about_block-first-logo {
  max-width: 230px;
}
.lp--industry--about_block-first-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}
.lp--industry--about_divider {
  background-color: #c9cec8;
  height: 1px;
}
.lp--industry--about_block-second {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.lp--industry--about_block-second-img {
  padding-top: var(--padding-margin--size-l);
  width: 100%;
}
.lp--industry--about_block-third {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.lp--industry--about_h3 {
  font-size: 1.75rem;
}
.lp--industry--p-large {
  font-size: 1.125rem;
  font-weight: 400;
}
.lp--industry--about_block-third-cards {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.lp--industry--about_block-third-card {
  padding: var(--padding-margin--size-m) var(--padding-margin--size-m) var(--padding-margin--size-ml);
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  border: 1px solid #c9cec8;
  border-radius: 20px;
  flex-flow: column;
  display: flex;
  position: relative;
}
.lp--industry--about_block-third-card-img {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}
.lp--industry--about_block-third-card-heading {
  color: #00a2d9;
  font-size: 1.125rem;
  line-height: 170%;
}
.lp--industry--about_p-medium {
  font-weight: 400;
}
.lp--industry--about_block-third-card-deco {
  width: 70px;
  position: absolute;
  inset: -30px auto auto -30px;
}
.lp--industry--services {
  background-color: #f4f4f1;
}
.lp--industry--services_inner {
  padding-top: 90px;
  padding-bottom: 90px;
}
.lp--industry--services_header {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}
.lp--industry--services_heading {
  font-size: 2.25rem;
  font-weight: 700;
}
.lp--industry--services_list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.lp--industry--services_card {
  padding-top: var(--padding-margin--size-m);
  padding-right: var(--padding-margin--size-m);
  padding-bottom: var(--padding-margin--size-xxl);
  padding-left: var(--padding-margin--size-m);
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  background-color: #fff;
  border-radius: 30px;
  flex-flow: column;
  order: 0;
  display: flex;
  position: relative;
}
.lp--industry--services_card-img-wrap {
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.lp--industry--services_card-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.lp--industry--services_card-heading {
  font-size: 1.5rem;
  font-weight: 700;
}
.lp--industry--services_card-p {
  color: var(--font-color--txt-secondary);
  font-weight: 400;
}
.lp--industry--services_card-points-list {
  list-style-type: none;
}
.lp--industry--services_card-points-header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.lp--industry--services_card-points-header-icon {
  width: 34px;
}
.lp--industry--services_card-points-header-heading {
  color: #00a2d9;
  font-size: 1.125rem;
  font-weight: 700;
}
.lp--industry--services_card-points-list-item {
  background-image: url('../images/lp--industry-services-points-list-icon.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 24px;
  margin-top: 10px;
  padding-left: 32px;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 170%;
}
.lp--industry--services_card-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #7d8f8e;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 30px 15px auto;
}
.lp--industry--services_card-link-img {
  width: 10px;
}
.lp--industry--services_cta {
  margin-top: 120px;
}
.lp--industry--services_cta-card {
  padding: var(--padding-margin--size-xxl) var(--padding-margin--size-m);
  grid-column-gap: var(--gap-flex-grid--gap-l);
  grid-row-gap: var(--gap-flex-grid--gap-l);
  text-align: center;
  background-color: #002e4e;
  border-radius: 28px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.lp--industry--services_cta-card-p {
  color: var(--font-color--txt-white);
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 160%;
}
.lp--industry--voices_inner {
  padding-top: 90px;
  padding-bottom: 90px;
}
.lp--industry--voices_header {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.lp--industry--voices_heading {
  font-size: 2.25rem;
  font-weight: 700;
}
.lp--industry--voices_item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}
.lp--industry--voices_item-img-wrap {
  border-radius: 15px;
  flex: 1;
  max-width: 40%;
  overflow: hidden;
}
.lp--industry--voices_item-content-wrap {
  flex-flow: column;
  flex: 1;
  display: flex;
}
.lp--industry--voices_item-img {
  width: 100%;
  display: block;
}
.lp--industry--voices_item-content-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.lp--industry--voices_item-voice {
  color: #333;
  background-color: #f4f4f1;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 30px 50px;
  font-size: 1.125rem;
  font-weight: 400;
  position: relative;
}
.lp--industry--voices_item-services {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.lp--industry--voices_item-voice-open {
  width: 23px;
  position: absolute;
  inset: 10px auto auto 20px;
}
.lp--industry--voices_item-voice-close {
  width: 23px;
  position: absolute;
  inset: auto 20px 10px auto;
}
.lp--industry--voices_item-content-top-img {
  max-height: 80px;
}
.lp--industry--voices_item-content-top-heading {
  font-size: 1.5rem;
  font-weight: 700;
}
.lp--industry--voices_item-services-heading {
  margin-bottom: 15px;
  font-size: 1.125rem;
  font-weight: 700;
}
.lp--industry--voices_item-services-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.lp--industry--voices_item-services-item {
  color: var(--font-color--txt-white);
  background-color: #002e4e;
  border-radius: 8px;
  padding: 10px 30px;
  font-size: 1.125rem;
  font-weight: 400;
}
.lp--industry--voices_others-block {
  margin-top: 30px;
}
.lp--industry--voices_others-logos-list {
  grid-column-gap: 39px;
  grid-row-gap: 39px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.lp--industry--voices_others-logo {
  height: 70px;
}
.lp--industry--voices_others-header {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}
.lp--industry--voices_others-heading {
  font-size: 1.5rem;
  font-weight: 700;
}
.lp--industry--voices_others-header-line {
  background-color: #707070;
  flex: 1;
  height: 1px;
}
.industry--hero_mobile-img-wrap {
  display: none;
}
.lp--industry--voice_text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  font-size: 1.125rem;
  font-weight: 400;
  display: flex;
}
.industry--hero_bg-img {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  display: block;
}
.lp--industry--services_card-points-header-heading-text {
  display: inline;
}
.lp--industry--solution_problem-item-service-toggle {
  cursor: pointer;
}
.lp--industry--solution_problem-item-service-modal {
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}
.lp--industry--solution_problem-item-service-modal-bg {
  z-index: 10;
  background-color: #00000029;
  position: absolute;
  inset: 0%;
}
.lp--industry--solution_problem-item-service-modal-inner {
  z-index: 20;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  max-width: 600px;
  margin: 20px;
  padding: 50px;
  display: flex;
  position: relative;
}
.lp--industry--solution_problem-item-service-modal-close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: -40px -40px auto auto;
}
.lp--industry--solution_problem-item-service-modal-inner-logo-wrap {
  width: 100%;
  max-width: 300px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}
.lp--industry--solution_problem-item-service-modal-inner-logo {
  width: 100%;
  display: block;
}
.lp--industry--solution_problem-item-service-modal-inner-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #7d8f8e;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.lp--industry--solution_problem-item-service-modal-inner-link-wrap {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.lp--industry--solution_problem-item-services--wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}
.txt-size--heading--xs.text-align-center.apply-semibold {
  font-weight: 600;
}
.txt-size--heading--s {
  font-size: clamp(1.25rem, 1.086rem + .67vw, 1.5rem);
  line-height: 1.4;
}
.lp--industry--about_block-logos-block {
  width: 100%;
  display: none;
}
.lp--industry--about_block-logos-row-1 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.lp--industry--about_block-logo {
  width: 100%;
  max-width: 48%;
}
.industry--hero_content-txt-wrap {
  margin-right: auto;
}
.industry--hero_content-txt-wrap:where(.w-variant-f8c08834-3f61-cd41-37f2-cfb6d39a47a4) {
  margin-left: auto;
  margin-right: 0;
}
.bpsp-h2-title.text-align-center {
  letter-spacing: .02em;
  font-size: 2.5rem;
}
.lp--industry--about_subheading-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-s);
  grid-row-gap: var(--gap-flex-grid--gap-s);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}
.reserve-categories-functions.contents--max-width {
  grid-column-gap: var(--padding-margin--size-l);
  grid-row-gap: var(--padding-margin--size-l);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}
.coffee-hero-section {
  background-color: #70bec5;
  min-height: auto;
  position: relative;
  overflow: hidden;
}
.coffee-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}
.coffee-container.coffee-story-bg {
  background-color: #f2f2f0;
}
.coffee-contents {
  width: 100%;
  max-width: 1280px;
}
.coffee-nav-section {
  background-color: #70bec5;
  padding-top: 40px;
  padding-bottom: 0;
}
.coffee-nav-btn {
  width: 200px;
}
.coffee-hero-text-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: calc(57% - 16px);
  height: 100%;
  min-height: 563px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}
.coffee-hero-text {
  color: #fff;
  margin-bottom: 16px;
  font-size: clamp(1.125rem, .715rem + 1.67vw, 1.75rem);
  font-weight: 400;
}
.coffee-hero-ttl {
  color: #fff;
  font-size: clamp(2.063rem, 1.529rem + 2.17vw, 2.875rem);
  line-height: 1.4;
}
.coffee-hero-container {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}
.coffee-hero-img {
  width: calc(43% - 16px);
  max-width: 600px;
  position: absolute;
  inset: auto 0% 0% auto;
}
.coffee-logo-section {
  padding-top: 40px;
}
.coffee-contents-small {
  width: 100%;
  max-width: 1120px;
}
.coffee-logo-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  overflow: visible;
}
.coffee-logo-1 {
  width: 10.92%;
}
.coffee-logo-2 {
  width: 16.88%;
}
.coffee-logo-3 {
  width: 12.94%;
}
.coffee-logo-4 {
  width: 15.52%;
}
.coffee-logo-5 {
  width: 19.78%;
}
.coffee-logo-6 {
  width: 14.5%;
}
.coffee-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
.coffee-why-text-wrap {
  width: 60%;
}
.coffee-why-subtitle {
  color: #ee5253;
  font-weight: 400;
}
.coffee-why-title {
  margin-top: 24px;
  margin-bottom: 40px;
  font-size: clamp(2rem, 1.016rem + 4.01vw, 3.5rem);
  font-weight: 700;
}
.coffee-why-preview-text {
  position: static;
}
.coffee-why-hidden-text {
  opacity: 1;
  height: auto;
  position: relative;
  overflow: hidden;
}
.coffee-why-read-more-btn {
  color: #ee5253;
  justify-content: flex-start;
  align-items: center;
  width: 110px;
  margin-top: 8px;
  display: flex;
}
.coffee-why-btn-arrow {
  width: 12px;
  margin-left: 4px;
  transition: transform 0.2s ease;
}
.coffee-why-accordion-wrap {
  flex-flow: column;
  padding-right: 40px;
  display: flex;
  overflow: visible;
}
.coffee-why-gradient {
  opacity: 1;
  width: 100%;
  height: 90px;
  position: absolute;
  inset: auto 0% 0%;
  transition: opacity 0.2s ease;
}
.coffee-why-img-mask {
  width: 45%;
  max-width: 603px;
  position: absolute;
  inset: 0% -5% auto auto;
}
.coffee-why-wrap {
  min-height: 600px;
  position: relative;
  overflow: hidden;
}
.coffee-why-img-mask-inner {
  text-align: left;
  width: 100%;
  padding-bottom: 4px;
  padding-left: 4px;
  position: relative;
  overflow: visible;
}
.coffee-why-img-mask-svg {
  display: none;
}
.coffee-why-img-mask-img {
  width: 95%;
  max-width: 603px;
  position: static;
  inset: 0% auto auto 0%;
  clip-path: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3CclipPath id='c' clipPathUnits='objectBoundingBox'%3E%3Cpath d='M0.569 0.018 C0.440 0.018 0.367 0.099 0.186 0.176 C0.051 0.234 -0.001 0.435 0.021 0.579 C0.044 0.722 0.075 0.868 0.186 0.946 C0.328 1.046 0.489 0.900 0.734 0.946 C0.979 0.991 1.000 0.635 0.977 0.435 C0.938 0.104 0.713 0.018 0.569 0.018Z'/%3E%3C/clipPath%3E%3C/svg%3E#c");
}
.coffee-key-accordion-wrap {
  border: 2px solid #ee5253;
  border-radius: 50px;
  width: 100%;
  margin-bottom: 48px;
  margin-left: 0;
  margin-right: 0;
  padding: 64px 0 32px;
  position: relative;
}
.coffee-key-subtitle {
  color: #ee5253;
  text-align: center;
  border: 2px solid #ee5253;
  border-radius: 60px;
  width: 90%;
  max-width: 450px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  font-weight: 700;
  display: inline-block;
  position: absolute;
  inset: -25px 0 auto;
}
.coffee-key-title-inner {
  background-color: #fff;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
}
.coffee-key-title {
  text-align: center;
  max-width: 870px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(2rem, 1.344rem + 2.67vw, 3rem);
  font-weight: 700;
}
.coffee-key-main-text {
  text-align: center;
}
.coffee-key-hidden-text {
  margin-top: 16px;
  overflow: visible;
}
.coffee-key-reason-wrap {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  min-height: auto;
  padding-top: 72px;
  padding-bottom: 72px;
  display: flex;
  position: relative;
}
.coffee-key-img {
  width: 55%;
  max-width: 650px;
  margin-left: -5%;
  padding-right: 32px;
  position: static;
  left: 40px;
}
.coffee-key-img.coffee-key-img-right {
  order: 1;
  margin-left: 0%;
  margin-right: -5%;
  padding-left: 32px;
  padding-right: 0;
  left: auto;
  right: 40px;
}
.coffee-key-text-wrap {
  width: 50%;
  margin-left: 0;
  padding-right: 72px;
  position: static;
}
.coffee-key-text-wrap.coffee-key-text-wrap-left {
  margin-left: 0;
  padding-left: 72px;
  padding-right: 0;
}
.coffee-key-reason-title {
  color: #ee5253;
  margin-bottom: 16px;
  font-size: 1.125rem;
}
.coffee-key-reason-arrow {
  width: 36%;
  max-width: none;
  position: absolute;
  inset: auto 0 -56px 20%;
}
.coffee-key-reason-arrow.coffee-key-reason-arrow-right {
  left: auto;
  right: 30%;
}
.coffee-key-preview-text {
  padding-left: 72px;
  padding-right: 72px;
}
.coffee-key-reason-container {
  padding-top: 72px;
  padding-left: 72px;
  padding-right: 72px;
}
.coffee-key-summary {
  color: #ee5253;
  border-top: 3px solid #ee5253;
  border-bottom: 3px solid #ee5253;
  margin-top: 64px;
  margin-bottom: 48px;
  padding-top: 32px;
  padding-bottom: 32px;
}
.coffee-key-introduction {
  background-color: #efefef;
  border-radius: 24px;
  margin-bottom: 32px;
  padding: 32px;
}
.coffee-key-introduction-name {
  margin-bottom: 16px;
  font-size: 1.25rem;
}
.coffee-key-introduction-name-small {
  font-size: 1rem;
}
.coffee-key-introduction-business {
  background-color: #fff;
  border-radius: 24px;
  margin-top: 16px;
  padding: 24px 32px;
}
.coffee-key-introduction-business-link {
  color: #000;
  font-size: 1.125rem;
}
.coffee-key-introduction-business-note {
  font-size: .875rem;
}
.coffee-key-read-more-btn {
  color: #ee5253;
  align-items: center;
  width: 110px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.coffee-key-read-more-btn.coffee-display-none {
  display: none;
}
.coffee-banner-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #06f;
  border-radius: 24px;
  justify-content: flex-end;
  align-items: center;
  max-width: 800px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 24px 32px 240px;
  display: flex;
  position: relative;
}
.coffee-banner-img {
  width: 171px;
  position: absolute;
  inset: auto auto 0% 16px;
}
.coffee-banner-title {
  color: #fff;
  justify-content: flex-end;
  align-items: center;
  width: calc(62% - 12px);
  font-size: clamp(1.5rem, .844rem + 2.67vw, 2.5rem);
  display: block;
}
.coffee-banner-btn {
  color: #06f;
  text-align: center;
  background-color: #fff;
  border-radius: 40px;
  width: calc(38% - 12px);
  max-width: none;
  padding: 8px;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: ease;
}
.coffee-banner-btn:hover {
  opacity: .8;
}
.coffee-service-title {
  text-align: center;
}
.coffee-title {
  color: var(--font-color--txt-primary);
  font-size: clamp(1.75rem, .93rem + 3.34vw, 3rem);
  font-weight: 700;
  display: inline-block;
}
.coffee-title.coffee-service-title {
  text-align: left;
  max-width: 845px;
}
.coffee-title-warp {
  text-align: center;
  flex-flow: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}
.coffee-title-warp.coffee-story-title-wrap {
  margin-top: -30px;
}
.coffee-service-subtitle {
  width: 100%;
  max-width: 332px;
  margin-bottom: 24px;
  display: inline-block;
  position: relative;
}
.coffee-service-subtitle-item {
  width: 17px;
  position: absolute;
  top: -6px;
  left: 0;
}
.coffee-service-subtitle-item-2 {
  width: 17px;
  position: absolute;
  inset: 0 5px auto auto;
}
.coffee-service-balloon-wrap {
  width: 100%;
  margin-top: 72px;
}
.coffee-story-section {
  background-color: #0000;
  margin-top: 0;
  padding-top: 80px;
}
.coffee-story-subtitle {
  width: 100%;
  max-width: 264px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.coffee-title-inner {
  display: inline-block;
  position: relative;
}
.coffee-story-title-item {
  width: 90px;
  position: absolute;
  inset: auto auto 0% -100px;
}
.coffee-story-title-item-2 {
  width: 60px;
  position: absolute;
  inset: auto -60px 0% auto;
}
.coffee-story-section-top {
  height: auto;
  position: relative;
}
.coffee-story-section-item {
  z-index: auto;
  color: #ee5253;
  background-color: #ee5253;
  width: 1px;
  height: 80%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -38%;
  left: 0;
  right: 0;
}
.coffee-story-wrap {
  background-color: #fff;
  border-radius: 30px;
  margin-top: 112px;
  padding: 0 96px 80px;
  position: static;
}
.coffee-story-wrap.coffee-margin-bottom {
  margin-bottom: 120px;
}
.coffee-story-heading {
  width: 95%;
  max-width: 580px;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
.coffee-story-heading-code {
  margin-top: -45px;
  display: inline-block;
}
.coffee-story-step-wrap {
  margin-top: 80px;
}
.coffee-story-step-title-wrap {
  align-items: center;
  margin-bottom: 32px;
}
.coffee-story-step-title-wrap.coffee-pc-show {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
}
.coffee-story-step-no {
  width: 48px;
}
.coffee-story-step-title {
  margin-left: 16px;
  margin-right: 24px;
  font-size: clamp(1.5rem, 1.09rem + 1.67vw, 2.125rem);
}
.coffee-story-step-category {
  text-align: center;
  background-color: #ffcd39;
  border-radius: 34px;
  padding: 4px 32px;
  font-size: 1.25rem;
  line-height: 1.5;
}
.coffee-story-step-category.coffee-color-blue {
  background-color: #5ab7fd;
}
.coffee-story-step-category.coffee-color-green {
  background-color: #5cb531;
}
.coffee-story-step-category.coffee-color-purple {
  background-color: #b97ffd;
}
.coffee-story-step-category.coffee-color-orange {
  color: #fff;
  background-color: #f16a23;
}
.coffee-story-step-category.coffee-color-brown {
  color: #fff;
  background-color: #c58e2b;
}
.coffee-story-step-bottom-wrap {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  width: auto;
}
.coffee-story-step-bottom-img {
  border-radius: 24px;
  width: calc(40% - 32px);
}
.coffee-story-step-bottom-text {
  width: calc(60% - 32px);
  font-size: 1.125rem;
}
.coffee-story-step-feature {
  margin-bottom: 32px;
  font-size: 1.125rem;
}
.coffee-story-step-summary {
  background-color: #f2f2f0;
  border-radius: 24px;
  padding: 24px;
  font-weight: 600;
}
.coffee-story-step-summary-text, .coffee-story-step-summary-list {
  font-size: 1.125rem;
}
.coffee-story-service-banner {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  color: #571dcc;
  background-color: #ded1fa;
  border-radius: 24px;
  align-items: center;
  margin-top: 40px;
  padding: 40px 56px;
  display: flex;
}
.coffee-story-service-banner.coffee-color-yellow {
  color: #806b00;
  background-color: #fff1ad;
  align-items: center;
}
.coffee-story-service-banner.coffee-color-blue {
  color: #01607a;
  background-color: #a0e4f7;
  align-items: center;
}
.coffee-story-service-banner.coffee-color-brown {
  color: #0a0a0a;
  background-color: #ebdbc3;
  align-items: center;
}
.coffee-story-service-banner.coffee-color-light-blue {
  color: #01607a;
  background-color: #daf8fe;
  align-items: center;
}
.coffee-story-service-banner.coffee-color-light-blue-2 {
  color: #0067cf;
  background-color: #d2e6f6;
}
.coffee-story-banner-title {
  margin-bottom: 24px;
  font-size: 1.5rem;
}
.coffee-story-banner-text-wrap {
  width: calc(55% - 32px);
}
.coffee-story-banner-img {
  border-radius: 20px;
  width: calc(45% - 32px);
}
.coffee-story-banner-btn {
  display: inline-block;
  color: #fff;
  text-align: center;
  background-color: #0a0a0a;
  border-radius: 50px;
  min-width: 252px;
  margin-top: 32px;
  padding: 16px 32px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  transition: opacity .2s;
}
.coffee-story-banner-btn:hover {
  opacity: .8;
}
.coffee-story-case-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 3px solid #000;
  border-radius: 24px;
  flex-flow: column;
  margin-top: 96px;
  padding: 48px 64px;
  display: block;
  position: relative;
}
.coffee-story-case-wrap.coffee-display-none {
  display: none;
}
.coffee-story-case-accordion-btn {
  cursor: pointer;
  position: relative;
  padding-bottom: 20px;
}
.coffee-story-case-title {
  cursor: pointer;
  font-size: 1.5rem;
}
.coffee-story-case-plus {
  cursor: pointer;
  width: 26px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0 -13px 0%;
  transition: transform 0.2s ease;
}
.coffee-story-case-item-balloon {
  width: 98px;
  position: absolute;
  inset: -48px auto auto -10px;
}
.coffee-story-case-item-right {
  background-color: #0000;
  width: 83px;
  position: absolute;
  inset: auto -25px -46px auto;
}
.coffee-story-case-item-right.coffee-story-case-item-center {
  width: 90px;
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  right: -60px;
}
.coffee-story-case-hidden {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: wrap;
  margin-top: 0;
  padding-top: 0;
  overflow: hidden;
}
.coffee-story-case-img {
  border-radius: 24px;
  width: calc(45% - 24px);
  margin-top: 32px;
}
.coffee-story-case-text-wrap {
  width: calc(55% - 24px);
  margin-top: 32px;
}
.coffee-story-case-category-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  margin-bottom: 16px;
  display: flex;
}
.coffee-story-case-category {
  color: #fff;
  background-color: #7d8f8e;
  border-radius: 34px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px;
  font-size: .875rem;
  line-height: 1.4;
  display: inline-block;
}
.coffee-story-case-name {
  margin-bottom: 16px;
  font-size: 1.25rem;
}
.coffee-story-case-link {
  margin-top: 24px;
  display: inline-block;
  position: relative;
}
.coffee-mb-show {
  display: none;
}
.coffee-banner-container {
  padding-left: 32px;
  padding-right: 32px;
}
.coffee-story-step-category-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 0;
  display: flex;
}
.coffee-case-link-img {
  width: 12px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0 -18px 0% auto;
}
.coffee-service-balloon-img {
  width: 100%;
}
.coffee-story-case-item-left {
  width: 91px;
  position: absolute;
  inset: auto auto -25px -30px;
}
.coffee-story-step-note {
  color: #7d8f8e;
  margin-top: 16px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.4;
}
.coffee-story-heading-item {
  width: 84px;
  position: absolute;
  inset: auto -120px 0% auto;
}
.coffee-story-heading-item.coffee-story-heading-bottom {
  bottom: -50px;
}
.coffee-story-case-movie-code {
  border-radius: 0;
  width: 100%;
  max-width: 592px;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.coffee-section-big {
  padding-top: 120px;
  padding-bottom: 120px;
}
.coffee-service-list {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: wrap;
  margin-top: 48px;
  margin-bottom: 32px;
}
.coffee-service-list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: calc(33.3% - 32px);
  display: flex;
}
.coffee-service-list-item-img {
  background-color: var(--bg-color--bg-base);
  border: 1px solid #0a0a0a;
  border-radius: 20px;
}
.coffee-service-list-item-title {
  color: var(--font-color--txt-primary);
  font-size: 1.25rem;
}
.coffee-service-list-item-text {
  color: var(--font-color--txt-primary);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
}
.coffee-fixed-banner {
  z-index: 50;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ee5253;
  border-radius: 24px;
  flex-flow: wrap;
  align-items: flex-end;
  width: 303px;
  padding: 0;
  display: block;
  position: fixed;
  inset: auto 16px 16px auto;
}
.coffee-fixed-banner-text {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.4;
}
.coffee-fixed-banner-img {
  width: 90px;
  margin-top: 0;
  position: absolute;
  inset: -30px 16px auto auto;
}
.coffee-fixed-banner-btn {
  display: inline-block; /* w-button previously provided this */
  padding: 9px 15px; /* w-button previously provided this */
  text-align: center;
  background-color: #0a0a0a;
  color: #ffffff; /* w-button previously provided this */
  border-radius: 40px;
  width: 100%;
  margin-top: 8px;
  margin-right: 0;
  transition: opacity .2s;
}
.coffee-fixed-banner-btn:hover {
  opacity: .8;
}
.coffee-fixed-banner-close {
  cursor: pointer;
  background-image: url('../images/coffee_close_button.png');
  background-position: 0 0;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: -20px 0 auto auto;
}
.coffee-fixed-banner-inner {
  padding: 24px;
  position: relative;
}
.coffee-service-note {
  color: #7d8f8e;
  margin-bottom: 96px;
  font-size: .875rem;
  line-height: 1.4;
}
.coffee-logo-7 {
  width: 13%;
}
.modal--video-wrapper {
  aspect-ratio: 16 / 9;
  width: 100%;
}
.brandedapp-card.card.card--bg-color-primary.fade-slide-in-up {
  grid-column-gap: var(--padding-margin--size-xl);
  grid-row-gap: var(--padding-margin--size-xl);
}
.brandedapp-card-2col.card.card--bg-color-primary.fade-slide-in-up {
  grid-column-gap: var(--padding-margin--size-xl);
  grid-row-gap: var(--padding-margin--size-xl);
  display: flex;
}
.brandedapp-title-label {
  text-align: center;
  width: 100%;
}
.brandedapp-section-title {
  text-align: center;
  letter-spacing: .04em;
  width: 100%;
  font-size: 2.5rem;
  line-height: 1;
}
.brandedapp-section-title-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  flex-flow: column;
  width: 100%;
  display: flex;
}
.dcos--dl-card-wrapper {
  grid-column-gap: var(--gap-flex-grid--gap-l);
  grid-row-gap: var(--gap-flex-grid--gap-l);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.docs--dl-card-grid {
  grid-column-gap: var(--gap-flex-grid--gap-s);
  grid-row-gap: var(--gap-flex-grid--gap-s);
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 1fr;
  align-content: start;
  height: 100%;
}
.dcos--dl-card-thumb {
  border: 1px solid var(--border-color--border-secondary);
  border-radius: var(--radius--radius-m);
}
.docs--dl-card-title {
  font-size: var(--_typography---body-text-txt--body-l);
  font-weight: var(--font-weight--txt-bold);
}
.docs--dl-cards {
  width: 100%;
}
.loyalty-section-title-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}
.loyalty-section-title {
  text-align: center;
  line-height: 1;
}
.loyalty-title-label {
  text-align: center;
}
.cases--card--link {
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.ec-instagram--hero-subtitle.text-align-center {
  color: var(--font-color--txt-primary);
}
.reserve-multiple--hero {
  background-color: #f4f4f1;
  background-image: url('../images/reserve_multiple_hero.webp');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
}
.reserve-multiple--hero-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}
.reserve-multiple--hero-h1 {
  text-align: center;
  letter-spacing: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 32px;
  font-size: 2.5rem;
  font-weight: 700;
}
.reserve-multiple--hero-info {
  text-align: center;
  letter-spacing: .05em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 20px;
}
.reserve-multiple--hero-label {
  text-align: center;
  letter-spacing: .05em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 40px;
  font-weight: 600;
}
.reserve-multiple--cta {
  padding-top: var(--padding-margin--size-xxl);
  padding-bottom: var(--padding-margin--size-xxxl);
  grid-row-gap: .01px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.reserve-multiple--clients {
  padding-top: 5rem;
}
.reserve-multiple--section-title {
  text-align: center;
  letter-spacing: .05em;
  font-size: 1.75rem;
}
.reserve-multiple--section-title.is-cta {
  font-size: 2rem;
}
.reserve-multiple--clients-wrap {
  margin-top: var(--padding-margin--size-l);
  margin-bottom: var(--padding-margin--size-l);
  grid-column-gap: 80px;
  grid-row-gap: var(--gap-flex-grid--gap-xl);
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  display: grid;
}
.reserve-multiple--client-item {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.reserve-multiple--client-image-wrap {
  aspect-ratio: 3 / 2;
  background-color: var(--bg-color--bg-primary);
  border-radius: 20px;
  width: 100%;
  max-width: 22.5rem;
  height: 100%;
  max-height: 15rem;
}
.reserve-multiple--client-image-wrap.is-client-01 {
  background-image: url('../images/reserve_multiple_client_image_01.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.reserve-multiple--client-image-wrap.is-client-02 {
  background-image: url('../images/reserve_multiple_client_image_02.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.reserve-multiple--client-image-wrap.is-client-03 {
  background-image: url('../images/reserve_multiple_client_image_03.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.reserve-multiple--client-image-wrap.is-client-04 {
  background-image: url('../images/reserve_multiple_client_image_04.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.reserve-multiple--client-info-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}
.reserve-multiple--client-text-block {
  grid-column-gap: var(--gap-flex-grid--gap-xxs);
  grid-row-gap: var(--gap-flex-grid--gap-xxs);
  flex-flow: column;
  display: flex;
}
.reserve-multiple--client-category {
  letter-spacing: .05em;
  font-size: .75rem;
  line-height: 1.4;
}
.reserve-multiple--client-name {
  letter-spacing: .05em;
  line-height: 1.4;
}
.reserve-multiple--client-name-title {
  margin-left: var(--padding-margin--size-xxxs);
  font-size: .75rem;
}
.reserve-multiple--features {
  padding-top: var(--padding-margin--size-xl);
  padding-bottom: var(--padding-margin--size-xl);
}
.reserve-multiple--section-title-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  flex-flow: column;
  display: flex;
}
.reserve-multiple--section-title-wrap.is-cta {
  grid-column-gap: var(--gap-flex-grid--gap-l);
  grid-row-gap: var(--gap-flex-grid--gap-l);
}
.reserve-multiple--features-wrap {
  margin-top: var(--padding-margin--size-l);
  grid-column-gap: var(--gap-flex-grid--gap-l);
  grid-row-gap: var(--gap-flex-grid--gap-l);
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1080px;
  display: grid;
}
.reserve-multiple--features-item {
  padding-top: var(--padding-margin--size-l);
  grid-column-gap: var(--gap-flex-grid--gap-ml);
  grid-row-gap: var(--gap-flex-grid--gap-ml);
  background-color: var(--bg-color--bg-primary);
  border-radius: 32px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}
.reserve-multiple--features-item.is-dark-bg {
  background-color: #000e2b;
  justify-content: center;
  align-items: center;
}
.reserve-multiple--features-item.is-image-bg {
  background-color: #0000;
  background-image: url('../images/reserve_multiple_features_item_image_03.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 567px;
}
.reserve-multiple--features-item-title {
  text-align: center;
  letter-spacing: .05em;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}
.reserve-multiple--features-item-title.is-dark-bg {
  color: var(--font-color--txt-white);
}
.reserve-multiple--features-item-label {
  text-align: center;
  letter-spacing: .05em;
  line-height: 1.6;
}
.reserve-multiple--features-item-label.is-dark-bg {
  color: var(--font-color--txt-white);
}
.reserve_multiple_features_item_image_05 {
  width: 90%;
}
.reserve_multiple_features_item_image_05.is-sp {
  display: none;
}
.reserve-multiple--cta-btn-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  justify-content: center;
  align-items: center;
  display: flex;
}
.reserve-multiple--outcome {
  padding-top: var(--padding-margin--size-xxl);
  padding-bottom: var(--padding-margin--size-xl);
}
.reserve-multiple--outcome-wrap {
  padding-top: var(--padding-margin--size-xl);
  padding-right: var(--padding-margin--size-l);
  padding-left: var(--padding-margin--size-l);
  grid-column-gap: var(--gap-flex-grid--gap-xl);
  grid-row-gap: var(--gap-flex-grid--gap-xl);
  flex-flow: column;
  width: 100%;
  max-width: 67.5rem;
  display: flex;
}
.reserve-multiple--outcome-item {
  grid-column-gap: var(--gap-flex-grid--gap-s);
  grid-row-gap: var(--gap-flex-grid--gap-s);
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}
.reserve-multiple--outcome-text-block {
  grid-column-gap: var(--gap-flex-grid--gap-l);
  grid-row-gap: var(--gap-flex-grid--gap-l);
  width: calc(50% - (var(--gap-flex-grid--gap-s) * .5));
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.reserve-multiple--outcome-image-wrap {
  border-radius: 32px;
  width: 440px;
  overflow: hidden;
}
.reserve-multiple--outcome-text-label {
  border-radius: var(--radius--radius-s);
  background-color: var(--bg-color--bg-primary);
  letter-spacing: .05em;
  padding: 6px 10px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.4;
  display: inline-block;
}
.reserve-multiple--outcome-text-title {
  letter-spacing: .05em;
  font-size: 1.5rem;
  line-height: 1.4;
}
.reserve-multiple--outcome-text-group {
  grid-column-gap: var(--padding-margin--size-xxs);
  grid-row-gap: var(--padding-margin--size-xxs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.reserve-multiple--outcome-list-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-s);
  grid-row-gap: var(--gap-flex-grid--gap-s);
  flex-flow: column;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}
.reserve-multiple--outcome-list-item {
  padding-left: var(--padding-margin--size-ml);
  letter-spacing: .05em;
  background-image: url('../images/reserve_multiple_outcome_check_icon.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 24px;
  min-height: 1.5rem;
}
.reserve-multiple--outcome-text-highlight {
  font-weight: 700;
}
.reserve-multiple--outcome-text-note {
  letter-spacing: .05em;
  font-size: .625rem;
}
.reserve-multiple--outcome-text-quote {
  padding: var(--padding-margin--size-s);
  grid-column-gap: var(--gap-flex-grid--gap-xs);
  grid-row-gap: var(--gap-flex-grid--gap-xs);
  border-radius: var(--radius--radius-l);
  border: 2px solid #e7e8e4;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.reserve-multiple--outcome-quote-title {
  letter-spacing: .05em;
}
.reserve-multiple--outcome-quote-text {
  letter-spacing: .05em;
  width: 100%;
  font-size: .875rem;
}
.reserve-multiple--clients-carousel-wrap {
  padding-top: var(--padding-margin--size-l);
  padding-bottom: var(--padding-margin--size-l);
  width: calc(100% + var(--safe-area--sa-l) * 2);
  justify-content: center;
  align-items: center;
  min-height: 15rem;
  display: flex;
  position: relative;
  overflow: hidden;
}
.reserve-multiple--clients-carousel-row {
  padding-right: var(--padding-margin--size-xxs);
  padding-left: var(--padding-margin--size-xxs);
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  background-color: #0000;
  flex-flow: wrap;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(7, 160px);
  grid-auto-columns: 1fr;
  place-items: center;
  width: max-content;
  display: grid;
}
.reserve_multiple_clients_carousel_image {
  object-fit: cover;
  box-sizing: content-box;
  width: 10rem;
  height: 5rem;
  display: block;
  overflow: hidden;
}
.reserve-multiple--clients-carousel-row-wrap {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 77rem;
  height: 10rem;
  display: flex;
  position: absolute;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%);
}
.reserve_multiple_outcome_image {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
}
.reserve-multiple--client-item-header {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}
.reserve_multiple_client_info_logo {
  object-fit: fill;
}
.reserve-multiple--features-item-text-block {
  grid-column-gap: var(--gap-flex-grid--gap-s);
  grid-row-gap: var(--gap-flex-grid--gap-s);
  flex-flow: column;
  display: flex;
}
.reserve-multiple--floating-ads-wrap {
  z-index: 50;
  position: fixed;
  inset: auto 10px 20px auto;
  overflow: hidden;
}
.reserve-multiple--floating-ads {
  justify-content: flex-start;
  align-items: flex-end;
  width: 342px;
  height: 235px;
  display: flex;
  position: relative;
}
.reserve-multiple--floating-close {
  color: var(--font-color--txt-primary);
  background-color: #eee;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 3px 3px 4px 4px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: 0 0 auto auto;
}
.reserve-multiple--hero-btn-wrap {
  grid-column-gap: var(--padding-margin--size-m);
  grid-row-gap: var(--padding-margin--size-m);
  width: 100%;
  display: flex;
}
.reserve--section-title, .reserve--section-description {
  text-align: center;
  letter-spacing: 0;
}
.cases--card--tag-wrap {
  z-index: 20;
  pointer-events: none;
  position: relative;
}
.cases--card--article-title {
  font-size: var(--_typography---body-text-txt--body-m);
}
.cases--card--summary-txt {
  font-size: var(--_typography---body-text-txt--body-l);
  line-height: var(--line-height--line-height-m);
}
.cases--card--summary-txt.cases--card--summary-line-clamp {
  flex: 1;
}
.cases--list-grid {
  grid-column-gap: var(--gap-flex-grid--gap-l);
  grid-row-gap: var(--gap-flex-grid--gap-l);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(320px, 400px));
  grid-auto-columns: 1fr;
  display: grid;
}
.cases--list--empty {
  background-color: #0000;
  padding: 0;
}
.cases--list--empty-title {
  font-size: var(--_typography---heading-text-txt--heading-m);
  font-weight: var(--font-weight--txt-medium);
}
.cases--list--empty-desc {
  padding-top: var(--padding-margin--size-s);
}
.cases--tag-list-wrap {
  display: inline;
}
.article-tag {
  margin-right: var(--padding-margin--size-xxs);
  margin-bottom: var(--padding-margin--size-xxs);
  padding: var(--padding-margin--size-xxs) var(--padding-margin--size-s);
  background-color: var(--bg-color--bg-primary);
  color: var(--font-color--txt-primary);
  font-size: var(--_typography---caption-text-txt--caption-s);
  text-align: center;
  border-radius: 24px;
  font-weight: 500;
  line-height: 1;
  transition: background-color .2s;
  display: inline-block;
}
.open-modal--video {
  aspect-ratio: 16 / 9;
  border-radius: var(--radius--radius-l);
  width: 100%;
  position: relative;
  overflow: hidden;
}
.open-modal--video--overlay {
  z-index: 1;
  background-color: #00000040;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .2s;
  display: flex;
  position: relative;
}
.open-modal--video--overlay:hover {
  background-color: #0006;
  transform: scale(1.1);
}
.open-modal--video--overlay.lp-standard-video-overlay {
  pointer-events: none;
}
.modal--video {
  z-index: 999;
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: none;
  position: fixed;
  inset: 0%;
}
.modal--video--overlay-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 800px;
  display: flex;
}
.video--play-icon {
  -webkit-user-select: none;
  user-select: none;
}
.video--thumb {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.salon--customer-management--img {
  border-radius: var(--radius--radius-l);
  width: 100%;
}
.salon--video {
  padding-top: var(--gap-flex-grid--gap-xl);
  padding-bottom: var(--gap-flex-grid--gap-xxl);
  font-size: 1rem;
}
.pricing-sim--intro-title.text-align-center {
  font-size: 40px;
  line-height: 1.3;
}
.pricing-sim--saving-hightlight-block-price.text-align-center {
  letter-spacing: 0;
}
.ec--section--title.is-sp {
  display: none;
}
.is-sp {
  display: none;
}
.solution-salon--hero {
  padding-top: var(--padding-margin--size-xxl);
  padding-bottom: var(--padding-margin--size-xxl);
  grid-column-gap: var(--gap-flex-grid--gap-xl);
  grid-row-gap: var(--gap-flex-grid--gap-xl);
  flex-flow: row;
}
.solution-salon--hero-imgae.is-pc {
  border-radius: 2rem;
  flex: 1;
}
.solution-salon--hero-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-xl);
  grid-row-gap: var(--gap-flex-grid--gap-xl);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.solution-salon--hero-txt-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-l);
  grid-row-gap: var(--gap-flex-grid--gap-l);
  flex-flow: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}
.solution-salon--hero-img-wrap {
  max-width: 680px;
}
.solution-salon--feature-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.solution-salon--pricing-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}
.solution-salon--pricing-btn-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-ml);
  grid-row-gap: var(--gap-flex-grid--gap-ml);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.solution-salon--pricing-btn-group {
  grid-column-gap: var(--gap-flex-grid--gap-s);
  grid-row-gap: var(--gap-flex-grid--gap-s);
  justify-content: center;
  align-items: center;
  width: 656px;
  display: flex;
}
.st--plan-with-summary {
  padding: var(--padding-margin--size-l);
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  border: 1px solid var(--border-color--border-primary);
  border-radius: 32px;
  display: flex;
}
.st--plan-with-summary--sub {
  font-size: 1.5rem;
  line-height: 1;
}
.st--plan-with-summary--price {
  line-height: 1;
}
.st--plan-with-summary--price.is-tablet-under {
  display: none;
}
.st--plan-with-summary--price--value {
  margin-right: 2px;
  font-size: 3rem;
  font-weight: 600;
}
.st--plan--summary {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  flex-flow: column;
  flex: 1;
  padding-left: 0;
  display: flex;
}
.st--plan--summary--item {
  padding-bottom: var(--padding-margin--size-m);
  grid-column-gap: var(--gap-flex-grid--gap-xxs);
  grid-row-gap: var(--gap-flex-grid--gap-xxs);
  border-bottom: 1px solid var(--border-color--border-primary);
  flex-flow: column;
  display: flex;
}
.st--plan--summary--item.st--plan--summary--item--last {
  border-bottom-style: none;
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.st--plan--summary--item.st--plan--summary--item--order-01 {
  order: 1;
}
.st--plan--summary--item.st--plan--summary--item--order-02 {
  order: 2;
}
.st--plan--summary--item.st--plan--summary--item--order-03 {
  order: 3;
}
.st--plan--summary--item.st--plan--summary--item--order-04 {
  order: 4;
}
.st--plan--summary--item--title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}
.st--plan--summary--item--title-icon {
  width: 28px;
  height: 28px;
}
.st--plan--summary--item--title-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-xxs);
  grid-row-gap: var(--gap-flex-grid--gap-xxs);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.st--plan-with-summary--plan-info {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}
.st--plan--summary--item--desc {
  letter-spacing: 0;
  line-height: 1.6;
}
.solution-salon--hero-btn-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-s);
  grid-row-gap: var(--gap-flex-grid--gap-s);
  flex-flow: column;
  align-items: flex-start;
  width: 294px;
  display: flex;
}
.st--plan-with-summary--plan-txt-wrap {
  grid-column-gap: var(--gap-flex-grid--gap-m);
  grid-row-gap: var(--gap-flex-grid--gap-m);
  flex-flow: column;
  display: flex;
}
.solution-salon--feature-txt {
  text-align: center;
}
.solution-salon--feature-txt.is-tablet {
  display: none;
}
.solution-salon--feature-section {
  padding-top: var(--padding-margin--size-xxl);
  padding-bottom: var(--padding-margin--size-xxxl);
}
.solution-salon--feature-title {
  text-align: center;
}
.ec-handmade--hero-img.is-sp {
  display: none;
}
.lp-standard-video-link.open-modal--video {
  aspect-ratio: auto;
}
.pricing--detail--items--inner-wrap.layout-center-center {
  flex-flow: column;
}
.pricing--price-list-wrap.layout-center-center {
  flex-flow: column;
}
.offer--hero--title-desc-wrap.fade-slide-in-up, .offer--hero--title-desc-wrap.offer-contents {
  justify-content: flex-start;
  align-items: flex-start;
}
.paid-plan-detail--main.layout-center-center {
  flex-flow: column;
}
.st--plan--flex-order-1 {
  order: 1;
}
.st--plan--flex-order-2 {
  order: 2;
}
.st--plan--flex-order-3 {
  order: 3;
}
.st--plan--flex-order-4 {
  order: 4;
}
@media screen and (max-width: 991px) {
  body {
    --bg-color--bg-base: var(--_primitivetokens---black--black-1);
    --font-color--txt-primary: var(--_primitivetokens---gray--gray-18);
    --function-color--emphasis: var(--_primitivetokens---blue--blue-8);
    --border-color--border-secondary: var(--_primitivetokens---gray--gray-4);
    --padding-margin--size-l: var(--_primitivetokens---scale--scale-40);
    --padding-margin--size-xxs: var(--_primitivetokens---scale--scale-8);
    --font-color--txt-secondary: var(--_primitivetokens---gray--gray-11);
    --gap-flex-grid--gap-m: var(--_primitivetokens---scale--scale-24);
    --border-color--border-primary: var(--_primitivetokens---gray--gray-6);
    --padding-margin--size-xl: var(--_primitivetokens---scale--scale-64);
    --bg-color--bg-primary: var(--_primitivetokens---gray--gray-3);
    --gap-flex-grid--gap-l: var(--_primitivetokens---scale--scale-40);
    --font-color--txt-white: white;
    --old-content-width--max-width: var(--_primitivetokens---content-width--w1280);
    --gap-flex-grid--gap-xl: var(--_primitivetokens---scale--scale-80);
    --safe-area--sa-default: var(--safe-area--sa-s);
    --padding-margin--size-xxxs: var(--_primitivetokens---scale--scale-4);
    --font-color--txt-emphasis: var(--function-color--emphasis);
    --gap-flex-grid--gap-s: var(--_primitivetokens---scale--scale-16);
    --padding-margin--size-xxl: var(--_primitivetokens---scale--scale-80);
    --padding-margin--size-xxxl: var(--_primitivetokens---scale--scale-120);
    --gap-flex-grid--gap-xs: var(--_primitivetokens---scale--scale-12);
    --onboarding--reserve-01--text-color\<deleted\|variable-861e47c0-2b66-f379-649c-374a8521e6ba\>: #463431;
    --radius--radius-l: var(--_primitivetokens---scale--scale-24);
    --padding-margin--size-m: var(--_primitivetokens---scale--scale-24);
    --line-height--line-height-m: 1.4;
    --gray-15\<deleted\|variable-d1d79661-e438-ae6c-e078-aa8f6a1da12f\>: #262626;
    --bg-color--bg-emphasis: var(--_primitivetokens---gray--gray-16);
    --font-weight--txt-bold: 600;
    --font-weight--txt-medium: 500;
    --gap-flex-grid--gap-xxs: var(--_primitivetokens---scale--scale-8);
    --border-color--border-danger: var(--function-color--danger);
    --padding-margin--size-ml: var(--_primitivetokens---scale--scale-32);
    --radius--radius-m: var(--_primitivetokens---scale--scale-16);
    --gap-flex-grid--gap-ml: var(--_primitivetokens---scale--scale-32);
    --safe-area--sa-s: var(--_primitivetokens---scale--scale-24);
    --gap-flex-grid--gap-xxl: var(--_primitivetokens---scale--scale-120);
    --radius--radius-s: var(--_primitivetokens---scale--scale-8);
    --z-index--z-index-primary: 50;
    --button-color--btn-base: var(--_primitivetokens---gray--gray-18);
    --button-color--btn-base-txt: var(--font-color--txt-white);
    --padding-margin--size-s: var(--_primitivetokens---scale--scale-16);
    --button-color--btn-primary: var(--function-color--emphasis);
    --button-color--btn-secondary: var(--_primitivetokens---black--black-1);
    --button-color--btn-secondary-txt: var(--font-color--txt-emphasis);
    --button-color--btn-disabled: var(--_primitivetokens---gray--gray-6);
    --button-color--btn-disabled-txt: var(--font-color--txt-secondary);
    --button-color--btn-primary-hover: var(--function-color--emphasis-hover);
    --button-color--btn-secondary-hover: var(--_primitivetokens---gray--gray-3);
    --font-color--txt-tertiary: var(--_primitivetokens---gray--gray-6);
    --function-color--emphasis-hover: var(--_primitivetokens---blue--blue-9);
    --safe-area--sa-l: var(--_primitivetokens---scale--scale-64);
    --old-content-width--width-l: var(--_primitivetokens---content-width--w1028);
    --bg-color--bg-emphasis-pale: var(--_primitivetokens---blue--blue-1);
    --padding-margin--size-xs: var(--_primitivetokens---scale--scale-12);
    --border-color--border-black: var(--_primitivetokens---gray--gray-18);
    --bg-color--bg-emphasis-turquoise: var(--function-color--positive);
    --safe-area--sa-wide-tablet: var(--safe-area--sa-l);
    --bg-color--bg-emphasis-yellow: var(--_primitivetokens---yellow--yellow-original);
    --font-weight--txt-black: 700;
    --font-weight--txt-nomal: 400;
    --z-index--z-index-secondary: 40;
    --old-content-width--width-m: var(--_primitivetokens---content-width--w720);
    --border-color--border-emphasis: var(--function-color--emphasis);
    --letter-spacing--spacing-zero: 0em;
    --line-height--line-height-zero: 1;
    --line-height--line-height-l: 1.8;
    --letter-spacing--spacing-nomal: .02em;
    --letter-spacing--spacing-tight: -.02em;
    --bg-color--bg-danger: var(--function-color--danger-pale);
    --function-color--positive: var(--_primitivetokens---turquoise--turquoise-5);
    --function-color--positive-hover: var(--_primitivetokens---turquoise--turquoise-7);
    --function-color--danger: var(--_primitivetokens---red--red-6);
    --function-color--danger-pale: var(--_primitivetokens---red--red-1);
    --gap-flex-grid--gap-xxxl: var(--_primitivetokens---scale--scale-160);
    --old-content-width--width-s: var(--_primitivetokens---content-width--w500);
    --_elements---card--padding-s: var(--_primitivetokens---scale--scale-24);
    --_elements---card--padding-l: var(--_primitivetokens---scale--scale-40);
    --_elements---card--border-raduis-l: var(--radius--radius-l);
    --_elements---contents-box--width-s: var(--_primitivetokens---content-width--w500);
    --_elements---contents-box--width-m: var(--_primitivetokens---content-width--w720);
    --_elements---contents-box--width-l: var(--_primitivetokens---content-width--w1028);
    --_elements---contents-box--max-width: var(--_primitivetokens---content-width--w1280);
    --_elements---block--padding-m: var(--_primitivetokens---scale--scale-80);
    --_elements---card--border-width-s: 1px;
    --_elements---card--border-color: var(--border-color--border-primary);
    --_elements---card--border-radius-s: var(--radius--radius-m);
    --_elements---block--padding-l: var(--_primitivetokens---scale--scale-120);
    --_elements---block--padding-s: var(--_primitivetokens---scale--scale-40);
    --_elements---card-list-flex-grid--gap-l: var(--gap-flex-grid--gap-l);
    --_elements---container--padding-default: var(--safe-area--sa-default);
    --_elements---container--padding-wide-tablet: var(--safe-area--sa-wide-tablet);
    --_elements---card-list-flex-grid--gap-m: var(--gap-flex-grid--gap-m);
    --_elements---card-list-flex-grid--gap-s: var(--gap-flex-grid--gap-s);
    --_elements---card--border-width-l: 2px;
    --_elements---card--border-color-pale: var(--border-color--border-secondary);
    --_elements---card--border-color-black: var(--border-color--border-black);
    --_elements---card--outline-emphasis: var(--function-color--emphasis);
  }

  .ng-layout-col2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .ng-layout-col2.layout-col2--emoney {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 2fr;
  }

  .ng-layout-col2.layout-col2--emoney.layout-col2--emoney-pricing, .ng-layout-col2.center-boder.layout--fullwidth {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer-row-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    align-items: flex-start;
    padding-bottom: 140px;
  }

  .cta {
    padding-left: 24px;
    padding-right: 24px;
  }

  .cta-buttons-container {
    justify-content: center;
    align-items: center;
  }

  .cta-secondary, .ng-layout-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }

  .button-secondary-large-inline.free--standard--cta-button {
    max-width: 360px;
  }

  .cta-light, .hero-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }

  .feature-single-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .ng-layout-col3 {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
  }

  .ng-layout-col3.payments-pricing, .ng-layout-col3.lp-regi--pricing {
    grid-template-columns: 1fr;
  }

  .cases--list {
    grid-template-columns: 1fr 1fr;
  }

  .logo-tile {
    padding-left: 24px;
    padding-right: 24px;
  }

  .logo-tile-list-item {
    width: 20%;
  }

  .breadcrumb, .cert, .cases--other-articles {
    padding-left: 24px;
    padding-right: 24px;
  }

  .functions-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .functions-aside {
    display: none;
  }

  .accordion-toggle-text {
    font-size: 2.73vw;
  }

  .accordion-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sub-title-section, .top-hero-image-container.bg-image-hero.payments-sdk-api {
    padding-left: 24px;
    padding-right: 24px;
  }

  .layout-wrap-plan-table {
    padding-left: 0;
    padding-right: 0;
  }

  .ng-layout-col2-gap40 {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .price-card-tags {
    min-height: auto;
  }

  .price-card-section.border--col2-center-item {
    border-top-width: 1px;
    border-left-width: 0;
    padding-top: 40px;
  }

  .grid--reserve-pricing {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .utility-title {
    left: 50%;
    transform: translate(-50%);
  }

  .utiliy-content {
    padding-left: 32px;
    padding-right: 32px;
  }

  .price-card-col3 {
    flex-flow: column;
    display: flex;
  }

  .price-card-col3-container.col-num1 {
    align-items: center;
  }

  .price-card-col3-container.col-num3.reserve--free--list {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .price-card-priceset {
    flex-flow: column;
    align-items: center;
  }

  .onbo--rsv.sp-menu-list.w--open {
    width: 100vw;
    padding-top: 120px;
    top: -40px;
    right: -40px;
  }

  .onbo--rsv.onbo--rsv--links.onbo--rsv--links--sp-menu:hover {
    background-color: #fdf6ee;
  }

  .onbo--rsv.onbo--rsv--links.onbo--rsv--links--menu {
    display: block;
  }

  .onbo--rsv.onbo--rsv--menu {
    display: none;
  }

  .onbo--rsv.onbo--rsv--toggle.wrapper {
    display: block;
  }

  .onbo--rsv.onbo--rsv--img.onbo--rsv--number.onbo--rsv--number-top {
    max-width: 90px;
  }

  .onbo--rsv.onbo--rsv--img.onbo--rsv--cover-img {
    width: 1060px;
    padding-top: 160px;
    right: -40px;
  }

  .onbo--rsv.absolute-menu-third {
    bottom: 15%;
  }

  .onbo--rsv.absolute-menu-second {
    bottom: 34%;
    right: 12%;
  }

  .onbo--rsv.absolute-menu-first {
    top: 25%;
    right: 28%;
  }

  .onbo--rsv.onbo--rsv--section.onbo--rsv--cover {
    height: 1180px;
  }

  .onbo--rsv.onbo--rsv--h3 {
    font-size: 40px;
  }

  .onbo--rsv.card-wrapper {
    grid-template-columns: 1fr;
  }

  .onbo--rsv.onbo--rsv--card {
    border-radius: 24px;
  }

  .onbo--rsv.onbo--rsv--card.onbo--rsv--card--txt-block {
    grid-template-rows: minmax(auto, auto) auto auto auto auto auto minmax(auto, auto);
  }

  .onbo--rsv.onbo--rsv--cta-block.onbo--rsv--cta-block--cta-img {
    width: 150vw;
    right: 0;
  }

  .onbo--rsv.onbo--rsv--top-menu-title {
    font-size: 2rem;
  }

  .acceptancemarks-wrapper.payments-pricing-block {
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .online-payments--pricing-block {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
  }

  .layout-center-space-between.layout--payments-priching-col3-center {
    padding: 40px 0;
  }

  .payments-pricing-marks.emoney--transport {
    max-width: 280px;
  }

  .payments-pricing-marks.credit-card {
    max-width: 200px;
  }

  .payments-pricing-marks.emoney--qp-id {
    max-width: 140px;
  }

  .payments-pricing-marks.qr-code {
    width: 280px;
    max-width: 280px;
  }

  .payments-pricing-marks.qr-code.display--pc {
    max-width: 300px;
  }

  .payments-pricing-marks.credt-card-touch-indicator {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .border--col3-center-item {
    border-style: solid none;
    border-top-width: 1px;
    border-top-color: var(--border-color--border-primary);
    border-bottom-width: 1px;
    border-bottom-color: var(--border-color--border-primary);
  }

  .topics-block {
    flex-flow: column;
  }

  .topics-block--img-wrap {
    max-width: none;
  }

  .lp-regi_cardimage-retail {
    background-image: url('../images/regi_lp_retail.avif');
    background-position: 50%;
    background-size: cover;
  }

  .lp-regi_cardimage-service {
    background-image: url('../images/regi_lp_service.avif');
    background-position: 50%;
    background-size: cover;
  }

  .app-retail_firstview-image {
    flex-flow: row;
    width: 110%;
    display: flex;
  }

  .app-retail-product-link-item {
    justify-content: flex-end;
    align-items: center;
    height: auto;
  }

  .app-retail_firstview-l {
    margin-left: -10%;
  }

  .app-retail_full_img-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-end;
    width: 125%;
    display: flex;
  }

  .solutions-features-contents {
    flex-flow: row;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .solutions-h2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 30px;
  }

  .solutions-features-image02 {
    width: 100%;
    max-width: 150%;
    height: auto;
    margin-top: 0;
  }

  .solutions-h2-white {
    font-size: 30px;
  }

  .solutions-features-subtitle {
    padding-left: 0;
    padding-right: 0;
  }

  .solutions-features-list {
    flex-flow: wrap;
    width: 100%;
  }

  .solutions-features-list-box {
    flex-flow: wrap;
    width: auto;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .solutions-features-analytics {
    border-radius: 24px;
    flex-flow: column;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 400px;
    max-height: 600px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .solutions-features-title {
    font-size: 20px;
  }

  .solutions-feature-image02-logo {
    margin-top: 0;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .solutions-customer-date-image {
    width: 220px;
    top: -40px;
  }

  .solutions-features-analytics-mov {
    width: 100%;
    min-width: 600px;
    max-width: none;
    height: 400px;
  }

  .solutions-features-item {
    flex-flow: column;
    width: 100%;
    height: auto;
    min-height: 400px;
    max-height: 600px;
  }

  .solutions-features-regi-mov {
    width: 140%;
    height: 400px;
  }

  .solutions-features-regi {
    flex-flow: column;
    width: 100%;
    height: auto;
    min-height: 400px;
    max-height: 600px;
  }

  .solution-features-item {
    width: 100%;
    max-width: none;
  }

  .solution-features-item-full {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .fitness-case-card {
    width: 100%;
  }

  .solutions-features-title-white {
    font-size: 20px;
  }

  .solutions-cases-text {
    font-size: 18px;
  }

  .lp-regi-features-item {
    flex-flow: column;
    width: 100%;
    height: auto;
    min-height: 400px;
    max-height: 620px;
  }

  .lp-regi_cardimage-fitness {
    background-image: url('../images/regi_lp_service.avif');
    background-position: 50%;
    background-size: cover;
  }

  .lp-regi-firstview-image {
    height: 500px;
  }

  .lp-regi-features-item--retail {
    flex-flow: column;
    width: 100%;
    height: auto;
    min-height: 220px;
    max-height: 620px;
  }

  .h3--function-title {
    font-size: 20px;
  }

  .layout--gap16 {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
  }

  .layout--gap40 {
    flex-flow: column;
    width: 100%;
  }

  .page--footer-img-wrapper {
    height: 40vw;
    min-height: 360px;
  }

  .txt-align--left-center-center-center {
    text-align: center;
    width: 100%;
  }

  .container {
    padding-right: var(--safe-area--sa-s);
    padding-left: var(--safe-area--sa-s);
  }

  .loyalty--grid-cases {
    grid-template-columns: repeat(auto-fit, minmax(320px, 348px));
    grid-auto-columns: minmax(320px, 348px);
  }

  .ec--grid-option {
    grid-template-columns: repeat(auto-fit, minmax(640px, 1fr));
  }

  .grid--auto-fit-col2 {
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  }

  .txt-align-center-left-left-left {
    text-align: left;
  }

  .reserve--grid-support-multi-shops {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
  }

  .payments--integrations-img {
    height: 400px;
  }

  .regi__plan-table-note-safe-area {
    padding-right: var(--gap-flex-grid--gap-m);
    padding-left: var(--gap-flex-grid--gap-m);
  }

  .onbo-app-regi--menu-inner {
    padding-top: var(--gap-flex-grid--gap-m);
  }

  .reserve-multi-shops--btn-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .btn--secondary.lp-standard-banner-btn {
    font-size: 1rem;
  }

  .gn-toggle-menu {
    padding: var(--gap-flex-grid--gap-s) 0px;
    justify-content: space-between;
    width: 100%;
    font-size: 1.25rem;
  }

  .gn--container {
    z-index: auto;
    padding-right: var(--safe-area--sa-s);
    padding-left: var(--safe-area--sa-s);
    max-width: none;
  }

  .gn--link-block {
    padding: var(--gap-flex-grid--gap-s) 0px;
    width: 100%;
    font-size: 1.25rem;
  }

  .gn--divider {
    margin-top: var(--gap-flex-grid--gap-m);
    margin-bottom: var(--gap-flex-grid--gap-m);
    width: 100%;
    height: 1px;
  }

  .gn--drop-menu-items {
    padding: var(--gap-flex-grid--gap-m) 0px var(--gap-flex-grid--gap-l);
    box-shadow: none;
    background-color: #0000;
    border-style: none;
  }

  .gn--drop-menu-items.w--open {
    width: 100%;
    position: static;
  }

  .gn--drop-menu-item {
    width: 100%;
  }

  .gn--drop-menu-item.gn--drop-menu-item--tablet-under-black {
    color: var(--font-color--txt-white);
  }

  .gn--drop-menu-grid {
    grid-column-gap: 80px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }

  .gn--menu-wrapper {
    overflow: hidden;
  }

  .gn--menu-list {
    padding-top: var(--gap-flex-grid--gap-m);
    padding-right: var(--safe-area--sa-s);
    padding-bottom: var(--gap-flex-grid--gap-l);
    padding-left: var(--safe-area--sa-s);
    background-color: var(--bg-color--bg-base);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: calc(100svh - 72px);
    display: flex;
    overflow: auto;
  }

  .gn--menu-list.gn--menu-list--bg-black {
    background-color: #000;
  }

  .gn--btn-hamburger {
    background-color: #0000;
    padding: 0;
  }

  .gn--btn-hamburger.w--open {
    background-color: var(--font-color--txt-white);
  }

  .gn--btn-hamburger.gn--btn-hamburger--white.w--open {
    background-color: #000;
  }

  .gn--menu-list-item, .gn--dropdown {
    width: 100%;
  }

  .display--base-only {
    display: none;
  }

  .display--tablet {
    display: block;
  }

  .pricing-all--single-service {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .enterprise-banner--desc-btn {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .pricing-all--card--plan-box {
    grid-template-rows: minmax(120px, 1fr) auto auto;
  }

  .pricing-all--card--plan-summary {
    font-size: var(--_typography---body-text-txt--body-m);
  }

  .hero-img-ec--front-view {
    transform: none;
  }

  .modal--under-layer {
    padding-right: var(--safe-area--sa-s);
    padding-left: var(--safe-area--sa-s);
  }

  .enterprise--flexbox-block-titles {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .enterprise--flexbox-block-titles.mb-l {
    flex-flow: wrap;
  }

  .offer--cases-content-grid {
    grid-template-columns: 1fr;
  }

  .offer--cases-image {
    max-width: none;
  }

  .txt-span--line-break-pc-only {
    display: inline;
  }

  .enterprise--service-bundle--sub-grid {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
  }

  .enterprise--service-bundle-plans-imgbox {
    height: auto;
  }

  .offer--service-bundle-plans-img-overflow {
    width: 125%;
    min-width: auto;
    position: static;
  }

  .enterrprise--hero--grid {
    grid-template-columns: 1fr;
  }

  .enterprise--hero--img {
    width: 120%;
    transform: translate(-2%);
  }

  .enterprise--hero--txt-wrap {
    padding-right: var(--safe-area--sa-s);
    padding-left: var(--safe-area--sa-s);
    width: 100%;
    transform: none;
  }

  .ul--payments--special-rate-v2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    max-width: none;
  }

  .payments--special-rate-grid {
    grid-template-columns: 1fr;
  }

  .sn--menu-list {
    padding-right: var(--gap-flex-grid--gap-m);
    padding-left: var(--gap-flex-grid--gap-m);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .sn--menu-link {
    width: 100%;
    height: 64px;
  }

  .sn--cta-wrapper {
    background-color: var(--bg-color--bg-base);
    width: 100vw;
    height: 100svh;
    display: none;
  }

  .sn--btn-dropdown {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .sn--btn-dropdown.w--open {
    color: var(--font-color--txt-primary);
    background-color: #0000;
  }

  .sn--drop-txt {
    font-weight: 600;
  }

  .sn--menu-item-icon {
    display: block;
  }

  .sn--menu-item {
    width: 100%;
  }

  .fixed-cta-nav {
    border-top: 1px solid var(--border-color--border-primary);
    display: block;
  }

  .sn--menu {
    background-color: var(--bg-color--bg-base);
    width: 100vw;
    height: 100svh;
    display: none;
  }

  .free-hero--videobox {
    max-width: none;
    max-height: none;
  }

  .free-hero--txtbox {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .lp-plans--pricing-card-primary {
    flex-flow: column;
  }

  .paymant--competitor-comparison-pc {
    max-width: 100%;
    display: block;
  }

  .paymant--plan-list--plan-target-nomal {
    margin-top: var(--gap-flex-grid--gap-xl);
  }

  .payments--hero-grid {
    grid-template-columns: 1fr;
  }

  .payments--hero-txt-wrap {
    padding-bottom: 0;
  }

  .bundle-image-full-card {
    min-height: 140px;
  }

  .ec-hero--section {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
  }

  .ec--hero-section--txtbox {
    padding-top: var(--gap-flex-grid--gap-l);
    padding-bottom: var(--gap-flex-grid--gap-xl);
    grid-column-gap: var(--gap-flex-grid--gap-xl);
    grid-row-gap: var(--gap-flex-grid--gap-xl);
    min-width: auto;
    max-width: none;
  }

  .lp-standard--hero--content--desc {
    text-align: center;
    max-width: 520px;
  }

  .lp-standard--hero--content {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-right: 0;
  }

  .home--feature {
    padding-top: 60px;
  }

  .swiper-slide.home--feature--gallery {
    height: 555px;
  }

  .lp-type-01--started--steps {
    flex-flow: column;
  }

  .home--feature--cashless--heading {
    font-size: 1.3rem;
  }

  .payment-methods--card {
    justify-content: center;
    align-items: center;
  }

  .lp-type-01--onestop--item {
    flex-flow: row;
    grid-template-columns: 1fr 1fr;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
  }

  .lp-type-01--onestop--item--thumb {
    border-radius: var(--radius--radius-l);
  }

  .lp-type-01--onestop--item--desc {
    padding-left: 0;
    padding-right: 0;
  }

  .black-border-pricing--pc {
    display: none;
  }

  .black-border-pricing--monthly-fee-wrap {
    justify-content: flex-end;
    align-items: center;
    height: auto;
    padding-top: 20px;
    display: inline-flex;
  }

  .black-border-pricing--payment-fee-wrap {
    padding-top: var(--padding-margin--size-m);
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .home--pricing--cta--primary {
    max-width: 320px;
  }

  .black-border-pricing--anchor-link {
    max-width: 280px;
  }

  .lp-standard--hero--content-img-grid {
    order: -1;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .lp-standard--hero--mock, .lp-standard--hero--mock-dark {
    width: 100%;
    height: auto;
  }

  .home--feature--mo--heading {
    font-size: 1.3rem;
  }

  .image-13 {
    width: 160px;
    top: 40%;
    right: 2%;
  }

  .home--feature--pos--heading, .home--feature--ec--heading, .home--feature--ec--heading2 {
    font-size: 1.3rem;
  }

  .lp-type-01--onestop--grid {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .lp-standard--hero--content-img-wrap {
    order: -1;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .lp-standard--jff {
    top: auto;
    bottom: -18px;
    right: 12px;
  }

  .black-border-prcing--tabs-menu {
    background-color: var(--bg-color--bg-primary);
    border-radius: 30px;
    justify-content: center;
    align-items: flex-start;
    padding: 4px;
    display: flex;
  }

  .home--pricing-tab {
    background-color: var(--bg-color--bg-primary);
    border-radius: 40px;
    padding: 6px 16px;
  }

  .home--pricing-tab.w--current {
    background-color: var(--bg-color--bg-base);
  }

  .black-border-pricing--tablet-under {
    padding-top: var(--padding-margin--size-m);
    padding-bottom: var(--padding-margin--size-m);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .black-border-pricing--tabs-content {
    padding-top: var(--padding-margin--size-m);
    text-align: center;
    width: 100%;
  }

  .black-border-pricing--tab-panel {
    padding: var(--padding-margin--size-l) var(--padding-margin--size-m) var(--padding-margin--size-m);
    border: 1px solid var(--border-color--border-black);
    border-radius: var(--radius--radius-l);
  }

  .stores-support-img {
    object-fit: cover;
    height: 300px;
  }

  .home--local-nav {
    padding-left: 24px;
    padding-right: 24px;
  }

  .lp-type-01--cta--wrap {
    flex-flow: wrap;
  }

  .free--pricing-card-divider {
    width: 100%;
    height: 1px;
  }

  .free--pricng-card-inner {
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .lp--plans--desc {
    width: 100%;
  }

  .lp-type-01--services--grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .free--pricing-card--inner-h-flex {
    width: 100%;
  }

  .free--pricing-card--inner-free {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
  }

  .free--features-grid {
    grid-template-columns: 1fr;
  }

  .txt-span--line-break-tablet-under {
    display: block;
  }

  .free--pricng-card-inner-detail {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
    flex-flow: wrap;
    justify-content: flex-start;
    max-width: none;
  }

  .free--pricing-card-divider-ntn-2 {
    width: 100%;
    height: 1px;
    display: block;
  }

  .plan-list--pricing--card-spacer {
    display: none;
  }

  .plan-list--plan-target-other {
    margin-top: var(--gap-flex-grid--gap-xl);
  }

  .black-border-pricing--title-enterprise {
    text-align: center;
  }

  .home--feature--reserve--heading {
    font-size: 1.3rem;
  }

  .bundle-enterprise-card {
    flex-flow: column;
  }

  .bundle-enterprise-card--img {
    max-width: none;
  }

  .bundle-payments--started--need-item {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .bundle-payments--started--need-items-container {
    padding-right: var(--safe-area--sa-s);
    padding-left: var(--safe-area--sa-s);
  }

  .btn--primary--with-shadow, .btn--secondary-with-shadow {
    width: 320px;
  }

  .bundle--features-grid--payments {
    grid-template-columns: 1fr;
  }

  .bundle-payments--features--services--grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .bundle--features--services--thumb-wrap {
    height: auto;
  }

  .bundle-payments--features-card--aqua {
    padding-top: var(--padding-margin--size-xl);
    padding-bottom: var(--padding-margin--size-xl);
    grid-column-gap: var(--padding-margin--size-l);
    grid-row-gap: var(--padding-margin--size-l);
    flex-flow: column;
  }

  .industry--hero_content-wrap {
    max-width: 100%;
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .industry--hero_paragraph {
    font-size: 1.25rem;
  }

  .industry--solution_problems-wrap {
    flex-flow: wrap;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .lp--industry--solution_problem-item {
    flex: 1;
    width: 40%;
    min-width: 45%;
    max-width: calc(50% - 10px);
  }

  .industry--solution_bot-text {
    font-size: 1.25rem;
  }

  .lp--industry--about_block-third-cards {
    flex-flow: wrap;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .lp--industry--about_block-third-card {
    flex: 1;
    width: 45%;
    min-width: 45%;
    max-width: calc(50% - 10px);
  }

  .lp--industry--services_cta-card {
    background-image: url('../images/lp--industry--about-cta-bg-mobile.webp');
  }

  .lp--industry--services_cta-card-p {
    text-wrap: balance;
    font-size: 2rem;
  }

  .lp--industry--docs-list {
    flex-flow: wrap;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .lp--industry--docs_card {
    flex: 1;
    width: 45%;
    min-width: 45%;
    max-width: calc(50% - 10px);
  }

  .bundle-payments--solution--title {
    font-size: 2.5rem;
  }

  .bundle-payments--hero {
    padding-top: 0;
    padding-bottom: var(--padding-margin--size-xxl);
  }

  .bundle-payments--hero--img-wrap {
    padding-right: var(--padding-margin--size-m);
    padding-bottom: var(--padding-margin--size-xxl);
    padding-left: var(--padding-margin--size-m);
    margin-top: -8px;
  }

  .bundle-payments--hero--sticker--absolute {
    bottom: 5%;
    right: 0%;
  }

  .bundle-payments--hero--labels-wrap {
    justify-content: center;
    align-items: flex-start;
  }

  .bundle-payments--hero--btn-primary {
    max-width: 320px;
  }

  .bundle-payments--hero--txt-wrap {
    padding-right: var(--safe-area--sa-default);
    padding-left: var(--safe-area--sa-default);
    justify-content: flex-start;
    align-items: center;
  }

  .bundle-payments--hero--title {
    max-width: none;
  }

  .bundle-payments--hero--grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .mobileorder--cp-banner {
    padding-right: var(--padding-margin--size-ml);
    padding-left: var(--padding-margin--size-ml);
  }

  .mobileorder--cp-banner.newmobileorder-cp-banner {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .mobileorder--cp-banner--title {
    font-size: 1.25rem;
  }

  .mobileorder--cp-banner--image {
    width: 280px;
  }

  .mobileorder--cp-banner--detail {
    width: 100px;
    height: 100px;
    margin-right: 0;
    position: absolute;
    inset: -8% -8% auto auto;
  }

  .mobileorder--cp-banner--detail-text {
    font-size: .75rem;
  }

  .bundle-payments--hero--img {
    width: 100%;
    max-width: 720px;
  }

  .bundle-payments--hero--container {
    padding-left: 0;
    padding-right: 0;
  }

  .lp--ec--header_layout {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .line-rs-title {
    font-size: 37px;
  }

  .line-rs-hero {
    display: block;
  }

  .line-rs-title-2 {
    font-size: 22px;
  }

  .line-rs-hero-img {
    width: 96%;
    max-width: 400px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .linkblock-img-text-img {
    object-fit: cover;
    width: 37%;
    height: auto;
    overflow: auto;
  }

  .spacing--paddingtb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .layout--flex-50 {
    flex: 0 auto;
    align-self: stretch;
  }

  .line-rs-sticky {
    z-index: 5;
  }

  .reserve-line-h3 {
    font-size: 1.3rem;
  }

  .reseve-line--ttl-h2-s {
    font-size: 1.6rem;
  }

  .marquee-wrapper {
    overflow: hidden;
  }

  .home--pricing-summary--card {
    grid-column-gap: var(--gap-flex-grid--gap-xxs);
    grid-row-gap: var(--gap-flex-grid--gap-xxs);
  }

  .home--pricing-summary--price-wrap {
    flex-flow: column;
    min-width: auto;
  }

  .home--services--container {
    padding-right: var(--safe-area--sa-s);
    padding-left: var(--safe-area--sa-s);
  }

  .home--services--grid {
    grid-column-gap: 20px;
    grid-template-columns: minmax(200px, 1fr) repeat(auto-fit, minmax(200px, 1fr)) minmax(200px, 1fr);
    grid-template-areas: ".";
    grid-auto-columns: minmax(200px, 1fr);
  }

  .ec--e-ticket_header-visual {
    max-width: 336px;
  }

  .ec--e-ticket_section-points-card {
    justify-content: flex-start;
    align-items: center;
  }

  .ec--e-ticket_cost-circles-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .ec--e-ticket_cost-circle-item {
    width: 180px;
    height: 180px;
    padding-top: 12px;
  }

  .ec--e-ticket_cost-circle-item-chip {
    top: -18px;
  }

  .home--intro--display-pc-only {
    display: none;
  }

  .home--hero--bg-white-radius {
    border-bottom: 1px solid var(--border-color--border-primary);
  }

  .home--hero--container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .home--hero--kv {
    background-color: #0000;
    border-radius: 0;
    width: 120vw;
    min-width: auto;
    max-width: none;
    position: static;
    transform: none;
  }

  .home--hero--contents {
    flex-flow: column;
    justify-content: flex-start;
    height: auto;
    max-height: none;
  }

  .home--hero--txt-wrap {
    padding-top: var(--padding-margin--size-l);
    padding-right: var(--_elements---container--padding-default);
    padding-left: var(--_elements---container--padding-default);
    width: 100%;
  }

  .home--hero--cta-wrap {
    width: 100%;
  }

  .lp-standard--hero {
    flex-flow: column;
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .bottom-fixed-banner.reserve--bottom-fixed-banner {
    margin-bottom: var(--padding-margin--size-xl);
  }

  .bundle-payments--features--function--grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .bundle-payments--hero--page-title {
    width: 100%;
  }

  .ec--e-ticket_usecase-cards-wrap {
    grid-row-gap: 40px;
    flex-flow: wrap;
  }

  .ec--e-ticket_usecase-card {
    max-width: 48%;
  }

  .bpsp-hero {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    place-items: start;
  }

  .bpsp-fee-brand {
    padding-left: 25px;
    padding-right: 25px;
  }

  .bpsp-user-flow-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .bpsp-payment-method-wrap {
    grid-column-gap: var(--padding-margin--size-m);
    grid-row-gap: var(--padding-margin--size-m);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bpsp-payment-method-item {
    width: auto;
  }

  .bpsp-reason-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .bpsp-reason-top.bpsp-bg-orange, .bpsp-reason-top.bpsp-bg-blue, .bpsp-reason-top.bg-color--primary {
    min-height: 320px;
  }

  .bpsp-reason-logo {
    width: 100%;
  }

  .bpsp-hr-text-wrap {
    width: calc(50% + 55px);
  }

  .bpsp--hero-img {
    width: 100%;
  }

  .lp-plans--cta--btn-wrap, .home--cta--btn-wrap {
    flex-flow: wrap;
  }

  .sn--menu-single-page {
    display: block;
  }

  .magazine--hero_slide-inner {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .magazine--hero_slide-poster-wrap {
    border-radius: 16px;
  }

  .magazine--hero_slide-content-wrap {
    width: auto;
    padding-bottom: 32px;
  }

  .magazine--hero_slide-content-heading-wrap {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .magazine--posts-list, .magazine--posts-list.columns-2 {
    grid-template-columns: 1fr;
  }

  .magazine--posts-item_inner {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
    display: flex;
  }

  .magazine--posts-item_poster-wrap {
    border-radius: 12px;
    width: 50%;
    margin-bottom: 0;
  }

  .magazine--posts-item_heading {
    font-size: 20px;
  }

  .magazine--categories_wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .magazine--categories_posts-list-item-inner {
    flex-flow: column;
  }

  .magazine--categories_posts-poster-wrap {
    max-width: 100%;
  }

  .magazine--bottom-nav_inner {
    align-items: flex-start;
  }

  .magazine--bottom-nav_links-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .magazine--posts-item_content {
    width: 50%;
  }

  .magazine--industries_layout {
    flex-flow: column;
    display: block;
  }

  .magazine--industries_side {
    max-width: 100%;
    margin-bottom: 64px;
  }

  .magazine--industries_side-dropdown-toggle {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .magazine--industries_side-dropdown-content {
    display: none;
  }

  .magazine--industries_side-dropdown-content-inner {
    padding-top: 24px;
    padding-bottom: 16px;
    overflow: hidden;
  }

  .magazine--industries_side-dropdown-toggle-arrow {
    display: block;
  }

  .bundle-plan--hero--flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    place-items: center;
    display: flex;
  }

  .bundle-plan--hero--page-title, .bundle-plan-hero--img-wrap {
    width: 100%;
  }

  .bundle-plan--hero--txt-wrap {
    margin-bottom: var(--gap-flex-grid--gap-l);
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .bundle-plan--hero--img {
    width: 100%;
    max-width: none;
  }

  .bundle-plan--hero--container {
    padding-top: 60px;
    padding-right: var(--safe-area--sa-s);
    padding-left: var(--safe-area--sa-s);
  }

  .bundle-plan--hero {
    padding-top: 0;
    padding-bottom: var(--padding-margin--size-xxl);
  }

  .bundle-plan--hero--title, .bundle-plan--hero--btn-primary {
    max-width: none;
  }

  .bundle-plan--custom--labels-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bundle-plan--hero--btn-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    flex-flow: column;
    margin-top: -40px;
  }

  .bundle-plan--container, .bundle-plan--container.pb0 {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .bundle-plan--cards--flexbox {
    flex-flow: column;
  }

  .bundle-plan--cards--wrap {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    display: grid;
  }

  .bundle-plan--question--card {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    max-width: none;
  }

  .bundle-plan--btn--secondary-with-shadow {
    width: 100%;
    max-width: none;
  }

  .bundle-plan--custom--tab-content-main {
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
    grid-auto-flow: row;
  }

  .bundle-plan--custom--tab-content-img, .bundle-plan--custom--arrow {
    max-width: none;
  }

  .bundle-plan--features-card {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .bundle-plan--question--text {
    align-items: stretch;
  }

  .bundle-plan--card-frex {
    border-bottom-right-radius: 20px;
  }

  .bundle-plan--question {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
  }

  .bundle-plan--card {
    max-width: none;
  }

  .bottom-img--support {
    object-fit: cover;
    height: 300px;
  }

  .bundle-plan--section-title-desc-wrap {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .bundle-plan--card-noline {
    max-width: none;
  }

  .bundle-plan--reason--card-txt {
    border-bottom-right-radius: 20px;
  }

  .bundle-plan--hero--title-sp-break {
    max-width: none;
  }

  .bundle-plan--services-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .bundle-plan--case-study--cards--wrap {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    display: grid;
  }

  .bundle-plan--case-study--cards--flexbox {
    flex-flow: column;
  }

  .bundle-plan--contents--max-width {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .magazine--article_layout {
    grid-template-columns: 1fr;
  }

  .magazine--article_body {
    padding-right: var(--padding-margin--size-l);
    padding-left: var(--padding-margin--size-l);
  }

  .magazine--article_side-banner-wrap {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .toc-wrap {
    height: 20svh;
    position: relative;
    top: 0;
  }

  .docs--news--btn-wrap {
    flex-flow: column;
  }

  .docs--news--card--inner-v-flex {
    flex: 1;
    justify-content: space-between;
  }

  .magazine--hero_slider-pagination-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .docs--dcoument-list--grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .magazine--menu-link {
    width: 100%;
    height: 64px;
  }

  .reserve-categories-problems {
    padding-right: var(--padding-margin--size-l);
    padding-left: var(--padding-margin--size-l);
  }

  .reserve-categories-problems-list {
    grid-template-columns: 1fr 1fr;
  }

  .reserve-categories-functions-item {
    height: 100%;
  }

  .reserve-categories-functions-list {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .reserve-categories-container {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .reserve-categories-list {
    grid-template-columns: 1fr 1fr;
  }

  .coffee-container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .coffee-hero-text-wrap {
    width: calc(57% - 16px);
    min-height: 430px;
  }

  .coffee-hero-ttl {
    max-width: 530px;
    font-size: 2.0625rem;
  }

  .coffee-hero-container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .coffee-hero-img {
    width: calc(43% - 16px);
  }

  .coffee-logo-wrap {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .coffee-why-wrap {
    min-height: 500px;
  }

  .coffee-key-img {
    width: calc(50% + 12px);
    margin-left: -16px;
  }

  .coffee-key-img.coffee-key-img-right {
    width: calc(50% + 12px);
    margin-right: -16px;
  }

  .coffee-key-text-wrap {
    padding-right: 32px;
  }

  .coffee-key-text-wrap.coffee-key-text-wrap-left {
    padding-left: 32px;
  }

  .coffee-key-preview-text, .coffee-key-reason-container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .coffee-banner-wrap {
    padding-left: 210px;
  }

  .coffee-banner-img {
    width: 160px;
  }

  .coffee-banner-title {
    width: calc(62% - 12px);
    font-size: clamp(1.5rem, .844rem + 2.67vw, 2.5rem);
  }

  .coffee-story-wrap {
    padding-left: 32px;
    padding-right: 32px;
  }

  .coffee-story-step-title-wrap {
    flex-flow: wrap;
  }

  .coffee-story-step-category {
    font-size: clamp(1rem, .836rem + .67vw, 1.25rem);
  }

  .coffee-story-step-bottom-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .coffee-story-step-bottom-img {
    width: calc(45% - 12px);
  }

  .coffee-story-step-bottom-text {
    width: calc(55% - 12px);
  }

  .coffee-story-step-feature {
    margin-bottom: 24px;
    font-size: 1rem;
  }

  .coffee-story-step-summary {
    padding: 16px;
  }

  .coffee-story-step-summary-text, .coffee-story-step-summary-list {
    font-size: 1rem;
  }

  .coffee-story-service-banner {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 32px;
  }

  .coffee-story-banner-text-wrap, .coffee-story-banner-img {
    width: calc(50% - 16px);
  }

  .coffee-story-case-wrap {
    padding-left: 32px;
    padding-right: 32px;
  }

  .coffee-story-case-title {
    font-size: clamp(1.25rem, 1.086rem + .67vw, 1.5rem);
  }

  .coffee-story-case-item-right {
    width: 70px;
    bottom: -30px;
    right: -20px;
  }

  .coffee-story-case-item-right.coffee-story-case-item-center {
    width: 80px;
    right: -40px;
  }

  .coffee-story-case-hidden {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .coffee-story-case-img, .coffee-story-case-text-wrap {
    width: calc(50% - 12px);
  }

  .coffee-story-step-category-wrap {
    width: 100%;
    margin-top: 16px;
    display: flex;
  }

  .coffee-story-case-item-left {
    width: 80px;
    bottom: -30px;
    left: -30px;
  }

  .coffee-story-heading-item {
    width: 75px;
    bottom: -70px;
    right: -80px;
  }

  .coffee-story-case-movie-code {
    margin-top: 32px;
  }

  .coffee-service-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .coffee-service-list-item {
    width: calc(33.3% - 16px);
  }

  .docs--pickup--slide-wrap {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-right: 20vw;
  }

  .new-open--fv {
    padding-left: 20px;
    padding-right: 20px;
  }

  .opening-comparison--button-box {
    flex-flow: column;
  }

  .new-open--fv--left {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .first-view-price-text {
    font-size: 1.125rem;
  }

  .first-view-price--label {
    color: var(--font-color--txt-white);
    font-size: 20px;
  }

  .first-view-price--value {
    color: var(--font-color--txt-white);
    font-size: 64px;
  }

  .first-view-price--unit {
    color: var(--font-color--txt-white);
  }

  .new-open--fv--price-wrap--pc-only {
    justify-content: center;
    align-items: flex-end;
    display: none;
  }

  .new-open--fv--btn-wrap--pc-only {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .new-open--fv-inner {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .first-view-btn--secondary-with-shadow, .first-view-btn--primary--with-shadow {
    justify-content: center;
    align-items: center;
    width: 400px;
    max-width: none;
    height: 40px;
    display: flex;
  }

  .service-section {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .new-open--fv--price-wrap--tablet-under {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 12px;
    display: flex;
  }

  .new-open--fv--btn-wrap--tablet-under {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .first-view-price-benefit {
    color: #0a0a0a;
    background-color: #ff6b00;
    border-radius: 18px;
    justify-content: flex-start;
    align-items: flex-end;
    height: 80px;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .first-view-textbox--sp {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .first-view-store-benefit {
    background-color: #115ef3;
    border-radius: 18px;
    height: 80px;
    padding: 10px 16px 12px;
  }

  .first-view-store--label {
    color: var(--font-color--txt-white);
    text-align: center;
    font-size: 16px;
  }

  .first-view-store--value {
    color: var(--font-color--txt-white);
    font-size: 40px;
  }

  .first-view-store--unit {
    color: var(--font-color--txt-white);
    font-size: 20px;
  }

  .div-block-24 {
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .new-open--fv--img--pc-only {
    width: 100%;
    display: none;
  }

  .new-open--fv--img--tablet-under {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .new-open--kv--tablet-under {
    width: 100%;
    min-width: 880px;
  }

  .new-open--first-view-title {
    text-align: center;
    font-size: 3rem;
  }

  .docs--pickup--slider {
    padding-left: 24px;
  }

  .code-embed-4 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .pickup-content {
    width: 100%;
  }

  .pickup-text {
    grid-column-gap: var(--padding-margin--size-xxs);
    grid-row-gap: var(--padding-margin--size-xxs);
    font-size: var(--_typography---body-text-txt--body-m);
  }

  .pickup-container {
    flex-flow: column;
    display: none;
  }

  .pickup-container-sp {
    padding-bottom: var(--padding-margin--size-l);
    grid-column-gap: var(--padding-margin--size-s);
    grid-row-gap: var(--padding-margin--size-s);
    flex-flow: row;
    display: flex;
  }

  .pickup-content-sp {
    padding: var(--padding-margin--size-s);
    grid-column-gap: var(--padding-margin--size-s);
    grid-row-gap: var(--padding-margin--size-s);
    border-radius: var(--padding-margin--size-s);
    background-color: var(--bg-color--bg-base);
    flex: 1;
    justify-content: flex-start;
    align-items: center;
  }

  .pickup-image-sp {
    border-radius: var(--padding-margin--size-xxs);
    background-color: var(--bg-color--bg-primary);
    width: 40%;
  }

  .rsv-bundle-benefit {
    padding-right: var(--safe-area--sa-s);
    padding-left: var(--safe-area--sa-s);
  }

  .category-tile {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .reserve--categories {
    grid-column-gap: var(--padding-margin--size-l);
    grid-row-gap: var(--padding-margin--size-l);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .category-content {
    grid-column-gap: var(--gap-flex-grid--gap-xxs);
    grid-row-gap: var(--gap-flex-grid--gap-xxs);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .category-image {
    border-radius: var(--radius--radius-s);
  }

  .bundle-payments--hero--btn-secondary {
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .bundle-payments--hero--btn-box {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bundle-payments--gn {
    position: static;
  }

  .saison-bundle--hero--btn-primary {
    max-width: 320px;
  }

  .beautyg-open-text {
    display: none;
  }

  .saison-special-offer--precautions {
    width: auto;
    display: block;
  }

  .beautyg-open--helo-text-sp {
    margin-top: var(--padding-margin--size-xxs);
    margin-bottom: 0;
    display: block;
  }

  .partner-special-offer--details {
    width: auto;
  }

  .saison-bundle--gn--container, .bundle-payments--gn--container, .new-open--gn--container, .bundle-plan--gn--container, .event-cp--gn--container {
    z-index: auto;
    padding-right: var(--safe-area--sa-s);
    padding-left: var(--safe-area--sa-s);
    max-width: none;
  }

  .brandedapp-hero-wrap {
    padding-bottom: 0;
  }

  .brandedapp-hero-wrap.contents--max-width {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .brandedapp-hero-image {
    max-width: none;
  }

  .brandedapp-hero-content {
    width: 100%;
  }

  .brandedapp-card-2col.card.card--bg-color-primary.fade-slide-in-up {
    grid-column-gap: var(--padding-margin--size-xl);
    grid-row-gap: var(--padding-margin--size-xl);
    flex-flow: column;
  }

  .brandedapp-card-push-image-wrap {
    padding-top: 0;
    padding-right: var(--padding-margin--size-xxxl);
    padding-left: var(--padding-margin--size-xxxl);
  }

  .brandedapp-feature-card-2col.card {
    flex-flow: column;
    overflow: hidden;
  }

  .brandedapp-casestudy-wrap.contents--w1080 {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .ba_function {
    width: 100%;
  }

  .ec-product-feature-recommend--cardbox {
    grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
  }

  .loyalty-hero-layout-wrap {
    flex-flow: column;
  }

  .loyalty-cta {
    padding-left: 24px;
    padding-right: 24px;
  }

  .loyalty-reason-item {
    flex-flow: column;
  }

  .loyalty_feature_01_pc, .loyalty_main_pc {
    width: 100%;
  }

  .loyalty-section-whatisloyalty {
    padding-top: var(--padding-margin--size-l);
  }

  .seminar--article-list {
    grid-template-columns: 1fr 1fr;
  }

  .payments--payment-deals-highlight {
    grid-template-columns: 1fr;
  }

  .payments--payment-deals-item-info {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .beautyg-open--hero--btn-primary-copy {
    max-width: 320px;
  }

  .mobileorder--hero {
    padding-top: 40px;
  }

  .mobileorder--hero--wrap {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .mobileorder--hero-text-wrap {
    padding-right: var(--safe-area--sa-default);
    padding-left: var(--safe-area--sa-default);
    width: 100%;
  }

  .mobileorder--order-types-wrap {
    align-items: flex-start;
  }

  .mobileorder--order-types-item {
    width: 100%;
  }

  .mobileorder--order-types--title {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .mobileorder--order-types--img {
    position: static;
  }

  .mobileorder--functions-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 40px;
  }

  .mobileorder--functions-item {
    width: calc(50% - 16px);
  }

  .mobileorder--reasons-item {
    flex-flow: column;
  }

  .mobileorder--reasons-img {
    position: static;
  }

  .mobileorder--reasons-img-wrap, .mobileorder--reasons-text-wrap {
    width: 100%;
  }

  .mobileorder--started-flow-item {
    width: calc(50% - 12px);
  }

  .newmobileorder-takeout-img-inner, .newmobileorder-takeout-img-wrap {
    min-height: auto;
    position: static;
  }

  .mobileorder--supports-wrap {
    flex-flow: column;
  }

  .mobileorder--support-img, .mobileorder--support-txt-wrap {
    width: 100%;
  }

  .mobileorder--hero--container {
    padding-left: 0;
    padding-right: 0;
  }

  .mobileorder--hero--btn-wrap {
    flex-flow: column;
    width: 100%;
  }

  .sn--menu-outer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .ec-price--payment-cycle--pc-img {
    width: 100%;
  }

  .ec-price--payment-cycle--img-box {
    width: 100%;
    max-width: 1028px;
  }

  .ec-instagram--hero {
    position: relative;
  }

  .ec-instagram--hero-logo {
    justify-content: center;
    align-items: center;
  }

  .ec_instagram_hero_icon {
    width: 6.25rem;
    height: 6.25rem;
  }

  .ec-instagram--hero-subtitle.text-align-center {
    font-size: .9375rem;
    line-height: 1.5;
  }

  .ec-instagram--hero-imgae-wrap {
    width: 360px;
    height: 540px;
    margin-left: 40px;
    margin-right: -80px;
    padding-top: 40px;
  }

  .ec_instagram_hero_image {
    width: 100%;
  }

  .ec-instagram--hero-title {
    flex: none;
    font-size: 1.5rem;
  }

  .reserve-multiple--cta-btn-wrap {
    justify-content: center;
    align-items: center;
  }

  .reserve-multiple--outcome-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .reserve-multiple--clients-carousel-wrap {
    width: calc(100% + var(--safe-area--sa-s) * 2);
  }

  .feature-pickup--box {
    grid-column-gap: var(--padding-margin--size-m);
    grid-row-gap: var(--padding-margin--size-m);
  }

  .feature-pickup--text-box {
    max-width: var(--_elements---contents-box--width-s);
    width: 100%;
  }

  .feature-pickup--title {
    text-align: center;
  }

  .feature-pickup--accordion-img-box {
    display: none;
  }

  .feature-pickup--accordion-img--sp {
    margin-bottom: var(--padding-margin--size-m);
    display: block;
  }

  .charion-open-text-copy {
    display: none;
  }

  .charion-bundle--hero--btn-primary, .saison-bundle--hero--btn-primary-copy {
    max-width: 320px;
  }

  .regi-index--news-card {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .regi-index--news-card--txt-wrap {
    padding-right: var(--_elements---card--padding-l);
    padding-left: var(--_elements---card--padding-l);
  }

  .regi-index--news-card--img-wrap {
    border-radius: 0;
  }

  .regi-pricing--required-grid {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .regi-pricing--option-grid {
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .reserve--recommend-block-wrap {
    padding: var(--padding-margin--size-m);
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
    flex-flow: column;
  }

  .reserve__recommend_image {
    width: 100%;
    height: auto;
  }

  .reserve--system-btn-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    min-height: 0;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .reserve--hero-wrap {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .reserve--hero-btn-wrap {
    flex-flow: row;
  }

  .reserve--reason-imgae {
    width: 224px;
    height: 224px;
  }

  .reserve--clients-wrap {
    padding-top: 0;
  }

  .reserve--system-col-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
  }

  .reserve--pricing-wrap {
    align-items: stretch;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .reserve--pricing-tab-menu {
    margin-left: auto;
    margin-right: auto;
  }

  .cases--list-grid {
    grid-template-columns: 1fr 1fr;
  }

  .bpsp--merit-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bpsp-hr-img-wrap {
    width: 100%;
  }

  .standard-plan-ec--titlebox {
    justify-content: center;
    align-items: baseline;
  }

  .standard-plan-ec--img-wrap {
    width: 100%;
  }

  .standard-plan-ec--img {
    width: 100%;
    max-width: none;
  }

  .standard-plan-ec--hero--txt-wrap {
    margin-bottom: var(--gap-flex-grid--gap-l);
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .text-span-33 {
    color: #ff792b;
  }

  .standard-plan-ec--container {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .standard-plan-ec--hero {
    padding-bottom: var(--padding-margin--size-xxl);
  }

  .standard-plan-ec--hero--grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .standard-plan-ec--section-title-desc-wrap-mb40 {
    padding-left: 0;
    padding-right: 0;
  }

  .standard-plan-ec--cards--wrap {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    display: grid;
  }

  .pricing-sim--sim-wrap {
    overflow: scroll;
  }

  .pricing-sim--container {
    padding-right: var(--safe-area--sa-s);
    padding-left: var(--safe-area--sa-s);
  }

  .pricing-sim-resullt--card-wrap {
    flex-flow: wrap;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .lp-type-01--reason-card--grid {
    flex-flow: wrap;
    grid-auto-columns: 1fr;
  }

  .lp-type-01--reason-card {
    max-width: none;
  }

  .lp-type-01--reason-card--txt-wrap {
    border-bottom-right-radius: 20px;
  }

  .bundle-plan--question--cards--wrap {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    display: grid;
  }

  .online--grid--col-3 {
    grid-template-columns: 1fr;
  }

  .online--kv {
    border-radius: 0;
    width: 120vw;
  }

  .online-steps--card-wrap {
    flex-flow: row;
  }

  .online-steps--img {
    width: 50%;
  }

  .online-feature--content-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .black-border-pricing--attention-text {
    margin: -40px -24px var(--padding-margin--size-ml);
    position: static;
  }

  .lp-standard--hero--content--title {
    text-align: center;
  }

  .paid-plan-compare--illust {
    max-width: 340px;
  }

  .paid-plan-compare--all--intro.is-regi {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
  }

  .paid-plan-compare--plan-name {
    height: 64px;
  }

  .online-payments--pricing--cost {
    line-height: var(--line-height--line-height-m);
  }

  .bg-bundle-payments--hero {
    padding-top: 0;
  }

  .bg-flyer-bundle-payments--hero--btn-box {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bg-flyer-bundle-payment-cover {
    width: 100%;
  }

  .bg-flyer-bundle-payments--hero--btns {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .seison-bundle-payments--hero--sticker--absolute {
    bottom: 5%;
    right: 0%;
  }

  .lp--conference2025--header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lp--conference2025--section-slide {
    flex-flow: wrap;
    display: flex;
  }

  .payments--processing-fees {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    grid-template-columns: 1fr;
  }

  .ec--reason--image {
    width: 50%;
  }

  .ec--reason--content-text-wrap {
    width: 100%;
  }

  .ec--title-group {
    flex-flow: column;
  }

  .release--pickup--regi {
    flex-flow: wrap;
  }

  .release--food-feature--img {
    object-fit: contain;
    display: block;
  }

  .release--food-feature--flexbox {
    overflow: scroll;
  }

  .release--updates {
    padding-left: 16px;
    padding-right: 16px;
  }

  .release--updates--release-note-desc {
    font-size: .7rem;
  }

  .release--updates--release-note {
    max-width: var(--_elements---contents-box--width-l);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 90%;
  }

  .release--hero--desc {
    font-size: var(--_typography---body-text-txt--body-m);
  }

  .release--pickup--video {
    height: auto;
  }

  .news-card--txt-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .news-card {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .news-card.bg-color--emphasis {
    padding-top: var(--_elements---card--padding-l);
    padding-right: var(--_elements---card--padding-l);
    padding-left: var(--_elements---card--padding-l);
  }

  .payments--started--required-item.border-only {
    border-color: var(--border-color--border-primary);
  }

  .release--recap--service-img {
    height: 110px;
  }

  .release--recap--services-grid {
    grid-template-columns: 1fr;
    max-width: 80vw;
  }

  .release--updates--release-note-heading {
    font-size: 18px;
  }

  .cp-banner--paid-plan {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .cp-banner--paid-plan---img {
    width: 100%;
    max-width: none;
  }

  .toc--btn-toggle {
    display: flex;
    position: static;
    inset: auto 0% 0%;
  }

  .charion--helo-text-sp {
    margin-top: var(--padding-margin--size-xxs);
    text-align: center;
    margin-bottom: 0;
    display: block;
  }

  .regi--reason-card {
    padding: var(--padding-margin--size-ml);
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
  }

  .regi--reason-image {
    width: 224px;
    height: 224px;
  }

  .regi--reason-card-inner {
    align-items: center;
  }

  .regi--reason-plan-card {
    flex: 1;
  }

  .regi--reason-plan-action {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .regi--pricing-card {
    flex-flow: column;
    flex: 1;
  }

  .regi--pricing-card-action-wrap {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
  }

  .regi--hero-txt-wrap {
    padding-bottom: var(--padding-margin--size-l);
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
    width: 100%;
    max-width: none;
  }

  .regi--hero-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-xl);
    grid-row-gap: var(--gap-flex-grid--gap-xl);
    flex-flow: column;
    grid-template-columns: 1fr;
    padding-bottom: 0;
  }

  .regi--pricing-card-wrap {
    flex-flow: row;
    display: flex;
  }

  .regi--hero-image-wrap {
    margin-top: var(--padding-margin--size-l);
    width: 110%;
    margin-left: 0;
    transform: translate(-10%);
  }

  .makitori--header {
    padding-top: var(--padding-margin--size-s);
    padding-bottom: var(--padding-margin--size-s);
    padding-left: var(--padding-margin--size-s);
  }

  .makitori--header-phone-wrap {
    display: none;
  }

  .makitori--hero-wrap {
    flex-flow: column;
  }

  .makitori--hero-text-block {
    width: 100%;
  }

  .makitori--problem-card-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .makitori--problem-card-wrap.is-solution, .makitori--problem-card-wrap.is-feature {
    flex-flow: column;
    display: flex;
  }

  .makitori--section-feature {
    text-align: left;
  }

  .makitori--solution-wrap {
    padding-right: var(--padding-margin--size-xxl);
    padding-left: var(--padding-margin--size-xxl);
  }

  .makitori--feature-wrap {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }

  .solution-salon--hero {
    padding-top: var(--padding-margin--size-l);
    padding-bottom: 0;
  }

  .solution-salon--hero-imgae.is-pc {
    border-radius: 0;
  }

  .solution-salon--hero-wrap {
    flex-flow: column;
  }

  .solution-salon--hero-txt-wrap {
    align-items: stretch;
  }

  .solution-salon--hero-img-wrap {
    width: calc(100% + 48px);
    max-width: none;
  }

  .solution-salon--feature-wrap {
    max-width: 560px;
  }

  .st--plan-with-summary {
    padding: var(--padding-margin--size-ml);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .st--plan-with-summary--sub, .st--plan-with-summary--price {
    text-align: center;
  }

  .st--plan-with-summary--price.is-tablet-under {
    display: block;
  }

  .st--plan-with-summary--price--value {
    margin-right: 0;
  }

  .st--plan--summary {
    width: 100%;
  }

  .st--plan-with-summary--plan-info {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    justify-content: space-between;
    align-items: center;
  }

  .solution-salon--hero-btn-wrap {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .st--plan-with-summary--plan-txt-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .st--plan-with-summary--img {
    padding-top: var(--padding-margin--size-s);
    padding-bottom: var(--padding-margin--size-s);
    max-width: 280px;
  }

  .solution-salon--feature-txt {
    display: none;
  }

  .solution-salon--feature-txt.is-tablet {
    display: block;
  }

  .solution-salon--feature-section {
    padding-bottom: var(--padding-margin--size-xxl);
  }

  .solution-salon--pricing-plan-title {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .specialrate-fee--image-wrap {
    flex-flow: column;
  }

  .specialrate-feature--list-item {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .specialrate-feature--list-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .specialrate-pricing-block {
    width: 480px;
  }

  .specialrate-pricing-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .specialrate-pricing-required {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .medical-hero--txt-wrap {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .medical-hero--txt-target-wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .medical-hero--wrap {
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
    flex-flow: column;
  }

  .medical-hero--image-wrap {
    width: 100%;
    margin-right: 0;
  }

  .medical-fee--image-wrap {
    flex-flow: column;
  }

  .medical-fee--brand-wrap {
    width: 100%;
  }

  .medical-fee--brand-list-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
    flex-flow: column;
  }

  .medical-fee--brand-list-item {
    padding: var(--padding-margin--size-m);
  }

  .medical-fee--brand-list-item.is-center {
    padding-top: var(--padding-margin--size-l);
    padding-bottom: var(--padding-margin--size-l);
    border-style: solid none;
    border-top-width: 1px;
    border-top-color: var(--border-color--border-primary);
    border-bottom-width: 1px;
    border-bottom-color: var(--border-color--border-primary);
  }

  .medical-feature--list-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-l);
    flex-flow: wrap;
  }

  .medical-feature--list-item {
    flex: 0 auto;
    width: calc(50% - 16px);
  }

  .payments--started--required-item-2.border-only {
    border-color: #d0d0cc;
  }

  .medical-required--image-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
  }

  .medical-pricing-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .medical-pricing-block {
    width: 480px;
  }

  .ec-handmade--hero-img-wrap {
    width: calc(100% + var(--safe-area--sa-s) * 2);
    border-radius: 0;
    margin-right: 0;
  }

  .ec-handmade--hero-img {
    display: none;
  }

  .ec-handmade--hero-img.is-sp {
    display: block;
  }

  .ec-handmade--hero-wrap {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .ec-handmade--reason-img-wrap {
    border-radius: var(--radius--radius-l);
  }

  .ec-handmade--feature-card-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .ec-handmade--problem-card-wrap {
    width: 100%;
  }

  .ec-handmade--compare-highlight-heading {
    text-align: center;
  }

  .ec-handmade--compare-highlight-pricetag.is-recommend {
    text-align: center;
    flex-flow: column;
    width: 100%;
  }

  .ec-handmade--compare-highlight-pricetag.is-center {
    padding: var(--padding-margin--size-ml) 0px;
    border-style: solid none;
    border-top-width: 1px;
    border-top-color: var(--border-color--border-primary);
    border-bottom-width: 1px;
    border-bottom-color: var(--border-color--border-primary);
    text-align: center;
    width: 100%;
  }

  .ec-handmade--compare-highlight-pricetag-wrap {
    flex-flow: column;
  }

  .ec-handmade--compare-highlight-pricetag-block {
    grid-column-gap: var(--padding-margin--size-xxs);
    grid-row-gap: var(--padding-margin--size-xxs);
    flex-flow: column;
    width: -moz-fit-content;
    width: fit-content;
  }

  .ec-handmade--hero-btn-wrap {
    max-width: none;
  }

  .ec-handmade--hero--txt-wrap {
    flex-flow: column;
    width: 100%;
  }

  .offer--services--block {
    flex-flow: column;
    grid-template-rows: 1fr 2fr;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-items: stretch;
    display: flex;
  }

  .offer--service--grid {
    max-width: var(--_elements---contents-box--width-s);
    grid-column-gap: var(--padding-margin--size-m);
    grid-row-gap: var(--padding-margin--size-m);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .offer--services--logo {
    border-bottom: 1px solid var(--border-color--border-primary);
    border-right-width: 0;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .offer--services--logo.offer-tablet-layout {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .offer-service-image {
    justify-content: center;
    align-self: center;
    align-items: center;
  }

  .offer-service-logo-tablet {
    border-bottom: 1px solid var(--border-color--border-primary);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .lp-standard-banner {
    padding: 48px 24px;
  }

  .lp-standard-banner-copy {
    font-size: 1.5rem;
  }

  .lp-standard-banner-copy-wrap {
    width: calc(100% - 324px);
    max-width: 420px;
  }

  .lp-standard-banner-btn-wrap {
    width: 300px;
  }

  .lp-standard-slider-section {
    background-color: #f2f2f0;
  }

  .lp-standard-video-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .lp-standard-video-text-wrap {
    width: calc(45% - 32px);
  }

  .lp-standard-video-title {
    font-size: 1.5rem;
  }

  .prcing--page-desc {
    width: auto;
  }

  .pricing--price-list {
    grid-template-columns: 1fr 1fr;
  }

  .pricing--aside-nav {
    display: none;
  }

  .pricing--atenrion-label-position-wrap {
    right: -8%;
  }

  .pricing--detail--items--inner-wrap, .pricing--price-list-wrap {
    flex-flow: column;
    width: 100%;
  }

  .pricing--plan--services--pc {
    grid-column-gap: var(--padding-margin--size-xxs);
    grid-row-gap: var(--padding-margin--size-xxs);
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .gc--checkbox {
    height: 20px;
  }

  .cases--nav--services {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100vw;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .cases--nav--services--underline {
    width: 991px;
    display: block;
    right: -24px;
  }

  .cases--nav--services-inner-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
  }

  .cases--nav--services-item-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .offer--hero--title-desc-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
  }

  .paid-plan-detail--intro.is-regi {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
  }

  .paid-plan-detail--intro--img {
    margin-left: 0;
    margin-right: 0;
  }

  .paid-plan-detail--notes {
    padding-top: 0;
  }

  .paid-plan-detail--main {
    flex-flow: column;
    width: 100%;
  }

  .paid-plan-detail--grid.paid-plan-detail--grid--single-item {
    max-width: none;
  }

  .paid-plan-detail--provisional-grid {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    grid-template-columns: 1fr;
  }

  .regi--hero--badge {
    inset: auto 0% 15% auto;
  }

  .regi--hero--badge-caption {
    inset: auto 0% 10% auto;
  }

  .regi--hero--swiper--trim-grd--prev, .regi--hero--swiper--trim-grd--next {
    display: none;
  }

  .regi--hero--badge--note-symbol--sp-only {
    inset: auto 0% 0% auto;
  }

  .bpsp-banner-w1028 {
    max-width: var(--_elements---contents-box--width-m);
    min-width: var(--_elements---contents-box--width-s);
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
    flex-flow: column;
  }
}
@media screen and (max-width: 767px) {
  body {
    --bg-color--bg-base: var(--_primitivetokens---black--black-1);
    --font-color--txt-primary: var(--_primitivetokens---gray--gray-18);
    --function-color--emphasis: var(--_primitivetokens---blue--blue-8);
    --border-color--border-secondary: var(--_primitivetokens---gray--gray-4);
    --padding-margin--size-l: var(--_primitivetokens---scale--scale-40);
    --padding-margin--size-xxs: var(--_primitivetokens---scale--scale-8);
    --font-color--txt-secondary: var(--_primitivetokens---gray--gray-11);
    --gap-flex-grid--gap-m: var(--_primitivetokens---scale--scale-24);
    --border-color--border-primary: var(--_primitivetokens---gray--gray-6);
    --padding-margin--size-xl: var(--_primitivetokens---scale--scale-64);
    --bg-color--bg-primary: var(--_primitivetokens---gray--gray-3);
    --gap-flex-grid--gap-l: var(--_primitivetokens---scale--scale-40);
    --font-color--txt-white: white;
    --old-content-width--max-width: var(--_primitivetokens---content-width--w1280);
    --gap-flex-grid--gap-xl: var(--_primitivetokens---scale--scale-80);
    --safe-area--sa-default: var(--safe-area--sa-s);
    --padding-margin--size-xxxs: var(--_primitivetokens---scale--scale-4);
    --font-color--txt-emphasis: var(--function-color--emphasis);
    --gap-flex-grid--gap-s: var(--_primitivetokens---scale--scale-16);
    --padding-margin--size-xxl: var(--_primitivetokens---scale--scale-80);
    --padding-margin--size-xxxl: var(--_primitivetokens---scale--scale-120);
    --gap-flex-grid--gap-xs: var(--_primitivetokens---scale--scale-12);
    --onboarding--reserve-01--text-color\<deleted\|variable-861e47c0-2b66-f379-649c-374a8521e6ba\>: #463431;
    --radius--radius-l: var(--_primitivetokens---scale--scale-24);
    --padding-margin--size-m: var(--_primitivetokens---scale--scale-24);
    --line-height--line-height-m: 1.4;
    --gray-15\<deleted\|variable-d1d79661-e438-ae6c-e078-aa8f6a1da12f\>: #262626;
    --bg-color--bg-emphasis: var(--_primitivetokens---gray--gray-16);
    --font-weight--txt-bold: 600;
    --font-weight--txt-medium: 500;
    --gap-flex-grid--gap-xxs: var(--_primitivetokens---scale--scale-8);
    --border-color--border-danger: var(--function-color--danger);
    --padding-margin--size-ml: var(--_primitivetokens---scale--scale-32);
    --radius--radius-m: var(--_primitivetokens---scale--scale-16);
    --gap-flex-grid--gap-ml: var(--_primitivetokens---scale--scale-32);
    --safe-area--sa-s: var(--_primitivetokens---scale--scale-24);
    --gap-flex-grid--gap-xxl: var(--_primitivetokens---scale--scale-120);
    --radius--radius-s: var(--_primitivetokens---scale--scale-8);
    --z-index--z-index-primary: 50;
    --button-color--btn-base: var(--_primitivetokens---gray--gray-18);
    --button-color--btn-base-txt: var(--font-color--txt-white);
    --padding-margin--size-s: var(--_primitivetokens---scale--scale-16);
    --button-color--btn-primary: var(--function-color--emphasis);
    --button-color--btn-secondary: var(--_primitivetokens---black--black-1);
    --button-color--btn-secondary-txt: var(--font-color--txt-emphasis);
    --button-color--btn-disabled: var(--_primitivetokens---gray--gray-6);
    --button-color--btn-disabled-txt: var(--font-color--txt-secondary);
    --button-color--btn-primary-hover: var(--function-color--emphasis-hover);
    --button-color--btn-secondary-hover: var(--_primitivetokens---gray--gray-3);
    --font-color--txt-tertiary: var(--_primitivetokens---gray--gray-6);
    --function-color--emphasis-hover: var(--_primitivetokens---blue--blue-9);
    --safe-area--sa-l: var(--_primitivetokens---scale--scale-64);
    --old-content-width--width-l: var(--_primitivetokens---content-width--w1028);
    --bg-color--bg-emphasis-pale: var(--_primitivetokens---blue--blue-1);
    --padding-margin--size-xs: var(--_primitivetokens---scale--scale-12);
    --border-color--border-black: var(--_primitivetokens---gray--gray-18);
    --bg-color--bg-emphasis-turquoise: var(--function-color--positive);
    --safe-area--sa-wide-tablet: var(--safe-area--sa-s);
    --bg-color--bg-emphasis-yellow: var(--_primitivetokens---yellow--yellow-original);
    --font-weight--txt-black: 700;
    --font-weight--txt-nomal: 400;
    --z-index--z-index-secondary: 40;
    --old-content-width--width-m: var(--_primitivetokens---content-width--w720);
    --border-color--border-emphasis: var(--function-color--emphasis);
    --letter-spacing--spacing-zero: 0em;
    --line-height--line-height-zero: 1;
    --line-height--line-height-l: 1.8;
    --letter-spacing--spacing-nomal: .02em;
    --letter-spacing--spacing-tight: -.02em;
    --bg-color--bg-danger: var(--function-color--danger-pale);
    --function-color--positive: var(--_primitivetokens---turquoise--turquoise-5);
    --function-color--positive-hover: var(--_primitivetokens---turquoise--turquoise-7);
    --function-color--danger: var(--_primitivetokens---red--red-6);
    --function-color--danger-pale: var(--_primitivetokens---red--red-1);
    --gap-flex-grid--gap-xxxl: var(--_primitivetokens---scale--scale-160);
    --old-content-width--width-s: var(--_primitivetokens---content-width--w500);
    --_elements---card--padding-s: var(--_primitivetokens---scale--scale-24);
    --_elements---card--padding-l: var(--_primitivetokens---scale--scale-40);
    --_elements---card--border-raduis-l: var(--radius--radius-l);
    --_elements---contents-box--width-s: var(--_primitivetokens---content-width--w500);
    --_elements---contents-box--width-m: var(--_primitivetokens---content-width--w720);
    --_elements---contents-box--width-l: var(--_primitivetokens---content-width--w1028);
    --_elements---contents-box--max-width: var(--_primitivetokens---content-width--w1280);
    --_elements---block--padding-m: var(--_primitivetokens---scale--scale-80);
    --_elements---card--border-width-s: 1px;
    --_elements---card--border-color: var(--border-color--border-primary);
    --_elements---card--border-radius-s: var(--radius--radius-m);
    --_elements---block--padding-l: var(--_primitivetokens---scale--scale-120);
    --_elements---block--padding-s: var(--_primitivetokens---scale--scale-40);
    --_elements---card-list-flex-grid--gap-l: var(--gap-flex-grid--gap-l);
    --_elements---container--padding-default: var(--safe-area--sa-default);
    --_elements---container--padding-wide-tablet: var(--safe-area--sa-wide-tablet);
    --_elements---card-list-flex-grid--gap-m: var(--gap-flex-grid--gap-m);
    --_elements---card-list-flex-grid--gap-s: var(--gap-flex-grid--gap-s);
    --_elements---card--border-width-l: 2px;
    --_elements---card--border-color-pale: var(--border-color--border-secondary);
    --_elements---card--border-color-black: var(--border-color--border-black);
    --_elements---card--outline-emphasis: var(--function-color--emphasis);
  }

  .ng-layout-w1028.pb80 {
    padding-bottom: 40px;
  }

  .feature--img-wrap {
    width: 100%;
  }

  .ng-layout-col2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .footer-row {
    display: block;
  }

  .footer-col {
    width: auto;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .footer-row-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    align-items: flex-start;
    padding-bottom: 140px;
  }

  .footer-col-list.footer-col-list--padding-bottom {
    padding-bottom: var(--padding-margin--size-xl);
  }

  .step-table.step-table--card {
    padding-right: var(--gap-flex-grid--gap-m);
    padding-left: var(--gap-flex-grid--gap-m);
  }

  .cta-buttons {
    flex-flow: column;
    width: 100%;
  }

  .cta-buttons-container {
    flex-flow: column;
  }

  .cta-button {
    width: 100%;
  }

  .ng-layout-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .button-primary-large-inline.line-rs-btn-hero {
    border-radius: 60px;
  }

  .button-secondary-large-inline.free--standard--cta-button {
    max-width: none;
  }

  .ng-layout-w1280.pt80 {
    padding-top: 40px;
  }

  .ng-layout-w1280.pb80 {
    padding-bottom: 40px;
  }

  .hero-container {
    padding-top: var(--gap-flex-grid--gap-l);
  }

  .ng-layout-w720.pb80 {
    padding-bottom: 40px;
  }

  .feature-content {
    width: 100%;
  }

  .feature-single-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .ng-layout-col3 {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
    flex-flow: column;
    display: flex;
  }

  .ng-layout-col3.layout--align-x-center--sp {
    align-items: center;
  }

  .cases--list {
    grid-template-columns: 1fr;
  }

  .logo-tile-list-item {
    width: 30%;
  }

  .icon-link.base--mini.link-xs {
    font-size: var(--_typography---caption-text-txt--caption-s);
  }

  .functions-container {
    flex-flow: column;
  }

  .functions-aside {
    width: auto;
    display: none;
  }

  .side-anker {
    position: static;
  }

  .accordion-toggle-text {
    font-size: 3.531vw;
  }

  .app-retail--block-bg-gray {
    padding-left: 32px;
    padding-right: 32px;
  }

  .top-hero-wrap {
    display: block;
  }

  .top-hero-image.hero-image-pc {
    display: none;
  }

  .top-hero-image.hero-image-sp {
    display: block;
  }

  .ng-layout-col2-gap40 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    display: flex;
  }

  .onbo--rsv.onbo--rsv--txt.onbo--rsv--txt--big {
    font-size: 16px;
  }

  .onbo--rsv.onbo--rsv--txt.onbo--rsv--label.onbo--rsv--label--orange {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .onbo--rsv.onbo--rsv--txt.ono--rsv--txt--caption {
    font-size: 12px;
  }

  .onbo--rsv.sp-menu-list.w--open {
    padding-left: 20px;
    padding-right: 20px;
    right: -20px;
  }

  .onbo--rsv.onbo--rsv--links.onbo--rsv--links--sp-menu {
    font-weight: 600;
  }

  .onbo--rsv.onbo--rsv--menu {
    display: none;
  }

  .onbo--rsv.onbo--rsv--container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .onbo--rsv.onbo--rsv--img.onbo--rsv--number, .onbo--rsv.onbo--rsv--img.onbo--rsv--number.onbo--rsv--number-top {
    max-width: 80px;
  }

  .onbo--rsv.onbo--rsv--img.onbo--rsv--cover-img {
    width: 860px;
    padding-top: 156px;
    bottom: 10%;
  }

  .onbo--rsv.absolute-menu-third {
    bottom: 13%;
  }

  .onbo--rsv.onbo--rsv--h1 {
    width: 100%;
    max-width: 440px;
    font-size: 44px;
  }

  .onbo--rsv.absolute-menu-second {
    bottom: 31%;
  }

  .onbo--rsv.absolute-menu-first {
    top: 28%;
  }

  .onbo--rsv.onbo--rsv--section {
    padding-top: 80px;
  }

  .onbo--rsv.onbo--rsv--section.onbo--rsv--cover {
    height: 1060px;
    padding-top: 120px;
  }

  .onbo--rsv.onbo--rsv--section.onbo--rsv--bg-white.onbo--rsv--radius-left {
    border-top-left-radius: 80px;
  }

  .onbo--rsv.onbo--rsv--section.onbo--rsv--bg-base.onbo--rsv--raidius-right {
    border-top-right-radius: 80px;
  }

  .onbo--rsv.onbo--rsv--title-desc.onbo--rsv--title-desc--secondary.onbo--rsv--title-desc--flex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .onbo--rsv.onbo--rsv--h4 {
    font-size: 24px;
  }

  .onbo--rsv.onbo--rsv--slider {
    border-radius: 8px;
  }

  .onbo--rsv.onbo--rsv--title-divider {
    height: 64px;
  }

  .onbo--rsv.onbo--rsv--slider-nav {
    inset: auto 0% -60px;
  }

  .onbo--rsv.onbo--rsv--slider-nav.onbo--rsv--slider-icon {
    width: 24px;
  }

  .onbo--rsv.onobo--rsv--slider-arrow {
    width: 40px;
    height: 40px;
    inset: auto auto -50px 0%;
  }

  .onbo--rsv.onobo--rsv--slider-arrow.onbo--rsv--slider-arrow--next {
    inset: auto 0% -50px auto;
  }

  .onbo--rsv.onbo--rsv--slide-item.onbo--rsv--slide-img {
    height: auto;
  }

  .onbo--rsv.onbo--rsv--slide-item.onbo--rsv--desc {
    font-size: 12px;
  }

  .onbo--rsv.onbo--rsv--h2 {
    font-size: 36px;
  }

  .onbo--rsv.onbo--rsv--h3 {
    font-size: 24px;
  }

  .onbo--rsv.onbo-rsv--border.onbo-rsv--border--title-w3 {
    width: 40px;
    height: 1px;
  }

  .onbo--rsv.onbo--rsv--h5 {
    font-size: 16px;
  }

  .onbo--rsv.loop-wrapper {
    margin-top: -80px;
  }

  .onbo--rsv.onbo--rsv--cta-block.onbo--rsv--cta-block--img-target {
    width: 80%;
    height: 400px;
  }

  .onbo--rsv.onbo--rsv--cta-block.onbo--rsv--cta-block--cta-img {
    width: 130vw;
  }

  .onbo--rsv.onbo--rsv--cta-container {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .onbo--rsv.onbo--rsv--top-menu-title {
    font-size: 1.5rem;
  }

  .regi_acs-grid {
    grid-template-columns: 1fr;
  }

  .payments-started-marks.marks-2-line-transport.pc {
    display: none;
  }

  .payments-started-marks.marks-3-line-transport.sp {
    display: block;
  }

  .online-payments--pricing-block {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
    grid-template-columns: 1fr;
  }

  .payments-online-pricing-block--image {
    max-width: 280px;
  }

  .payments-pricing-marks.qr-code {
    width: 240px;
    max-width: 240px;
  }

  .display--pc {
    display: none;
  }

  .display--sp {
    display: block;
  }

  .payments--pricing-table-contents {
    grid-column-gap: var(--padding-margin--size-xxs);
    grid-row-gap: var(--padding-margin--size-xxs);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .reserve-multi-shops-box {
    padding-right: var(--gap-flex-grid--gap-m);
    padding-left: var(--gap-flex-grid--gap-m);
  }

  .reserve-multi-shops-img {
    min-width: auto;
  }

  .app-retail-_features-contents {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .app-retail_features-contents-explanation {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    max-width: none;
    margin-top: 16px;
  }

  .app-retail_list-style {
    justify-content: flex-start;
    align-items: center;
  }

  .app-retail_features_img {
    height: 500px;
  }

  .app-retail-support {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .app-retail-product-link-item {
    width: auto;
    height: auto;
  }

  .app-retail_features-img-box {
    flex-flow: column;
    width: 500px;
    max-width: none;
    height: auto;
    min-height: auto;
    max-height: none;
    display: flex;
  }

  .app-retail_features-img {
    flex-flow: column;
    height: 500px;
    display: block;
  }

  .app-retail_full_img-box {
    height: 100%;
    margin-top: 0;
    margin-bottom: 64px;
    padding-top: 24px;
    padding-bottom: 0;
    position: relative;
  }

  .app-retail_full_img-ipad {
    width: 52%;
    min-width: 0;
    margin: 0 10% 44% -70%;
    position: static;
    overflow: clip;
  }

  .app-retail_full_img-sp {
    width: 33%;
    margin-bottom: 6%;
    margin-left: 0%;
    margin-right: -100%;
    padding-bottom: 0;
    position: static;
  }

  .app-retail_full_img-pc {
    width: 70%;
    height: 100%;
    margin-top: -30%;
    margin-bottom: 0;
    margin-left: -12%;
    position: static;
  }

  .app-retail_full_img-card01 {
    width: 50%;
    top: 26%;
    left: 10%;
  }

  .app-retail_full_img-card02 {
    z-index: 3;
    width: 45%;
    right: 30%;
  }

  .app-retail-voive-contents {
    display: none;
  }

  .app-retail-voive-contents-sp {
    display: block;
  }

  .solution-btn-box {
    flex-flow: column;
    align-items: center;
  }

  .solutions-features-contents {
    max-width: none;
  }

  .solutions-h2 {
    font-size: 24px;
  }

  .solutions-features-image02 {
    width: 120%;
  }

  .solutions-h2-white {
    font-size: 24px;
  }

  .solutions-features-text {
    text-align: left;
    width: 100%;
  }

  .solutions-features-list-box {
    margin-top: 24px;
  }

  .solutions-features-analytics {
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
  }

  .solutions-features-title {
    margin-top: 0;
  }

  .solutions-feature-analytics-text-box {
    width: 100%;
  }

  .solutions-features-image01 {
    width: 240px;
    height: 310px;
  }

  .solutions-customer-date-image {
    width: 32vw;
    top: -32px;
    right: -4vw;
  }

  .solutions-features-analytics-mov {
    width: 100%;
    min-width: 440px;
    height: 350px;
  }

  .solutions-features-regi-mov {
    width: 160%;
    height: 400px;
    padding-top: 40px;
  }

  .solutions-features-regi {
    min-height: 400px;
    max-height: 600px;
  }

  .solution-features-item {
    height: auto;
    min-height: 580px;
    max-height: 600px;
    padding-top: 24px;
  }

  .solution-features-image-sp {
    width: 70%;
  }

  .solution-design {
    height: 540px;
  }

  .lp-regi-price-card-text {
    font-size: 14px;
  }

  .txt-align--center-center-left-left {
    text-align: left;
  }

  .layout--gap16.layout--left-baseline {
    align-items: baseline;
  }

  .page--footer-img-wrapper {
    height: 38vw;
    min-height: 360px;
  }

  .container {
    padding-left: var(--safe-area--sa-s);
  }

  .loyalty--grid-cases {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-auto-columns: minmax(320px, 1fr);
  }

  .ec--grid-option, .grid--auto-fit-col2 {
    grid-template-columns: 1fr;
  }

  .grid--regi-started {
    padding-right: var(--_elements---card--padding-s);
    padding-left: var(--_elements---card--padding-s);
    grid-template-columns: minmax(200px, 1fr);
  }

  .reserve--grid-started {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }

  .reserve--grid-support-multi-shops {
    grid-template-columns: 1fr;
  }

  .app-retail-product-link-item-ba {
    width: 40%;
  }

  .app-retail-product-link-item-regi {
    max-width: 70%;
  }

  .payments--integrations-img {
    background-position: 65%;
    height: 500px;
  }

  .grid--loyalty-pricing {
    grid-template-columns: 1fr;
  }

  .gc--button:where(.w-variant-a478c69a-b054-e91f-264d-1b726c4265bc), .gc--button:where(.w-variant-f871dae4-c435-bc1c-5ebc-21cb6d41ac07), .gc--button:where(.w-variant-c17ec4ad-9a88-fe01-1416-fd071a5aa461), .gc--button:where(.w-variant-026962da-8c70-065d-23de-53f2d48e709b), .gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31ba), .gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31be), .gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c2), .gc--button:where(.w-variant-ad1b08b3-1b54-b7f8-574c-7d55eecc31c6) {
    max-width: none;
  }

  .gc--button.regi--hero--secondary-button, .gc--button.regi--hero--primary-button {
    width: 100%;
  }

  .gn--drop-menu-item {
    max-width: none;
  }

  .gn--menu-list {
    flex-direction: column;
  }

  .display--base-only {
    display: none;
  }

  .display--tablet {
    display: block;
  }

  .enterprise-banner--desc-btn {
    justify-content: flex-start;
    align-items: center;
  }

  .pricing-all--grid-pricing {
    grid-template-columns: 1fr;
  }

  .pricing-all--card--plan-summary {
    font-size: var(--_typography---caption-text-txt--body-s);
  }

  .plan-list--specs-items {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
  }

  .started-flow--item {
    flex-flow: column;
  }

  .hero-img-ec--front-view, .hero-img--horizontal {
    width: 100%;
  }

  .modal--under-layer {
    justify-content: flex-end;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .modal {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 90svh;
  }

  .svg--logo-ships {
    width: 80px;
  }

  .enterprise--cases-card {
    padding-right: var(--gap-flex-grid--gap-m);
    padding-left: var(--gap-flex-grid--gap-m);
  }

  .enterprise--owner-voice--store-info-flex {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .enterprise--service-bundle--sub-grid {
    grid-template-columns: 1fr;
  }

  .txt-span--line-break-tablet-above {
    display: inline;
  }

  .ul--payments--special-rate-v2 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    width: auto;
  }

  .sn--name {
    font-size: .875rem;
  }

  .lp-plans--pricing-card-primary {
    padding-right: var(--gap-flex-grid--gap-m);
    padding-left: var(--gap-flex-grid--gap-m);
  }

  .free--pricing-desc {
    font-size: .875rem;
  }

  .analysis--flow-section, .analysis--pricing-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .analysis--hero-section {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .analysis--feature-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .analysis--features-layout {
    flex-flow: column;
  }

  .analysis--featurelist-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .analysis--featurelist-layout {
    flex-flow: wrap;
  }

  .analysis--featurelist-item {
    min-width: 33%;
  }

  .analysis--app-dev-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .analysis--app-dev-card {
    flex-flow: column;
    padding-right: 40px;
  }

  .analysis--app-dev-card-content {
    justify-content: flex-start;
    align-items: center;
  }

  .analysis--app-dev-card-img-wrap {
    width: 100%;
  }

  .analysis--app-dev-card-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: static;
  }

  .paymant--competitor-comparison-sp {
    width: 100%;
    display: block;
  }

  .layout--competitor-comparison-chart--scloll {
    grid-template-rows: auto;
    grid-template-columns: 25% 75%;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: center;
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin-right: -24px;
    display: flex;
    position: relative;
    overflow: scroll;
  }

  .competitor-comparison-chart-row-header-img {
    z-index: 1;
    outline-offset: 0px;
    background-color: #ebdbc2;
    outline: 2px solid #ebdbc2;
    flex: none;
    width: 140px;
    position: sticky;
    bottom: 0;
    left: 0;
  }

  .competitor-comparison-chart-row-header-img.is-white-background {
    background-color: var(--bg-color--bg-base);
    outline-offset: 0px;
    outline: 2px #ebdbc2;
  }

  .paymant--competitor-comparison-pc {
    display: none;
  }

  .competitor-comparison-contents-img {
    width: 582px;
    display: block;
  }

  .competitor-comparison-contents {
    flex: none;
    padding-left: 2px;
    padding-right: 80px;
    position: relative;
    overflow: auto;
  }

  .bundle-image-full-card {
    height: 100%;
    min-height: 100px;
  }

  .ec-hero--section {
    flex-flow: column;
  }

  .ec--hero-section--txtbox {
    padding-bottom: var(--gap-flex-grid--gap-l);
    width: 100%;
    max-width: none;
  }

  .lp-standard--hero--content {
    padding-right: 0;
  }

  .lp-standard--hero--content--cta-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 400px;
  }

  .home--cta--primary.free--cta--button-width-margin {
    max-width: none;
  }

  .lp-type-01--onestop--item {
    grid-template-columns: 1fr;
  }

  .lp-type-01--onestop--item--desc {
    font-size: 1rem;
    line-height: 160%;
  }

  .home--pricing--cta--primary {
    max-width: none;
  }

  .home--feature--pos--heading {
    top: 30px;
    left: 0%;
    right: 0%;
  }

  .lp-type-01--onestop--grid {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
  }

  .lp-standard--hero--content-img-wrap {
    margin-top: 0;
    margin-bottom: 0;
  }

  .stores-support-img {
    height: 240px;
  }

  .home--nav-cta--secondary {
    display: none;
  }

  .txt-span--line-break-mobile-under {
    display: block;
  }

  .alert-nav--flexbox {
    justify-content: center;
    align-items: center;
  }

  .lp-plans--pricing-card-secondary {
    padding-right: var(--gap-flex-grid--gap-m);
    padding-left: var(--gap-flex-grid--gap-m);
  }

  .global-support--heading {
    width: 384px;
  }

  .lp-type-01--services--grid {
    grid-template-columns: 1fr 1fr;
  }

  .free--pricing-card--inner-free {
    max-width: none;
  }

  .free--hero-fee {
    width: 160px;
    top: -2%;
  }

  .free--feature-card-desc {
    font-size: 1.5rem;
  }

  .home--heading-caption {
    font-size: 1rem;
  }

  .home--cta--secondary--fv, .home--cta--primary--fv {
    width: 100%;
  }

  .black-border-pricing--title-enterprise {
    font-size: 1.25rem;
  }

  .home--feature--reserve--heading {
    text-align: center;
    top: 30px;
    left: 0%;
    right: 0%;
  }

  .card--bundle--header {
    font-size: .875rem;
  }

  .card--bundle-price {
    font-size: 2rem;
  }

  .card--bundle--desc {
    font-size: 1.25rem;
  }

  .card--bundle--flexbox {
    padding-right: var(--padding-margin--size-s);
    padding-left: var(--padding-margin--size-s);
  }

  .enterprise-banner {
    padding: var(--_elements---card--padding-s);
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
  }

  .bundle-enterprise-card {
    padding-right: var(--_elements---card--padding-s);
    padding-left: var(--_elements---card--padding-s);
  }

  .bundle-enterprise-card--flexbox {
    justify-content: flex-start;
    align-items: center;
  }

  .bundle-payments--started {
    padding-bottom: var(--padding-margin--size-m);
  }

  .bundle-payments--section-desc {
    font-size: 1rem;
  }

  .standard-plan-ec--section-title {
    font-size: 26px;
  }

  .bundle-payments--started--flow-list {
    padding-right: var(--padding-margin--size-ml);
    padding-left: var(--padding-margin--size-ml);
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    overflow-x: scroll;
  }

  .bundle-payments--started--need-item {
    flex-flow: row;
  }

  .bundle-payments--staeted--need-items--grid {
    grid-template-columns: 1fr;
  }

  .bundle-payments--started--cta-wrap {
    padding-top: var(--padding-margin--size-xs);
    padding-bottom: var(--padding-margin--size-xs);
  }

  .bundle-payments--section--cat {
    width: 84px;
    height: 84px;
  }

  .bundle-payments--solution--labels-wrap {
    max-width: 400px;
    font-size: .875rem;
  }

  .alert-nav--desc-pc {
    display: none;
  }

  .alert-nav--desc-sp {
    display: block;
  }

  .bundle-payments--features--services--grid {
    grid-column-gap: var(--gap-flex-grid--gap-xs);
    grid-row-gap: var(--gap-flex-grid--gap-xs);
  }

  .bundle-payments--features-card--purple {
    padding: var(--padding-margin--size-l) var(--padding-margin--size-s);
  }

  .bundle-payments--feature-card-title--purple {
    font-size: 4rem;
  }

  .bundle-payments--feature-card-title--span {
    font-size: 2.5rem;
  }

  .bundle--features--inner-grid--low-cost {
    grid-column-gap: var(--gap-flex-grid--gap-xs);
    grid-row-gap: var(--gap-flex-grid--gap-xs);
  }

  .bundle-payments--feature--low-cost--desc-point {
    font-size: 1.5rem;
  }

  .bundle-payments--feature--low-cost--desc-fee {
    font-size: 1.75rem;
  }

  .bundle-payments--feature--low-cost--desc-unit {
    font-size: 1.25rem;
  }

  .bundle-payments--feature--low-cost--desc-point-small {
    font-size: 1.5rem;
  }

  .bundle-payments--features-card--turquoise {
    padding: var(--padding-margin--size-l) var(--padding-margin--size-s);
  }

  .bundle-payments--feature-card-title--turquoise, .bundle-payments--feature-card-title--aqua {
    font-size: 4rem;
  }

  .bundle-payments--features-card--aqua {
    padding: var(--padding-margin--size-l) var(--padding-margin--size-s);
  }

  .industry--hero_heading {
    color: #000e2b;
    text-shadow: none;
  }

  .industry--hero_bg-wrap {
    display: none;
  }

  .industry--hero_paragraph {
    color: #000e2b;
    text-shadow: none;
  }

  .industry--solution_heading {
    font-size: 1.9375rem;
  }

  .industry--solution_problems-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .lp--industry--solution_problem-item {
    width: 100%;
    max-width: 100%;
  }

  .lp--industry--about_block-first {
    flex-flow: column;
    align-items: stretch;
  }

  .lp--industry--about_block-second-img {
    display: none;
  }

  .lp--industry--about_block-third-cards {
    flex-flow: column;
  }

  .lp--industry--about_block-third-card {
    width: 100%;
    max-width: 100%;
  }

  .lp--industry--services_heading {
    font-size: 1.875rem;
  }

  .lp--industry--services_list {
    grid-template-columns: 1fr;
  }

  .lp--industry--services_cta-card-p {
    font-size: 1.5rem;
  }

  .lp--industry--voices_item {
    flex-flow: column;
  }

  .lp--industry--voices_item-img-wrap {
    width: 100%;
    max-width: 100%;
  }

  .lp--industry--voices_item-content-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .lp--industry--voices_item-content-top-img {
    width: 100px;
  }

  .lp--industry--voices_others-logos-list {
    flex-flow: wrap;
  }

  .lp--industry--form_input-block {
    flex-flow: column;
  }

  .lp--industry--form_input-wrap, .lp--industry--form_label-wrap {
    max-width: 100%;
  }

  .lp--industry--form_input {
    width: 100%;
  }

  .lp--industry--docs-list {
    flex-flow: column;
  }

  .lp--industry--docs_card {
    flex: 0 auto;
    width: auto;
    max-width: 100%;
  }

  .bundle-payments--solution-spine {
    top: -12%;
    left: auto;
    transform: translate(-8em)rotate(-16deg);
  }

  .bundle-payments--solution--title-monthly {
    font-size: .8em;
  }

  .bundle-payments--solution--title-price {
    font-size: 1.6em;
  }

  .bundle-payments--solution--title-unit {
    font-size: .8em;
  }

  .bundle-payments--solution--sub-title {
    font-size: .875rem;
  }

  .bundle-payments--service-label {
    padding-right: var(--padding-margin--size-xxs);
    padding-left: var(--padding-margin--size-xxs);
  }

  .bundle-payments--question--bubble {
    width: 160px;
  }

  .bundle--question--wrap {
    padding-top: 160px;
  }

  .bundle-payments--question--bubble-right {
    left: auto;
    right: 40px;
  }

  .bundle--question--bubble-absolute-01 {
    transform: translate(20%);
  }

  .bundle--question--bubble-absolute-02 {
    transform: translate(75%, 100%);
  }

  .bundle--question--bubble-absolute-03 {
    transform: translate(-40%, 125%);
  }

  .bundle-payments-hero--sticker {
    width: 160px;
    height: 154px;
  }

  .bundle--hero--label-tag {
    padding-right: var(--padding-margin--size-xs);
    padding-left: var(--padding-margin--size-xs);
    font-size: .75rem;
  }

  .bundle--hero--label-fee {
    font-size: .75rem;
  }

  .bundle-payments--hero--img-wrap {
    padding-bottom: var(--padding-margin--size-xl);
  }

  .bundle-payments--hero--sticker--absolute {
    right: 2%;
  }

  .bundle-payments--hero--labels-wrap {
    padding-bottom: var(--padding-margin--size-xxs);
    max-width: none;
    font-size: .875rem;
  }

  .bundle-payments--hero--btn-primary {
    width: 320px;
  }

  .mobileorder--cp-banner {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
    flex-flow: column;
  }

  .mobileorder--cp-banner--title {
    font-size: 1.5rem;
  }

  .bundle-payments--hero--container {
    padding-left: 0;
    padding-right: 0;
  }

  .competitor-comparison-chart-row-header-img--white {
    z-index: 1;
    outline-offset: 0px;
    background-color: #fff;
    outline: 2px solid #fff;
    flex: none;
    width: 140px;
    position: sticky;
    bottom: 0;
    left: 0;
  }

  .lp--ec--recommended-cards-list {
    grid-template-columns: 1fr;
  }

  .lp--ec--recommended-card-img-wrap {
    height: 160px;
  }

  .lp--ec--features_list {
    flex-flow: column;
  }

  .lp--ec--features_list-card {
    max-width: 100%;
  }

  .lp--ec--pricing_list {
    grid-template-columns: 1fr;
  }

  .lp--ec--traction-slide {
    max-width: 80vw;
  }

  .overflow--payment-methods--desc {
    text-align: left;
  }

  .industry--hero_mobile-img-wrap {
    display: block;
  }

  .industry--hero_mobile-img {
    width: 100%;
    display: block;
  }

  .layout-flex-50 {
    width: 100%;
  }

  .line-rs-hero-img {
    width: 95%;
    height: auto;
  }

  .linkblock-img-text {
    border-radius: 16px;
    align-items: stretch;
    margin-top: 40px;
  }

  .linkblock-img-text.mb-mgntop-0 {
    margin-top: 0;
  }

  .linkblock-img-text-text {
    padding: 10px 10px 10px 0;
  }

  .layout-flexbox-pctb {
    display: block;
  }

  .linkblock-img-text-img {
    width: 35%;
    height: auto;
  }

  .mb-mgntop-0 {
    margin-top: 0;
  }

  .card-imgtext {
    display: block;
  }

  .card-imgtext-text {
    width: 100%;
    margin-bottom: 30px;
  }

  .card-imgtext-img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .layout--flex-30 {
    width: 100%;
  }

  .layout-maxwidth-250-mb {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .reserve-line--card--white-radius {
    padding-right: var(--_elements---card--padding-s);
    padding-bottom: var(--_elements---card--padding-s);
    padding-left: var(--_elements---card--padding-s);
  }

  .layout--flex-50 {
    width: 100%;
  }

  .layout--flex-50.spacing--margintop-40-mb {
    width: 100%;
    margin-top: 40px;
  }

  .layout--flex-60 {
    width: 100%;
  }

  .layout--flex-60.spacing--marginbtm-30 {
    margin-bottom: 0;
  }

  .spacing--margintop-20-mb {
    margin-top: 20px;
  }

  .spacing--margintop-40-mb {
    margin-top: 40px;
  }

  .txt-align-center-mb {
    text-align: center;
  }

  .reseve-line--ttl-h2-s {
    font-size: 1.3rem;
  }

  .home--small-heading, .home--big-desc {
    text-align: left;
  }

  .home--pricing-summary--card {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
  }

  .home--pricing-summary--recommend-tag {
    position: static;
  }

  .home--pricing-summary--img-free {
    max-width: 280px;
    transform: translate(0, -24px);
  }

  .home--pricing-summary--price {
    justify-content: flex-start;
    align-items: center;
  }

  .home--pricing-summary--price-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .home--pricing-summary--price-value {
    margin-left: auto;
  }

  .home--pricing-summary--txtbox {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .home--pricing-summary--card-flexbox-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-xl);
    grid-row-gap: var(--gap-flex-grid--gap-xl);
  }

  .home--pricing-summary--img-standard {
    max-width: 360px;
    transform: translate(0, -24px);
  }

  .home--pricing-summary--txtbox--inner-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-xxs);
    grid-row-gap: var(--gap-flex-grid--gap-xxs);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .home--pricing-summary--note {
    text-align: center;
    width: 100%;
  }

  .home--pricing-summary--price-flexbox {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .home--pricing-summary--txtbox-inner-note-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
  }

  .lp--industry--about_block-logos-block {
    display: block;
  }

  .industry--hero_content-txt-wrap:where(.w-variant-f8c08834-3f61-cd41-37f2-cfb6d39a47a4) {
    margin-left: 0;
  }

  .home--pricing-summary--img-custom {
    max-width: 360px;
    transform: translate(0, -24px);
  }

  .home--services--grid {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .home--services--card--txt-and-link {
    padding: var(--padding-margin--size-xs) var(--padding-margin--size-s);
    grid-column-gap: var(--padding-margin--size-xxxs);
    grid-row-gap: var(--padding-margin--size-xxxs);
  }

  .home--intro--copy {
    text-align: left;
  }

  .ec--e-ticket_header-inner {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .ec--e-ticket_header-content, .ec--e-ticket_header-visual {
    max-width: 100%;
  }

  .ec--e-ticket_section-inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .ec--e-ticket_section-heading {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .ec--e-ticket_section-cards-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .ec--e-ticket_section-card {
    max-width: 100%;
  }

  .ec--e-ticket_section-points-card {
    flex-flow: column;
  }

  .ec--e-ticket_section-points-card-visual-img {
    height: 100px;
  }

  .ec--e-ticket_section-points-card-content-heading {
    text-align: center;
    font-size: 1rem;
  }

  .ec--e-ticket_cost-inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .ec--e-ticket_cost-circles-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 60px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    place-items: center;
    display: grid;
  }

  .ec--e-ticket_cost-circle-item {
    width: 150px;
    height: 150px;
  }

  .ec--e-ticket_cost-circle-item-numbers {
    margin-top: 4px;
  }

  .ec--e-ticket_cost-circle-item-chip {
    font-size: 1.125rem;
  }

  .sn--cta--secondary--display-wrap {
    display: none;
  }

  .home--hero--contents {
    padding-top: var(--padding-margin--size-l);
  }

  .home--hero--heading, .home--hero--desc {
    text-align: center;
  }

  .home--hero--cta-wrap {
    justify-content: center;
    align-items: flex-start;
  }

  .lp-standard--feature--heading-block {
    justify-content: flex-start;
    align-items: center;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .lp-standard--hero {
    height: auto;
    padding-top: 0;
  }

  .bundle-payments--features--function--grid {
    grid-column-gap: var(--gap-flex-grid--gap-xs);
    grid-row-gap: var(--gap-flex-grid--gap-xs);
  }

  .bundple-payments--features--outer-grid--low-cost {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .ec--e-ticket_usecase-inner, .ec--e-ticket_flow-inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .ec--e-ticket_flow-cards-wrap {
    flex-flow: column;
  }

  .ec--e-ticket_flow-card {
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 50px 1fr;
    grid-auto-columns: 1fr;
    padding-top: 24px;
    display: grid;
  }

  .ec--e-ticket_flow-card-img {
    grid-row: span 2;
  }

  .ec--e-ticket_flow-card-title {
    text-align: left;
  }

  .ec--e-ticket_flow-arrow-wrap {
    padding-bottom: 24px;
  }

  .ec--e-ticket_flow-arrow-img {
    transform: rotate(90deg);
  }

  .ec--e-ticket_integration-cards-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .ec--e-ticket_integration-card {
    max-width: 100%;
  }

  .picing--plan-detail--plan-fee {
    line-height: 1;
  }

  .bpsp-hero, .bpsp-fee-wrap {
    flex-flow: column;
  }

  .bpsp-fee-text {
    width: 100%;
  }

  .bpsp-fee-brand {
    width: 100%;
    padding: 20px;
  }

  .bpsp-user-flow-wrap {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .bpsp-user-flow-item {
    width: 100%;
  }

  .bpsp-payment-method-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .bpsp-payment-method-item {
    width: auto;
  }

  .bpsp-reason-wrap {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .bpsp-reason-item {
    width: 100%;
  }

  .bpsp-hr-text-wrap {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .bpsp--hero-img {
    padding-left: 0;
    padding-right: 0;
  }

  .bpsp--hero-img.bpsp--pc-show {
    width: 100%;
    display: none;
  }

  .bpsp--hero-img.bpsp--mb-show {
    display: block;
  }

  .bpsp-fee-text-small {
    text-align: left;
    font-size: .875rem;
    line-height: 1.4;
  }

  .bpsp-fee-text-flex {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .bpsp-fee-text-big {
    line-height: 1;
  }

  .bpsp-fee-text-tax {
    font-size: .875rem;
  }

  .home--pricing--plan-name {
    text-align: center;
  }

  .magazine--posts-item-details-date.inside-categories-list, .magazine--posts-item-details-category.inside-categories-list {
    font-size: 12px;
  }

  .magazine--posts-list.columns-2 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .magazine--posts-item_inner {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    flex-flow: column;
  }

  .magazine--posts-item_poster-wrap {
    width: 100%;
  }

  .magazine--categories_posts-list {
    flex-flow: column;
  }

  .magazine--bottom-nav_inner {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .magazine--posts-item_content {
    width: 100%;
  }

  .magazine--author_block-wrap {
    padding: var(--padding-margin--size-l) var(--padding-margin--size-m);
  }

  .magazine--author_block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .pagination {
    justify-content: space-between;
  }

  .bundle-plan--hero--flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .bundle-plan-hero--img-wrap {
    padding-bottom: 0;
  }

  .bundle-plan--hero--txt-wrap {
    grid-column-gap: var(--padding-margin--size-s);
    grid-row-gap: var(--padding-margin--size-s);
    justify-content: flex-start;
    align-items: center;
  }

  .bundle-plan--hero--sub-title {
    text-align: left;
    letter-spacing: .05em;
    font-size: 1.2rem;
    font-weight: 600;
  }

  .bundle-plan--hero--container {
    padding-left: 0;
    padding-right: 0;
  }

  .bundle-plan--started--cta-wrap {
    padding-top: var(--padding-margin--size-s);
  }

  .bundle-plan--hero--feature-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .bundle-plan--service-label {
    padding-left: 8px;
    padding-right: 8px;
  }

  .bundle-plan--hero--title {
    text-align: left;
    display: none;
  }

  .bundle-plan--custom--labels-wrap {
    max-width: none;
    font-size: .875rem;
  }

  .bundle-plan--hero--btn-wrap {
    flex-flow: column;
    width: 100%;
    margin-top: -40px;
  }

  .bundle-plan--hero--label-fee {
    font-size: 2rem;
  }

  .bundle-plan--container {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .bundle-plan--cards--wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    padding-top: 0;
    display: grid;
  }

  .bundle-plan--question--card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%;
    max-width: none;
  }

  .bundle-plan--custom--tab-menu {
    grid-column-gap: var(--gap-flex-grid--gap-xs);
    grid-row-gap: var(--gap-flex-grid--gap-xs);
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bundle-plan--custom--tab, .bundle-plan--custom--tab.w--current {
    width: 100%;
  }

  .bundle-plan--custom--tab-content-main {
    flex-flow: column;
  }

  .bundle-plan--custom--tab-content-img {
    width: 100%;
  }

  .bundle-plan--features-card {
    padding: var(--padding-margin--size-l) var(--padding-margin--size-m);
  }

  .bundle-plan--txt-m-semibold {
    letter-spacing: .05em;
  }

  .bundle-plan--question {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
  }

  .bundle-plan--card {
    max-width: none;
  }

  .bundle-plan--card-img.img-radius {
    width: auto;
  }

  .bundle-plan--custom--tab-content {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .bundle-plan--section-title-desc-wrap-mb40 {
    padding-right: var(--_elements---container--padding-wide-tablet);
    padding-left: var(--_elements---container--padding-wide-tablet);
  }

  .bundle-plan--section-desc {
    font-size: 1rem;
  }

  .bundle-plan--card-noline {
    max-width: none;
    position: static;
  }

  .bundle-plan--reason--card-txt {
    padding-left: 0;
    padding-right: 0;
  }

  .bundle-plan--hero--label-fee-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .bundle-plan--hero--label-monthly {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .bundle-plan--hero--title-sp-break {
    text-align: left;
    display: block;
  }

  .bundle-plan--custom--tab-wrap, .bundle-plan--custom--tab-wrap.w--current {
    width: 100%;
  }

  .bundle-plan--services-grid {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    grid-template-rows: auto auto auto auto;
  }

  .bundle-plan--custom--list {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
  }

  .bundle-plan--card-txt {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .bundle-pan--img--sp {
    display: none;
  }

  .bundle-plan--img-pc {
    display: block;
  }

  .bundle-plan--case-study--cards--wrap {
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    padding-top: 0;
    display: grid;
  }

  .bundle-plan--contents--max-width {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .bundle-plan--nav-cta--secondary-with-shadow {
    display: none;
  }

  .home--pricing-summary--txtbox-inner-link-wrap {
    flex-flow: column;
  }

  .docs--category-nav {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    border-width: 0 0 1px;
    border-radius: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: -24px;
    margin-right: -24px;
    top: 0;
  }

  .docs--news--grid {
    grid-template-columns: 1fr;
  }

  .magazine--article-header_poster-wrap {
    border-radius: 0;
    margin-left: -24px;
    margin-right: -24px;
  }

  .magazine--article_layout {
    margin-left: -24px;
    margin-right: -24px;
  }

  .magazine--article_body {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
    border-radius: 0;
  }

  .magazine--article_side-banner-wrap {
    padding-right: var(--safe-area--sa-default);
    padding-left: var(--safe-area--sa-default);
  }

  .magazine--article_side-banner-img {
    max-width: none;
  }

  .toc-wrap {
    border-radius: 0;
  }

  .magazine--article_body-cta-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .magazine--article_author-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .docs--dcoument-list--grid {
    grid-template-columns: 1fr 1fr;
  }

  .reserve-functions-features-list {
    grid-template-columns: 1fr;
  }

  .reserve-functions-recommend {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .reserve-functions-recommend-item {
    background-size: 32px 32px;
  }

  .reserve-functions-recommend-item-txt {
    font-size: var(--_typography---body-text-txt--body-m);
  }

  .reserve-categories-problems-list {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .reserve-functions-recommend-item-icon {
    width: 24px;
    height: 24px;
  }

  .coffee-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .coffee-container.coffee-logo-container {
    padding-right: 16px;
  }

  .coffee-nav-section {
    padding-bottom: 40px;
  }

  .coffee-nav-btn {
    width: 171px;
  }

  .coffee-hero-text-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
  }

  .coffee-hero-ttl {
    margin-bottom: 24px;
  }

  .coffee-hero-container {
    flex-flow: row;
    padding-left: 16px;
    padding-right: 16px;
  }

  .coffee-hero-img {
    width: calc(100% + 32px);
    max-width: none;
    margin-left: -16px;
    margin-right: 0;
    position: static;
  }

  .coffee-contents-small {
    display: block;
  }

  .coffee-logo-wrap {
    box-sizing: content-box;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: center;
    width: auto;
    min-width: auto;
    min-height: auto;
    display: flex;
    overflow: visible;
  }

  .coffee-logo-1 {
    flex: none;
    width: 16.58%;
    max-width: 61px;
  }

  .coffee-logo-2 {
    width: 25.54%;
    max-width: 94px;
  }

  .coffee-logo-3 {
    width: 19.84%;
    max-width: 73px;
  }

  .coffee-logo-4 {
    width: 23.37%;
    max-width: 86px;
  }

  .coffee-logo-5 {
    width: 32.68%;
    max-width: 100px;
  }

  .coffee-logo-6 {
    width: 26.8%;
    max-width: 82px;
  }

  .coffee-section {
    overflow: hidden;
  }

  .coffee-why-text-wrap {
    width: 100%;
  }

  .coffee-why-subtitle {
    font-size: .875rem;
  }

  .coffee-why-title {
    margin-bottom: 24px;
  }

  .coffee-why-accordion-wrap {
    padding-right: 0;
  }

  .coffee-why-img-mask {
    display: none;
  }

  .coffee-why-wrap {
    min-height: auto;
  }

  .coffee-key-accordion-wrap {
    border-left-width: 0;
    border-right-width: 0;
    border-radius: 0;
    width: calc(100% + 32px);
    margin-left: -16px;
  }

  .coffee-key-subtitle {
    top: -38px;
  }

  .coffee-key-title-inner {
    padding-left: 10%;
    padding-right: 10%;
  }

  .coffee-key-reason-wrap {
    flex-flow: column;
    padding: 32px 16px;
  }

  .coffee-key-img {
    width: 100%;
    max-width: none;
    margin-bottom: 24px;
    margin-left: 0%;
    padding-right: 16px;
  }

  .coffee-key-img.coffee-key-img-right {
    width: 100%;
    max-width: none;
    margin-right: 0%;
    padding-left: 16px;
  }

  .coffee-key-text-wrap {
    width: 100%;
    padding-right: 0;
  }

  .coffee-key-text-wrap.coffee-key-text-wrap-left {
    order: 1;
    padding-left: 0;
  }

  .coffee-key-reason-arrow {
    display: none;
  }

  .coffee-key-preview-text {
    padding-left: 16px;
    padding-right: 16px;
  }

  .coffee-key-reason-container {
    padding-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .coffee-key-summary {
    margin-top: 56px;
  }

  .coffee-key-introduction {
    padding: 24px 16px;
  }

  .coffee-banner-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 32px;
    padding-left: 24px;
  }

  .coffee-banner-img {
    width: 30%;
    max-width: 130px;
    margin-top: auto;
    margin-bottom: auto;
    inset: auto 10px 50% auto;
  }

  .coffee-banner-title {
    width: 65%;
    max-width: none;
  }

  .coffee-banner-btn {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .coffee-story-subtitle {
    margin-top: 32px;
  }

  .coffee-title-inner {
    padding-bottom: 110px;
  }

  .coffee-story-title-item {
    margin-left: auto;
    margin-right: auto;
    bottom: 0%;
    left: 0;
    right: 0;
  }

  .coffee-story-title-item.coffee-mb-show {
    width: 160px;
    top: auto;
    bottom: 0;
  }

  .coffee-story-title-item-2 {
    display: none;
    right: 120px;
  }

  .coffee-story-section-item {
    height: 110%;
  }

  .coffee-story-wrap {
    border-radius: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .coffee-story-wrap.coffee-margin-bottom {
    margin-bottom: 80px;
  }

  .coffee-story-heading {
    width: 100%;
  }

  .coffee-story-step-wrap.coffee-first-child {
    margin-top: 48px;
  }

  .coffee-story-step-title-wrap.coffee-mb-show {
    flex-flow: column;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .coffee-story-step-no {
    margin-bottom: 8px;
  }

  .coffee-story-step-bottom-wrap {
    flex-flow: column;
  }

  .coffee-story-step-bottom-img, .coffee-story-step-bottom-text {
    width: 100%;
  }

  .coffee-story-service-banner {
    flex-flow: column;
    padding-left: 24px;
    padding-right: 24px;
  }

  .coffee-story-banner-text-wrap {
    order: 1;
    width: 100%;
  }

  .coffee-story-banner-img {
    width: 100%;
  }

  .coffee-story-banner-btn {
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .coffee-story-case-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }

  .coffee-story-case-item-right {
    bottom: -35px;
  }

  .coffee-story-case-item-right.coffee-story-case-item-center {
    top: auto;
    bottom: -35px;
    right: -20px;
  }

  .coffee-story-case-hidden {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .coffee-story-case-img {
    width: 100%;
  }

  .coffee-story-case-text-wrap {
    width: 100%;
    margin-top: 0;
  }

  .coffee-pc-show {
    display: none;
  }

  .coffee-mb-show {
    display: inline-block;
  }

  .coffee-banner-container {
    padding-left: 0;
    padding-right: 0;
  }

  .coffee-story-step-category-wrap {
    flex-flow: column;
    align-items: center;
  }

  .coffee-service-slider {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #fff;
    height: 100%;
    padding-left: 16px;
  }

  .coffee-service-slider-item {
    text-align: center;
    width: 240px;
    height: 100%;
    min-height: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .coffee-service-slider-wrap {
    margin-top: 32px;
    display: block;
    overflow: visible;
  }

  .coffee-service-slider-wrap.coffee-mb-show {
    padding-left: 0;
  }

  .coffee-service-slider-bubble {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 225px;
    padding: 40px 24px 24px;
    font-size: 1.125rem;
    display: flex;
    position: relative;
  }

  .coffee-service-slider-bubble.coffee-slider-item-wide {
    padding-top: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .coffee-display-none {
    display: none;
  }

  .coffee-service-slider-img {
    max-height: 221px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .coffee-service-slider-title {
    color: #ee5253;
    text-align: center;
    margin-bottom: 8px;
    font-size: 1.125rem;
  }

  .coffee-service-slider-text {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.4;
  }

  .coffee-service-slider-nav {
    width: 100vw;
    margin-left: 0;
    bottom: -45px;
  }

  .coffee-service-slider-bubble-bg {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .coffee-story-case-item-left {
    max-width: 90px;
    bottom: -40px;
    left: -20px;
  }

  .coffee-story-heading-item {
    width: 15%;
    max-width: 75px;
    top: auto;
    bottom: 35px;
    right: 2%;
  }

  .coffee-story-heading-item.coffee-story-heading-bottom {
    max-width: 75px;
    top: auto;
    bottom: 35px;
  }

  .coffee-section-big {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .coffee-service-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .coffee-service-list-item {
    width: 100%;
  }

  .coffee-service-note {
    margin-bottom: 72px;
  }

  .new-open--fv {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .opening-comparison--button-box {
    padding-top: var(--padding-margin--size-s);
  }

  .first-view-price-text {
    font-size: 23px;
  }

  .first-view-price--label {
    color: var(--font-color--txt-white);
    font-size: 20px;
  }

  .first-view-price--value {
    color: var(--font-color--txt-white);
    font-size: 64px;
  }

  .first-view-price--unit {
    color: var(--font-color--txt-white);
    font-size: 24px;
  }

  .new-open--fv--price-wrap--pc-only {
    display: none;
  }

  .opening-comparison {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .opening-comparison--title {
    font-size: 30px;
    display: none;
  }

  .new-open--fv--btn-wrap--pc-only {
    padding-top: var(--padding-margin--size-s);
    display: none;
  }

  .new-open--fv-inner {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .first-view-btn--secondary-with-shadow, .first-view-btn--primary--with-shadow {
    width: 100%;
    max-width: 400px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .new-open--fv--price-wrap--tablet-under {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 8px;
    display: flex;
  }

  .new-open--fv--btn-wrap--tablet-under {
    padding-top: var(--padding-margin--size-s);
    grid-column-gap: var(--gap-flex-grid--gap-xs);
    grid-row-gap: var(--gap-flex-grid--gap-xs);
    flex-flow: column;
    display: flex;
  }

  .first-view-price-benefit {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    background-color: #ff6b00;
    border-radius: 18px;
    justify-content: flex-start;
    align-items: flex-end;
    height: 80px;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .first-view-textbox--sp {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .first-view-store-benefit {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #115ef3;
    border-radius: 18px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 80px;
    padding: 8px 16px 16px;
    display: flex;
  }

  .first-view-store--label {
    color: var(--font-color--txt-white);
    font-size: 16px;
  }

  .first-view-store--value {
    color: var(--font-color--txt-white);
    font-size: 40px;
  }

  .first-view-store--unit {
    color: var(--font-color--txt-white);
    font-size: 20px;
  }

  .div-block-24 {
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .new-open--fv--img--pc-only {
    display: none;
  }

  .new-open--fv--img--tablet-under {
    flex-flow: column;
    width: 125%;
    display: flex;
  }

  .new-open--kv--tablet-under {
    width: 100%;
    min-width: auto;
    display: block;
  }

  .opening-comparison--title--sp {
    font-size: 30px;
    display: flex;
  }

  .cost-reduction--title-emphasis {
    font-size: 18px;
  }

  .cost-reduction--title {
    font-size: 16px;
  }

  .cost-reduction--title-emphasis-big {
    font-size: 30px;
  }

  .cost-reduction--title-sub {
    font-size: 8px;
  }

  .cost-reduction--img-pc {
    display: none;
  }

  .bundle-payments--section-title--sp {
    font-size: 26px;
  }

  .new-open--first-view-title {
    font-size: 2.5rem;
  }

  .new-open--bundle-payments--started {
    padding-bottom: var(--padding-margin--size-m);
  }

  .new-open--bundle-payments--started--cta-wrap {
    padding-top: var(--padding-margin--size-xs);
    padding-bottom: var(--padding-margin--size-xs);
  }

  .new-opening--bundle-payments--section-title {
    font-size: 26px;
  }

  .docs--pickup--slide {
    width: 70vw;
    min-width: 280px;
    max-width: 346px;
  }

  .cost-reduction--img-sp {
    display: inline-block;
  }

  .code-embed-4 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .event-cp--date--heading {
    font-size: .875rem;
  }

  .event-cp--info--rich-text p {
    text-align: left;
  }

  .pickup-container-sp {
    padding-bottom: var(--padding-margin--size-l);
    flex-flow: column;
  }

  .pickup-image-sp {
    width: 40%;
  }

  .category-tile {
    grid-column-gap: var(--padding-margin--size-m);
    grid-row-gap: var(--padding-margin--size-m);
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .category-title {
    font-size: var(--_typography---body-text-txt--body-s);
  }

  .bundle-payments--hero--btn-secondary {
    padding-top: var(--padding-margin--size-s);
    padding-bottom: var(--padding-margin--size-s);
    width: 320px;
  }

  .bundle-payments--hero--btn-box {
    flex-flow: column;
    padding-top: 16px;
    display: flex;
  }

  .text-span-26 {
    text-align: center;
    display: block;
  }

  .coffee-logo-7 {
    flex: none;
    width: 18%;
    max-width: 72px;
  }

  .saison-payments--hero--sub-title-flexbox {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .saison-payments--solution--title-tax {
    font-size: .35em;
    bottom: 25%;
    left: 88%;
    right: 1%;
  }

  .cms--filter-menu--items {
    padding-top: 0;
    display: none;
  }

  .seminar--seminars_inner {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .event-cp--kv--wide {
    display: none;
  }

  .event-cp--kv--square {
    display: inline-block;
  }

  .event-cp--detail--date {
    font-size: 1rem;
  }

  .brandedapp-pricing-card {
    padding-right: var(--_elements---card--padding-s);
    padding-left: var(--_elements---card--padding-s);
  }

  .ec-product-feature-recommend {
    padding-top: var(--padding-margin--size-xxl);
  }

  .ec-product-feature-recommend--cardbox {
    grid-template-columns: minmax(200px, 1fr);
  }

  .loyalty-section-whatisloyalty {
    padding-top: var(--padding-margin--size-l);
  }

  .seminar--article-list {
    grid-template-columns: 1fr;
  }

  .seminar--article-item_link {
    margin-bottom: 20px;
  }

  .seminar--article-item_poster-wrap {
    margin-bottom: 24px;
  }

  .seminar--article-item_heading {
    font-size: 1.25rem;
  }

  .payments--payment-deals-wrap {
    flex-flow: column;
  }

  .update--contents-grid {
    grid-template-columns: minmax(160px, max-content);
  }

  .mobileorder--hero-text-wrap, .mobileorder--order-types--txt-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }

  .mobileorder--order-types--title {
    flex-flow: column;
    align-items: flex-start;
  }

  .mobileorder--order-types--title-main {
    min-width: auto;
  }

  .mobileorder--functions-item {
    width: 100%;
  }

  .mobileorder--reasons-text-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }

  .mobileorder--started-flow-item {
    width: 100%;
  }

  .mobileorder--hero--container {
    padding-left: 0;
    padding-right: 0;
  }

  .mobileorder--pc-show {
    display: none;
  }

  .mobileorder--sp-show {
    display: inline-block;
  }

  .mobileorder-cp-banner-title-before {
    width: 20px;
    left: -24px;
  }

  .mobileorder-cp-banner-title-after {
    width: 20px;
    right: -24px;
  }

  .newmobileorder-price-cta-wrap {
    flex-flow: column;
    align-items: center;
  }

  .mobileorder--hero--title {
    max-width: none;
  }

  .magazine--search-modal_inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .magazine--search-modal_card {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .magazine--search-modal_top {
    margin-bottom: 24px;
  }

  .magazine--bottom-nav_search-wrap {
    width: 100%;
    max-width: 100%;
  }

  .ec-price--payment-cycle {
    padding-right: var(--padding-margin--size-s);
    padding-left: var(--padding-margin--size-s);
  }

  .ec-price--payment-cycle--pc-img {
    display: none;
  }

  .ec-price--payment-cycle--sp-img {
    display: block;
  }

  .reserve--hero-copy {
    text-align: center;
  }

  .ec-instagram--hero {
    height: 680px;
    padding-top: 80px;
  }

  .ec-instagram--hero-wrap {
    flex-flow: column;
  }

  .ec-instagram--hero-imgae-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .ec-instagram--info-step-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-xl);
    grid-row-gap: var(--gap-flex-grid--gap-xl);
    grid-template-columns: 1fr;
  }

  .ec-instagram--info-image-wrap {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .ec-instagram--how-imgae-wrap, .ec-instagram--btn-wrap {
    flex-flow: column;
  }

  .ec-instagram--section-sub-title {
    margin-bottom: 1rem;
  }

  .display--tablet-above {
    display: none;
  }

  .reserve-multiple--hero {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .reserve-multiple--section-title.is-cta {
    font-size: 1.5rem;
  }

  .reserve-multiple--clients-wrap {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  .reserve-multiple--features-wrap {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .reserve-multiple--features-item {
    justify-content: space-between;
  }

  .reserve-multiple--features-item-label {
    font-size: .875rem;
  }

  .reserve-multiple--cta-btn-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .reserve-multiple--outcome-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .reserve-multiple--outcome-item {
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
    flex-flow: column;
    width: 100%;
    max-width: 480px;
  }

  .reserve-multiple--outcome-text-block, .reserve-multiple--outcome-image-wrap {
    width: 100%;
  }

  .reserve-multiple--features-item-image {
    object-fit: cover;
    height: 100%;
  }

  .reserve-multiple--features-item-text-block {
    flex-flow: column;
    display: flex;
  }

  .reserve-multiple--hero-btn-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .feature-pickup {
    background-color: var(--bg-color--bg-primary);
  }

  .feature-pickup--box {
    flex-flow: column;
  }

  .feature-pickup--text-box {
    width: 100%;
  }

  .feature-pickup--accordion-dropdown-box {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
  }

  .feature-pickup--accordion-img-box {
    display: none;
  }

  .feature-pickup--accordion-img--sp {
    padding-right: var(--padding-margin--size-s);
    padding-left: var(--padding-margin--size-s);
  }

  .feature-pickup--box-wrap {
    background-color: #0000;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .regi-index--news-card {
    grid-template-columns: 1fr;
  }

  .regi-index--news-card--txt-wrap {
    padding-right: var(--_elements---card--padding-s);
    padding-left: var(--_elements---card--padding-s);
    margin-top: -60px;
  }

  .regi-pricing--required-grid, .regi-pricing--option-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    display: flex;
  }

  .regi_acs-required-img {
    padding-left: 0;
    padding-right: 0;
  }

  .reserve--recommend-title {
    font-size: 1.5rem;
  }

  .reserve--system-btn-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    flex-flow: column;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .reserve--hero-btn-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .reserve--reason-imgae {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
  }

  .reserve--reason-text-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
  }

  .reserve--reason-title {
    line-height: 1.3;
  }

  .reserve--reason-item-info {
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
    flex-flow: column;
  }

  .reserve--clients-wrap {
    padding-bottom: 0;
  }

  .reserve--hero-description {
    text-align: center;
  }

  .reserve--system-col-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
    flex-flow: column;
    display: flex;
  }

  .cases--list-grid {
    grid-template-columns: 1fr;
  }

  .bpsp--merit-wrap {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .bpsp--merit-item {
    width: 100%;
  }

  .bpsp-hr-img-label {
    right: 0;
  }

  .standard-plan-ec--title-tag {
    text-align: center;
    width: calc(100% + 48px);
  }

  .standard-plan-ec--img-wrap {
    padding-bottom: 0;
  }

  .standard-plan-ec--hero--txt-wrap {
    grid-column-gap: var(--padding-margin--size-s);
    grid-row-gap: var(--padding-margin--size-s);
    justify-content: flex-start;
    align-items: center;
  }

  .standard-plan-ec--container {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .standard-plan-ec--features-card {
    padding-top: var(--padding-margin--size-l);
    padding-bottom: var(--padding-margin--size-l);
  }

  .standard-plan-ec--hero {
    padding-top: 0;
    overflow: hidden;
  }

  .standard-plan-ec--hero--grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .standard-plan-ec--section-title-desc-wrap-mb40 {
    padding-right: var(--_elements---container--padding-wide-tablet);
    padding-left: var(--_elements---container--padding-wide-tablet);
  }

  .standard-plan-ec--cards--wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 0;
    display: grid;
  }

  .standard-plan-ec--started--cta-wrap {
    padding-top: var(--padding-margin--size-s);
  }

  .form {
    padding-bottom: 0;
  }

  .pricing-sim--main {
    padding-top: 0;
    padding-bottom: 0;
  }

  .pricing-sim--sim-wrap {
    border-radius: 0;
  }

  .pricing-sim--intro-text-wrap {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .pricing-sim--submit-btn {
    text-align: center;
    margin-bottom: 0;
    display: inline-block;
    position: static;
  }

  .pricing-sim--container {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-sim--saving-block {
    text-align: center;
  }

  .pricing-sim--saving-hightlight-block-wrap {
    flex-flow: column;
  }

  .pricing-sim-resullt--card-wrap {
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .pricing-sim-result--industry-card {
    height: auto;
  }

  .lp-type-01--services-grid {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-l);
    grid-template-columns: 1fr 1fr;
  }

  .lp-type-01--service-name {
    font-size: var(--_typography---caption-text-txt--body-s);
  }

  .lp-type-01--service-item--thumb {
    border-radius: var(--radius--radius-s);
  }

  .lp-type-01--reason-card--grid {
    flex-flow: wrap;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-top: 0;
  }

  .lp-type-01--reason-card {
    max-width: none;
    position: static;
  }

  .lp-type-01--reason-card--img-pc {
    display: block;
  }

  .lp-type-01--reason-card--img-sp {
    display: none;
  }

  .lp-type-01--reason-card--txt-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .bundle-plan--question--cards--wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    padding-top: 0;
    display: grid;
  }

  .online--grid--col-3 {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
  }

  .online--kv {
    width: 150vw;
  }

  .online-steps--card-wrap {
    flex-flow: column;
  }

  .online-steps--img {
    width: 100%;
  }

  .online-feature--content-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .pricing-all--plan--note {
    padding-top: var(--padding-margin--size-m);
  }

  .mobileorder--pricing-card-wrap {
    flex-flow: column;
  }

  .paid-plan-compare--illust {
    max-width: none;
  }

  .paid-plan-compare--list-grid--tablet-above {
    display: none;
  }

  .paid-plan-compare--appeal {
    border-top-left-radius: var(--radius--radius-m);
    border-top-right-radius: var(--radius--radius-m);
    font-size: var(--_typography---body-text-txt--body-l);
    height: 60px;
    padding-top: 4px;
    line-height: 1.4;
    top: -60px;
  }

  .paid-plan-compare--appeal-span {
    font-size: .75em;
  }

  .paid-plan-compare--plan-name {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    font-size: var(--_typography---heading-text-txt--heading-s);
    flex-flow: column;
    height: 80px;
  }

  .paid-plan-compare--monthly-fee-wrap {
    flex-flow: column;
    height: 88px;
  }

  .paid-plan-compare--detail-list-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .paid-plan-compare--detail-list-wrap.paid-plan-compare--pt50 {
    padding-top: 50px;
  }

  .paid-plan-compare--detail-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .paid-plan-compare--detail-list--title {
    padding-top: var(--padding-margin--size-xxs);
    padding-bottom: var(--padding-margin--size-s);
    font-size: var(--_typography---heading-text-txt--heading-xs);
    width: 200%;
    height: 50px;
  }

  .paid-plan-compare--detail-list--item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .paid-plan-compare--detail-list--item.paid-plan-compare--pt36 {
    padding-top: 36px;
  }

  .paid-plan-compare--detail-list--item.paid-plan-compare--pt56 {
    padding-top: 56px;
  }

  .paid-plan-compare--plan--title-wrap {
    z-index: 1;
    padding-top: var(--padding-margin--size-xs);
    padding-right: var(--padding-margin--size-xs);
    padding-bottom: var(--padding-margin--size-xs);
    padding-left: var(--padding-margin--size-xs);
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: var(--bg-color--bg-base);
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: var(--bg-color--bg-base);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: var(--bg-color--bg-base);
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: var(--bg-color--bg-base);
    background-color: var(--bg-color--bg-base);
    box-sizing: border-box;
    position: sticky;
    top: 132px;
  }

  .paid-plan-compare--plan--title-wrap.paid-plan-compare--plan--recommend {
    border: 2px solid var(--border-color--border-emphasis);
    border-radius: 0px 0px var(--radius--radius-m) var(--radius--radius-m);
    box-shadow: 0 4px 12px #06f3;
  }

  .paid-plan-compare--detail-list--item--icon-wrap {
    padding-top: var(--padding-margin--size-xs);
    padding-bottom: var(--padding-margin--size-xs);
    width: 100%;
  }

  .paid-plan-compare--list-grid--sp {
    display: grid;
  }

  .paid-plan-compare--detail-list--item--label-wrap {
    padding: var(--padding-margin--size-xxs) var(--padding-margin--size-xs);
    background-color: var(--bg-color--bg-primary);
    width: 200%;
    height: 36px;
  }

  .paid-plan-compare--detail-list--item--label-wrap.paid-plan-compare--height-56 {
    height: 56px;
  }

  .paid-plan-compare--detail-sp-wrap {
    grid-column-gap: var(--padding-margin--size-m);
    grid-row-gap: var(--padding-margin--size-m);
    flex-flow: column;
    display: flex;
    position: relative;
  }

  .online-payments--cost-wrap {
    border-bottom: 1px solid var(--border-color--border-primary);
    border-right-width: 0;
    padding-bottom: 24px;
  }

  .bg-bundle-payments--hero {
    padding-bottom: var(--letter-spacing--spacing-zero);
  }

  .bg-flyer-bundle-payments--hero--btn-box, .bg-flyer-bundle-payments--hero--btns {
    flex-flow: column;
    display: flex;
  }

  .seison-bundle-payments--hero--sticker--absolute {
    right: 2%;
  }

  .payments--processing-fees {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
    flex-flow: column;
    display: flex;
  }

  .ec--use-cases--image {
    filter: drop-shadow(0 0 12px #00000017);
  }

  .release--pickup--slider {
    width: 100%;
  }

  .release--pickup--new-device {
    flex-flow: column;
  }

  .release--pickup--v-flexbox {
    width: 100%;
  }

  .release--pickup--regi--img {
    height: 270px;
  }

  .release--mo--video-position-container {
    height: 720px;
    position: static;
  }

  .news-card {
    grid-template-columns: 1fr;
  }

  .news-card.bg-color--emphasis {
    padding: var(--_elements---card--padding-s);
  }

  .payments--started--required-items-grid {
    grid-template-columns: 1fr;
  }

  .payments--hero {
    padding-top: var(--padding-margin--size-l);
  }

  .release-gallery--img {
    border-radius: 16px;
  }

  .magazine--index--banner-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }

  .regi--reason-card {
    padding: var(--padding-margin--size-ml);
  }

  .regi--reason-image {
    width: 100%;
    height: auto;
  }

  .regi--reason-card-inner {
    flex-flow: column;
  }

  .regi--reason-plan-wrap {
    flex-flow: column;
    width: 100%;
  }

  .regi--reason-plan-action {
    justify-content: flex-start;
    align-items: stretch;
  }

  .regi--reason-cta-wrap {
    flex-flow: column;
  }

  .regi--hero-txt-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
  }

  .regi--hero--cta-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-xxs);
    grid-row-gap: var(--gap-flex-grid--gap-xxs);
    flex-flow: row;
    width: 100%;
  }

  .regi--pricing-card-wrap {
    flex-flow: column;
  }

  .regi--hero-image-wrap {
    border-radius: 0;
  }

  .is-sp {
    display: block;
  }

  .regi--hero-image-pc {
    display: none;
  }

  .regi--hero-image-sp {
    display: block;
  }

  .makitori--footer-copyright-wrap, .makitori--footer-logo-wrap {
    flex-flow: column;
  }

  .makitori--footer-logo-block {
    width: 100%;
  }

  .makitori--header-text {
    display: none;
  }

  .makitori--header-btn {
    background-color: #ff9c09;
  }

  .makitori--section-cta-text {
    text-align: center;
    line-height: 1.4;
  }

  .makitori--hero-wrap {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .makitori--hero-text-block {
    padding-left: 0;
  }

  .makitori--section-title.is-pc {
    display: none;
  }

  .makitori--problem-card-wrap {
    flex-flow: column;
    display: flex;
  }

  .makitori--pricing-wrap {
    flex-flow: column;
  }

  .makitori--pricing-item {
    margin-right: 0;
    margin-bottom: var(--padding-margin--size-l);
    padding-right: 0;
    padding-bottom: var(--padding-margin--size-l);
    border-bottom: 1px solid var(--border-color--border-primary);
    border-right-style: none;
    min-height: 0;
  }

  .makitori--pricing-item.is-right {
    border-bottom-style: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .solution-salon--hero-imgae.is-pc {
    display: none;
  }

  .solution-salon--hero-wrap {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .solution-salon--pricing-btn-group {
    flex-flow: column;
    width: 100%;
  }

  .st--plan-with-summary {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .solution-salon--hero-btn-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .st--plan-with-summary--plan-txt-wrap {
    text-align: center;
  }

  .solution-salon--feature-txt {
    text-align: left;
    display: block;
  }

  .solution-salon--feature-txt.is-tablet {
    display: none;
  }

  .solution-salon--pricing-plan-title {
    font-size: 1.625rem;
  }

  .solution-salon--feature-title {
    display: none;
  }

  .solution-salon--feature-title.is-sp {
    display: block;
  }

  .reserve--reason-item-btn-wrap-copy {
    flex-flow: column;
  }

  .specialrate-hero--rate-badge {
    inset: -56px -6px auto auto;
  }

  .specialrate-hero--rate-box {
    flex-flow: column;
  }

  .specialrate-hero--rate-txt-wrap {
    flex-flow: row;
  }

  .specialrate-hero--wrap, .specialrate-hero--rate-target-list {
    width: 100%;
  }

  .specialrate-hero--rate-target-list-item {
    width: 100%;
    min-width: 0;
  }

  .specialrate-hero--rate-target-list-item.is-independent {
    width: auto;
    min-width: 220px;
  }

  .specialrate-hero--rate-wrap, .specialrate-hero--rate-cta-wrap, .specialrate-fee--image, .specialrate-fee--wrap {
    width: 100%;
  }

  .specialrate-feature--list-wrap {
    display: flex;
  }

  .specialrate-cta-card, .specialrate-pricing-block, .specialrate-pricing-required {
    width: 100%;
  }

  .medical-cta-card {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .payments--started--required-items-grid-2 {
    grid-template-columns: 1fr;
  }

  .medical-required--image-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
    flex-flow: column;
  }

  .medical-required--image {
    width: 100%;
  }

  .medical-feature--type-des {
    display: none;
  }

  .medical-feature--type-des.is-sp {
    text-align: left;
    display: block;
  }

  .medical-cta-des {
    text-align: center;
    display: block;
  }

  .medical-pricing-block, .cms--filter-menu--dropdown {
    width: 100%;
  }

  .cms--filter-menu--dropdown--btn {
    pointer-events: auto;
    width: 100%;
    height: 60px;
  }

  .cms--filter-menu--item-divider, .cms--filter-menu--dropdown--chevron {
    display: block;
  }

  .cms--block--sns-share {
    flex-flow: column;
  }

  .cms--block--sns-share--btn-wrap {
    margin-left: 0;
  }

  .line-rs-faq-question {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-right: 8px;
  }

  .ec-handmade--hero-img {
    display: none;
  }

  .ec-handmade--hero-img.is-sp {
    display: block;
  }

  .ec-handmade--hero-wrap, .ec-handmade--reason-card-wrap, .ec-handmade--pricing-wrap {
    flex-flow: column;
  }

  .ec-handmade--pricing-list-wrap {
    height: auto;
  }

  .ec-handmade--feature-card-wrap {
    grid-template-columns: 1fr;
  }

  .ec-handmade--feature-btn-wrap {
    flex-flow: column;
    width: 100%;
  }

  .ec-handmade--compare-img {
    display: none;
  }

  .ec-handmade--compare-highlight-heading {
    text-align: center;
  }

  .ec-handmade--compare-highlight-pricetag-wrap {
    flex-flow: column;
  }

  .ec-handmade--compare-tab-panel-sp {
    width: calc(100% + var(--safe-area--sa-s));
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    overflow: scroll;
  }

  .ec-handmade--compare-tab-panel-sp-content {
    padding-right: var(--safe-area--sa-default);
    display: block;
  }

  .ec-handmade--compare-tab-mask {
    width: 100%;
    overflow: visible;
  }

  .ec-handmade--compare-tab-panel-sp-content-wrap {
    flex: none;
  }

  .ec-handmade--compare-tab-panel-sp-header-wrap {
    background-color: var(--bg-color--bg-base);
    flex: none;
    width: -moz-fit-content;
    width: fit-content;
    height: 528px;
    position: sticky;
    left: 0;
  }

  .ec-handmade--hero-btn-wrap {
    max-width: none;
  }

  .legal--notification {
    text-align: left;
  }

  .regi--hero {
    padding-top: var(--padding-margin--size-l);
    padding-bottom: var(--padding-margin--size-l);
  }

  .lp-standard-banner {
    flex-flow: column;
  }

  .lp-standard-banner-copy-wrap {
    width: 100%;
    max-width: 400px;
  }

  .lp-standard-hero-btn-wrap {
    max-width: 450px;
  }

  .lp-standard-slider-title {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.625rem;
  }

  .lp-standard-video-wrap {
    flex-flow: column;
  }

  .lp-standard-video, .lp-standard-video-text-wrap {
    width: 100%;
  }

  .lp-standard-accordion-title-wrap {
    padding-bottom: 24px;
  }

  .lp-standard-accordion-arrow {
    margin: 0 auto;
    top: auto;
    left: 0;
  }

  .lp-standard-accordion-text {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .prcing--page-desc {
    font-size: var(--_typography---caption-text-txt--caption-s);
  }

  .pricing--price-inner-grid {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing--bundle-plans {
    box-shadow: none;
    background-color: #0000;
    border-radius: 0;
    overflow: visible;
  }

  .pricing--attention-note {
    margin-bottom: var(--padding-margin--size-m);
    background-color: #0000;
  }

  .gc--sp-readmore {
    flex-flow: column;
    order: 9999;
    display: flex;
  }

  .gc--sp-readmore--toggle-btn {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .gc--sp-readmore--toggle-icon {
    display: block;
  }

  .pricing--section-dropdown--items {
    display: none;
  }

  .pricing--item--service {
    height: auto;
  }

  .pricing--bottom-block {
    padding: var(--padding-margin--size-l) 0px var(--padding-margin--size-m);
    border-bottom: 1px solid var(--border-color--border-secondary);
  }

  .pricing--atenrion-label-position-wrap {
    flex-flow: row;
    top: -40px;
    right: 0;
  }

  .pricing--plan-list-divider {
    left: var(--padding-margin--size-m);
    width: calc(100% - 48px);
    height: 1px;
    display: none;
    top: 50%;
    right: 0;
  }

  .pricing--detail--items--inner-wrap {
    padding-bottom: var(--padding-margin--size-m);
  }

  .pricing--price-list-wrap {
    padding: var(--padding-margin--size-m);
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    border-radius: var(--radius--radius-l);
    background-color: var(--bg-color--bg-base);
    box-shadow: 0 8px 24px #0003;
  }

  .prcing--plan-summary--only-sp {
    display: block;
  }

  .gc--sp-readmore--toggle-label--close {
    display: none;
  }

  .pricing--plan--services--sp {
    display: flex;
  }

  .pricing--plan--services--pc {
    display: none;
  }

  .pricing--item--service--omitted {
    height: auto;
    display: none;
  }

  .priching--block--doc-dl {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
    flex-flow: column;
  }

  .priching--block--doc-dl--img {
    max-width: none;
  }

  .pricing--item--service--sp-only {
    height: auto;
    display: inline-flex;
  }

  .pricing--items--service {
    padding-bottom: var(--padding-margin--size-m);
  }

  .gc--sp-readmore--spacer {
    display: block;
  }

  .pricing--plan--detail-wrap {
    padding-bottom: var(--padding-margin--size-m);
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
  }

  .pricing--price--monthly-fee-wrap {
    justify-content: space-between;
  }

  .paid-plan-compare--sp--spacer {
    background-color: var(--bg-color--bg-base);
    border-radius: 0;
    width: 110%;
    height: 60px;
    padding-top: 4px;
    top: -60px;
  }

  .cms-filter--fs--result-count {
    margin-right: var(--padding-margin--size-xxs);
    margin-left: auto;
  }

  .offer--hero--title-desc-wrap.layout--left-baseline {
    align-items: baseline;
  }

  .paid-plan-detail--intro--img {
    padding-top: 0;
    padding-bottom: var(--padding-margin--size-m);
    order: -9999;
    margin-left: auto;
    margin-right: auto;
  }

  .paid-plan-detail--plan {
    z-index: 0;
  }

  .paid-plan-detail--plan--header-wrap {
    z-index: 1;
    border: 2px solid var(--bg-color--bg-base);
    background-color: var(--bg-color--bg-base);
  }

  .paid-plan-detail--plan--header-wrap.paid-plan-compare--plan--recommend {
    border: 2px solid var(--border-color--border-emphasis);
    border-radius: 0px 0px var(--radius--radius-m) var(--radius--radius-m);
    box-shadow: 0 4px 12px #06f3;
  }

  .paid-plan-detail--list-wrap {
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .paid-plan-detail--list--title {
    padding-top: var(--padding-margin--size-xxs);
    font-size: var(--_typography---heading-text-txt--heading-xs);
  }

  .paid-plan-detail--list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .paid-plan-detail--list--item {
    padding-bottom: var(--padding-margin--size-xs);
    grid-column-gap: var(--gap-flex-grid--gap-xs);
    grid-row-gap: var(--gap-flex-grid--gap-xs);
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: center;
  }

  .paid-plan-detail--list--item.paid-plan-compare--pt36 {
    padding-top: 36px;
  }

  .paid-plan-detail--list--item.paid-plan-compare--pt56 {
    padding-top: 56px;
  }

  .paid-plan-detail--plan-name {
    font-size: var(--_typography---heading-text-txt--heading-s);
  }

  .paid-plan-detail--list--item--label-wrap {
    padding: var(--padding-margin--size-xxs) var(--padding-margin--size-xs);
    background-color: var(--bg-color--bg-primary);
    width: 100%;
  }

  .paid-plan-detail--list--item--label-wrap.paid-plan-compare--height-56 {
    height: 56px;
  }

  .regi--hero--badge {
    width: 120px;
    inset: 0% 0% auto auto;
  }

  .regi--hero--desc {
    font-size: var(--_typography---caption-text-txt--body-s);
  }

  .regi--hero--primary-button, .regi--hero--secondary-button {
    padding-right: var(--padding-margin--size-s);
    padding-left: var(--padding-margin--size-s);
    flex: 1;
  }

  .regi--hero--badge-caption {
    text-align: center;
    position: static;
  }

  .regi--hero--badge--note-symbol--sp-only {
    text-align: center;
    display: block;
    position: absolute;
    inset: 23% 3% auto auto;
  }

  .regi--industries--col2-grid {
    grid-template-columns: 1fr;
  }

  .bpsp-banner-w1028 {
    z-index: 1;
    padding: var(--padding-margin--size-m);
    flex: 0 auto;
    width: auto;
    min-width: 353px;
  }

  .bpsp-cp-banner-content-r {
    z-index: 1;
  }

  .bpsp--cp-banner-benefits {
    padding: var(--padding-margin--size-s);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .bpsp-cp-banner-cta {
    flex-flow: column;
  }

  .petal-left-pc, .petal-right-pc {
    display: none;
  }

  .banner-arrow {
    transform: none;
  }

  .petal-right-sp {
    display: block;
    inset: auto -140px -40px auto;
  }

  .petal-left-sp {
    display: block;
    inset: -110px auto auto -110px;
  }
}
@media screen and (max-width: 479px) {
  .feature-image {
    object-fit: fill;
    width: 100%;
    max-width: none;
  }

  .feature--img-wrap {
    width: 100%;
  }

  .ng-layout-col2 {
    flex-flow: column;
  }

  .footer-row {
    display: block;
  }

  .footer-col {
    width: auto;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .footer-row-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    align-items: flex-start;
    padding-bottom: 140px;
    display: flex;
  }

  .footer-title {
    margin-top: 0;
  }

  .price-card-property {
    font-size: 12px;
  }

  .price-card-prices {
    flex-flow: column;
    align-items: stretch;
  }

  .price-card-prices-category {
    padding-bottom: 40px;
    padding-right: 0;
  }

  .price-card-prices-category.border-left {
    border-top: 1px solid var(--border-color--border-primary);
    border-left-style: none;
    padding-top: 40px;
    padding-left: 0;
  }

  .cta-buttons {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .button-primary-large-inline {
    line-height: 1.3em;
  }

  .button-primary-large-inline.line-rs-btn-hero {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 1.125rem;
  }

  .ng-layout-w1280.pt40, .ng-layout-w1280.pt40.pb80, .ng-layout-w1280.pt80 {
    padding-left: 0;
    padding-right: 0;
  }

  .feature-content {
    width: 100%;
  }

  .feature-single-container {
    flex-flow: column;
  }

  .ng-layout-col3 {
    flex-flow: column;
    display: flex;
  }

  .feature-multi-container {
    flex-flow: column;
  }

  .feature-multi-image-container, .ng-feature-multi-content {
    width: 100%;
  }

  .ng-title-section {
    padding-bottom: 0;
  }

  .logo-tile-list-item {
    width: 45%;
  }

  .fitness--layout-w1028-p0 {
    padding-bottom: 20px;
  }

  .accordion-toggle-text {
    font-size: 4.695vw;
  }

  .accordion-grid {
    flex-flow: column;
    display: flex;
  }

  .sub-title-section {
    padding-bottom: 20px;
  }

  .app-retail--block-bg-gray {
    padding-left: 32px;
    padding-right: 32px;
  }

  .layout-wrap-plan-table {
    padding-left: 0;
    padding-right: 0;
  }

  .ng-layout-col2-gap40 {
    flex-flow: column;
  }

  .plan-table-header {
    display: block;
  }

  .plan-table-header-sub {
    display: none;
  }

  .plan-table-header-list-item-text {
    font-size: 12px;
  }

  .price-card-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .price-card-dl {
    padding-left: 24px;
    padding-right: 0;
  }

  .price-card-dl.reserve--list--dl {
    padding-left: 0;
  }

  .onbo--rsv.onbo--rsv--img.onbo--rsv--number.onbo--rsv--number-top {
    max-width: 64px;
  }

  .onbo--rsv.onbo--rsv--img.onbo--rsv--cover-img {
    width: 620px;
    padding-top: 248px;
    bottom: 12%;
  }

  .onbo--rsv.absolute-menu-third {
    bottom: 8%;
    right: 35%;
  }

  .onbo--rsv.absolute-menu-second {
    bottom: 25%;
    right: 4%;
  }

  .onbo--rsv.absolute-menu-first {
    top: 39%;
  }

  .onbo--rsv.onbo--rsv--section {
    padding-bottom: 200px;
  }

  .onbo--rsv.onbo--rsv--section.onbo--rsv--cover {
    height: 940px;
  }

  .onbo--rsv.onbo--rsv--slider.mask {
    height: 280px;
  }

  .onbo--rsv.onbo--rsv--slide-item {
    height: 100%;
  }

  .onbo--rsv.onbo--rsv--slide-item.onbo--rsv--slide-img {
    aspect-ratio: auto;
    object-fit: cover;
    height: 280px;
  }

  .onbo--rsv.onbo--rsv--slide-item.onbo--rsv--desc {
    height: auto;
  }

  .onbo--rsv.onbo--rsv--cta-block.onbo--rsv--cta-block--img-target {
    height: 320px;
  }

  .regi_acs-grid {
    grid-template-columns: 1fr;
  }

  .payments-pricing-marks.qr-code.display--sp {
    width: 100%;
  }

  .payments-pricing-marks.credt-card-touch-indicator {
    width: 68px;
  }

  .lp-regi_card {
    width: 100%;
    padding-bottom: 24px;
  }

  .lp-regi_cardcontents {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lp-regi_cardimage-retail, .lp-regi_cardimage-service {
    background-repeat: no-repeat;
    height: 140px;
  }

  .app-retail-_features-contents {
    width: 100%;
    display: flex;
    overflow: visible;
  }

  .app-retail_features_img {
    width: auto;
    min-width: auto;
    max-width: none;
    height: 30vh;
    min-height: auto;
    max-height: none;
  }

  .app-retail-product-link-item {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: flex;
  }

  .app-retail_features-img-box {
    background-color: var(--bg-color--bg-primary);
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
    min-width: 200px;
    max-width: 500px;
    height: 100%;
    min-height: 200px;
    max-height: 500px;
    display: block;
  }

  .app-retail_features-img {
    width: auto;
    height: 30vh;
  }

  .solution-btn-box {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .solutions-features-contents {
    margin-top: 40px;
  }

  .solutions-h2 {
    font-size: 26px;
  }

  .solutions-features-image02 {
    width: 140%;
  }

  .solutions-h2-white {
    font-size: 25px;
  }

  .solutions-features-text {
    text-align: left;
  }

  .solutions-features-list {
    text-align: left;
    width: 100%;
  }

  .solutions-features-list-box {
    padding-left: 0;
    padding-right: 0;
  }

  .solutions-features-image {
    width: 100%;
    height: 100%;
  }

  .solutions-feature-image02-logo {
    max-width: 100%;
  }

  .solutions-customer-date-image {
    right: -8vw;
  }

  .solutions-features-analytics-mov {
    width: 100%;
    min-width: 380px;
  }

  .solutions-features-regi {
    min-height: auto;
    max-height: 390px;
  }

  .solution-features-item {
    height: 520px;
    min-height: 300px;
    max-height: 440px;
  }

  .solution-features-item-full {
    margin-bottom: 20px;
    padding-bottom: 24px;
  }

  .solution-features-image02 {
    width: 140%;
    max-width: 150%;
  }

  .solution-features-image-sp {
    width: 80%;
  }

  .solution-features-image116 {
    width: 130%;
  }

  .solution-features-text, .solution-features-text-white {
    font-size: 14px;
  }

  .lp-regi-price-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .lp-regi-features-image {
    width: 100%;
    height: 100%;
  }

  .lp-regi_cardimage-fitness, .lp-regi_cardimage-salon {
    background-repeat: no-repeat;
    height: 140px;
  }

  .lp-regi-firstview-image {
    height: 360px;
  }

  .lp-regi-features-item-mov {
    width: 160%;
  }

  .lp-regi-features-list-text--retail {
    width: 100%;
  }

  .regi_accessories-grid {
    grid-template-columns: 1fr;
  }

  .page--footer-img-wrapper {
    height: 100vw;
    min-height: 400px;
  }

  .page--footer-img.is-ec-pc {
    display: none;
  }

  .page--footer-img.is-ec-sp {
    display: block;
  }

  .layout-align--center-top.layout--gap16.text-align-center {
    padding-left: 0;
    padding-right: 0;
  }

  .payments--integrations-img {
    height: 400px;
  }

  .gc--button.btn--primary.btn--offer-hero-primary, .gc--button.btn--secondary.btn--offer-hero-secondary {
    width: 100%;
  }

  .gn--container {
    z-index: auto;
  }

  .gn--menu-list {
    flex-direction: column;
  }

  .plan-list--price {
    font-size: 3.25rem;
  }

  .offer--gn-copy {
    display: none;
  }

  .lp--plans--monthly-value {
    font-size: 3rem;
  }

  .analysis--featurelist-layout {
    flex-flow: column;
  }

  .analysis--featurelist-item {
    min-width: auto;
  }

  .mobileorder--faq {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .competitor-comparison-chart-row-header-img.is-white-background {
    background-color: var(--bg-color--bg-base);
  }

  .bundle-image-full-card {
    max-width: 100%;
    min-height: 80px;
  }

  .ec--hero-section--txtbox {
    padding-top: var(--gap-flex-grid--gap-s);
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
    justify-content: flex-start;
    align-items: center;
  }

  .lp-standard--hero--content--desc {
    max-width: 350px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 1.6em;
  }

  .lp-standard--hero--content {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
  }

  .lp-standard--hero--content.lp-standard-hero-new-content {
    min-width: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .home--feature {
    text-align: center;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .swiper-slide.home--feature--gallery {
    width: 320px;
    height: 460px;
  }

  .lp-type-01--services--item--txt-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .lp-type-01--started--steps {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .lp-type-01--started--step {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border-radius: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .lp-type-01--started--step--number {
    font-size: 1.5rem;
  }

  .lp-type-01--started--step--desc {
    font-size: 12px;
    line-height: 1.4em;
  }

  .lp-type-01--started--step--title {
    font-size: 1rem;
  }

  .lp-standard--hero--content--cta-wrap {
    padding: 8px var(--safe-area--sa-s) 4px;
  }

  .home--feature--video {
    display: block;
  }

  .home--feature--cashless--heading {
    letter-spacing: 0;
    width: 100%;
    font-size: 1rem;
    top: 30px;
    left: 0%;
  }

  .home--feature--gallery--button-next.home--feature--gallery, .home--feature--gallery--button-prev.home--feature--gallery {
    display: none;
  }

  .home--subheading2 {
    text-align: left;
    letter-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3px;
    font-size: 12px;
    display: inline-block;
  }

  .payment-methods--card {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home--cta--primary {
    flex: none;
    padding: 12px 20px;
    font-size: .875rem;
    line-height: 1.3em;
  }

  .home--heading2 {
    max-width: 300px;
    font-size: 2rem;
  }

  .lp-type-01--onestop--item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
  }

  .lp-type-01--onestop--item--desc {
    line-height: 140%;
  }

  .lp-type-01--deposit--item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-width: 0 0 1px;
    border-radius: 0;
    height: auto;
    padding: 0 0 12px;
  }

  .lp-type-01--deposit--item--label {
    font-size: 14px;
  }

  .lp-type-01--deposit--item--desc {
    padding-top: 10px;
  }

  .lp-type-01--deposit--item--value-wrap {
    flex-flow: row;
    align-items: baseline;
    padding-top: 0;
  }

  .black-border-pricing--pc {
    display: none;
  }

  .black-border-pricing--monthly-fee {
    font-size: 2.5rem;
  }

  .black-border-pricing--item--descr {
    font-size: .875rem;
  }

  .black-border-pricing--monthly-fee-wrap {
    justify-content: flex-end;
    align-items: center;
    height: auto;
    padding-top: 20px;
    display: flex;
  }

  .black-border-pricing--payment-fee-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-bottom: 12px;
    display: flex;
  }

  .black-border-pricing--item--cta-block {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home--pricing--cta--primary {
    line-height: 1.3em;
  }

  .black-border-pricing--anchor-link {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: .875rem;
  }

  .home--feature--mo--heading {
    letter-spacing: 0;
    width: 100%;
    font-size: 1rem;
    top: auto;
  }

  .image-13 {
    display: none;
  }

  .home--feature--pos--heading {
    letter-spacing: 0;
    font-size: 1rem;
  }

  .home--feature--ec--heading {
    text-align: left;
    letter-spacing: 0;
    font-size: 1rem;
    top: 20px;
    left: 20px;
  }

  .home--feature--ec--heading2 {
    letter-spacing: 0;
    font-size: 1rem;
    top: auto;
    bottom: 20px;
    right: 20px;
  }

  .home--feature--video--mo-mobile {
    display: block;
  }

  .home--feature--videro-mo {
    display: none;
  }

  .lp-type-01--onestop--grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .lp-standard--hero--content-img-wrap {
    order: -1;
    padding-top: 0;
  }

  .lp-standard--jff {
    height: 24px;
    right: 8px;
  }

  .lp-type-01--services--item--desc {
    font-size: 12px;
  }

  .lp-type-01--services--item--name {
    font-size: 14px;
  }

  .black-border-prcing--tabs-menu {
    background-color: var(--bg-color--bg-primary);
    border-radius: 30px;
    justify-content: center;
    align-items: flex-start;
    padding: 4px;
    display: flex;
  }

  .home--pricing-tab {
    background-color: var(--bg-color--bg-primary);
    border-radius: 40px;
    padding: 6px 16px;
  }

  .home--pricing-tab.w--current {
    background-color: #fff;
    border-radius: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .black-border-pricing--tablet-under {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .black-border-pricing--tabs-content {
    width: 100%;
    padding-top: 20px;
  }

  .black-border-pricing--tab-panel {
    border: 1px solid var(--border-color--border-primary);
    border-radius: 30px;
  }

  .stores-support-img {
    height: 140px;
  }

  .global-support--list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .global-support--title {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.2rem;
  }

  .global-support--desc, .global-support--link {
    font-size: .875rem;
  }

  .global-support--list--item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home--local-nav--title--text {
    font-size: 14px;
  }

  .home--nav-cta--secondary {
    flex: none;
    padding: 12px 20px;
    font-size: .875rem;
  }

  .home--nav-cta--primary {
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.3em;
  }

  .home--cta--banner {
    flex: none;
    padding: 12px 20px;
    font-size: .875rem;
  }

  .lp-type-01--cta--heading {
    font-size: 2rem;
  }

  .home--bottom--cta--primary {
    flex: none;
    padding: 12px 20px;
    font-size: .875rem;
    line-height: 1.3em;
  }

  .home--bottom--cta--secondary {
    flex: none;
    padding: 12px 20px;
    font-size: .875rem;
  }

  .black-border-pricing-list--note p {
    text-align: left;
  }

  .faq--heading {
    max-width: 280px;
    font-size: 2rem;
  }

  .marquee-img {
    height: 80px;
  }

  .global-support--heading {
    max-width: 260px;
    font-size: 2rem;
  }

  .global-support--subheading {
    text-align: left;
    letter-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3px;
    font-size: 12px;
    display: inline-block;
  }

  .lp-type-01--services--grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .free--hero-fee {
    width: 120px;
  }

  .lp-container {
    padding-right: var(--safe-area--sa-s);
    padding-left: var(--safe-area--sa-s);
  }

  .free--feature-card-title {
    font-size: .875rem;
  }

  .home--font-ltc-flash {
    font-size: 3rem;
  }

  .home--cta--secondary--fv {
    flex: none;
    padding: 12px 20px;
    font-size: .875rem;
  }

  .home--cta--primary--fv {
    flex: none;
    padding: 12px 20px;
    font-size: .875rem;
    line-height: 1.3em;
  }

  .free--heading2 {
    font-size: 2rem;
  }

  .home--feature--reserve--heading {
    letter-spacing: 0;
    font-size: 1rem;
  }

  .bundle-payments--started {
    padding-top: var(--padding-margin--size-xl);
    padding-bottom: var(--padding-margin--size-xl);
  }

  .standard-plan-ec--section-title {
    font-size: var(--_typography---heading-text-txt--heading-l);
    display: block;
  }

  .btn--primary--with-shadow {
    flex: none;
    width: 100%;
    padding: 12px 20px;
    font-size: .875rem;
    line-height: 1.3em;
  }

  .btn--secondary-with-shadow {
    flex: none;
    width: 100%;
    padding: 12px 20px;
    font-size: .875rem;
  }

  .bundle-payments--question {
    padding-top: var(--padding-margin--size-l);
  }

  .bundle-payments--features--services--grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr;
  }

  .bundle--features--inner-grid--low-cost {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
  }

  .bundle-payments--feature--low-cost--desc {
    font-size: .875rem;
  }

  .bundle--features--services--thumb-wrap {
    border-radius: 10px;
    height: 110px;
  }

  .bundle-payments--features--service-wrap {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    padding-bottom: 12px;
  }

  .bundle-payments--features--service--txt-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .bundle-payments--solution--title {
    font-size: 2.4rem;
  }

  .bundle-payments--solution--title-monthly {
    font-size: 1em;
  }

  .bundle-payments--solution--title-price {
    font-size: 2em;
  }

  .bundle-payments--solution--title-unit {
    font-size: 1em;
  }

  .bundle-payments--hero--btn-primary {
    line-height: 1.3em;
  }

  .mobileorder--cp-banner {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .mobileorder--cp-banner--title {
    font-size: 1.25rem;
    line-height: 1.2;
  }

  .mobileorder--cp-banner--detail {
    top: -15%;
    right: -15%;
  }

  .lp--ec--pricing_list {
    flex-flow: column;
    display: flex;
  }

  .overflow--payment-methods--desc {
    padding-bottom: 0;
    font-size: 16px;
  }

  .payment-methods--online-flexbox {
    padding-left: 0;
    padding-right: 0;
  }

  .overflow--payment-methods--note {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .bundle-payments--features--service--desc {
    font-size: 12px;
  }

  .layout-flex-50 {
    width: 100%;
  }

  .line-rs-title {
    font-size: 9vw;
  }

  .line-rs-title-2 {
    font-size: 4.5vw;
  }

  .line-rs-hero-img {
    width: 95%;
  }

  .linkblock-img-text {
    border-radius: 16px;
  }

  .linkblock-img-text.mb-mgntop-0.line-rs-salon-fitness-card, .linkblock-img-text.line-rs-salon-fitness-card {
    min-height: 99px;
  }

  .linkblock-img-text-text {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 13px;
    line-height: 1.4;
  }

  .linkblock-img-text-img {
    width: 35%;
  }

  .card-imgtext {
    padding: 20px;
  }

  .reserve-line--card--white-radius {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .line-rs-sticky {
    z-index: 5;
  }

  .h2--med {
    font-size: 1.6rem;
  }

  .marquee-container {
    grid-column-gap: var(--gap-flex-grid--gap-xxs);
    grid-row-gap: var(--gap-flex-grid--gap-xxs);
  }

  .home--pricing-summary--price-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .home--services--grid {
    grid-template-areas: ".";
    grid-auto-columns: 1fr;
  }

  .home--services--card {
    max-width: 300px;
    height: auto;
    min-height: 240px;
  }

  .home--services--card--desc {
    font-size: 11px;
  }

  .home--cta--subheading {
    letter-spacing: 0;
  }

  .home--cta--heading {
    font-size: 2rem;
  }

  .lp-standard--feature--heading-block {
    display: inline-flex;
  }

  .lp-standard--hero {
    height: auto;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .bottom-fixed-banner {
    display: none;
  }

  .bottom-fixed-banner.reserve--bottom-fixed-banner {
    display: block;
  }

  .bundle-payments--features--function-wrap {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    padding-bottom: 12px;
  }

  .bundle-payments--features--function--grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr;
  }

  .prcing--function-detail--rsv {
    height: 220px;
  }

  .plan-list--spec-list--reserve-intro {
    height: 64px;
  }

  .bpsp-hero {
    flex-flow: column;
  }

  .layout-objectfit-img--2.bpsp-pc-show {
    display: none;
  }

  .layout-objectfit-img--2.bpsp-mb-show {
    display: block;
  }

  .bpsp-hr-text {
    font-size: 1rem;
  }

  .bpsp-hr-btn-wrap {
    max-width: none;
  }

  .bpsp-hr-btn-text {
    font-size: .8125rem;
  }

  .bpsp-font-14 {
    font-weight: 500;
  }

  .bpsp-h2-title.text-align-center {
    font-size: 1.875rem;
  }

  .bpsp-fee-wrap {
    flex-flow: column;
    padding: 20px;
  }

  .bpsp-fee-text {
    width: 100%;
  }

  .bpsp-fee-brand {
    text-align: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bpsp-user-flow-wrap {
    flex-flow: column;
  }

  .bpsp-user-flow-item {
    width: 100%;
  }

  .bpsp-payment-method-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .bpsp-payment-method-item {
    width: auto;
  }

  .bpsp-reason-wrap {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .bpsp-reason-item {
    width: 100%;
  }

  .bpsp-onboarding-flow-wrap {
    margin-bottom: 40px;
  }

  .bpsp-onboarding-flow-item {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .bpsp-onboarding-flow-no {
    font-size: 1.875rem;
  }

  .bpsp-hr-text-wrap {
    width: 100%;
  }

  .bpsp--hero-img.bpsp--pc-show {
    display: none;
  }

  .bpsp--hero-img.bpsp--mb-show {
    width: 100%;
    padding-right: 7px;
    display: block;
  }

  .bpsp-payment-method-title {
    font-size: 1.25rem;
  }

  .bpsp-payment-method-text {
    font-size: .875rem;
  }

  .bpsp-reason-title, .bpsp-onboarding-flow-title {
    font-size: 1.25rem;
  }

  .bpsp-fee-text-small {
    text-align: left;
    padding-bottom: 5px;
    font-size: .875rem;
    line-height: 1.4;
  }

  .bpsp-fee-text-flex {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .bpsp-fee-text-big {
    font-size: 2.625rem;
    line-height: 1.3;
  }

  .bpsp-fee-text-tax {
    display: none;
  }

  .lp-plans--cta-subheading {
    text-align: center;
    letter-spacing: 0;
  }

  .lp-plans--cta-heading {
    font-size: 2rem;
  }

  .lp-plans--cta--btn-wrap {
    justify-content: center;
    align-items: flex-start;
  }

  .magazine--hero_slide-inner {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .magazine--posts-item_inner {
    flex-flow: column;
  }

  .bundle-plan--hero--flex {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    place-items: center;
    width: 100%;
  }

  .bundle-plan-hero--img-wrap {
    margin-top: 0;
  }

  .bundle-plan--hero--txt-wrap {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }

  .bundle-plan--hero--sub-title {
    text-align: left;
    font-size: 1rem;
  }

  .bundle-plan--hero--container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .bundle-plan--hero {
    padding-bottom: 60px;
    overflow: hidden;
  }

  .bundle-plan--hero--feature-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .bundle-plan--service-label {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .7rem;
  }

  .bundle-plan--hero--title {
    display: none;
  }

  .bundle-plan--hero--btn-primary {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: .875rem;
    line-height: 1.3em;
  }

  .bundle-plan--hero--btn-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 100%;
  }

  .bundle-plan--hero--label-fee {
    font-size: 1.5rem;
  }

  .bundle-plan--hero--label-price {
    font-size: 4.4rem;
  }

  .bundle-plan--container {
    padding-top: var(--padding-margin--size-l);
  }

  .bundle-plan--cards--flexbox {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .bundle-plan--cards--wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .bundle-plan--question--card {
    padding-top: var(--padding-margin--size-ml);
    padding-bottom: var(--gap-flex-grid--gap-m);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
  }

  .bundle-plan--btn--secondary-with-shadow {
    flex: none;
    padding: 12px 20px;
    font-size: .875rem;
  }

  .bundle-plan--custom--tab {
    padding-left: 0;
    padding-right: 0;
  }

  .bundle-plan--custom--tab-content-main {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: minmax(auto, 450px);
  }

  .bundle-plan--custom--tab-text {
    font-size: 1rem;
  }

  .bundle-plan--question--text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: stretch;
  }

  .bundle-plan--txt-ss {
    font-size: .9rem;
  }

  .bundle-plan--txt-ss.center {
    letter-spacing: .05em;
    align-items: baseline;
    padding-bottom: 4px;
    font-size: .8rem;
    display: flex;
  }

  .bundle-plan--txt-m-semibold {
    font-size: 1.1rem;
    line-height: 1.6;
  }

  .bundle-plan--question--people {
    padding-top: 0;
  }

  .bundle-plan--question--title {
    font-size: 1rem;
  }

  .bundle-plan--question {
    padding-top: var(--padding-margin--size-l);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 50% 100%, 0% 95%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 50% 100%, 0% 95%);
  }

  .bundle-plan--custom--list-item {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
    list-style-type: none;
    display: flex;
  }

  .bundle-plan--custom--tab-content-list-num {
    margin-left: 4px;
    font-size: 1rem;
  }

  .bundle-plan--custom--list-item-num {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border-bottom: 1px solid var(--border-color--border-secondary);
    border-right-style: none;
    border-right-width: 0;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 0;
    display: flex;
  }

  .bottom-img--support {
    height: 200px;
  }

  .bundle-plan--reason-txt {
    font-size: 1.2rem;
  }

  .bundle-plan--section-title-desc-wrap-mb40 {
    margin-bottom: 0;
  }

  .bundle-plan--section-title {
    font-size: clamp(1.875rem, 1.465rem + 1.67vw, 2.5rem);
  }

  .bundle-plan--card-noline {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
  }

  .bundle-plan--reason--card-txt {
    padding: 0;
  }

  .bundle-plan--hero--label-monthly {
    font-size: 1rem;
  }

  .bundle-plan--hero--title-sp-break {
    display: block;
  }

  .bundle-plan--custom--tab-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .bundle-plan--services-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .bundle-plan--services--item {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    padding-bottom: 12px;
  }

  .bundle-plan--custom--tab-content-title {
    margin-bottom: 20px;
  }

  .bundle-plan--custom--list {
    flex-flow: column;
    display: flex;
  }

  .bundle-plan--services--item--thumb {
    border-radius: 10px;
  }

  .bundle-pan--img--sp {
    display: block;
  }

  .bundle-plan--img-pc {
    display: none;
  }

  .bundle-plan--case-study--container {
    padding-top: var(--padding-margin--size-l);
  }

  .bundle-plan--case-study--cards--wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .bundle-plan--case-study--cards--flexbox {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .bundle-plan--nav-cta--secondary-with-shadow {
    flex: none;
    padding: 12px 20px;
    font-size: .875rem;
  }

  .magazine--article-header_details {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
  }

  .docs--news--btn-wrap {
    flex-flow: column;
  }

  .reserve-functions-container {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .reserve-functions-recommend-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .reserve-functions-inner {
    flex: 1;
  }

  .rich-text-block {
    text-align: left;
  }

  .reserve-categories-problems {
    padding: var(--padding-margin--size-l) var(--padding-margin--size-m) var(--padding-margin--size-m);
  }

  .reserve-categories-problems.contents--max-width {
    padding-top: var(--padding-margin--size-l);
    padding-bottom: var(--padding-margin--size-l);
  }

  .reserve-categories-problems-list {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
  }

  .reserve-categories-functions-item {
    height: auto;
  }

  .reserve-categories-functions-list {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .reserve-categories-list {
    grid-template-columns: 1fr;
  }

  .coffee-hero-text {
    font-size: 1rem;
  }

  .coffee-hero-ttl {
    font-size: 2rem;
  }

  .coffee-logo-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .coffee-logo-4 {
    max-width: 72px;
  }

  .coffee-logo-5 {
    max-width: 100px;
  }

  .coffee-logo-6 {
    max-width: 78px;
  }

  .coffee-banner-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .coffee-story-heading {
    width: calc(100% + 32px);
    margin-left: -16px;
  }

  .coffee-story-service-banner, .coffee-story-case-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .coffee-story-case-item-right.coffee-story-case-item-center {
    width: 20%;
    max-width: 80px;
  }

  .coffee-service-slider {
    padding-left: 0;
  }

  .coffee-service-slider-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .coffee-service-slider-bubble {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }

  .coffee-service-slider-nav {
    bottom: -45px;
  }

  .coffee-story-case-item-left {
    bottom: -10px;
    left: -20px;
  }

  .coffee-story-heading-item {
    width: 14%;
    max-width: 75px;
    top: auto;
    bottom: 30px;
  }

  .coffee-story-heading-item.coffee-story-heading-bottom {
    top: -30px;
    bottom: auto;
  }

  .new-open--fv {
    padding: 64px 0;
  }

  .opening-comparison--button-box {
    grid-column-gap: var(--gap-flex-grid--gap-xs);
    grid-row-gap: var(--gap-flex-grid--gap-xs);
    padding-top: 0;
  }

  .first-view-price-text {
    font-size: 1.125rem;
  }

  .first-view-price--value {
    line-height: .9;
  }

  .opening-comparison {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 64px 32px;
  }

  .opening-comparison--text {
    font-size: 20px;
  }

  .opening-comparison--cards {
    flex-flow: column;
  }

  .opening-comparison--card {
    min-width: auto;
  }

  .opening-comparison--benefits--3 {
    font-size: .97rem;
    display: inline;
  }

  .opening-comparison--panels {
    padding-left: 32px;
    padding-right: 32px;
  }

  .new-open--fv-inner {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .first-view-btn--secondary-with-shadow {
    flex: none;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 8px 20px;
    font-size: .875rem;
    display: flex;
  }

  .first-view-btn--primary--with-shadow {
    flex: none;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 8px 20px;
    font-size: .875rem;
    line-height: 1.3em;
    display: flex;
  }

  .service-section {
    padding-top: 0;
  }

  .new-open--fv--price-wrap--tablet-under {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .new-open--fv--btn-wrap--tablet-under {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .first-view-textbox--sp {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .first-view-store-benefit {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding-top: 9px;
  }

  .first-view-store--value {
    line-height: .9;
  }

  .new-open--fv--img--tablet-under {
    width: 140%;
  }

  .opening-comparison--title--sp {
    font-size: 26px;
  }

  .cost-reduction {
    padding-top: var(--padding-margin--size-l);
    padding-bottom: var(--padding-margin--size-l);
    grid-column-gap: var(--gap-flex-grid--gap-xxs);
    grid-row-gap: var(--gap-flex-grid--gap-xxs);
  }

  .cost-reduction--title-emphasis {
    font-size: 16px;
  }

  .cost-reduction--title {
    font-size: 15px;
  }

  .cost-reduction--title-emphasis-big {
    font-size: 28px;
  }

  .cost-reduction--title-inner-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .cost-reduction--img-wrap {
    padding-bottom: var(--padding-margin--size-xs);
  }

  .bundle-payments--section-title--sp {
    font-size: 30px;
    display: block;
  }

  .new-open--bundle-payments--started {
    padding-top: var(--padding-margin--size-xl);
    padding-bottom: var(--padding-margin--size-xl);
  }

  .new-opening--bundle-payments--section-title {
    font-size: clamp(1.875rem, 1.465rem + 1.67vw, 2.5rem);
    display: flex;
  }

  .opening-comparison--benefits--1 {
    font-size: .97rem;
    display: block;
  }

  .opening-comparison--benefits--2 {
    font-size: .97rem;
    display: inline;
  }

  .opening-comparison--benefits {
    font-size: .97rem;
  }

  .code-embed-4 {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    font-size: .97rem;
    font-weight: 400;
    display: flex;
  }

  .pickup-image-sp {
    width: 40%;
  }

  .rsv-bundle-benefit {
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
  }

  .category-content {
    grid-column-gap: var(--gap-flex-grid--gap-xxs);
    grid-row-gap: var(--gap-flex-grid--gap-xxs);
    flex-flow: column;
    display: flex;
  }

  .category-title {
    font-size: var(--_typography---body-text-txt--body-s);
  }

  .bundle-payments--hero--btn-secondary {
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 16px 20px;
    font-size: .875rem;
    display: flex;
  }

  .home--nav-cta--primary-2 {
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.3em;
  }

  .bundle-plan--nav-cta--secondary-with-shadow-2 {
    flex: none;
    padding: 12px 20px;
    font-size: .875rem;
    display: none;
  }

  .coffee-logo-7 {
    width: 18%;
    max-width: 74px;
  }

  .saison-bundle--hero--btn-primary {
    line-height: 1.3em;
  }

  .saison-spacial-offer {
    margin-top: var(--padding-margin--size-xxs);
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
  }

  .saison-special-offer-img-sp {
    display: block;
  }

  .beautyg-open--helo-text-sp {
    margin-bottom: -12px;
  }

  .saison-payments--solution--title-tax {
    left: 90%;
  }

  .saison-bundle--gn--container, .bundle-payments--gn--container, .new-open--gn--container, .bundle-plan--gn--container, .event-cp--gn--container {
    z-index: auto;
  }

  .ba_point-01_mobile {
    display: block;
  }

  .brandedapp-hero-image {
    background-position: 50%;
    border-radius: 0;
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px;
  }

  .brandedapp-card.card.card--bg-color-primary.fade-slide-in-up {
    grid-column-gap: var(--padding-margin--size-l);
    grid-row-gap: var(--padding-margin--size-l);
  }

  .brandedapp-card-image-wrap {
    padding-right: var(--padding-margin--size-s);
    padding-left: var(--padding-margin--size-s);
  }

  .ba_point-01_desktop {
    display: none;
  }

  .brandedapp-card-2col.card.card--bg-color-primary.fade-slide-in-up {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
  }

  .brandedapp-card-push-image-wrap {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .brandedapp-feature-wrap {
    grid-template-columns: 1fr;
  }

  .brandedapp-feature-text-wrap {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .brandedapp-pricing-grid {
    grid-column-gap: var(--gap-flex-grid--gap-xs);
    grid-row-gap: var(--gap-flex-grid--gap-s);
  }

  .brandedapp-pricing-block-text {
    font-size: .75rem;
  }

  .ba_point-03_store {
    display: none;
  }

  .ba_point-03_store_sp {
    display: block;
  }

  .ba_point-03_other {
    display: none;
  }

  .ba_point-03_other-sp {
    display: block;
  }

  .brandedapp-section-title {
    font-size: 2rem;
    line-height: 1.4;
  }

  .brandedapp-reason-title {
    font-size: 1.5rem;
  }

  .brandedapp-reason-system-image-wrap {
    padding-right: var(--padding-margin--size-s);
    padding-left: var(--padding-margin--size-s);
    flex-flow: column;
  }

  .brandedapp-reason-system-image-title {
    font-size: 1rem;
  }

  .docs--dl-card-grid {
    grid-template-rows: auto auto auto auto;
  }

  .ec-product-feature-recommend {
    grid-column-gap: var(--padding-margin--size-l);
    grid-row-gap: var(--padding-margin--size-l);
  }

  .ec-product-feature-recommend--title {
    font-size: 1.4rem;
  }

  .loyalty-hero-layout-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-xl);
    grid-row-gap: var(--gap-flex-grid--gap-xl);
  }

  .loyalty-hero-image {
    border-radius: 0;
    height: auto;
  }

  .loyalty-hero-button-container {
    flex-flow: column;
    align-items: stretch;
  }

  .loyalty-section-title {
    line-height: 1.4;
  }

  .loyalty-section-sub-title {
    font-size: 1.75rem;
  }

  .loyalty-reason-text-block {
    padding-right: var(--padding-margin--size-m);
    padding-left: var(--padding-margin--size-m);
  }

  .loyalty-reason-text-title {
    font-size: 1.5rem;
  }

  .loyalty_feature_01_pc {
    display: none;
  }

  .loyalty_feature_01_sp {
    display: block;
  }

  .loyalty_logo_pc {
    display: none;
  }

  .loyalty_logo_sp {
    display: block;
  }

  .loyalty_main_pc {
    display: none;
  }

  .loyalty_main_sp {
    width: calc(100% + 48px);
    display: block;
  }

  .payments--payment-method-item-info {
    width: 100%;
  }

  .payments--payment-method-item-info.is-col2 {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .payments--payment-feature-wrap {
    grid-template-columns: 1fr;
  }

  .payments--pyament-list-item {
    font-size: 1.25rem;
  }

  .payments--hero-h1 {
    font-size: 1.75rem;
  }

  .payments--section-payment-method {
    padding-top: var(--padding-margin--size-xl);
  }

  .beautyg-open--hero--sub-title-copy {
    text-align: center;
  }

  .beautyg-open--hero--btn-primary-copy {
    line-height: 1.3em;
  }

  .mobileorder-cp-banner-title-before {
    width: 16px;
    top: 2px;
    left: -20px;
  }

  .mobileorder-cp-banner-title-after {
    width: 16px;
    top: 2px;
    right: -20px;
  }

  .mobileorder--hero--title {
    min-width: 100%;
  }

  .lp-type-01--services--subheading {
    letter-spacing: 0;
    padding-left: 3px;
    font-size: 14px;
    line-height: 160%;
  }

  .lp-type-01--services--heading {
    font-size: 2.5rem;
    font-weight: 600;
  }

  .lp-type-01--subheading-400 {
    text-align: left;
    letter-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3px;
    font-size: 12px;
    display: inline-block;
  }

  .lp-type-01--heading-400 {
    font-size: 2rem;
  }

  .ec-price--payment-cycle {
    grid-column-gap: var(--padding-margin--size-m);
    grid-row-gap: var(--padding-margin--size-m);
  }

  .ec-price--payment-cycle--text-span {
    display: inline;
  }

  .ec-price--payment-cycle--text {
    font-size: .825rem;
  }

  .ec-price--payment-cycle--text-box {
    grid-column-gap: var(--padding-margin--size-s);
    grid-row-gap: var(--padding-margin--size-s);
  }

  .ec-instagram--hero {
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .ec-instagram--hero-logo {
    justify-content: center;
    align-items: center;
    width: 340px;
  }

  .ec_instagram_hero_icon {
    width: 5rem;
    height: 5rem;
  }

  .ec-instagram--hero-imgae-wrap {
    width: 65%;
    height: 320px;
    margin-left: 0;
    padding-top: 40px;
  }

  .ec-instagram--how {
    overflow: hidden;
  }

  .ec-instagram--how-label {
    margin-top: var(--padding-margin--size-m);
  }

  .ec-instagram--section-sub-title {
    text-align: center;
  }

  .ec-instagram--hero-title {
    font-size: 1.7rem;
  }

  .reserve-multiple--hero {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .reserve-multiple--hero-h1 {
    line-height: 1.3;
  }

  .reserve-multiple--hero-info, .reserve-multiple--hero-label {
    font-size: .875rem;
  }

  .reserve-multiple--cta {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .reserve-multiple--clients {
    padding-top: 3.75rem;
  }

  .reserve-multiple--section-title {
    font-size: 1.5rem;
  }

  .reserve-multiple--clients-wrap {
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
  }

  .reserve-multiple--client-item {
    flex-flow: row;
  }

  .reserve-multiple--client-image-wrap {
    aspect-ratio: auto;
    min-height: 100px;
  }

  .reserve-multiple--client-image-wrap.is-client-01 {
    aspect-ratio: auto;
  }

  .reserve-multiple--client-info-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    flex-flow: column;
    flex: 1;
    width: auto;
  }

  .reserve-multiple--client-text-block {
    grid-column-gap: var(--padding-margin--size-xxxs);
    grid-row-gap: var(--padding-margin--size-xxxs);
    width: -moz-fit-content;
    width: fit-content;
  }

  .reserve-multiple--client-category {
    width: -moz-fit-content;
    width: fit-content;
  }

  .reserve-multiple--client-name {
    width: -moz-fit-content;
    width: fit-content;
    font-size: .8125rem;
  }

  .reserve-multiple--features {
    padding-top: 3.75rem;
    padding-bottom: 6.25rem;
  }

  .reserve-multiple--section-title-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
  }

  .reserve-multiple--features-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
  }

  .reserve-multiple--features-item-label {
    padding-right: var(--padding-margin--size-xs);
    padding-left: var(--padding-margin--size-xs);
    font-size: .8125rem;
  }

  .reserve_multiple_features_item_image_05 {
    display: none;
  }

  .reserve_multiple_features_item_image_05.is-sp {
    display: block;
  }

  .reserve-multiple--outcome {
    padding-bottom: 6.25rem;
  }

  .reserve-multiple--outcome-wrap {
    padding-top: var(--padding-margin--size-l);
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
    padding-left: 0;
    padding-right: 0;
  }

  .reserve-multiple--outcome-list-item {
    padding-left: var(--padding-margin--size-l);
    background-size: 30px;
    min-height: 1.875rem;
  }

  .reserve-multiple--clients-carousel-wrap {
    width: calc(100% + var(--safe-area--sa-s) * 2);
  }

  .reserve-multiple--client-item-header {
    flex: 1;
  }

  .reserve_multiple_client_info_logo {
    object-fit: cover;
  }

  .reserve_multiple_client_image_header {
    object-fit: contain;
    max-height: 30px;
  }

  .reserve-multiple--floating-wrap {
    z-index: 10;
    padding: var(--gap-flex-grid--gap-s);
    border-style: solid none none;
    border-width: 1px 0 0;
    border-color: var(--border-color--border-primary) black black;
    background-color: var(--bg-color--bg-primary);
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .reserve-multiple--floating-ads-wrap {
    display: none;
  }

  .reserve-multiple--hero-btn-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .feature-pickup--text-box {
    grid-column-gap: var(--letter-spacing--spacing-zero);
    grid-row-gap: var(--letter-spacing--spacing-zero);
  }

  .feature-pickup--title {
    text-align: center;
    font-size: 1.625rem;
  }

  .feature-pickup--accordion-dropdown.feature-pickup--accordion-dropdown--1, .feature-pickup--accordion-dropdown.feature-pickup--accordion-dropdown--2, .feature-pickup--accordion-dropdown.feature-pickup--accordion-dropdown--3 {
    grid-column-gap: var(--padding-margin--size-s);
    grid-row-gap: var(--padding-margin--size-s);
  }

  .charion-bundle--hero--btn-primary, .saison-bundle--hero--btn-primary-copy {
    line-height: 1.3em;
  }

  .partner-nav-logo-image {
    height: 22px;
  }

  .regi-pricing--required-grid, .regi-pricing--option-grid {
    flex-flow: column;
  }

  .reserve--system-col-wrap {
    flex-flow: column;
    display: flex;
  }

  .open-modal--video {
    border-radius: var(--radius--radius-m);
  }

  .bpsp--merit-wrap {
    flex-flow: column;
  }

  .bpsp--merit-item {
    width: 100%;
  }

  .bpsp--hero-badge {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    flex-flow: wrap;
  }

  .standard-plan-ec--title {
    font-size: var(--_typography---heading-text-txt--heading-l);
  }

  .standard-plan-ec--subtitle {
    font-size: var(--_typography---heading-text-txt--heading-s);
  }

  .standard-plan-ec--title-tag {
    line-height: var(--_typography---body-text-txt--body-xl);
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }

  .standard-plan-ec--title-price {
    font-size: var(--_typography---heading-text-txt--heading-xl);
    margin-bottom: -10px;
  }

  .standard-plan-ec--commission {
    margin-bottom: -14px;
    font-size: 4rem;
  }

  .text-span-27 {
    font-size: 2rem;
  }

  .standard-plan-ec--title-price-line {
    height: 16px;
  }

  .standard-plan-ec--title-price-line2 {
    height: 22px;
  }

  .standard-plan-ec--img-wrap {
    margin-top: 0;
  }

  .standard-plan-ec--hero--txt-wrap {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }

  .standard-plan-ec--plan--subtitle {
    font-size: var(--_typography---heading-text-txt--heading-s);
  }

  .standard-plan-ec--plan--title {
    font-size: var(--_typography---heading-text-txt--heading-l);
  }

  .standard-plan-ec--plan--title-price {
    margin-bottom: -10px;
    font-size: 4rem;
  }

  .standard-plan-ec--plan--img {
    display: none;
  }

  .div-block-30 {
    margin-top: var(--padding-margin--size-ml);
    margin-bottom: var(--padding-margin--size-ml);
    grid-column-gap: var(--padding-margin--size-m);
    grid-row-gap: var(--padding-margin--size-m);
  }

  .standard-plan-ec--plan--img-caption {
    font-size: var(--_typography---caption-text-txt--caption-s);
  }

  .standard-plan-ec--plan--img-sp {
    display: block;
  }

  .standard-plan-ec--container {
    padding-top: var(--padding-margin--size-l);
  }

  .standard-plan-ec--hero {
    padding-bottom: 60px;
    overflow: hidden;
  }

  .standard-plan-ec--hero--grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    place-items: center;
    width: 100%;
  }

  .standard-plan-ec--section-title-desc-wrap-mb40 {
    margin-bottom: 0;
  }

  .standard-plan-ec--cards--wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .pricing-sim--sim-wrap {
    max-width: none;
  }

  .pricing-sim--block-title {
    font-size: 30px;
    display: block;
  }

  .prcing-sim-result--services {
    padding-top: 0;
  }

  .lp-type-01--reason-card--grid {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
  }

  .lp-type-01--reason-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
  }

  .lp-type-01--reason-card--img-pc {
    display: none;
  }

  .lp-type-01--reason-card--img-sp {
    display: block;
  }

  .lp-type-01--reason-card--txt-wrap {
    padding: 0;
  }

  .lp-type-01--reason-card--txt {
    font-size: 1.2rem;
  }

  .bundle-plan--question--cards--wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .online--kv {
    width: 200vw;
  }

  .online-feature--content-wrap {
    flex-flow: column;
  }

  .reserve--bottom-fixed-banner {
    display: none;
  }

  .reserve--cta--banner {
    flex: none;
    padding: 12px 20px;
    font-size: .875rem;
  }

  .reserve--bottom-fixed-banner--img {
    bottom: 78px;
  }

  .reserve--bottom-fixed-banner--box {
    padding-bottom: var(--padding-margin--size-xs);
  }

  .black-border-pricing--payment-fee {
    font-size: 32px;
  }

  .lp-type-01--services--item--thumb-wrap {
    border-radius: 10px;
  }

  .lp-type-01--services--item {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    padding-bottom: 12px;
  }

  .lp-standard--hero--content--title {
    font-size: var(--_typography---heading-text-txt--heading-xl);
  }

  .bg-bundle-payments--hero {
    padding-bottom: var(--letter-spacing--spacing-zero);
  }

  .lp--conference2025--section-hero {
    padding-top: var(--padding-margin--size-l);
    padding-bottom: 56px;
  }

  .lp--conference2025--section-concept {
    padding-top: 56px;
    padding-bottom: var(--padding-margin--size-xl);
  }

  .lp--conference2025--section-1, .lp--conference2025--section-2, .lp--conference2025--section-3 {
    padding-top: 56px;
    padding-bottom: var(--padding-margin--size-l);
  }

  .lp--conference2025--section-outline {
    padding-top: 0;
  }

  .lp--conference2025--cta {
    text-align: center;
  }

  .lp--conference2025--hero-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .lp--conference2025--concept-heading {
    font-size: 3rem;
  }

  .lp--conference2025--concept-text {
    text-align: left;
  }

  .lp--conference2025--concept-title-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .lp--conference2025--concept-schedule-wrap {
    margin-top: 56px;
    margin-bottom: 0;
  }

  .lp--conference2025--card-tile {
    font-size: 1rem;
  }

  .lp--conference2025--card-name {
    font-size: 1.5rem;
  }

  .lp--conference2025--card-text {
    font-size: 1.125rem;
  }

  .lp--conference2025--card-company {
    font-size: 1rem;
  }

  .lp--conference2025--section-slide {
    margin-top: 48px;
  }

  .lp--conference2025--section-slide-mask {
    width: 100%;
    overflow: hidden;
  }

  .lp--conference2025--privary-wrap {
    margin-top: -1.5rem;
  }

  .lp--conference2025--logo-link {
    width: 150px;
  }

  .lp--conference2025--hero-image-pc {
    display: none;
  }

  .lp--conference2025--hero-image-sp {
    display: block;
  }

  .payments--processing-fees {
    flex-flow: column;
    display: flex;
  }

  .line-rs-btn-hero-subtext {
    font-size: .9375rem;
  }

  .ec--reason--content {
    grid-column-gap: var(--gap-flex-grid--gap-m);
    grid-row-gap: var(--gap-flex-grid--gap-m);
    flex-flow: column;
  }

  .ec--reason--image, .ec--reason--content-text-wrap {
    width: 100%;
  }

  .ec--reason--sell-method-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .ec--section--title {
    display: none;
  }

  .ec--section--title.is-sp {
    letter-spacing: 0;
    display: block;
  }

  .release--header--copy {
    display: none;
  }

  .release--pickup--slider {
    height: 300px;
  }

  .release--pickup--slider--img {
    height: 270px;
  }

  .release--pickup--slider--desc {
    text-align: center;
    font-size: 12px;
  }

  .release--pickup {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .release--pickup--new-device {
    flex-flow: column;
  }

  .release--pickup--regi {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .release--food {
    padding-top: 100px;
    padding-bottom: 50px;
    overflow: hidden;
  }

  .release--food--heading-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .release--mo--video-bg {
    height: 480px;
  }

  .release--mo--video-position-container {
    height: 530px;
  }

  .release--mo {
    padding-bottom: 0;
  }

  .release--mo--txt-wrap {
    padding-top: 24px;
  }

  .release--food-feature {
    padding-bottom: 50px;
  }

  .release--food-feature--flexbox {
    padding-left: 16px;
    padding-right: 16px;
  }

  .release--food-feature--grid {
    grid-template-columns: 1fr;
    padding: 32px 20px;
  }

  .release--food-feature--desc {
    font-size: .625rem;
  }

  .release--updates {
    padding-top: 100px;
  }

  .release--updates--pickup-grid {
    grid-template-columns: 1fr;
    padding-left: 24px;
    padding-right: 24px;
  }

  .release--updates--release-note-desc {
    font-size: .625rem;
  }

  .release--hero {
    padding-top: 80px;
    padding-left: 0;
    padding-right: 0;
  }

  .release--updates--release-note {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .release--recap {
    padding-top: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .release--recap--heading {
    font-size: 40px;
  }

  .release--hero--heading {
    font-size: var(--_typography---heading-text-txt--heading-l);
  }

  .release--hero--desc {
    font-size: var(--_typography---body-text-txt--body-s);
    display: inline;
  }

  .release--mo--video {
    border-radius: 37px;
    width: 212px;
    height: 458px;
    top: 11px;
    left: 19px;
  }

  .release--mo--video-wrap {
    width: 248px;
    height: 480px;
  }

  .release--cta-block {
    padding-top: 50px;
    padding-bottom: 0;
  }

  .release--cta-wrap {
    flex-flow: column;
  }

  .release--block--desc {
    font-size: var(--_typography---body-text-txt--body-s);
  }

  .release--hero--video {
    border-radius: 0;
    height: 500px;
  }

  .release--food--marquee-img {
    height: 100px;
  }

  .release-gallery {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .release--owner-voice--owner-name {
    font-size: 10px;
  }

  .release--owner-voice--bq {
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .release--owner-voice {
    width: 80%;
    padding-left: 40px;
    padding-right: 40px;
    overflow: visible;
  }

  .release--recap--service-img {
    height: 60px;
  }

  .release--recap--service-desc {
    font-size: 10px;
  }

  .release--recap--services-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    max-width: 100vw;
    padding-top: 32px;
  }

  .release--recap--service-name {
    font-size: 12px;
  }

  .release--header {
    padding-left: 10px;
    padding-right: 10px;
    overflow: visible;
  }

  .release--updates--release-note-heading {
    font-size: 14px;
  }

  .release--updates--pickup-img {
    height: 170px;
  }

  .release--play {
    padding: 100px 40px;
    overflow: visible;
  }

  .release--play--img {
    height: auto;
  }

  .release--play--video {
    width: 300px;
    height: 300px;
    margin-bottom: 100px;
  }

  .release--block-tagline {
    font-size: 12px;
  }

  .release--food--tagline-wrap {
    padding-bottom: 60px;
  }

  .charion--helo-text-sp {
    text-align: center;
    margin-bottom: -12px;
  }

  .regi--reason-card-inner {
    flex-flow: column;
  }

  .makitori--footer-copyright-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .makitori--btn {
    text-align: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .makitori--section-cta-wrap {
    align-items: stretch;
    width: 100%;
  }

  .makitori--section-title.is-pc {
    display: none;
  }

  .makitori--hero-heading {
    font-size: 2.25rem;
  }

  .makitori--solution-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .st--plan-with-summary {
    padding: var(--padding-margin--size-ml);
  }

  .st--plan-with-summary--plan-info {
    width: 100%;
  }

  .specialrate-hero--rate-target-list-item {
    text-align: center;
    letter-spacing: 0;
  }

  .specialrate-hero--rate-wrap {
    margin-top: var(--padding-margin--size-m);
  }

  .medical-fee--wrap, .medical-fee--image, .medical-fee--brand-list-item {
    width: 100%;
  }

  .medical-feature--list-wrap {
    flex-flow: column;
  }

  .medical-feature--list-item {
    width: 100%;
  }

  .medical-feature--type-wrap {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .medical-required--image-wrap {
    grid-column-gap: var(--gap-flex-grid--gap-l);
    grid-row-gap: var(--gap-flex-grid--gap-l);
    flex-flow: column;
  }

  .medical-required--image {
    width: 100%;
  }

  .ec-handmade--compare-tab-wrap {
    display: flex;
  }

  .ec-handmade--compare-tab {
    width: -moz-fit-content;
    width: fit-content;
  }

  .ec-handmade--compare-tab-panel-sp {
    overflow: auto;
  }

  .offer-hero-section {
    margin-right: var(--safe-area--sa-s);
    margin-left: var(--safe-area--sa-s);
  }

  .offer--services--block {
    width: 100%;
    overflow: hidden;
  }

  .offer--service--grid {
    box-sizing: border-box;
    width: 100%;
  }

  .offer-tag {
    object-fit: contain;
    flex: none;
  }

  .offer-tag-text {
    object-fit: contain;
  }

  .offer--hero--h1 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .offer--paragraph--center {
    display: block;
  }

  .text-span-34 {
    text-align: center;
  }

  .collection-list-wrapper-2 {
    width: 100%;
  }

  .partner-special-offer-deadline {
    font-size: var(--_primitivetokens---scale--scale-16);
  }

  .lp-standard-banner-copy-wrap {
    max-width: 280px;
  }

  .lp-standard-banner-copy-blue {
    display: block;
  }

  .lp-standard-banner-btn-wrap {
    width: 100%;
    max-width: 300px;
  }

  .saison-special-offer-img-sp-img {
    display: block;
  }

  .home--services-heading-txt {
    flex-flow: column;
    font-size: 14px;
    display: flex;
  }

  .div-block-32 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .home-services-card-hide {
    min-height: 240px;
    max-height: 300px;
  }

  .bpsp-banner-bg.bpsp--pc-show {
    display: none;
  }

  .bpsp-banner-bg.bpsp--mb-show {
    display: block;
  }

  .bpsp--cp-banner-content-l {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
  }

  .bpsp--banner-tag {
    padding: 4px var(--padding-margin--size-xs);
    font-size: 16px;
  }

  .bpsp--banner-tag-text {
    font-size: 16px;
  }

  .bpsp-cp-banner-content-r {
    grid-column-gap: var(--padding-margin--size-ml);
    grid-row-gap: var(--padding-margin--size-ml);
    flex: 0 auto;
  }

  .bpsp-banner-deadline {
    justify-content: space-between;
    align-items: flex-end;
    font-size: 26px;
  }

  .banner-text-date {
    font-size: 34px;
  }

  .banner-text-year {
    font-size: 24px;
  }

  .banner-text-day {
    font-size: 22px;
  }

  .bpsp--cp-banner-benefits {
    padding: var(--padding-margin--size-s);
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
  }

  .bpsp-cp-banner-cta {
    flex-flow: column;
  }

  .bpsp_banner_balloon_pink {
    height: 80px;
  }

  .banner-arrow {
    transform: none;
  }

  .bpsp-banner-benefits-after {
    font-size: 64px;
    line-height: 1.4;
  }

  .text-span-38 {
    font-size: 40px;
  }

  .bpsp-banner-sp {
    z-index: 0;
    padding: var(--padding-margin--size-m);
    grid-column-gap: var(--gap-flex-grid--gap-ml);
    grid-row-gap: var(--gap-flex-grid--gap-ml);
    border-radius: var(--radius--radius-l);
    display: flex;
    overflow: hidden;
  }

  .petal-right-sp {
    inset: auto -140px -32px auto;
  }

  .petal-left-sp {
    inset: -110px auto auto -110px;
  }

  .bpsp--banner-balloon-group {
    margin-bottom: 16px;
  }

  .bpsp--cp-detail-section {
    padding: var(--padding-margin--size-m);
    justify-content: flex-start;
    align-items: center;
  }

  .bpsp-cta {
    grid-column-gap: var(--gap-flex-grid--gap-s);
    grid-row-gap: var(--gap-flex-grid--gap-s);
    flex-flow: column;
    display: flex;
  }
}


/* ===== Webflow layout classes are defined near the top of this file (lines ~166-197). =====
   Duplicating w-layout-* here would override display:none visibility rules that come after
   the top-of-file definitions (e.g. .coffee-mb-show { display:none } at line ~3104). */

/* ===== Webflow .w-slider (used in coffee page carousel) ===== */
.w-slider { position: relative; clear: both; overflow: hidden; }
.w-slider-mask { position: relative; display: block; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; }
.w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; }
.w-slider-nav { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-user-select: none; user-select: none; }
.w-slider-nav.w-round > div { border-radius: 100%; }
.w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; z-index: 3; }
.w-slider-arrow-left { left: 0; right: auto; }

/* Webflow .w-slider nav dots — default fallback (overridden per-page via head_styles) */
.w-slider-nav .w-slider-dot { width: 0.8em; height: 0.8em; background-color: rgba(0,0,0,0.2); border-radius: 100%; display: inline-block; margin: 0 3px 3px; cursor: pointer; }
.w-slider-nav .w-slider-dot.w-active { background-color: rgba(0,0,0,0.6); }

/* ===== Base heading/paragraph styles scoped to Webflow body content only ===== */
/* Scoped to .solutions-content to avoid overriding Tailwind utilities in React components */
/* Use :where() to lower specificity so page-specific class rules can override */
:where(.solutions-content) h1 { font-size: var(--_typography---heading-text-txt--heading-xl); line-height: var(--_typography---heading-text-txt--heading-line-height); margin-top: 0; margin-bottom: 0; font-weight: 600; }
:where(.solutions-content) h2 { font-size: var(--_typography---heading-text-txt--heading-l); line-height: var(--_typography---heading-text-txt--heading-line-height); margin-top: 0; margin-bottom: 0; font-weight: 600; }
:where(.solutions-content) h3 { font-size: var(--_typography---heading-text-txt--heading-m); line-height: var(--_typography---heading-text-txt--heading-line-height); margin-top: 0; margin-bottom: 0; font-weight: 600; }
:where(.solutions-content) h4 { font-size: var(--_typography---heading-text-txt--heading-s); line-height: var(--_typography---heading-text-txt--heading-line-height); margin-top: 0; margin-bottom: 0; font-weight: 600; }
:where(.solutions-content) h5, :where(.solutions-content) h6 { font-size: var(--_typography---heading-text-txt--heading-xs); line-height: var(--_typography---heading-text-txt--heading-line-height); margin-top: 0; margin-bottom: 0; font-weight: 600; }
:where(.solutions-content) p { font-size: 1rem; line-height: var(--_typography---body-text-txt--body-line-height); margin-bottom: 0; }
:where(.solutions-content) a { color: var(--function-color--emphasis); font-weight: 600; text-decoration: none; }

/* ===== lp-nav sticky bar (salon / fitness / reserve-multiple) ===== */
.lp-nav--btn-wrap { grid-column-gap: 16px; grid-row-gap: 16px; display: flex; }
.lp-nav--body { z-index: 40; -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%); background-color: rgba(255,255,255,.8); transition: background-color .2s linear; position: sticky; top: 0; }
.lp-nav--inner-wrap { flex-flow: row; justify-content: space-between; align-items: center; width: 100%; height: 72px; display: flex; }
