@charset "UTF-8";
.motto, main[data-page='landing'] .pricing-list-item h2 {
  color: #F0C316;
  font-family: 'Manjari', 'Kosugi Maru', sans-serif;
  -webkit-text-stroke: 1px black;
  text-shadow: -1px 1px 0px currentColor, -3px 1px 0px black, -1px 3px 0px black, -3px 3px 0px black; }

main[data-page='help'] > .chapters .chapter h2 span,
main[data-page='marketing'] > .chapters .chapter h2 span {
  font-family: 'Manjari', 'Kosugi Maru', sans-serif;
  transform: translateY(0.2em); }

*,
*::before,
*::after {
  box-sizing: inherit;
  font-family: inherit; }

html {
  box-sizing: border-box;
  font-size: 62.5%;
  font-family: 'poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  overflow-x: hidden;
  scroll-behavior: smooth; }
  @media only screen and (max-width: 1280px) {
    html {
      font-size: 50%; } }
  html body {
    font-size: 2rem;
    width: 100vw;
    margin: 0;
    overflow-x: hidden; }
    @media only screen and (max-width: 720px) {
      html body {
        font-size: 1.8rem; } }

a {
  text-decoration: none;
  color: inherit; }

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

dl {
  margin: 0; }
  dl dd {
    margin: 0; }

h1, h2, h3, h4 {
  color: #272727;
  font-weight: initial;
  margin: initial; }

p {
  margin: initial; }

strong, dt {
  color: #272727; }

figure {
  margin: initial; }

[data-device='phone'] {
  display: none !important; }

@media only screen and (max-width: 720px) {
  [data-device='pc'] {
    display: none !important; }
  [data-device='phone'] {
    display: block !important; } }

.logo {
  display: inline-block;
  height: 4.8rem;
  width: 20rem;
  background: url(/images/eats/landing/eats_logo.svg) bottom/contain no-repeat; }
  .logo.beta {
    position: relative; }

.motto {
  margin: -1rem 0; }
  .motto i {
    font-size: 1.3em;
    margin-left: 0.2em; }

.button {
  display: inline-block;
  background-color: #0193FF;
  color: white;
  padding: 1rem 2rem;
  border-radius: 1rem;
  transition: all 0.2s;
  will-change: filter;
  white-space: nowrap; }
  .button:hover {
    filter: brightness(1.2);
    color: white; }
  .button_sub {
    color: #0193FF;
    background-color: white;
    border: solid 1px currentColor; }
    .button_sub:hover {
      color: #0193FF; }
  .button-fancy, .button-fancy:link, .button-fancy:visited {
    background-image: linear-gradient(to bottom, #0093ff, #0066ff);
    box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.1);
    padding-left: 2rem;
    padding-right: 2rem; }

.link {
  color: #0193FF;
  display: inline-block;
  position: relative; }
  .link::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    transition: transform 0.2s; }
  .link:hover::after {
    transform: scaleX(1); }

.fancy-button {
  font-size: 2rem;
  display: inline-block;
  color: #0193FF;
  background-color: white;
  padding: 0.75em 1.5em;
  border-radius: 1em;
  border: solid 1px black;
  text-transform: lowercase;
  box-shadow: -2px 2px 0px white, -4px 4px 0px 1px black, 0px 5px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
  will-change: filter, transform; }
  .fancy-button_sub {
    background-color: #0193FF;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
    color: white;
    box-shadow: -2px 2px 0px #0193FF, -4px 4px 0px 1px black, 0px 5px 10px rgba(0, 0, 0, 0.1); }
  .fancy-button:hover {
    filter: brightness(1.2);
    transform: translateY(-2px); }

.steps {
  display: flex; }
  .steps .step {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .steps .step dt {
      color: #777;
      text-align: center; }
      .steps .step dt::before {
        content: attr(data-step);
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        background-color: #F0C316;
        width: 5.6rem;
        height: 5.6rem;
        border-radius: 5.6rem;
        font-size: 3.6rem;
        font-weight: bold;
        -webkit-text-stroke: 1px black;
        border: solid 1px black;
        box-shadow: -1px 1px 0px #F0C316, -3px 1px 0px black, -1px 3px 0px black, -3px 3px 0px black;
        margin: 0 auto;
        margin-bottom: 2rem; }
    .steps .step dd {
      margin-top: 2rem; }
  @media only screen and (max-width: 720px) {
    .steps {
      flex-direction: column; }
      .steps .step {
        position: relative;
        margin-left: 0 !important;
        padding-bottom: 5rem; }
        .steps .step:not(:last-child) {
          margin-bottom: 1rem; }
          .steps .step:not(:last-child)::before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            border-left: dashed 2px #F0C316;
            transform: translate(2.5rem, 2.5rem);
            z-index: -1; }
        .steps .step dt {
          display: flex;
          text-align: start;
          align-items: center;
          width: 100%; }
          .steps .step dt span {
            flex: 1; }
          .steps .step dt::before {
            margin: 0;
            margin-right: 1rem;
            flex-shrink: 0;
            flex-grow: 0; }
        .steps .step dd > * {
          background-position-y: top !important; } }

body {
  background-color: #F9F9F9;
  color: #777; }

header {
  height: 8rem;
  width: 100%;
  background-color: #FFF; }
  @media only screen and (max-width: 720px) {
    header {
      position: fixed;
      top: 0;
      z-index: 1; } }
  header nav {
    height: 100%;
    margin: 0 auto;
    max-width: 144rem;
    display: flex;
    align-items: center;
    text-transform: lowercase;
    padding: 0 2rem;
    font-size: 1.8rem; }
    header nav [role='language'] {
      display: block;
      width: 2rem;
      height: 2rem; }
      header nav [role='language'][data-lang='en'] {
        background-image: url(/images/eats/landing/uk.svg); }
      header nav [role='language'][data-lang='ja'] {
        background-image: url(/images/eats/landing/japan.svg); }
    header nav a {
      transition: all 0.2s; }
      header nav a:hover {
        color: #F0C316; }
    header nav > *:not(:first-child) {
      margin-left: 2rem; }

main {
  margin: 0 auto;
  max-width: 128rem;
  position: relative;
  padding: 0 2rem; }

footer {
  background-color: #F0C316;
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
  font-size: 1.6rem;
  margin-top: 40rem;
  padding: 6rem 0; }
  footer > ul {
    max-width: calc(144rem - 2rem);
    margin: -2rem auto;
    display: flex;
    justify-content: space-evenly; }
    @media only screen and (max-width: 720px) {
      footer > ul {
        flex-direction: column;
        align-items: center;
        text-align: center; } }
    footer > ul > li {
      margin: 2rem;
      flex: 0 1 20rem; }
      @media only screen and (max-width: 720px) {
        footer > ul > li {
          flex: 1; } }
      footer > ul > li .logo {
        filter: brightness(10); }
      footer > ul > li h3 {
        opacity: 0.5;
        margin-bottom: 1rem; }
      footer > ul > li ul li {
        color: white; }

[class^='icon-']::before {
  color: inherit; }

[role='logo-group'] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto; }
  [role='logo-group'] [role='logo'] {
    margin-top: -1rem; }
  [role='logo-group'] [role='powered-by'] {
    margin-left: 1rem;
    white-space: nowrap; }
  [role='logo-group'].logo-small {
    flex-direction: column; }
    [role='logo-group'].logo-small [role='powered-by'] {
      font-size: 1.2rem;
      margin-left: initial; }
  @media only screen and (max-width: 720px) {
    [role='logo-group'] {
      flex-direction: column; }
      [role='logo-group'] [role='powered-by'] {
        font-size: 1.2rem;
        margin-left: initial; } }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(1rem);
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  display: none;
  z-index: 10;
  max-width: 100vw;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s; }
  @supports (pointer-events: none) {
    .popup {
      display: flex;
      pointer-events: none; } }
  .popup-dismiss {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .popup-container {
    background-color: white;
    border-radius: 1rem;
    overflow: hidden;
    padding: 4rem 4rem;
    z-index: 1;
    width: 52rem;
    max-width: 100vw;
    position: relative;
    pointer-events: none;
    z-index: 0;
    transform: translateY(10rem);
    opacity: 0;
    transition: all 0.3s;
    display: none; }
    .popup-container .close {
      display: flex;
      position: absolute;
      justify-content: center;
      align-items: center;
      width: 3.2rem;
      height: 3.2rem;
      border-radius: 3.2rem;
      border: solid 1px currentColor;
      color: #ce6355;
      top: 2.4rem;
      right: 2.4rem; }
      .popup-container .close::before {
        content: '×';
        font-size: 2.8rem;
        color: #ce6355;
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 0.2rem; }
    .popup-container form {
      display: flex;
      flex-direction: column;
      align-items: stretch; }
      .popup-container form h2 {
        text-align: center;
        font-size: 2rem;
        margin-bottom: 3rem; }
      .popup-container form hr {
        border: none;
        width: 4.8rem;
        height: 0.4rem;
        border-radius: 0.4rem;
        background-color: #F0C316;
        margin: 0 auto; }
      .popup-container form .input-group {
        border-radius: 0.5rem;
        border: solid 1px #d0c9c3;
        padding: 1rem 2rem;
        display: flex;
        align-items: center;
        justify-content: center; }
        .popup-container form .input-group.invalid {
          border-color: #ce6355; }
          .popup-container form .input-group.invalid::before {
            color: #ce6355; }
          .popup-container form .input-group.invalid input:not([type='checkbox']),
          .popup-container form .input-group.invalid select {
            border-color: #ce6355; }
          .popup-container form .input-group.invalid select {
            color: #bbb;
            font-style: italic; }
        .popup-container form .input-group input:not([type='checkbox']),
        .popup-container form .input-group select {
          border: none;
          flex: 1;
          outline: none;
          border-left: solid 1px #d0c9c3;
          padding-left: 1rem;
          margin-left: 1rem;
          align-self: stretch;
          font-size: 1.8rem;
          border-radius: 0;
          appearance: none;
          -webkit-appearance: none; }
          .popup-container form .input-group input:not([type='checkbox'])::placeholder,
          .popup-container form .input-group select::placeholder {
            font-style: italic;
            opacity: 0.5; }
        .popup-container form .input-group::before {
          font-family: 'icomoon';
          margin-left: -1rem;
          font-size: 2.4rem;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 3rem;
          height: 3rem; }
        .popup-container form .input-group[role='restaurant-name']::before {
          content: '\e902'; }
        .popup-container form .input-group[role='username']::before {
          content: '\e93a'; }
        .popup-container form .input-group[role='currency']::before {
          content: '\e911';
          font-size: 3.2rem; }
        .popup-container form .input-group[role='email']::before {
          content: '\e908';
          font-size: 1.8rem; }
        .popup-container form .input-group[role='password']::before {
          content: '\e93b';
          font-size: 3.2rem; }
      .popup-container form .checkbox-group input[type='checkbox'] {
        display: none; }
        .popup-container form .checkbox-group input[type='checkbox'] + label {
          display: flex;
          align-items: center;
          hyphens: auto; }
          .popup-container form .checkbox-group input[type='checkbox'] + label::before {
            content: '\e930';
            font-family: 'icomoon';
            display: inline-block;
            border-radius: 0.5rem;
            border: solid 1px #d0c9c3;
            width: 3.2rem;
            height: 3.2rem;
            margin-right: 1rem;
            display: flex;
            justify-content: center;
            align-items: center;
            color: transparent;
            transition: all 0.2s; }
        .popup-container form .checkbox-group input[type='checkbox']:checked + label::before {
          border-color: #F0C316;
          background-color: #F0C316;
          color: white; }
      .popup-container form a {
        color: #0193FF; }
        .popup-container form a:hover {
          color: #F0C316; }
      .popup-container form button {
        border: none;
        background-color: #F0C316;
        color: white;
        cursor: pointer;
        padding: 2rem 4rem;
        font-size: 2rem;
        border-radius: 0.5rem;
        margin-top: 2rem !important; }
        .popup-container form button:disabled {
          background-color: #d4d4d4;
          color: clrText;
          cursor: initial; }
      .popup-container form > *:not(:empty):not(:first-child) {
        margin-top: 1.6rem; }
      .popup-container form hr {
        margin-top: 1.6rem; }
      .popup-container form [role='notation-group'] {
        display: flex;
        justify-content: space-between; }
      .popup-container form [role='notation'] {
        text-align: center;
        margin-top: 2rem !important; }
      .popup-container form [role='forgot'] {
        text-align: right; }
    .popup-container [role='logo-group'] {
      margin: 5rem 0;
      transform: scale(1.5); }
    .popup-container.on {
      display: block; }
  .popup.on {
    display: flex; }
    @supports (pointer-events: all) {
      .popup.on {
        opacity: 1;
        pointer-events: all;
        display: flex; } }
    .popup.on .popup-container {
      max-height: 80vh;
      width: auto;
      pointer-events: all;
      z-index: 1;
      transform: translateY(0rem);
      opacity: 1;
      overflow-y: auto; }

.main-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: popup 0.2s forwards;
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem); }
  .main-popup.off {
    animation: popdown 0.2s forwards; }
    .main-popup.off .main-popup-wrapper {
      animation: popdown-inner 0.5s forwards cubic-bezier(0.21, 0.92, 0.62, 1.22); }
  .main-popup-dismiss {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    @supports (backdrop-filter: blur(1rem)) {
      .main-popup-dismiss {
        background-color: rgba(0, 0, 0, 0.3); } }
  .main-popup-wrapper {
    position: relative;
    padding: 1.6rem;
    background-color: white;
    z-index: 1;
    border-radius: 1rem;
    box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    animation: popup-inner 0.4s forwards cubic-bezier(0.21, 0.92, 0.62, 1.22);
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 50vh; }
    .main-popup-wrapper .contents-wrapper {
      flex: 1;
      position: relative;
      overflow: hidden; }
      .main-popup-wrapper .contents-wrapper .contents {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto; }
    .main-popup-wrapper footer {
      background-color: #f7f7f7;
      border-top: solid 1px rgba(0, 0, 0, 0.1);
      margin: 1.6rem -1.6rem -1.6rem -1.6rem;
      padding: 1.6rem;
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .main-popup-wrapper .close {
      display: block;
      position: absolute;
      top: 1.6rem;
      right: 1.6rem;
      font-size: 2.4rem;
      z-index: 10; }
      .main-popup-wrapper .close::before {
        content: '\e927';
        font-family: 'icomoon';
        display: block; }

@keyframes popup {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes popup-inner {
  from {
    transform: translateY(10rem);
    opacity: 0; }
  to {
    transform: translateY(0rem);
    opacity: 1; } }

@keyframes popdown {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes popdown-inner {
  from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(1.1);
    opacity: 0; } }

@media only screen and (max-width: 720px) {
  main[data-page='landing'] {
    margin-top: 8rem; } }

main[data-page='landing'] > * {
  max-width: 100%; }

main[data-page='landing'] .splash {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  main[data-page='landing'] .splash [role='description'] {
    padding: 12rem 0; }
    main[data-page='landing'] .splash [role='description'] > *:not(:first-child) {
      margin-top: 3rem; }
    main[data-page='landing'] .splash [role='description'] h1 {
      font-family: 'Manjari', 'Kosugi Maru', sans-serif;
      font-size: 5.2rem;
      margin: 0; }
    main[data-page='landing'] .splash [role='description'] .motto {
      font-size: 6.4rem;
      margin-top: 1rem; }
      @media only screen and (max-width: 720px) {
        main[data-page='landing'] .splash [role='description'] .motto {
          white-space: nowrap;
          font-size: 5rem; } }
    main[data-page='landing'] .splash [role='description'] h3 {
      font-size: 2.8rem; }
    main[data-page='landing'] .splash [role='description'] [role='button-area'] {
      margin: -0.5rem;
      margin-top: 3rem; }
      main[data-page='landing'] .splash [role='description'] [role='button-area'] > * {
        margin: 0.5rem; }
  main[data-page='landing'] .splash [role='image'] {
    flex: 1 0 50%;
    align-self: stretch;
    background: url(/images/eats/landing/splash-1.png) center/contain no-repeat; }
  main[data-page='landing'] .splash[data-device='phone'] [role='description'] {
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding-top: 6rem; }
    main[data-page='landing'] .splash[data-device='phone'] [role='description'] [role='button-area'] {
      display: flex;
      justify-content: center; }
    main[data-page='landing'] .splash[data-device='phone'] [role='description'] [role='image'] {
      flex: 1 0 52rem; }

main[data-page='landing'] .advantages {
  position: relative; }
  @media only screen and (max-width: 720px) {
    main[data-page='landing'] .advantages {
      margin-bottom: -6rem; } }
  main[data-page='landing'] .advantages .advantage {
    display: flex;
    align-items: center; }
    main[data-page='landing'] .advantages .advantage.inverted {
      flex-direction: row-reverse; }
    @media only screen and (max-width: 720px) {
      main[data-page='landing'] .advantages .advantage:nth-of-type(1) {
        margin-bottom: -5rem; }
      main[data-page='landing'] .advantages .advantage:nth-of-type(2) {
        margin-bottom: -3rem; } }
    main[data-page='landing'] .advantages .advantage dl {
      flex: 1; }
      main[data-page='landing'] .advantages .advantage dl dt {
        font-family: 'Manjari', 'Kosugi Maru', sans-serif;
        color: #272727;
        font-size: 3.6rem;
        display: flex;
        align-items: flex-end;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 2rem; }
        main[data-page='landing'] .advantages .advantage dl dt [role='append'] {
          display: inline-block;
          flex: 1 0 16rem;
          height: 16rem;
          background: var(--image) bottom/contain no-repeat;
          transform: translateY(2rem); }
      main[data-page='landing'] .advantages .advantage dl dd {
        font-size: 2rem; }
        main[data-page='landing'] .advantages .advantage dl dd strong {
          color: #272727; }
    main[data-page='landing'] .advantages .advantage figure {
      flex: 0 0 64rem;
      height: 64rem;
      background: var(--image) center/contain no-repeat; }
      @media only screen and (max-width: 720px) {
        main[data-page='landing'] .advantages .advantage figure {
          background-position-y: top; } }
    @media only screen and (max-width: 720px) {
      main[data-page='landing'] .advantages .advantage {
        flex-direction: column; }
        main[data-page='landing'] .advantages .advantage:not(:first-of-type) {
          margin-top: 2rem; }
        main[data-page='landing'] .advantages .advantage.inverted {
          flex-direction: column; }
        main[data-page='landing'] .advantages .advantage dl dt {
          display: flex;
          flex-direction: column-reverse;
          align-items: center; }
          main[data-page='landing'] .advantages .advantage dl dt [role='append'] {
            align-self: stretch;
            transform: initial; }
        main[data-page='landing'] .advantages .advantage figure {
          flex: 0 0 64rem;
          align-self: stretch; } }

main[data-page='landing'] .setup,
main[data-page='landing'] .how-it-works {
  position: relative;
  padding-bottom: 10rem; }
  @media only screen and (max-width: 720px) {
    main[data-page='landing'] .setup,
    main[data-page='landing'] .how-it-works {
      padding-bottom: 0rem; } }
  main[data-page='landing'] .setup h2,
  main[data-page='landing'] .how-it-works h2 {
    text-align: center;
    margin: 6rem 0;
    margin-top: 10rem;
    font-family: 'Manjari', 'Kosugi Maru', sans-serif; }
    main[data-page='landing'] .setup h2 strong,
    main[data-page='landing'] .how-it-works h2 strong {
      font-weight: normal;
      display: inline-block;
      position: relative; }
      main[data-page='landing'] .setup h2 strong::after,
      main[data-page='landing'] .how-it-works h2 strong::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 6px;
        border-radius: 2px;
        background-color: #F0C316; }
  main[data-page='landing'] .setup .steps .step:not(:first-child),
  main[data-page='landing'] .how-it-works .steps .step:not(:first-child) {
    margin-left: 2rem; }
  main[data-page='landing'] .setup .steps .step dd > *,
  main[data-page='landing'] .how-it-works .steps .step dd > * {
    height: 42rem;
    background: var(--image) center/contain no-repeat; }
  main[data-page='landing'] .setup::after,
  main[data-page='landing'] .how-it-works::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48rem;
    height: 50rem;
    background: url(/images/eats/landing/dots.png) bottom/contain no-repeat;
    z-index: -1; }
    @media only screen and (max-width: 720px) {
      main[data-page='landing'] .setup::after,
      main[data-page='landing'] .how-it-works::after {
        display: none; } }

main[data-page='landing'] .how-it-works {
  margin-bottom: 10rem; }
  @media only screen and (max-width: 720px) {
    main[data-page='landing'] .how-it-works {
      margin-bottom: 0rem; }
      main[data-page='landing'] .how-it-works .steps .step dd {
        width: 100%;
        height: 180vw;
        position: relative; }
        main[data-page='landing'] .how-it-works .steps .step dd > * {
          width: 100%;
          height: 100%; } }
  main[data-page='landing'] .how-it-works::after {
    left: unset;
    right: 0;
    transform: scaleX(-1); }

main[data-page='landing'] .features h2 {
  font-family: 'Manjari', 'Kosugi Maru', sans-serif;
  text-align: center;
  margin-bottom: 6rem; }
  @media only screen and (max-width: 720px) {
    main[data-page='landing'] .features h2 {
      display: flex;
      flex-direction: column-reverse;
      align-items: center; } }
  main[data-page='landing'] .features h2::after {
    content: '';
    width: 16rem;
    height: 18rem;
    display: inline-block;
    background: url(/images/eats/landing/salt.svg) center 2rem/contain no-repeat; }

main[data-page='landing'] .features .feature-list {
  display: flex;
  margin: 1rem; }
  @media only screen and (max-width: 720px) {
    main[data-page='landing'] .features .feature-list {
      flex-direction: column; } }
  main[data-page='landing'] .features .feature-list .feature {
    flex: 1;
    margin: 1rem; }
    main[data-page='landing'] .features .feature-list .feature dt {
      font-size: 2.6rem;
      margin-bottom: 4rem; }
    main[data-page='landing'] .features .feature-list .feature dd ul {
      display: contents; }
      main[data-page='landing'] .features .feature-list .feature dd ul li {
        font-size: 1.5rem; }
        main[data-page='landing'] .features .feature-list .feature dd ul li:not(:first-of-type)::before {
          content: '';
          display: block;
          height: 2px;
          width: 4.4rem;
          margin: 2rem 0;
          border-radius: 2px;
          background-color: #F0C316; }
          @media only screen and (max-width: 720px) {
            main[data-page='landing'] .features .feature-list .feature dd ul li:not(:first-of-type)::before {
              margin: 2rem auto; } }
        main[data-page='landing'] .features .feature-list .feature dd ul li a {
          transition: color 0.2s; }
          main[data-page='landing'] .features .feature-list .feature dd ul li a:hover {
            color: #F0C316; }
    @media only screen and (max-width: 720px) {
      main[data-page='landing'] .features .feature-list .feature {
        text-align: center; }
        main[data-page='landing'] .features .feature-list .feature:not(:first-of-type) {
          margin-top: 10rem; } }

main[data-page='landing'] .pricing_new > h2 {
  text-align: center;
  margin-top: 20rem;
  margin-bottom: 6rem;
  font-family: 'Manjari', 'Kosugi Maru', sans-serif; }

main[data-page='landing'] .pricing_new-list {
  display: flex;
  margin: -2rem;
  justify-content: center; }
  @media only screen and (max-width: 720px) {
    main[data-page='landing'] .pricing_new-list {
      flex-direction: column;
      align-items: stretch; } }
  main[data-page='landing'] .pricing_new-list-item {
    margin: 2rem;
    flex: 0 1 32rem;
    background-color: white;
    padding: 4rem 2rem;
    border-radius: 2rem;
    text-align: center;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
    main[data-page='landing'] .pricing_new-list-item h4 {
      font-size: 1.8rem; }
    main[data-page='landing'] .pricing_new-list-item .price-box {
      height: 20rem;
      margin-top: 4rem; }
      main[data-page='landing'] .pricing_new-list-item .price-box h2 {
        font-size: 8rem;
        font-family: 'Manjari', 'Kosugi Maru', sans-serif; }
        main[data-page='landing'] .pricing_new-list-item .price-box h2.dollar::before {
          content: '$'; }
        main[data-page='landing'] .pricing_new-list-item .price-box h2.asterisk {
          display: inline-block;
          vertical-align: text-top;
          position: relative; }
          main[data-page='landing'] .pricing_new-list-item .price-box h2.asterisk::after {
            content: '*';
            font-size: 2rem;
            display: block;
            position: absolute;
            top: 0;
            right: -1rem; }
      main[data-page='landing'] .pricing_new-list-item .price-box h3 {
        font-size: 1.4rem;
        opacity: 0.7; }
      main[data-page='landing'] .pricing_new-list-item .price-box h5 {
        font-size: 2rem;
        color: inherit;
        font-weight: normal;
        margin: 0;
        color: #272727; }
    main[data-page='landing'] .pricing_new-list-item a[class^='icon-'] {
      background-image: linear-gradient(to bottom, #0093ff, #0066ff);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 4.6rem; }

main[data-page='landing'] .pricing > h2 {
  text-align: center;
  margin-top: 20rem;
  margin-bottom: 6rem;
  font-family: 'Manjari', 'Kosugi Maru', sans-serif; }

main[data-page='landing'] .pricing-list {
  display: flex;
  margin: -2rem; }
  @media only screen and (max-width: 720px) {
    main[data-page='landing'] .pricing-list {
      flex-direction: column; } }
  main[data-page='landing'] .pricing-list-item {
    margin: 2rem;
    flex: 1;
    background-color: white;
    padding: 2rem;
    border-radius: 2rem;
    text-align: center;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
    main[data-page='landing'] .pricing-list-item h4 {
      margin-top: 10rem;
      font-size: 2rem;
      text-shadow: 0 -1.25em rgba(0, 0, 0, 0.5), 0 -2.5em rgba(0, 0, 0, 0.3), 0 -3.75em rgba(0, 0, 0, 0.2), 0 -5em rgba(0, 0, 0, 0.1);
      animation: plus-one 0.75s cubic-bezier(0.14, 0.7, 0.57, 1.12) infinite forwards; }
    main[data-page='landing'] .pricing-list-item h2 {
      font-size: 8rem;
      margin: 2rem 0;
      transform: translateY(0.2em); }
    main[data-page='landing'] .pricing-list-item h3 {
      font-size: 2rem;
      margin-bottom: 4rem; }
      main[data-page='landing'] .pricing-list-item h3 small {
        display: block;
        opacity: 0.5; }

main[data-page='landing'] .pricing > span {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  margin-top: 6rem; }
  main[data-page='landing'] .pricing > span a {
    color: #272727;
    font-weight: bold;
    transition: color 0.2s; }
    main[data-page='landing'] .pricing > span a:hover {
      color: #F0C316; }
    main[data-page='landing'] .pricing > span a i {
      margin-left: 0.5em; }

@keyframes plus-one {
  from {
    text-shadow: 0 0em rgba(0, 0, 0, 0.5), 0 -1.25em rgba(0, 0, 0, 0.4), 0 -2.5em rgba(0, 0, 0, 0.3), 0 -3.75em rgba(0, 0, 0, 0.2), 0 -5em rgba(0, 0, 0, 0.1); }
  to {
    text-shadow: 0 -1.25em rgba(0, 0, 0, 0.4), 0 -2.5em rgba(0, 0, 0, 0.3), 0 -3.75em rgba(0, 0, 0, 0.2), 0 -5em rgba(0, 0, 0, 0.1), 0 -6.25em rgba(0, 0, 0, 0); } }

.main-popup[role='feature'] .main-popup-wrapper {
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  min-height: initial;
  width: 80vmin;
  height: 66.6vmin;
  position: relative; }
  .main-popup[role='feature'] .main-popup-wrapper h2 {
    margin-top: 2rem;
    color: #272727;
    text-align: center;
    font-size: 2.4rem;
    margin-bottom: 2rem; }
  .main-popup[role='feature'] .main-popup-wrapper figure {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    flex: 1;
    width: 100%; }

main[data-page='help'] > .nav,
main[data-page='marketing'] > .nav {
  margin-top: 10rem; }
  main[data-page='help'] > .nav h2,
  main[data-page='marketing'] > .nav h2 {
    font-family: 'Manjari', sans-serif;
    font-weight: 3.6rem;
    margin: 2rem 0; }
    @media only screen and (max-width: 720px) {
      main[data-page='help'] > .nav h2,
      main[data-page='marketing'] > .nav h2 {
        text-align: center;
        margin-top: 13rem;
        margin-bottom: 4rem; } }
  main[data-page='help'] > .nav .chapters,
  main[data-page='marketing'] > .nav .chapters {
    display: flex;
    margin: -1rem; }
    @media only screen and (max-width: 720px) {
      main[data-page='help'] > .nav .chapters,
      main[data-page='marketing'] > .nav .chapters {
        display: grid;
        grid-template-columns: repeat(3, 1fr); } }
    main[data-page='help'] > .nav .chapters .chapter,
    main[data-page='marketing'] > .nav .chapters .chapter {
      flex: 0 1 17rem;
      background-color: #fff;
      margin: 1rem;
      padding: 1rem;
      display: flex;
      flex-direction: column;
      height: 17rem;
      justify-content: space-evenly;
      align-items: center;
      text-align: center;
      font-size: 1.8rem;
      border-radius: 1rem;
      box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.1);
      color: #F0C316; }
      @media only screen and (max-width: 720px) {
        main[data-page='help'] > .nav .chapters .chapter,
        main[data-page='marketing'] > .nav .chapters .chapter {
          hyphens: auto; } }
      main[data-page='help'] > .nav .chapters .chapter i,
      main[data-page='marketing'] > .nav .chapters .chapter i {
        color: inherit;
        font-size: 5rem; }
        main[data-page='help'] > .nav .chapters .chapter i::before,
        main[data-page='marketing'] > .nav .chapters .chapter i::before {
          color: currentColor; }
      main[data-page='help'] > .nav .chapters .chapter.on,
      main[data-page='marketing'] > .nav .chapters .chapter.on {
        color: white;
        background-color: #F0C316; }

main[data-page='help'] > .chapters .chapter,
main[data-page='marketing'] > .chapters .chapter {
  margin-top: 10rem;
  padding-top: 10rem; }
  main[data-page='help'] > .chapters .chapter:not(:first-of-type),
  main[data-page='marketing'] > .chapters .chapter:not(:first-of-type) {
    border-top: dashed 2px #F0C316; }
  main[data-page='help'] > .chapters .chapter h2,
  main[data-page='marketing'] > .chapters .chapter h2 {
    display: flex;
    align-items: center;
    margin-bottom: 4rem; }
    main[data-page='help'] > .chapters .chapter h2 i,
    main[data-page='marketing'] > .chapters .chapter h2 i {
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #F0C316;
      width: 6.4rem;
      height: 6.4rem;
      border-radius: 0.5rem;
      font-size: 4rem; }
    main[data-page='help'] > .chapters .chapter h2 span,
    main[data-page='marketing'] > .chapters .chapter h2 span {
      margin-left: 2rem; }
  main[data-page='help'] > .chapters .chapter h3,
  main[data-page='marketing'] > .chapters .chapter h3 {
    opacity: 0.7;
    font-size: 2.4rem;
    margin: 4rem 0; }
  main[data-page='help'] > .chapters .chapter h4,
  main[data-page='marketing'] > .chapters .chapter h4 {
    font-weight: bold;
    margin-bottom: 2rem; }
  main[data-page='help'] > .chapters .chapter h5,
  main[data-page='marketing'] > .chapters .chapter h5 {
    display: inline;
    color: #272727; }
  main[data-page='help'] > .chapters .chapter .explains,
  main[data-page='marketing'] > .chapters .chapter .explains {
    display: flex;
    margin: -2rem; }
    @media only screen and (max-width: 720px) {
      main[data-page='help'] > .chapters .chapter .explains,
      main[data-page='marketing'] > .chapters .chapter .explains {
        flex-direction: column;
        margin: 0; } }
    main[data-page='help'] > .chapters .chapter .explains > *,
    main[data-page='marketing'] > .chapters .chapter .explains > * {
      margin: 2rem; }
      @media only screen and (max-width: 720px) {
        main[data-page='help'] > .chapters .chapter .explains > *,
        main[data-page='marketing'] > .chapters .chapter .explains > * {
          margin: 0; } }
  main[data-page='help'] > .chapters .chapter .explains,
  main[data-page='marketing'] > .chapters .chapter .explains {
    flex: 1;
    counter-reset: pins; }
    main[data-page='help'] > .chapters .chapter .explains > *,
    main[data-page='marketing'] > .chapters .chapter .explains > * {
      display: flex;
      flex-direction: column;
      flex: 1; }
      @media only screen and (max-width: 720px) {
        main[data-page='help'] > .chapters .chapter .explains > *,
        main[data-page='marketing'] > .chapters .chapter .explains > * {
          flex-direction: column; } }
      main[data-page='help'] > .chapters .chapter .explains > * p,
      main[data-page='marketing'] > .chapters .chapter .explains > * p {
        font-size: 1.8rem; }
      main[data-page='help'] > .chapters .chapter .explains > * figure,
      main[data-page='marketing'] > .chapters .chapter .explains > * figure {
        align-items: stretch;
        background: var(--image) top/contain no-repeat;
        position: relative; }
        main[data-page='help'] > .chapters .chapter .explains > * figure .pin,
        main[data-page='marketing'] > .chapters .chapter .explains > * figure .pin {
          position: absolute;
          counter-increment: pins; }
          main[data-page='help'] > .chapters .chapter .explains > * figure .pin::after,
          main[data-page='marketing'] > .chapters .chapter .explains > * figure .pin::after {
            content: counter(pins);
            transform: translate(-50%, -50%);
            font-size: 2.8rem;
            color: white;
            background-color: #0193FF;
            width: 4.8rem;
            height: 4.8rem;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 4.8rem; }
  main[data-page='help'] > .chapters .chapter .details,
  main[data-page='marketing'] > .chapters .chapter .details {
    display: flex;
    margin: -2rem;
    counter-reset: details; }
    @media only screen and (max-width: 720px) {
      main[data-page='help'] > .chapters .chapter .details,
      main[data-page='marketing'] > .chapters .chapter .details {
        flex-direction: column;
        margin: -1.4rem; } }
    main[data-page='help'] > .chapters .chapter .details > *,
    main[data-page='marketing'] > .chapters .chapter .details > * {
      flex: 1;
      margin: 2rem; }
      @media only screen and (max-width: 720px) {
        main[data-page='help'] > .chapters .chapter .details > *,
        main[data-page='marketing'] > .chapters .chapter .details > * {
          margin: 1.4rem; } }
      main[data-page='help'] > .chapters .chapter .details > * span,
      main[data-page='marketing'] > .chapters .chapter .details > * span {
        counter-increment: details;
        display: block;
        font-size: 1.8rem; }
        main[data-page='help'] > .chapters .chapter .details > * span:not(:first-of-type),
        main[data-page='marketing'] > .chapters .chapter .details > * span:not(:first-of-type) {
          margin-top: 2rem; }
        main[data-page='help'] > .chapters .chapter .details > * span h5,
        main[data-page='marketing'] > .chapters .chapter .details > * span h5 {
          font-size: inherit;
          display: inline;
          color: #0193FF; }
          main[data-page='help'] > .chapters .chapter .details > * span h5.no-order::before,
          main[data-page='marketing'] > .chapters .chapter .details > * span h5.no-order::before {
            display: none; }
          main[data-page='help'] > .chapters .chapter .details > * span h5::before,
          main[data-page='marketing'] > .chapters .chapter .details > * span h5::before {
            content: "(" counter(details) ") "; }
      main[data-page='help'] > .chapters .chapter .details > * p,
      main[data-page='marketing'] > .chapters .chapter .details > * p {
        margin-top: 2rem;
        margin-bottom: 4rem; }
        main[data-page='help'] > .chapters .chapter .details > * p::before,
        main[data-page='marketing'] > .chapters .chapter .details > * p::before {
          content: '•';
          margin-right: 1rem; }

main[data-page='help'] > .chapters .chapter[data-chapter='quick-start'] .explains {
  counter-reset: explains; }
  main[data-page='help'] > .chapters .chapter[data-chapter='quick-start'] .explains > * {
    margin-top: 8rem;
    flex: 1; }
    main[data-page='help'] > .chapters .chapter[data-chapter='quick-start'] .explains > * h2 {
      counter-increment: explains;
      font-size: 2rem;
      font-weight: bold;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 2rem; }
      main[data-page='help'] > .chapters .chapter[data-chapter='quick-start'] .explains > * h2::before {
        content: counter(explains);
        font-size: 2.8rem;
        color: white;
        background-color: #0193FF;
        width: 4.8rem;
        height: 4.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4.8rem;
        margin-bottom: 2rem; }
      main[data-page='help'] > .chapters .chapter[data-chapter='quick-start'] .explains > * h2::after {
        content: attr(data-duration);
        font-size: 1.8rem;
        font-weight: normal;
        color: #777; }
    main[data-page='help'] > .chapters .chapter[data-chapter='quick-start'] .explains > * figure {
      width: 100%;
      height: 30rem;
      background: var(--image) center/contain no-repeat; }
    main[data-page='help'] > .chapters .chapter[data-chapter='quick-start'] .explains > * p {
      font-size: 1.8rem;
      margin-top: 4rem; }
    main[data-page='help'] > .chapters .chapter[data-chapter='quick-start'] .explains > * h3 {
      font-size: 1.8rem;
      margin-top: 4rem;
      margin-bottom: 0;
      color: #f0c316; }
    main[data-page='help'] > .chapters .chapter[data-chapter='quick-start'] .explains > * span {
      font-size: 1.8rem;
      display: block; }
      main[data-page='help'] > .chapters .chapter[data-chapter='quick-start'] .explains > * span::before {
        content: '•';
        margin-right: 0.5rem; }

main[data-page='help'] > .chapters .chapter[data-chapter='menu-tab'] .explains > *:nth-child(2) {
  flex: 0 0 30%; }

main[data-page='help'] > .chapters .chapter[data-chapter='menu-tab'] .explains > * figure {
  height: 100rem; }
  @media only screen and (max-width: 720px) {
    main[data-page='help'] > .chapters .chapter[data-chapter='menu-tab'] .explains > * figure {
      height: 60rem; } }

main[data-page='help'] > .chapters .chapter[data-chapter='orders-tab'] h2 i {
  font-size: 3rem; }

main[data-page='help'] > .chapters .chapter[data-chapter='orders-tab'] .explains > * figure {
  height: 40rem; }
  @media only screen and (max-width: 720px) {
    main[data-page='help'] > .chapters .chapter[data-chapter='orders-tab'] .explains > * figure {
      height: 20rem; } }

main[data-page='help'] > .chapters .chapter[data-chapter='customers-tab'] .explains > * .figures {
  height: 62rem;
  display: flex; }
  @media only screen and (max-width: 720px) {
    main[data-page='help'] > .chapters .chapter[data-chapter='customers-tab'] .explains > * .figures {
      height: 31rem; } }
  main[data-page='help'] > .chapters .chapter[data-chapter='customers-tab'] .explains > * .figures figure {
    height: 100%; }
    main[data-page='help'] > .chapters .chapter[data-chapter='customers-tab'] .explains > * .figures figure:nth-child(1) {
      flex: 1; }
    main[data-page='help'] > .chapters .chapter[data-chapter='customers-tab'] .explains > * .figures figure:nth-child(2) {
      flex: 0 0 33%; }

main[data-page='help'] > .chapters .chapter[data-chapter='coupons-tab'] h2 i {
  font-size: 3rem; }

main[data-page='help'] > .chapters .chapter[data-chapter='coupons-tab'] .explains > * figure {
  height: 62rem;
  background-position-x: 0%; }
  @media only screen and (max-width: 720px) {
    main[data-page='help'] > .chapters .chapter[data-chapter='coupons-tab'] .explains > * figure {
      height: 40rem; } }

main[data-page='help'] > .chapters .chapter[data-chapter='settings-tab'] .explains > * .figures {
  display: flex; }
  @media only screen and (max-width: 720px) {
    main[data-page='help'] > .chapters .chapter[data-chapter='settings-tab'] .explains > * .figures {
      flex-direction: column; } }
  main[data-page='help'] > .chapters .chapter[data-chapter='settings-tab'] .explains > * .figures figure {
    height: 120rem;
    background-position-x: 0%;
    flex: 1; }
    @media only screen and (max-width: 720px) {
      main[data-page='help'] > .chapters .chapter[data-chapter='settings-tab'] .explains > * .figures figure {
        flex: 0 0 70rem; } }
  main[data-page='help'] > .chapters .chapter[data-chapter='settings-tab'] .explains > * .figures .details {
    flex: 0 0 30%;
    margin-top: 1rem; }
    main[data-page='help'] > .chapters .chapter[data-chapter='settings-tab'] .explains > * .figures .details span p {
      margin-top: 2rem;
      color: #272727; }
      main[data-page='help'] > .chapters .chapter[data-chapter='settings-tab'] .explains > * .figures .details span p::before {
        display: none; }
      main[data-page='help'] > .chapters .chapter[data-chapter='settings-tab'] .explains > * .figures .details span p a {
        display: block;
        word-break: break-all;
        color: #F0C316; }

main[data-page='help'] > .chapters .chapter[data-chapter='faq'] .faqs {
  display: flex;
  margin: 0 -2rem; }
  @media only screen and (max-width: 720px) {
    main[data-page='help'] > .chapters .chapter[data-chapter='faq'] .faqs {
      flex-direction: column; } }
  main[data-page='help'] > .chapters .chapter[data-chapter='faq'] .faqs .faq {
    flex: 1;
    margin: 2rem; }
    @media only screen and (max-width: 720px) {
      main[data-page='help'] > .chapters .chapter[data-chapter='faq'] .faqs .faq {
        margin: 2rem 4rem; } }
    main[data-page='help'] > .chapters .chapter[data-chapter='faq'] .faqs .faq h2 {
      font-size: 1.8rem;
      color: #0193FF;
      vertical-align: top;
      position: relative; }
      main[data-page='help'] > .chapters .chapter[data-chapter='faq'] .faqs .faq h2::before {
        content: '\e905';
        font-family: 'icomoon';
        display: inline;
        position: absolute;
        color: #F0C316;
        top: 0;
        left: -1.5em; }
    main[data-page='help'] > .chapters .chapter[data-chapter='faq'] .faqs .faq span {
      font-size: 1.8rem;
      display: block;
      margin-top: 2em; }

main[data-page='marketing'] > .chapters .chapter .explains {
  font-size: 1.8rem;
  margin: 0;
  display: inline; }
  main[data-page='marketing'] > .chapters .chapter .explains > * {
    display: inline;
    margin: initial; }

main[data-page='marketing'] > .chapters .chapter .details figure {
  position: relative; }
  main[data-page='marketing'] > .chapters .chapter .details figure::before, main[data-page='marketing'] > .chapters .chapter .details figure::after {
    content: '';
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 720px) {
      main[data-page='marketing'] > .chapters .chapter .details figure::before, main[data-page='marketing'] > .chapters .chapter .details figure::after {
        background-position: center top; } }

main[data-page='marketing'] > .chapters .chapter .details a {
  color: #F0C316;
  transition: color 0.2s; }
  main[data-page='marketing'] > .chapters .chapter .details a:hover {
    color: #0193FF; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='basics'] h2 i {
  font-size: 3rem; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='basics'] .details figure::before {
  background-image: url("/images/eats/landing/marketing/basic-1.png");
  width: 100%;
  height: 100%; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='basics'] .details figure::after {
  background-image: url("/images/eats/landing/marketing/basic-2.png");
  width: 60%;
  bottom: 0;
  left: 20%;
  height: 70%; }

@media only screen and (max-width: 720px) {
  main[data-page='marketing'] > .chapters .chapter[data-chapter='basics'] .details figure:nth-of-type(1) {
    height: 40rem; }
    main[data-page='marketing'] > .chapters .chapter[data-chapter='basics'] .details figure:nth-of-type(1)::after {
      background-image: url("/images/eats/landing/marketing/basic-x-1.png");
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    main[data-page='marketing'] > .chapters .chapter[data-chapter='basics'] .details figure:nth-of-type(1)::before {
      display: none; }
  main[data-page='marketing'] > .chapters .chapter[data-chapter='basics'] .details figure:nth-of-type(2) {
    margin-top: 1rem;
    height: 50rem; }
    main[data-page='marketing'] > .chapters .chapter[data-chapter='basics'] .details figure:nth-of-type(2)::after {
      background-image: url("/images/eats/landing/marketing/basic-x-2.png");
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-position: top center; }
    main[data-page='marketing'] > .chapters .chapter[data-chapter='basics'] .details figure:nth-of-type(2)::before {
      display: none; } }

main[data-page='marketing'] > .chapters .chapter[data-chapter='basics'] .details > div {
  flex: 0 0 30%;
  margin-top: 4rem; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='promotional'] h2 i {
  font-size: 3rem; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='promotional'] .details > * {
  flex: 1; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='promotional'] .details figure {
  height: 30rem; }
  main[data-page='marketing'] > .chapters .chapter[data-chapter='promotional'] .details figure::before {
    background-image: url("/images/eats/landing/marketing/promotional-1.png");
    width: 100%;
    height: 100%; }
  @media only screen and (max-width: 720px) {
    main[data-page='marketing'] > .chapters .chapter[data-chapter='promotional'] .details figure {
      flex: 0 0 40rem; } }

main[data-page='marketing'] > .chapters .chapter[data-chapter='instagram'] h2 i {
  font-size: 3rem; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='instagram'] .details > * {
  flex: 1; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='instagram'] .details figure {
  height: 80rem;
  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.1);
  border-radius: 2rem; }
  @media only screen and (max-width: 720px) {
    main[data-page='marketing'] > .chapters .chapter[data-chapter='instagram'] .details figure {
      flex: 0 0 80rem;
      box-shadow: none;
      border-radius: initial; } }
  main[data-page='marketing'] > .chapters .chapter[data-chapter='instagram'] .details figure::before {
    background-image: url("/images/eats/landing/marketing/instagram-1.png");
    width: 100%;
    height: 100%; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='facebook'] h2 i {
  font-size: 3rem; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='facebook'] .details > * {
  flex: 1; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='facebook'] .details figure {
  height: 80rem; }
  @media only screen and (max-width: 720px) {
    main[data-page='marketing'] > .chapters .chapter[data-chapter='facebook'] .details figure {
      flex: 0 0 80rem; } }
  main[data-page='marketing'] > .chapters .chapter[data-chapter='facebook'] .details figure::before {
    background-image: url("/images/eats/landing/marketing/facebook-1.png");
    width: 100%;
    height: 100%; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='twitter'] h2 i {
  font-size: 3rem; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='twitter'] .details > * {
  flex: 1; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='twitter'] .details figure {
  height: 70rem; }
  @media only screen and (max-width: 720px) {
    main[data-page='marketing'] > .chapters .chapter[data-chapter='twitter'] .details figure {
      flex: 0 0 80rem; } }
  main[data-page='marketing'] > .chapters .chapter[data-chapter='twitter'] .details figure::before {
    background-image: url("/images/eats/landing/marketing/twitter-1.png");
    width: 100%;
    height: 100%; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='google'] h2 i {
  font-size: 3rem; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='google'] .details {
  justify-content: space-between; }
  main[data-page='marketing'] > .chapters .chapter[data-chapter='google'] .details > * {
    flex: 1; }
  main[data-page='marketing'] > .chapters .chapter[data-chapter='google'] .details figure {
    flex: 0 0 50%;
    height: 80rem; }
    main[data-page='marketing'] > .chapters .chapter[data-chapter='google'] .details figure::before {
      background-image: url("/images/eats/landing/marketing/google-1.png");
      left: 0%;
      top: 20%;
      bottom: 10%;
      width: 100%; }
    main[data-page='marketing'] > .chapters .chapter[data-chapter='google'] .details figure::after {
      background-image: url("/images/eats/landing/marketing/google-2.png");
      left: 30%;
      top: 0%;
      bottom: 0%;
      right: 0%; }
    @media only screen and (max-width: 720px) {
      main[data-page='marketing'] > .chapters .chapter[data-chapter='google'] .details figure {
        flex: 0 0 80rem; }
        main[data-page='marketing'] > .chapters .chapter[data-chapter='google'] .details figure::before {
          display: none; }
        main[data-page='marketing'] > .chapters .chapter[data-chapter='google'] .details figure::after {
          background-image: url("/images/eats/landing/marketing/google-2.png");
          width: 100%;
          height: 100%;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0; } }
  main[data-page='marketing'] > .chapters .chapter[data-chapter='google'] .details > div {
    flex: 0 0 30%; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='qrcode'] h2 i {
  font-size: 3rem; }

main[data-page='marketing'] > .chapters .chapter[data-chapter='qrcode'] .details {
  justify-content: space-between; }
  main[data-page='marketing'] > .chapters .chapter[data-chapter='qrcode'] .details > * {
    flex: 1; }
  main[data-page='marketing'] > .chapters .chapter[data-chapter='qrcode'] .details figure {
    flex: 2;
    height: 60rem; }
    @media only screen and (max-width: 720px) {
      main[data-page='marketing'] > .chapters .chapter[data-chapter='qrcode'] .details figure {
        flex: 0 0 40rem; } }
    main[data-page='marketing'] > .chapters .chapter[data-chapter='qrcode'] .details figure::before {
      background-image: url("/images/eats/landing/marketing/qr-1.png");
      width: 100%;
      height: 100%; }

[lang='ja'] main[data-page='landing'] .splash [role='image'] {
  background-image: url(/images/eats/jp/landing/splash-1.png) !important; }

[lang='ja'] main[data-page='landing'] .splash [role='description'] .motto {
  font-size: 5.4rem; }
  @media only screen and (max-width: 720px) {
    [lang='ja'] main[data-page='landing'] .splash [role='description'] .motto {
      font-size: 4.6rem; } }

[lang='ja'] main[data-page='landing'] .splash [role='description'] > h3 {
  font-size: 2.4rem; }

[lang='ja'] [role='powered-by'] .link {
  color: #0193ff; }

[lang='ja'] .link {
  color: #00b900; }

[lang='ja'] .button {
  background-color: #00b900; }

[lang='ja'] .button_sub {
  background-color: white;
  color: #00b900; }

[lang='ja'] .fancy-button {
  color: #00b900; }

[lang='ja'] .fancy-button_sub {
  color: white;
  background-color: #00b900;
  box-shadow: -2px 2px 0px #00b900, -4px 4px 0px 1px black, 0px 5px 10px rgba(0, 0, 0, 0.1); }

[lang='ja'] main[data-page='landing'] .advantages .advantage dl dt {
  white-space: pre-line; }

[lang='ja'] .button-fancy, [lang='ja'] .button-fancy:link, [lang='ja'] .button-fancy:visited,
[lang='ja'] main[data-page='landing'] .pricing_new-list-item a[class^='icon-'] {
  background-image: linear-gradient(to bottom, #76DD24, #03BA01); }