:root {
  --color-white: #fff;
  --color-txt: #4b4b4b;
  --color-main: #9b51e0;
  --color-sub: #f6edff;
  --color-sub02: #ebc8ff;
  --color-sub03: #c699e2;
  --color-gray: #adadad;
  --color-accent: #ff62b6;
}

/* =======================================================
contact
======================================================= */
.l-contact {
  padding-bottom: 5rem;
}

.p-contact .c-hgroup {
  padding: 2.375rem 0 2.25rem;
}
@media screen and (max-width: 767px) {
  .p-contact .c-hgroup {
    padding: 0.3125rem 0 2.8125rem;
  }
}
.p-contact__picture {
  display: flex;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-contact__picture {
    display: none;
  }
}
.p-contact__ttl {
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-main);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact__ttl {
    font-size: 1.25rem;
  }
}
.p-contact__txt {
  margin-bottom: 1rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact__txt {
    margin-bottom: 2.5rem;
    font-size: 0.9375rem;
    letter-spacing: 0.02em;
  }
}