.lower-page {
  --lower-primary: var(--color-primary);
  --lower-accent: var(--color-secondary);
  --lower-pale: #f4f8fb;
  --lower-border: #dbe4ea;
}
.lower-page--pet {
  --lower-primary: #285078;
  --lower-accent: #f09182;
  --lower-pale: #fff6f3;
  --lower-border: #ecdcd6;
}
.lower-page--pc {
  --lower-primary: #0073b4;
  --lower-accent: #fa5000;
  --lower-pale: #eef8fc;
  --lower-border: #cfe5ef;
}
.lower-page .l-main { padding-top: 90px; }
.lower-page .l-header__logo { display: block; }
.lower-page .l-header__logo img { display: block; }
.p-lower-hero {
  background: var(--lower-primary);
  color: #fff;
}
.p-lower-hero__inner { padding: 58px 20px 54px; text-align: center; }
.p-lower-hero__label { font-size: 13px; font-weight: 700; letter-spacing: .18em; margin-bottom: 14px; opacity: .8; }
.p-lower-hero__title { font-size: 36px; font-weight: 700; letter-spacing: .06em; line-height: 1.35; }
.p-lower { background: var(--lower-pale); padding: 64px 20px 80px; }
.p-lower__card {
  background: #fff;
  border: 1px solid var(--lower-border);
  border-radius: 14px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .06);
  line-height: 1.9;
  padding: 54px 60px;
}
.p-lower__lead { font-size: 18px; margin-bottom: 38px; text-align: center; }
.p-lower__section + .p-lower__section { margin-top: 42px; }
.p-lower__heading {
  border-left: 6px solid var(--lower-accent);
  color: var(--lower-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 18px;
  padding: 4px 0 4px 16px;
}
.p-lower__subheading { color: var(--lower-primary); font-size: 18px; font-weight: 700; margin: 24px 0 8px; }
.p-lower__text + .p-lower__text { margin-top: 12px; }
.p-lower__list { list-style: disc; padding-left: 1.4em; }
.p-lower__list li + li { margin-top: 8px; }
.p-lower__note { background: var(--lower-pale); border-radius: 8px; font-size: 14px; margin-top: 22px; padding: 16px 18px; }
.p-lower-table { border-collapse: collapse; line-height: 1.7; width: 100%; }
.p-lower-table th, .p-lower-table td { border: 1px solid var(--lower-border); padding: 18px 20px; vertical-align: top; }
.p-lower-table th { background: var(--lower-pale); color: var(--lower-primary); font-weight: 700; text-align: left; width: 28%; }
.p-contact-guide { background: var(--lower-pale); border-radius: 10px; margin-bottom: 36px; padding: 22px; text-align: center; }
.p-contact-guide__tel { color: var(--lower-primary); display: inline-block; font-size: 30px; font-weight: 800; letter-spacing: .05em; margin-top: 6px; }
.p-contact-form__row + .p-contact-form__row { border-top: 1px solid var(--lower-border); margin-top: 22px; padding-top: 22px; }
.p-contact-form__label { color: var(--lower-primary); display: block; font-weight: 700; margin-bottom: 10px; }
.p-contact-form__required { background: var(--lower-accent); border-radius: 4px; color: #fff; display: inline-block; font-size: 12px; margin-left: 8px; padding: 2px 7px; vertical-align: .1em; }
.p-contact-form input[type="text"],
.p-contact-form input[type="email"],
.p-contact-form input[type="tel"],
.p-contact-form select,
.p-contact-form textarea {
  background: #fff;
  border: 1px solid #b9c6cd;
  border-radius: 6px;
  font: inherit;
  line-height: 1.5;
  padding: 13px 14px;
  width: 100%;
}
.p-contact-form textarea { min-height: 180px; resize: vertical; }
.p-contact-form__agree { align-items: flex-start; display: flex; gap: 10px; justify-content: center; line-height: 1.6; }
.p-contact-form__agree input { flex: 0 0 auto; margin-top: .35em; }
.p-contact-form a { color: var(--lower-primary); text-decoration: underline; }
.p-contact-form__buttons { margin-top: 30px; text-align: center; }
.p-contact-form__submit, .p-lower__button {
  background: var(--lower-primary);
  border: 0;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  min-width: 280px;
  padding: 17px 34px;
  text-align: center;
}
.p-lower__actions { margin-top: 34px; text-align: center; }
@media (any-hover: hover) {
  .p-contact-form__submit:hover, .p-lower__button:hover { filter: brightness(1.12); }
}
@media screen and (max-width: 768px) {
  .lower-page .l-main { padding-top: 14.667vw; }
  .p-lower-hero__inner { padding: 10.667vw 5.333vw 9.333vw; }
  .p-lower-hero__label { font-size: 2.667vw; margin-bottom: 2.667vw; }
  .p-lower-hero__title { font-size: 7.2vw; }
  .p-lower { padding: 8vw 4vw 12vw; }
  .p-lower__card { border-radius: 2.667vw; line-height: 1.8; padding: 8vw 5.333vw; }
  .p-lower__lead { font-size: 4vw; margin-bottom: 7vw; text-align: left; }
  .p-lower__section + .p-lower__section { margin-top: 8vw; }
  .p-lower__heading { border-left-width: 1.067vw; font-size: 5.067vw; margin-bottom: 3.2vw; padding: 1.067vw 0 1.067vw 3.2vw; }
  .p-lower__subheading { font-size: 4vw; margin: 5.333vw 0 2.133vw; }
  .p-lower__note { font-size: 3.2vw; padding: 3.733vw; }
  .p-lower-table, .p-lower-table tbody, .p-lower-table tr, .p-lower-table th, .p-lower-table td { display: block; width: 100%; }
  .p-lower-table tr + tr { margin-top: 3.2vw; }
  .p-lower-table th, .p-lower-table td { padding: 3.733vw 4vw; }
  .p-lower-table td { border-top: 0; }
  .p-contact-guide { margin-bottom: 7vw; padding: 5.333vw 4vw; }
  .p-contact-guide__tel { font-size: 7.2vw; }
  .p-contact-form__row + .p-contact-form__row { margin-top: 5.333vw; padding-top: 5.333vw; }
  .p-contact-form__label { margin-bottom: 2.667vw; }
  .p-contact-form input[type="text"], .p-contact-form input[type="email"], .p-contact-form input[type="tel"], .p-contact-form select, .p-contact-form textarea { font-size: 16px; padding: 3.467vw; }
  .p-contact-form__agree { justify-content: flex-start; }
  .p-contact-form__submit, .p-lower__button { font-size: 4vw; min-width: 74%; padding: 4vw 7vw; }
}
/* お庭ページ流用: 会社概要・特商法・問い合わせ */
.lower-page .c-table01 {
  margin: 40px auto;
  overflow: hidden;
  border-radius: 3px;
}
.lower-page .c-table01 table {
  border-collapse: collapse;
  width: 100%;
}
.lower-page .c-table01 tr {
  border-bottom: 1px solid #333;
}
.lower-page .c-table01 tr:last-of-type {
  border-bottom: none;
}
.lower-page .c-table01 th,
.lower-page .c-table01 td {
  padding: 20px;
  text-align: left;
  vertical-align: middle;
}
.lower-page .c-table01 th {
  background: var(--lower-pale);
  font-weight: 700;
  line-height: 1.5;
}
.lower-page .p-lower__privacy-card {
  text-align: center;
}
.lower-page .p-lower__privacy-image {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
.lower-page .mailform input,
.lower-page .mailform select,
.lower-page .mailform textarea {
  box-sizing: border-box;
  max-width: 100%;
}
.lower-page .mailform textarea {
  min-height: 180px;
}
.lower-page .mfp_buttons {
  margin-top: 30px;
  text-align: center;
}
.lower-page .mfp_buttons button {
  background: var(--lower-primary);
  border: 0;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  min-width: 280px;
  padding: 17px 34px;
}
@media (max-width: 767px) {
  .lower-page .c-table01 th,
  .lower-page .c-table01 td {
    display: block;
    width: 100%;
  }
  .lower-page .mfp_buttons button {
    font-size: 4vw;
    min-width: 74%;
    padding: 4vw 7vw;
  }
}
@media (min-width: 768px) {
  .lower-page .c-table01 {
    border-radius: 20px;
  }
  .lower-page .c-table01 th,
  .lower-page .c-table01 td {
    height: 80px;
    padding-block: 23px;
    padding-inline: 40px;
  }
  .lower-page .c-table01 th {
    width: 280px;
  }
}