@charset "utf-8";
/* 必ず1行目 */

/*
Theme Name: brtpath
Theme URI: https://brtpath.com/
Author: 株式会社BRIGHTPATH
Author URI: https://brtpath.com/
Description: 自社サイト用オリジナルテーマ
Version: 1.0
*/



/*====================================
お問い合わせの設定
===================================*/
.contact-container {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto 10rem;
}

.contact-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
}

.contact-message h2 {
  margin-bottom: 2rem;
  color: #272626;
}

.required,
.optional {
  background-color: var(--main-color);
  color: #fff;
  font-size: clamp(1rem, 2vw, 1.2rem);
  padding: 0.5rem 1rem;
  margin-left: 1rem;
  border-radius: 0.3rem;
  font-weight: 400;
}

.optional {
  background-color: var(--accent-color);
  color: #fff;
}

.contact-note {
  font-size: clamp(1.2rem, 2vw, 1.4rem);
  margin-top: 0.5rem;
  color: #317B98;
  text-decoration: underline;
}


/* エラー文表示用 */
.frm_button_submit {
  display: block;
  margin: 0 auto;
  font-family: var(--font-ja);
  font-size: clamp(1.4rem, 2vw, 1.6rem);
  letter-spacing: .3rem;
  background-color: #272626;
  color: #fff;
  padding: 1rem 10rem;
  cursor: pointer;
  border: none;
}

.contact-blog .work-card {
  padding: 0;
}

/* formidabble CSS調整 */
.with_frm_style .frm_form_field.frm_html_container {
  text-align: right;
  color: var(--main-color);
  font-size: clamp(1.4rem, 2vw, 1.5rem);
  padding-bottom: 3rem;
}

.frm_opt_container {
  display: flex;
  gap: 4rem;
}

.with_frm_style .frm_description {
  font-size: clamp(1.2rem, 2vw, 1.4rem);
}

.with_frm_style .frm_submit.frm_flex {
  margin-top: 4rem;
}

.frm_error {
  font-size: clamp(1.2rem, 2vw, 1.4rem);
  color: red;
}

.with_frm_style .frm_description {
  padding-left: 1.5em;
}


.with_frm_style .frm_primary_label {
  padding: 0;
}

.frm_form_field.frm_right_container {
  grid-template-columns: auto 5%;
}

#frm_form_2_container {
  margin-bottom: 10rem;
}

#frm_field_46_container,
#frm_field_49_container,
#frm_field_50_container,
#frm_field_51_container,
#frm_field_52_container  {
  padding-top: 2rem;
}

.submit-btn-note {
  text-align: center;
  font-size: clamp(.8rem, 2vw, 1.2rem);
  margin-top: .6rem;
}


@media (min-width: 768px) and (max-width: 1070px) {
  .frm_opt_container {
    display: block;
  }

  .noTb {
    display: none;
  }
}


@media (max-width: 767px) {
  .contact-container {
    width: 85%;
  }

  .contact-message p {
    margin-bottom: 0;
  }

  .contact-note {
    font-size: 1.2rem;
  }

  .with_frm_style .frm_form_field.frm_html_container {
    text-align: left;
  }

  .frm_opt_container {
    display: block;
    flex-wrap: wrap;
    margin: 0;
    gap: 0 3rem;
  }

  .with_frm_style .frm_description {
    text-indent: -1em;
    padding-left: 1.5em;
  }

  .with_frm_style .frm_form_field.frm_html_container {
    padding-bottom: 0;
  }

  #frm_field_47_container,
  #frm_field_46_container {
    padding-top: 0;
  }

  .frm_section_heading>.frm_form_field,
  .frm_fields_container>.frm_submit,
  .frm_grid_container>.frm_form_field,
  .frm_fields_container>.frm_form_field {
    grid-column: 1 / span 12 !important;
  }

  .frm_fields_container>.frm_form_field {
    margin-bottom: 1rem;
  }

  .with_frm_style .frm_submit.frm_flex {
    margin-top: 2rem;
  }

  #frm_form_2_container {
    margin-bottom: 5rem;
  }

  .submit-btn-note {
    margin-top: 0;
  }
}