.fs-c-heading--page {
  border-bottom: none;
  margin-bottom: 0 !important;
  padding-bottom: 5.7rem;
  font-size:  clamp(2rem, 1vw + 1rem, 2.6rem);
}

.contact-attention-area {
  padding: 20px 30px;
  background-color: var(--color-gray);
}

input[name="field_47858_mcon"] {
  margin-top: 0.8rem;
}
textarea[name="field_47863"] {
  width: 100%;
  max-width: 764px;
  max-height: 197px;
}

input, button, select, textarea {
  -webkit-appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  font-family: 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', Meiryo,
  sans-serif;
}

input[type='checkbox'], input[type='radio'] {
  height: 1px;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 1px;
  z-index: -1;
}

/* お問い合わせフォーム */
.how_to_contact_main {
  margin: 0 auto;
  max-width: 700px;
}

.content .how_to_contact_main p {
  margin: 20px 0 0;
}

.content .how_to_contact_main p.bold {
  font-weight: bold;
}

.content .how_to_contact_main p.center {
  text-align: center;
}

.content .how_to_contact_main p.input {
  font-weight: normal;
  margin: 0;
}

.content .how_to_contact_main p.flex {
  display: flex;
  justify-content: space-between;
}

input[name='field_47857_sei'], input[name='field_47857_mei'] {
  flex: 1 1 50%;
}

input[name='field_47857_mei'] {
  margin-left: 8px;
}

textarea {
  border: 1px solid #ccc;
  border-radius: 3px;
}

.checkbox label {
  display: block;
  padding-left: 20px;
  position: relative;
}

.checkbox label span {
  background: #fff;
  border: 2px solid #999;
  border-radius: 3px;
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 5px;
}

.checkbox label input:checked ~ span {
  background: #1f5da0;
  border: 2px solid #1f5da0;
  transition: .3s;
}

.checkbox label input:checked ~ span::after {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: '';
  display: block;
  height: 8px;
  left: 4px;
  opacity: 1;
  position: absolute;
  top: 0;
  transform: rotate(
  45deg);
  width: 4px;
}

.content p.submit {
  margin: 40px auto 0;
  max-width: 428px;
}

.content p.submit input {
  background-color: var(--color-black);
  color: #fff;
  cursor: pointer;
  display: block;
  transition: .3s;
  width: 100%;
  font-size: 1.8rem;
  padding: 1.5rem 0;
}

.content p.submit input:disabled {
  background-color: #aaa;
  pointer-events: none;
}

.content p.submit input:hover {
  opacity: .7;
}

.contact_privacy {
  margin-top: 40px;
}

.contact_privacy_title {
  font-size: 1.8rem;
  font-weight: bold;
}

.contact_privacy_content {
  border: 1px #ccc solid;
  height: 200px;
  overflow-y: scroll;
  padding: 0 15px;
}

.content .contact_privacy_content p {
  font-size: 1.3rem;
  letter-spacing: .06em;
  line-height: 1.7;
  margin: 20px 0;
}

.content .contact_privacy_content h2 {
  border: none;
  color: inherit;
  font-size: 1.4rem;
  margin: 20px 0;
  padding: 0;
}

.content .contact_privacy_content ul {
  margin: 20px 0;
}

.content .contact_privacy_content ul > li {
  font-size: 1.3rem;
  font-weight: normal;
  letter-spacing: .06em;
  line-height: 1.7;
  padding-left: 15px;
  text-indent: -15px;
}

.content .contact_privacy_content ul > li::before {
  content: '・';
  font-size: 1.3rem;
}

.content .how_to_contact_main p.input.checkbox.agree {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  form {
    max-width: calc(100vw - 2rem);
    margin: 0 auto;
  }
  .fs-c-heading--page {
    padding-bottom: 3rem;
  }
  .checkbox label span {
    top: 8px;
  }

  .contact_privacy {
    margin-top: 20px;
  }
}