/**
 * variables
 */
:root {
  /* --- colors --- */
  --color-lp-theme: #15367e;
  --color-pale-blue: #59b3cd;
  --color-light-blue: #228fba;
  --color-highlight: #FCE915;
  --color-accent: #EF1211;
  --color-light-gray: #F7F7F7;
  --color-middle-gray: #CDD6DD;
  --color-dim-gray: #909090;
  --color-deep-gray: #707070;
  --color-dark: #333;
  --color-white: #fff;
  /* --- fonts --- */
  --font-ja: 'メイリオ', 'Meiryo', sans-serif;
  --font-primary: var(--font-ja);
  /* --- container size --- */
  --container-fluid: 100%;
  --container-wide: 1040px;
  /* --- space / gutter --- */
  --radius-wide: 8px;
  --radius-middle: 6px;
  --radius-narrow: 4px;
  /* --- other --- */
  --transition-default: .3s ease;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  :root {
    --global-gutter: 8px;
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  :root {
    --global-gutter: 20px;
  }
}

body {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
}

body * {
  font-family: var(--font-primary);
}

/**
 * global
 */
html {
  line-height: 1.15;
}

img,
svg,
video,
picture {
  display: var(--display, block);
}

img,
svg,
video {
  width: 100%;
  height: auto;
}

a {
  display: var(--display, inline-block);
}

a:has(img) {
  --display: block;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  color: var(--color, var(--color-dark));
}

.wpcf7-spinner {
  display: none;
}

.u-radius-wide {
  border-radius: var(--radius-wide);
}

.u-radius-narrow {
  border-radius: var(--radius-middle);
}

.u-highlight {
  position: relative;
  font-size: calc(45 / 40 * 1em);
}

.u-highlight::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: var(--color-highlight);
  z-index: -1;
}

.lp-brareva-form__link {
  text-decoration: underline;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  body {
    min-height: 100svh;
  }

  .hidden-small {
    display: none !important;
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  body {
    min-height: 100vh;
  }

  .hidden-large {
    display: none !important;
  }
}

/**
 * layout
 */
.lp-brareva--static {
  display: grid;
  grid-template-columns: 100%;
  place-items: center;
  height: 100%;
  padding-block-start: 60px;
}

.lp-brareva__contents {
  max-width: calc(var(--global-gutter) * 2 + var(--container-wide));
  padding-inline: var(--global-gutter);
  margin-inline: auto;
}

.lp-brareva--static {
  display: grid;
  place-items: center;
  row-gap: 100px;
  text-align: center;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-brareva {
    padding-block-end: 110px;
  }

  .lp-brareva__contents {
    margin-block-start: 20px;
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lp-brareva {
    padding-block-start: 8px;
    padding-block-end: 140px;
  }

  .lp-brareva__contents {
    margin-block-start: 25px;
  }
}

/**
 * typography
 */
.lp-brareva-form__title {
  font-size: 32px;
  font-weight: 700;
}

.lp-brareva-form__title+* {
  margin-block-start: 60px;
}

.lp-brareva-form__static-message {
  font-size: 16px;
  line-height: 1.75;
}

/**
 * header
 */
.l-header {
  font-family: inherit;
}

.header__body {
  display: grid;
  grid-template-columns: auto 1fr;
  max-width: var(--container-wide);
  margin-inline: auto;
}

.header__logo-link {
  width: var(--logo-size);
}

.header__nav {
  margin-inline-start: auto;
  font-weight: 700;
}

.header__nav-list {
  display: flex;
  gap: 8px;
}

.header__nav-tell {
  display: grid;
  grid-template-columns: 100%;
}

.header__nav-tell [data-reception-hours] {
  --color: var(--color-lp-theme);
}

.header__nav-tell [data-phone-number] {
  --color: var(--button-active-color, var(--color-white));
  border: 1px solid var(--color-lp-theme);
  background-color: var(--button-active-background, var(--color-lp-theme));
  border-radius: var(--radius-wide);
  text-align: center;
  transition: all var(--transition-default);
}

.header__nav-tell:active [data-phone-number] {
  --button-active-background: var(--color-white);
  --button-active-color: var(--color-lp-theme);
}

.header__nav-email {
  --color: var(--color-white);
  display: grid;
  grid-template-columns: 100%;
  place-items: center;
  row-gap: 6px;
  height: 100%;
  background-color: var(--color-lp-theme);
  border-radius: var(--radius-wide);
  text-align: center;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .header__body {
    --logo-size: 137px;
    /* padding-block-start: var(--global-gutter);
    padding-block-end: 3px; */
    align-items: center;
    padding-block: var(--global-gutter);
    padding-inline: var(--global-gutter);
  }

  .header__logo {
    padding-inline-start: 13px;
  }

  .header__nav-tell {
    font-size: 15px;
    line-height: calc(23 / 15);
  }

  .header__nav-tell [data-phone-number] {
    padding-block: 3px;
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .header__body {
    --logo-size: 206px;
    align-items: end;
    padding-inline: var(--global-gutter);
  }

  .header__logo {
    padding-block: 14px;
  }

  .header__nav-tell [data-reception-hours] {
    font-size: 18px;
    line-height: calc(27 / 18);
  }

  .header__nav-tell [data-phone-number] {
    padding-block: 2px;
    font-size: 20px;
    line-height: calc(30 / 20);
  }

  .header__nav-email {
    padding-inline: 10px;
    font-size: 16px;
    line-height: calc(24 / 16);
  }

  .header__nav-email--icon {
    align-self: end;
    width: 20px;
    margin-inline: auto;
  }

  .header__nav-email--text {
    align-self: start;
  }
}

/**
 * hero
 */
.lp-brareva-hero {
  max-width: var(--container-wide);
  margin-inline: auto;
}

.lp-brareva-hero__caption {
  margin-block-start: 10px;
  color: var(--color-light-blue);
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-brareva-hero__caption {
    font-size: 12px;
    line-height: calc(18 / 12);
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lp-brareva-hero__caption {
    font-size: 13px;
    line-height: calc(20 / 13);
    text-align: center;
  }
}

/**
 * outline
 */
/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-brareva-hero {
    margin-inline: var(--global-gutter);
  }
}

/**
 * lead
 */
.lp-brareva-lead {
  text-align: center;
}

.lp-brareva-lead__heading {
  --color: var(--color-lp-theme);
  letter-spacing: 0.05em;
  font-weight: 700;
}

.lp-brareva-lead__button {
  --color: var(--color-white);
  display: grid;
  grid-template-columns: var(--icon-button) auto;
  justify-content: center;
  width: 100%;
  margin-inline: auto;
  background-color: var(--color-pale-blue);
  border-radius: var(--radius-wide);
  font-weight: 700;
  letter-spacing: 0.01em;
  transition: all var(--transition-default);
}

.lp-brareva-lead__button:active {
  opacity: .7;
}

.lp-brareva-lead__button [data-phone-text],
.lp-brareva-lead__button [data-phone-number] {
  width: fit-content;
}

.lp-brareva-lead__label {
  --color: var(--color-lp-theme);
  position: relative;
  display: grid;
  place-items: center;
  border-radius: var(--radius-middle);
  background-color: var(--color-highlight);
  font-weight: 700;
}

.lp-brareva-lead__label::before {
  content: '';
  position: absolute;
  top: calc(var(--size-triangle) * .866 * -1 + 1px);
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent var(--color-highlight) transparent;
  border-width: 0px calc(var(--size-triangle) / 2) calc(var(--size-triangle) * .866) calc(var(--size-triangle) / 2);
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-brareva-lead {
    padding-block-start: 38px;
    padding-inline: 20px;
  }

  .lp-brareva-lead__heading {
    line-height: 31.9px;
  }

  .lp-brareva-lead__heading--secondary {
    font-size: 16px;
  }

  .lp-brareva-lead__heading--primary {
    font-size: 22px;
  }

  .lp-brareva-lead__heading--small {
    font-size: 15px;
  }

  .lp-brareva-lead__button {
    --icon-button: 19px;
    align-items: center;
    column-gap: 8px;
    height: 70px;
    margin-block-start: 6px;
    font-size: 26px;
  }

  .lp-brareva-lead__label {
    --size-triangle: 8px;
    margin-block-start: 15px;
    height: 36px;
    font-size: 14px;
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lp-brareva-lead {
    max-width: 836px;
    padding-block-start: 70px;
    margin-inline: auto;
  }

  .lp-brareva-lead__heading {
    line-height: 79px;
  }

  .lp-brareva-lead__heading--secondary {
    font-size: 45px;
  }

  .lp-brareva-lead__heading--primary {
    font-size: 55px;
  }

  .lp-brareva-lead__heading--small {
    font-size: 38px;
  }

  .lp-brareva-lead__button {
    --icon-button: 50px;
    column-gap: 12px;
    row-gap: 24px;
    height: 200px;
    padding-block: 20px;
    margin-block-start: 24px;
    line-height: 1;
  }

  .lp-brareva-lead__button--icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: end;
    padding-block-end: 10px;
  }

  .lp-brareva-lead__button [data-phone-text],
  .lp-brareva-lead__button [data-phone-number] {
    grid-column: 2;
  }

  .lp-brareva-lead__button [data-phone-text] {
    grid-row: 1;
    align-self: end;
    font-size: 55px;
  }

  .lp-brareva-lead__button [data-phone-number] {
    grid-row: 2;
    align-self: start;
    font-size: 58px;
  }

  .lp-brareva-lead__label {
    --size-triangle: 20px;
    margin-block-start: 40px;
    height: 94px;
    font-size: 34px;
  }
}

/**
 * form
 */
.lp-brareva-form {}

.lp-brareva-form__heading {
  --color: var(--color-white);
  position: relative;
  display: grid;
  grid-template-columns: var(--icon-mail) auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: var(--radius-middle);
  background-color: var(--color-lp-theme);
  letter-spacing: 0.01em;
  font-weight: 700;
}

.lp-brareva-form__heading::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--size-triangle) * .866 * -1 + 1px);
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-color: var(--color-lp-theme) transparent transparent transparent;
  border-width: calc(var(--size-triangle) * .866) calc(var(--size-triangle) / 2) 0px calc(var(--size-triangle) / 2);
}

.lp-brareva-form__body {}

.lp-brareva-form__details>dt+dd {
  margin-block-start: 20px;
}

.lp-brareva-form__details>dd+dt {
  margin-block-start: 20px;
}

.lp-brareva-form__details>dd>*+* {
  margin-block-start: 20px;
}

.lp-brareva-form__index {
  --color: var(--color-white);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding-block: 6px;
  padding-inline: 16px;
  background-color: var(--color-pale-blue);
  font-size: 18px;
  line-height: calc(30 / 18);
  font-weight: 700;
}

.lp-brareva-form__required {
  display: grid;
  place-items: center;
  height: 36px;
  padding-inline: 8px;
  border: 1px solid var(--color-white);
  border-radius: var(--radius-narrow);
  background-color: var(--color-accent);
}

.lp-brareva-form__caution {
  --color: var(--color-accent);
  --font-weight: 400;
  font-size: 13px;
  line-height: calc(19 / 13);
}

.lp-brareva-form__field {
  font-size: 18px;
  line-height: calc(30 / 18);
}

.lp-brareva-form__field label {
  display: grid;
  align-items: center;
  gap: 26px;
}

.lp-brareva-form__field:not(:has(.lp-brareva-form__field-label-name)) label {
  grid-template-columns: 100%;
}

.lp-brareva-form__field:has(.lp-brareva-form__field-label-name) label {
  grid-template-columns: auto 1fr;
}

.lp-brareva-form__field input:not([type="file"]),
.lp-brareva-form__field textarea {
  width: 100%;
  padding-block: 10px;
  padding-inline: 16px;
  border: 1px solid var(--color-middle-gray);
  background-color: var(--color-white);
}

.lp-brareva-form__field textarea {
  max-height: 200px;
}

.lp-brareva-form__field input[type="file"] {
  width: 100%;
}

.lp-brareva-form__field input::file-selector-button {
  display: grid;
  place-items: center;
  width: 180px;
  height: 50px;
  border: 1px solid var(--color-deep-gray);
  border-radius: var(--radius-narrow);
  background-color: var(--color-white);
  font-size: 18px;
  font-weight: 700;
}

.lp-brareva-form__field input:hover {
  cursor: pointer;
}

.lp-brareva-form__field-label-name {
  padding-inline-start: 16px;
  font-weight: 700;
}

.lp-brareva-form__notes {
  margin-block-start: var(--notes-spacer, 6px) !important;
  font-size: 13px;
  line-height: calc(19 / 13);
}

.lp-brareva-form__notes a {
  text-decoration: underline;
}

.lp-brareva-form__button-container {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.lp-brareva-form__button {
  display: grid;
  place-items: center;
  width: fit-content;
  height: 48px;
  border-radius: 100vh;
  padding-inline: 60px;
  border: 2px solid var(--color-lp-theme);
  background-color: var(--button-active-background, var(--color-lp-theme));
  color: var(--button-active-color, var(--color-white));
  font-size: 20px;
  font-weight: 700;
  transition: all var(--transition-default);
}

.lp-brareva-form__button:disabled {
  border-color: var(--color-light-gray);
  background-color: var(--color-light-gray);
  color: var(--color-middle-gray);
}

.lp-brareva-form__button--border {
  --button-active-background: var(--color-white);
  --button-active-color: var(--color-lp-theme);
}

.lp-brareva-form__button:active,
.lp-brareva-form__button:hover {
  --button-active-background: var(--color-white);
  --button-active-color: var(--color-lp-theme);
}

.lp-brareva-form__button+.lp-brareva-form__notes {
  text-align: center;
}

.lp-brareva-form__caution-message {
  padding-block: 12px;
  border: 1px solid var(--color-dim-gray);
  background-color: var(--color-light-gray);
  font-size: 14px;
  line-height: calc(21 / 14);
  text-align: center;
}

.lp-brareva-form__caution-message .lp-brareva-form__link {
  font-weight: 700;
}

.lp-brareva-form__caution-message+.lp-brareva-form__notes {
  --notes-spacer: 1em;
  max-width: 836px;
  margin-inline: auto;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-brareva-form {
    padding-block-start: 40px;
  }

  .lp-brareva-form__heading {
    --icon-mail: 38px;
    --size-triangle: 18px;
    column-gap: 12px;
    height: 78px;
    font-size: 30px;
  }

  .lp-brareva-form form {
    margin-block-start: 40px;
  }

  .lp-brareva-form form *::placeholder {
    font-size: 14px;
  }

  .lp-brareva-form__caution {
    --color: var(--color-accent);
    --font-weight: 400;
    font-size: 13px;
    line-height: calc(19 / 13);
  }

  .lp-brareva-form__field {
    font-size: 18px;
    line-height: calc(30 / 18);
  }

  .lp-brareva-form__button-container {
    flex-direction: column;
    align-items: center;
    margin-block-start: 30px;
  }

  .lp-brareva-form__button+.lp-brareva-form__notes {
    --notes-spacer: 30px;
  }

  .lp-brareva-form__caution-message {
    margin-block-start: 40px;
    padding-inline: 8px;
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lp-brareva-form {
    padding-block-start: 60px;
  }

  .lp-brareva-form__heading {
    --icon-mail: 70px;
    --size-triangle: 21px;
    column-gap: 30px;
    height: 105px;
    font-size: 65px;
  }

  .lp-brareva-form form {
    margin-block-start: 70px;
  }

  .lp-brareva-form__caution {
    --color: var(--color-accent);
    --font-weight: 400;
    font-size: 13px;
    line-height: calc(19 / 13);
  }

  .lp-brareva-form__field {
    font-size: 18px;
    line-height: calc(30 / 18);
  }

  .lp-brareva-form__button-container {
    margin-block-start: 60px;
  }

  .lp-brareva-form__button+.lp-brareva-form__notes {
    --notes-spacer: 20px;
  }

  .lp-brareva-form__caution-message {
    max-width: 836px;
    margin-block-start: 60px;
    margin-inline: auto;
  }

  .lp-brareva-form__caution-message>*+* {
    margin-block-start: 1em;
  }
}

/**
 * benefit
 */
.lp-brareva-benefit__heading {
  --color: var(--color-lp-theme);
  position: relative;
  font-weight: 700;
  text-align: center;
}

.lp-brareva-benefit__heading::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  margin: auto;
  background-color: var(--color-lp-theme);
}

.lp-brareva-benefit__heading span {
  position: relative;
  padding-inline: 16px;
  background-color: var(--color-white);
  z-index: 1;
}

.lp-brareva-benefit__contact-text {
  display: flex;
  gap: 1em;
}

.lp-brareva-benefit__contact-text--number {
  --color: var(--color-white);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  background-color: var(--color-lp-theme);
  border-radius: 100vh;
  font-size: 10px;
}

.lp-brareva-benefit__contact-label {
  --color: var(--color-white);
  background-color: var(--color-light-blue);
  font-weight: 700;
  letter-spacing: 0.05em;
}

.lp-brareva-benefit__contact-footer {
  border: 1px solid var(--color-deep-gray);
  background-color: var(--color-light-gray);
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-brareva-benefit__heading {
    font-size: 18px;
  }

  .lp-brareva-benefit__contact {
    margin-block-start: 10px;
  }

  .lp-brareva-benefit__contact-text {
    padding-inline: 12px;
    font-size: 12px;
    line-height: calc(18 / 12);
  }

  .lp-brareva-benefit__contact-text--number {
    margin-block-start: 2px;
  }

  .lp-brareva-benefit__contact-container+.lp-brareva-benefit__contact-text {
    margin-block-start: 2em;
  }

  .lp-brareva-benefit__contact-text+.lp-brareva-benefit__contact-text {
    margin-block-start: 1em;
  }

  .lp-brareva-benefit__notes {
    margin-block-start: 6px;
    font-size: 13px;
    line-height: calc(18 / 13);
    text-align: center;
  }

  .lp-brareva-benefit__contact-container {
    margin-block-start: 10px;
  }

  .lp-brareva-benefit__contact-cell+.lp-brareva-benefit__contact-cell {
    margin-block-start: 25px;
  }

  .lp-brareva-benefit__contact-label {
    --display: block;
    width: 310px;
    margin-inline: auto;
    padding-block: 10px;
    border-radius: 8px;
    text-align: center;
  }

  .lp-brareva-benefit__contact-label [data-phone-text] {
    font-size: 18px;
    line-height: calc(28 / 18);
  }

  .lp-brareva-benefit__contact-footer {
    width: 100%;
    margin-block-start: 25px;
    padding-block: 10px;
    padding-inline: 40px;
    font-size: 12px;
    line-height: calc(18 / 12);
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lp-brareva-benefit {
    padding-block-start: 25px;
  }

  .lp-brareva-benefit__heading {
    font-size: 24px;
  }

  .lp-brareva-benefit__contact {
    margin-block-start: 20px;
  }

  .lp-brareva-benefit__contact-text {
    justify-content: center;
    font-size: 16px;
    line-height: calc(24 / 16);
  }

  .lp-brareva-benefit__contact-text--number {
    margin-block-start: 5px;
  }

  .lp-brareva-benefit__contact-container+.lp-brareva-benefit__contact-text {
    margin-block-start: 20px;
  }

  .lp-brareva-benefit__contact-text+.lp-brareva-benefit__contact-text {
    margin-block-start: 20px;
  }

  .lp-brareva-benefit__notes {
    margin-block-start: 1em;
  }

  .lp-brareva-benefit__contact-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 120px;
    row-gap: 60px;
    margin-block-start: 40px;
  }

  .lp-brareva-benefit__contact-cell {
    width: 400px;
  }

  .lp-brareva-benefit__contact-label {
    --display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25em;
    width: 100%;
    aspect-ratio: 400 / 126;
    border-radius: 12px;
  }

  .lp-brareva-benefit__contact-label [data-phone-text] {
    font-size: 20px;
  }

  .lp-brareva-benefit__contact-label [data-phone-number] {
    font-size: 32px;
  }

  .lp-brareva-benefit__contact-label [data-call-reception] {
    font-size: 16px;
  }

  .lp-brareva-benefit__contact-footer {
    max-width: 840px;
    width: 95%;
    margin-block-start: 20px;
    margin-inline: auto;
    padding-block: 12px;
    padding-inline: 20px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
  }
}

/**
 * footer
 */
.custom-footer {
  border-top: 1px solid var(--color-deep-gray);
  background-color: var(--color-light-gray);
  font-size: 14px;
  line-height: calc(21 / 14);
}

.footer__body {
  display: grid;
  align-items: center;
  max-width: var(--container-wide);
  margin-inline: auto;
}

.footer__nav-list {
  display: flex;
}

.footer__copyright {
  --color: var(--color-white);
  background-color: var(--color-lp-theme);
  text-align: center;
  font-weight: 400;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .custom-footer {
    padding-block-start: 10px;
  }

  .footer__body {
    row-gap: 8px;
    padding-block-end: 12px;
  }

  .footer__nav-list {
    flex-direction: column;
    text-align: center;
  }

  .footer__p-mark {
    width: 80px;
    margin-inline: auto;
  }

  .footer__copyright {
    padding-block: 5px;
  }
}

/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .custom-footer {}

  .footer__body {
    grid-template-columns: 1fr 80px;
    padding-block-start: 20px;
    padding-block-end: 30px;
    padding-inline: 20px;
  }

  .footer__nav-list {
    column-gap: 1em;
  }

  .footer__copyright {
    padding-block: 5px;
  }
}

/**
 * cf7 text message
 */
.wpcf7 form .wpcf7-response-output {
  width: fit-content;
  margin-block-start: 30px;
  margin-inline: auto;
  padding-block: 15px;
  padding-inline: 20px;
  text-align: center;
  font-size: 13px;
  line-height: calc(19 / 13);
}

#wpfront-scroll-top-container {
  bottom: 100px;
}

/**
 * recaptcha
 */
.grecaptcha-badge {
  visibility: hidden;
}

/**
 * laoding animation
 */
.lp-brareva-form__loader {
  display: none;
  margin: 100px auto;
  font-size: 15px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: loader 1.1s infinite ease;
  animation: loader 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.lp-brareva-form__loader.is-visible {
  display: block;
}

@-webkit-keyframes loader {

  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 1), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2), 2.5em 0em 0 0em rgba(111, 111, 111, 0.2), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.2), 0em 2.5em 0 0em rgba(111, 111, 111, 0.2), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.2), -2.6em 0em 0 0em rgba(111, 111, 111, 0.5), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.7);
  }

  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.7), 1.8em -1.8em 0 0em rgba(111, 111, 111, 1), 2.5em 0em 0 0em rgba(111, 111, 111, 0.2), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.2), 0em 2.5em 0 0em rgba(111, 111, 111, 0.2), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.2), -2.6em 0em 0 0em rgba(111, 111, 111, 0.2), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.5);
  }

  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.5), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.7), 2.5em 0em 0 0em rgba(111, 111, 111, 1), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.2), 0em 2.5em 0 0em rgba(111, 111, 111, 0.2), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.2), -2.6em 0em 0 0em rgba(111, 111, 111, 0.2), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2);
  }

  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.2), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.5), 2.5em 0em 0 0em rgba(111, 111, 111, 0.7), 1.75em 1.75em 0 0em rgba(111, 111, 111, 1), 0em 2.5em 0 0em rgba(111, 111, 111, 0.2), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.2), -2.6em 0em 0 0em rgba(111, 111, 111, 0.2), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2);
  }

  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.2), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2), 2.5em 0em 0 0em rgba(111, 111, 111, 0.5), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.7), 0em 2.5em 0 0em rgba(111, 111, 111, 1), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.2), -2.6em 0em 0 0em rgba(111, 111, 111, 0.2), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2);
  }

  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.2), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2), 2.5em 0em 0 0em rgba(111, 111, 111, 0.2), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.5), 0em 2.5em 0 0em rgba(111, 111, 111, 0.7), -1.8em 1.8em 0 0em rgba(111, 111, 111, 1), -2.6em 0em 0 0em rgba(111, 111, 111, 0.2), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2);
  }

  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.2), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2), 2.5em 0em 0 0em rgba(111, 111, 111, 0.2), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.2), 0em 2.5em 0 0em rgba(111, 111, 111, 0.5), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.7), -2.6em 0em 0 0em rgba(111, 111, 111, 1), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2);
  }

  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.2), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2), 2.5em 0em 0 0em rgba(111, 111, 111, 0.2), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.2), 0em 2.5em 0 0em rgba(111, 111, 111, 0.2), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.5), -2.6em 0em 0 0em rgba(111, 111, 111, 0.7), -1.8em -1.8em 0 0em rgba(111, 111, 111, 1);
  }
}

@keyframes loader {

  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 1), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2), 2.5em 0em 0 0em rgba(111, 111, 111, 0.2), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.2), 0em 2.5em 0 0em rgba(111, 111, 111, 0.2), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.2), -2.6em 0em 0 0em rgba(111, 111, 111, 0.5), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.7);
  }

  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.7), 1.8em -1.8em 0 0em rgba(111, 111, 111, 1), 2.5em 0em 0 0em rgba(111, 111, 111, 0.2), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.2), 0em 2.5em 0 0em rgba(111, 111, 111, 0.2), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.2), -2.6em 0em 0 0em rgba(111, 111, 111, 0.2), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.5);
  }

  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.5), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.7), 2.5em 0em 0 0em rgba(111, 111, 111, 1), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.2), 0em 2.5em 0 0em rgba(111, 111, 111, 0.2), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.2), -2.6em 0em 0 0em rgba(111, 111, 111, 0.2), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2);
  }

  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.2), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.5), 2.5em 0em 0 0em rgba(111, 111, 111, 0.7), 1.75em 1.75em 0 0em rgba(111, 111, 111, 1), 0em 2.5em 0 0em rgba(111, 111, 111, 0.2), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.2), -2.6em 0em 0 0em rgba(111, 111, 111, 0.2), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2);
  }

  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.2), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2), 2.5em 0em 0 0em rgba(111, 111, 111, 0.5), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.7), 0em 2.5em 0 0em rgba(111, 111, 111, 1), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.2), -2.6em 0em 0 0em rgba(111, 111, 111, 0.2), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2);
  }

  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.2), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2), 2.5em 0em 0 0em rgba(111, 111, 111, 0.2), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.5), 0em 2.5em 0 0em rgba(111, 111, 111, 0.7), -1.8em 1.8em 0 0em rgba(111, 111, 111, 1), -2.6em 0em 0 0em rgba(111, 111, 111, 0.2), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2);
  }

  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.2), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2), 2.5em 0em 0 0em rgba(111, 111, 111, 0.2), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.2), 0em 2.5em 0 0em rgba(111, 111, 111, 0.5), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.7), -2.6em 0em 0 0em rgba(111, 111, 111, 1), -1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2);
  }

  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(111, 111, 111, 0.2), 1.8em -1.8em 0 0em rgba(111, 111, 111, 0.2), 2.5em 0em 0 0em rgba(111, 111, 111, 0.2), 1.75em 1.75em 0 0em rgba(111, 111, 111, 0.2), 0em 2.5em 0 0em rgba(111, 111, 111, 0.2), -1.8em 1.8em 0 0em rgba(111, 111, 111, 0.5), -2.6em 0em 0 0em rgba(111, 111, 111, 0.7), -1.8em -1.8em 0 0em rgba(111, 111, 111, 1);
  }
}