@charset "UTF-8";

/* Lower pages shared layout
================================================ */
.lower-page .l-sub-img {
  padding-top: var(--mh--header--height);
  color: var(--mh--color--grayscale-100);
  background:
    radial-gradient(circle at 18% 30%, rgb(255 255 255 / 18%) 0 7%, transparent 7.5%),
    radial-gradient(circle at 82% 75%, rgb(255 255 255 / 14%) 0 9%, transparent 9.5%),
    linear-gradient(135deg, var(--mh--color--primary-500), var(--mh--color--primary-600));
}

.lower-page .l-sub-img__inner {
  height: clamp(150px, 22vw, 240px);
}

.lower-page .l-sub-img__head {
  font-size: clamp(2.5rem, 4vw, 4.2rem);
  font-weight: 900;
  line-height: 1.3;
  text-shadow: 0 2px 0 rgb(0 0 0 / 12%);
}

.lower-page .l-breadcrumb {
  color: var(--mh--color--grayscale-800);
  font-size: var(--mh--font-size--xs);
  background-color: var(--mh--color--grayscale-100);
  border-bottom: 1px solid var(--mh--color--grayscale-500);
}

.lower-page .l-breadcrumb a {
  color: var(--mh--color--primary-600);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.lower-page-content {
  padding-block: 40px 55px;
  background-color: var(--mh--color--primary-100);
}

.lower-page__inner {
  max-width: 980px;
}

.lower-card {
  padding: 22px 18px;
  overflow: hidden;
  background-color: var(--mh--color--grayscale-100);
  border-top: 6px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
  box-shadow: 0 8px 24px rgb(0 80 45 / 10%);
}

.lower-card > :first-child {
  margin-top: 0;
}

.lower-card > :last-child {
  margin-bottom: 0;
}

.lower-table th,
.lower-table td {
  padding: 15px;
  vertical-align: top;
  text-align: left;
  line-height: var(--mh--line-height--md);
  border: 1px solid var(--mh--color--grayscale-500);
}

.lower-table th {
  width: 30%;
  color: var(--mh--color--primary-600);
  font-weight: 700;
  background-color: var(--mh--color--primary-100);
}

.lower-privacy__image {
  display: block;
  width: min(100%, 850px);
  height: auto;
  margin-inline: auto;
}

.lower-thanks {
  text-align: center;
}

.lower-thanks__lead {
  margin-bottom: 18px;
  color: var(--mh--color--primary-600);
  font-size: var(--mh--font-size--x3l);
  font-weight: 900;
  line-height: var(--mh--line-height--sm);
}

.lower-thanks__link {
  display: inline-block;
  padding: 12px 28px;
  margin-top: 25px;
  color: var(--mh--color--grayscale-100);
  font-weight: 700;
  background-color: var(--mh--color--primary-600);
  border-radius: var(--mh--border-radius--sm);
}

.lower-contact__intro {
  margin-bottom: 25px;
  line-height: var(--mh--line-height--md);
  text-align: center;
}

.lower-contact form#mailformpro {
  max-width: 820px;
  margin-inline: auto;
}

.lower-page-cta {
  padding-block: 50px;
  background-color: var(--mh--color--grayscale-100);
}

.lower-page .l-footer-nav-list {
  display: grid;
  row-gap: 10px;
}

@media (width < 768px) {
  .lower-page-content {
    padding-block: 30px 40px;
  }

  .lower-card {
    padding: 16px 12px;
  }

  .lower-table,
  .lower-table tbody,
  .lower-table tr,
  .lower-table th,
  .lower-table td {
    display: block;
    width: 100%;
  }

  .lower-table tr + tr {
    margin-top: 14px;
  }

  .lower-table td {
    border-top: none;
  }

  .lower-page-cta {
    padding-block: 40px 100px;
  }
}

@media (width >= 768px) {
  .lower-card {
    padding: 45px 50px;
  }

  .lower-page .l-footer-nav-list {
    min-width: 190px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .lower-thanks__link {
    transition: opacity var(--mh--duration) var(--mh--easing);
  }

  .lower-thanks__link:hover {
    opacity: 0.75;
  }
}