/* Default Options */
/* Media Query */
/**
 * Media Query Mixin
 * @param {string} $mq  - min | max | min-max
 * @param {string} $bp1 - breakpoint key (e.g. "lg")
 * @param {string} $bp2 - breakpoint key (e.g. "xl") for min-max upper bound
 */
/* Transform Font Size */
/* --------------------------------- */
.p-contact-intro {
  margin-block-end: var(--space-md);
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xs);
}
.p-contact-detail {
  display: grid;
  grid-template-columns: clamp(80px, 10vw, 120px) auto;
  row-gap: var(--space-sm);
  align-items: center;
}
.p-contact-detail .tel {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xxs);
  line-height: 1;
}
.p-contact-detail .tel .number {
  font-size: clamp(2rem, 0.3636363636rem + 4.5454545455vw, 4rem);
}
.p-contact-detail .address {
  font-size: clamp(1.5rem, 0.6818181818rem + 2.2727272727vw, 2.5rem);
}
/* --------------------------------- */