@charset "UTF-8";
/* --------------------
 260726 add
-------------------- */
.catch h3 {
  margin-bottom: 40px;
}
.catch .inner {
  max-width: 1160px;
  margin-inline: auto;
}
.sp {
  display: none;
}

.rec-catch {
  margin-top: clamp(30px, 61 * 100vw / 1680, 61px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(15px, 42 * 100vw / 1680, 42px);
}
.rec-catch__item {
  padding: clamp(20px, 42 * 100vw / 1680, 42px) clamp(15px, 45 * 100vw / 1680, 45px);
  background-color: #f7f5f1;
}
.rec-catch__ttl-big {
  margin-bottom: clamp(10px, 20 * 100vw / 1680, 20px);
  display: block;
  color: #b8a16b;
}
.rec-catch__item .fs15 {
  text-align: left;
}
.rec-catch__bene {
  margin: clamp(30px, 57 * 100vw / 1680, 57px) auto 0;
  max-width: 661px;
  padding-bottom: clamp(5px, 18 * 100vw / 1680, 18px);
  display: flex;
  align-items: center;
  gap: clamp(10px, 22 * 100vw / 1680, 22px);
  border-bottom: 1px solid #818488;
}
.rec-catch__ben-ttl {
  padding: clamp(8px, 11 * 100vw / 1680, 11px);
  color: #fff;
  font-weight: bold;
  background-color: #818488;
}
.rec-catch__ben-txt {
  font-weight: bold;
}
.rec-catch__contact {
  margin-block: clamp(30px, 60 * 100vw / 1680, 60px) clamp(50px, 133 * 100vw / 1680, 133px);
  padding: clamp(20px, 30 * 100vw / 1680, 30px) 5% clamp(20px, 58 * 100vw / 1680, 58px);;
  background-color: #b8a16b;
}
.rec-catch__contact .mincho {
  display: block;
  color: #fff;
}
div.rec-catch__contact-link {
  all: unset;
  max-width: 800px;
  margin: clamp(20px, 30 * 100vw / 1680, 30px) auto 0;
  padding: clamp(20px, 28 * 100vw / 1680, 28px) 5% clamp(20px, 30 * 100vw / 1680, 30px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.rec-catch__contact-link .fs30 {
  color: #b8a16b;
}
div.rec-catch__contact-link .tel {
  padding-right: clamp(20px, 30 * 100vw / 1680, 30px);
}
div.rec-catch__contact-link .mail {
  padding-left: clamp(20px, 30 * 100vw / 1680, 30px);
  border-left: 1px solid #ddd;
}
@media screen and (max-width: 834px) {
  .catch .fs36 + .fs15 {
    text-align: left;
    padding-inline: 1em;
  }
  .catch .fs36 + .fs15 br {
    display: none;
  }
  .rec-catch {
    grid-template-columns: repeat(2, 1fr);
  }
  .rec-catch__bene {
    max-width: fit-content;
    flex-direction: column;
  }
  .rec-catch__contact .mincho {
    line-height: 1.5;
  }
  div.rec-catch__contact-link {
    flex-direction: column;
  }
  div.rec-catch__contact-link .tel {
    padding-right: 0;
    padding-bottom: clamp(10px, 20 * 100vw / 834, 20px);
    min-width: 365px;
    text-align: left;
  }
  div.rec-catch__contact-link .mail {
    padding-left: 0;
    padding-top: clamp(10px, 20 * 100vw / 834, 20px);
    text-align: left;
    border-left-width: 0;
    border-top: 1px solid #ddd;
  }
}
@media screen and (max-width: 500px) {
  .sp {
    display: block;
  }
  .rec-catch {
    grid-template-columns: repeat(1, 1fr);
  }
  #content .rec-catch__contact .fs24.mincho {
    font-size: 17px;
  }
  #content .rec-catch__contact .fs30.mincho {
    font-size: 22px;
  }
  div.rec-catch__contact-link .icn {
    width: 60px;
  }
  div.rec-catch__contact-link .tel {
    min-width: 276px;
  }
  #content .rec-catch__contact-link .fs30 {
    font-size: 20px;
  }
}