/* =======================================================
contact
======================================================= */
.bl-contact.--input .bl-contact-dialog[open] {
  display: grid;
  place-content: center;
  padding: 40px;
}
.bl-contact.--input .bl-contact-privacy {
  max-width: 1024px;
  padding: 64px 88px;
  overflow-y: scroll;
  background: var(--color-white);
}
.bl-contact.--input .bl-contact-privacy .bl-privacy-ttl {
  margin-bottom: 32px;
  font-size: 20px;
  font-weight: 700;
  line-height: calc(29/20);
  color: var(--color-accent);
  text-align: center;
}
.bl-contact.--input .bl-contact-privacy .bl-privacy-txt {
  font-size: 15px;
  line-height: calc(24/15);
}
.bl-contact.--input .bl-contact-privacy .bl-privacy-txt.--intro {
  margin-bottom: 2em;
}
.bl-contact.--input .bl-contact-privacy .bl-privacy-txt:last-of-type {
  margin-bottom: 40px;
}
.bl-contact.--input .bl-contact-privacy .bl-privacy-list {
  font-size: 15px;
  line-height: calc(24/15);
}
.bl-contact.--input .bl-contact-privacy .bl-privacy-item .bl-item-txt {
  display: flex;
}
.bl-contact.--input .bl-contact-privacy .bl-privacy-item .bl-item-txt-num {
  flex: 0 1 auto;
}
.bl-contact.--input .bl-contact-privacy .bl-privacy-item .bl-item-txt-cont {
  flex: 1;
}
.bl-contact.--input .bl-contact-privacy .bl-privacy-close {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 320px;
  padding: 20px 6px 22px 0;
  margin-inline: auto;
  font-size: 18px;
  font-weight: 700;
  line-height: calc(26/18);
  color: var(--color-white);
  letter-spacing: 0;
  background-color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: 8px;
  transition: color 0.5s ease, background-color 0.5s ease;
}
@media (any-hover: hover) {
  .bl-contact.--input .bl-contact-privacy .bl-privacy-close:hover {
    color: var(--color-accent);
    background-color: var(--color-white);
  }
  .bl-contact.--input .bl-contact-privacy .bl-privacy-close:hover::before {
    background-color: var(--color-accent);
  }
}
.bl-contact.--input .bl-contact-privacy .bl-privacy-close::before {
  width: 18px;
  height: 18px;
  content: "";
  background-color: var(--color-white);
  -webkit-mask: url("../images/contact/icon-close.webp") center/cover no-repeat;
  mask: url("../images/contact/icon-close.webp") center/cover no-repeat;
  transition: background-color 0.5s ease;
  translate: 0 2px;
}
.bl-contact.--input .bl-form {
  margin-bottom: 56px;
}
.bl-contact ::backdrop {
  background: rgba(101, 105, 116, 0.39);
}

@media screen and (max-width: 750px) {
  .bl-contact.--input .bl-contact-dialog[open] {
    align-content: start;
  }
  .bl-contact.--input .bl-contact-privacy {
    padding: 40px 40px 48px;
  }
  .bl-contact.--input .bl-contact-privacy .bl-privacy-ttl {
    margin-bottom: 48px;
    font-size: 32px;
  }
  .bl-contact.--input .bl-contact-privacy .bl-privacy-txt {
    font-size: 24px;
  }
  .bl-contact.--input .bl-contact-privacy .bl-privacy-list {
    font-size: 24px;
  }
  .bl-contact.--input .bl-contact-privacy .bl-privacy-close {
    gap: 24px;
    min-width: 480px;
    padding: 30px 9px 33px 0;
    font-size: 30px;
    border-radius: 12px;
  }
  .bl-contact.--input .bl-contact-privacy .bl-privacy-close::before {
    width: 27px;
    height: 27px;
    translate: 0 3px;
  }
  .bl-contact.--input .bl-form {
    margin-bottom: 64px;
  }
}