/* =======================================================
common
======================================================= */
@media screen and (max-width: 750px) {
  .bl-sp-fixed {
    display: none;
  }
  .bl-lower-mv-hgroup-txt::before {
    width: 316px;
  }
}
/* =======================================================
lower-mv
======================================================= */
.bl-lower-mv .ly-cont-inner::before {
  background-image: url("../images/contact/mv-bg.webp");
}

@media screen and (min-width: 751px) {
  .bl-lower-mv .ly-cont-inner {
    padding-right: 15px;
  }
}
/* =======================================================
contact
======================================================= */
.ly-contact {
  padding: 64px 0;
}

/* =======================================================
c-contact
======================================================= */
.c-contact-tel {
  padding: 40px;
  margin-bottom: 56px;
  background: var(--color-contrast02);
}
.c-contact-tel .bl-tel-txt {
  margin-bottom: 16px;
  font-weight: 700;
  text-align: center;
}
.c-contact-tel .bl-tel-tel {
  display: block;
  margin-bottom: 4px;
  font-size: 40px;
  font-weight: 700;
  line-height: calc(58/40);
  color: var(--color-accent);
  text-align: center;
}
.c-contact-tel .bl-tel-def {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.c-contact-tel .bl-tel-dttl {
  padding: 1px 8px 2px;
  font-weight: 700;
  color: var(--color-white);
  letter-spacing: 0.06em;
  background: var(--color-accent);
}
.c-contact-tel .bl-tel-ditem {
  font-weight: 700;
  color: var(--color-accent);
}
.c-contact-tel .bl-tel-att {
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .c-contact-tel .bl-tel-txt {
    margin-bottom: 24px;
  }
  .c-contact-tel .bl-tel-tel {
    margin-bottom: 6px;
    font-size: 48px;
  }
  .c-contact-tel .bl-tel-def {
    gap: 16px;
    margin-bottom: 12px;
  }
  .c-contact-tel .bl-tel-dttl {
    padding: 2px 12px 5px;
  }
}