@media only screen and (max-width: 767px) {
  .acq-header-menu_content {
    display: none;
  }
}

.acq-hdg-index-l2 span {
  display: block;
  font-size: var(--acq-font-size-xl);
}

@media only screen and (max-width: 767px) {
  .acq-u-fs-lg {
    font-size: var(--acq-font-size-md) !important;
  }
}

.acq-list-note small {
  color: var(--acq-color-font-beige);
}

.acq-list-icon {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 48px;
}
.acq-list-icon_item {
  width: 100%;
  max-width: 304px;
}
.acq-list-icon .acq-list-note {
  margin-top: -16px;
}
@media only screen and (max-width: 767px) {
  .acq-list-icon.-col2-sp {
    gap: 24px 40px;
  }
  .acq-list-icon.-col2-sp .acq-list-icon_item {
    max-width: 140px;
  }
}

.acq-header-logo_wrap {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  .acq-header-logo_wrap {
    display: none;
  }
}

.acq-footer-page-top {
  bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .acq-footer-page-top {
    bottom: 110px;
  }
}

.invoicecard-mv_sp {
  display: none;
}
.invoicecard-mv_btn:is(:hover, :active, :focus-visible) .invoicecard-mv_btn-bg {
  fill: var(--acq-color-highlight-hover);
}
.invoicecard-mv_btn:is(:hover, :active, :focus-visible) .invoicecard-mv_btn-circle,
.invoicecard-mv_btn:is(:hover, :active, :focus-visible) .invoicecard-mv_btn-arrow {
  translate: 4px 0;
}
.invoicecard-mv_btn-bg {
  transition: fill var(--acq-transition-duration) var(--acq-transition-tf);
}
.invoicecard-mv_btn-circle, .invoicecard-mv_btn-arrow {
  transition: translate var(--acq-transition-duration) var(--acq-transition-tf);
}
.invoicecard-mv svg {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .invoicecard-mv_pc {
    display: none;
  }
  .invoicecard-mv_sp {
    display: block;
  }
}

.invoicecard-list-step {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 84px;
  margin-top: 80px;
}
.invoicecard-list-step_item {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: var(--acq-gutter-content);
  background-color: var(--acq-color-white);
  border: 1px solid var(--acq-color-beige);
  border-radius: var(--acq-rounded-lg);
  padding-top: 48px;
}
.invoicecard-list-step_item img {
  display: block;
  margin: auto;
}
.invoicecard-list-step_num {
  position: absolute;
  top: -32px;
  left: 50%;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  color: var(--acq-color-white);
  background-color: var(--acq-color-primary);
  border-radius: 50%;
  font-size: var(--acq-font-size-xl);
  font-weight: bold;
  text-align: center;
  translate: -50% 0;
}
.invoicecard-list-step_num span {
  display: block;
  font-size: var(--acq-font-size-sm);
  margin-bottom: -22px;
}
.invoicecard-list-step_hdg {
  font-size: var(--acq-font-size-md);
  text-align: center;
}
.invoicecard-list-step_content {
  display: grid;
  align-items: center;
  font-size: var(--acq-font-size-sm);
  text-align: center;
  background-color: #eef2f9;
  border-bottom-left-radius: var(--acq-rounded-lg);
  border-bottom-right-radius: var(--acq-rounded-lg);
  padding: 32px 24px;
}
.invoicecard-list-step_content > :first-child {
  margin-top: 0;
}
.invoicecard-list-step_content > :last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .invoicecard-list-step {
    grid-template-columns: 1fr;
    gap: 56px;
  }
  .invoicecard-list-step_content {
    font-size: var(--acq-font-size-md);
  }
}

.invoicecard-cta {
  position: sticky;
  bottom: 0;
  display: grid;
  gap: 8px;
  background-color: var(--acq-color-primary);
  padding: 16px;
  z-index: var(--acq-z-index-layer1);
}
.invoicecard-cta_deco {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: bold;
  color: var(--acq-color-white);
}
.invoicecard-cta_deco::before, .invoicecard-cta_deco::after {
  display: block;
  content: "";
  width: 3px;
  height: 21px;
  background-color: var(--acq-color-white);
  border-radius: 3px;
}
.invoicecard-cta_deco::before {
  rotate: -25deg;
}
.invoicecard-cta_deco::after {
  rotate: 25deg;
}
.invoicecard-cta .acq-btn-list {
  margin: 0;
}
.invoicecard-cta .acq-btn {
  padding: 11px 40px;
}
@media only screen and (max-width: 767px) {
  .invoicecard-cta {
    padding: 12px;
  }
  .invoicecard-cta_deco {
    font-size: var(--acq-font-size-sm);
    gap: 16px;
  }
  .invoicecard-cta_deco::before, .invoicecard-cta_deco::after {
    height: 22px;
  }
  .invoicecard-cta_deco::before {
    rotate: -20deg;
  }
  .invoicecard-cta_deco::after {
    rotate: 20deg;
  }
  .invoicecard-cta .acq-btn-list {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
  .invoicecard-cta .acq-btn {
    width: 100%;
    min-width: auto;
    font-size: var(--acq-font-size-md);
    padding: 8px 40px;
  }
  .invoicecard-cta .acq-btn.-login {
    position: relative;
    width: auto;
    white-space: nowrap;
    color: var(--acq-color-white);
    background-color: transparent;
    border: none;
    padding: 0;
    padding-left: 27px;
  }
  .invoicecard-cta .acq-btn.-login:is(:hover, :active, :focus-visible)::before {
    transform: none;
  }
  .invoicecard-cta .acq-btn.-login::before {
    display: block;
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 20px;
    height: 20px;
    margin: auto;
    background-color: var(--acq-color-white);
    border-radius: 0;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_118_98111)%22%3E%0A%3Cpath%20d%3D%22M11%207L9.6%208.4L12.2%2011H2V13H12.2L9.6%2015.6L11%2017L16%2012L11%207ZM20%2019H12V21H20C21.1%2021%2022%2020.1%2022%2019V5C22%203.9%2021.1%203%2020%203H12V5H20V19Z%22%20fill%3D%22%23000%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_118_98111%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_118_98111)%22%3E%0A%3Cpath%20d%3D%22M11%207L9.6%208.4L12.2%2011H2V13H12.2L9.6%2015.6L11%2017L16%2012L11%207ZM20%2019H12V21H20C21.1%2021%2022%2020.1%2022%2019V5C22%203.9%2021.1%203%2020%203H12V5H20V19Z%22%20fill%3D%22%23000%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_118_98111%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    transition: background-color var(--acq-transition-duration) var(--acq-transition-tf);
  }
  .invoicecard-cta .acq-btn.-login::after {
    content: none;
  }
}