@charset "UTF-8";

:root {
  --riva-green: #075c3a;
  --riva-green-dark: #043823;
  --riva-gold: #f3bd26;
  --riva-cream: #fff8e8;
  --riva-pale: #e4f4e9;
}

body {
  background: #ece9df;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.main,
.header,
.footer {
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.12);
}

.header {
  border-bottom: 3px solid var(--riva-gold);
}

.header_inner,
.header_nav {
  background: var(--riva-cream);
}

.fv_image {
  width: 100%;
}

.sec_cta,
.sec_01,
.sec_05 {
  background: var(--riva-cream);
}

.sec_02 {
  background: var(--riva-green);
}

.sec_03 {
  background: #fff2c4;
}

.sec_04 {
  background: var(--riva-pale);
}

.sec_06 {
  background-color: var(--riva-cream);
}

#sec_07 {
  background: var(--riva-pale);
}

#sec_07 h2,
.sec_06_h2,
.footer {
  background: var(--riva-green-dark);
}

.jirei_box,
.reason_box,
.qa_contents {
  border-color: var(--riva-green-dark);
  box-shadow: 0 8px 0 rgba(3, 56, 35, 0.22);
}

.jirei_sub_icon,
.q_box {
  background: var(--riva-green-dark);
}

.step_box {
  border: 3px solid var(--riva-green);
  box-shadow: 0 8px 0 rgba(3, 56, 35, 0.16);
}

.step_p h3 {
  color: var(--riva-green);
}

.ansin {
  background: #f4e4a9;
}

.ansin_p {
  padding: 1.2rem 1rem 1.8rem;
  color: var(--riva-green-dark);
  font-weight: 700;
}

.bottom_btn_area {
  background: rgba(255, 248, 232, 0.94);
  border-top: 2px solid var(--riva-gold);
}

.back_modal_close {
  color: transparent;
}

.formmailer-embed {
  overflow: hidden;
  border: 4px solid var(--riva-green-dark);
  border-radius: 16px;
  background: var(--riva-cream);
  box-shadow: 0 8px 0 rgba(3, 56, 35, 0.18);
}

@media (max-width: 540px) {
  .reason_flex,
  .step_box {
    align-items: center;
  }

  .reason_icon {
    width: 42%;
    flex: 0 0 42%;
  }

  .step_img {
    width: 38%;
    flex: 0 0 38%;
  }

  .step_p h3 {
    font-size: 2rem;
  }
}