.bl-title-area {
  background: #595757;
  color: #fff;
  overflow: clip;
}
.bl-title-area__inner {
  margin: auto;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 0;
}
.bl-title-area__title {
  font-weight: 700;
}
.bl-title-area__title :is(.en, .ja) {
  display: block;
}
.bl-title-area__title .ja {
  font-size: 3.125rem;
  --font-size: 50;
  line-height: 1;
  letter-spacing: 0.07em;
}
.bl-title-area__title .en {
  margin-top: 0.7em;
  font-size: 1.25rem;
  --font-size: 20;
  line-height: 1;
  letter-spacing: 0.04em;
}
.bl-title-area__logo {
  color: #504E4E;
  position: absolute;
  z-index: -1;
}
@media print, screen and (min-width: 768.1px) {
  .bl-title-area {
    margin-bottom: 100px;
  }
  .bl-title-area__inner {
    max-width: 1366px;
    height: 230px;
  }
  .bl-title-area__title {
    padding-left: 13.17715959%;
  }
  .bl-title-area__logo {
    font-size: 500px;
    right: -8px;
    top: -110px;
  }
}
@media screen and (max-width: 768px) {
  .bl-title-area {
    margin-bottom: 10.6666666667vw;
  }
  .bl-title-area__inner {
    padding-left: 6.6666666667vw;
    height: 26.6666666667vw;
  }
  .bl-title-area__title .ja {
    font-size: 6.6666666667vw;
  }
  .bl-title-area__title .en {
    font-size: 2.6666666667vw;
  }
  .bl-title-area__logo {
    font-size: 56vw;
    right: -0.9333333333vw;
    top: -12vw;
  }
}

.bl-contact-note {
  margin: auto;
}
.bl-contact-note__description {
  padding-top: 0;
}
.bl-contact-note__required {
  color: #f00;
  font-size: var(--font-size);
}
@media print, screen and (min-width: 768.1px) {
  .bl-contact-note {
    --font-size: 15px;
    max-width: 850px;
  }
  .bl-contact-note__required {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .bl-contact-note {
    --font-size: 4vw;
    max-width: 86.6666666667vw;
  }
  .bl-contact-note__required {
    margin-top: 3.8666666667vw;
  }
}

.bl-contact-form {
  margin: auto;
  font-size: var(--font-size);
}
.bl-contact-form ::-moz-placeholder {
  color: #BDBCBC;
  font-size: var(--font-size);
}
.bl-contact-form ::placeholder {
  color: #BDBCBC;
  font-size: var(--font-size);
}
.bl-contact-form input[type=radio] {
  accent-color: #1A1A1A;
}
.bl-contact-form input[type=checkbox] {
  accent-color: #03863E;
}
.bl-contact-form .wpcf7-submit {
  display: none;
}
.bl-contact-form .wpcf7-not-valid-tip {
  margin-top: 0.5em;
  color: #f00;
}
.bl-contact-form input[type=checkbox] {
  margin-right: 0.5em;
  width: 20px;
  height: 20px;
  border: 1px solid #BDBCBC;
}
.bl-contact-form__list {
  display: flex;
  gap: var(--gap);
}
.bl-contact-form__type {
  font-weight: 700;
  font-size: var(--font-size);
}
.bl-contact-form__type .required {
  margin-left: 0.5em;
  color: #f00;
}
.bl-contact-form__data :is(input, textarea) {
  border: 1px solid #BDBCBC;
}
.bl-contact-form__data :is(input:not([type=radio]), .wpcf7-form-control-wrap, textarea) {
  display: block;
  width: 100%;
}
.bl-contact-form__data input:not([type=radio]) {
  padding-inline: 1em;
}
.bl-contact-form__data textarea {
  padding: 1.4666666667em 1em 0.5em;
}
.bl-contact-form__data .wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}
.bl-contact-form__data .wpcf7-list-item {
  margin: 0;
}
.bl-contact-form__last-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bl-contact-form__agreement {
  margin: 60px auto 40px;
}
.bl-contact-form__agreement a {
  text-decoration: underline;
}
.bl-contact-form__button {
  margin-bottom: 1em;
}
@media print, screen and (min-width: 768.1px) {
  .bl-contact-form {
    --gap: 20px 0;
    --font-size: 15px;
    --type-width: 210px;
    margin-top: 98px;
    max-width: 850px;
  }
  .bl-contact-form__list {
    flex-wrap: wrap;
  }
  .bl-contact-form__type {
    margin-top: 22px;
    width: var(--type-width);
  }
  .bl-contact-form__data {
    width: calc(100% - var(--type-width));
  }
  .bl-contact-form__data input:not([type=radio]) {
    display: block;
    height: 60px;
  }
  .bl-contact-form__data textarea {
    height: 167px;
  }
  .bl-contact-form__data .wpcf7-list-item {
    margin: 22px 0;
  }
}
@media screen and (max-width: 768px) {
  .bl-contact-form {
    --font-size: 4vw;
    margin-top: 18.6666666667vw;
    width: 86.6666666667vw;
  }
  .bl-contact-form__list {
    flex-direction: column;
  }
  .bl-contact-form__type {
    margin-top: 1.4em;
    margin-bottom: 1em;
  }
  .bl-contact-form__data .wpcf7-radio {
    margin: 2.6666666667vw 0 5.3333333333vw;
    flex-direction: column;
    gap: 8vw;
  }
  .bl-contact-form__data input:not([type=radio]) {
    height: 13.3333333333vw;
  }
  .bl-contact-form__data textarea {
    padding-top: 4vw;
    height: 88.6666666667vw;
  }
  .bl-contact-form__agreement {
    margin: 10.6666666667vw auto;
  }
  .bl-contact-form__button {
    width: 100%;
  }
}
/*# sourceMappingURL=page-contact.css.map */