@charset "UTF-8";
.contactNotice {
  width: 100%;
  color: var(--color-main-deep);
  background: color-mix(in srgb, var(--color-main) 10%, var(--color-white));
  border: 1px solid color-mix(in srgb, var(--color-main) 45%, transparent);
}
@media screen and (min-width: 320px) {
  .contactNotice {
    margin-bottom: 3.2rem;
    padding: 1.6rem;
    border-radius: 1rem;
  }
}
@media screen and (min-width: 1025px) {
  .contactNotice {
    margin-bottom: 4rem;
    padding: 2.4rem 3.2rem;
    border-radius: 1.6rem;
  }
}

.contactNotice_title {
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 320px) {
  .contactNotice_title {
    margin-bottom: 0.8rem;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .contactNotice_title {
    margin-bottom: 1.2rem;
    font-size: 2rem;
  }
}

.contactNotice_text {
  line-height: 1.8;
}
@media screen and (min-width: 320px) {
  .contactNotice_text {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1025px) {
  .contactNotice_text {
    font-size: 1.6rem;
  }
}