@charset "utf-8";

/* スマホ（〜767px） */
@media (max-width: 767px) {
  /* スマホ専用スタイル */
}

/* タブレット（768px〜1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
  /* タブレット専用スタイル */
}

/* PC（1025px〜） */
@media (min-width: 1025px) {
  /* PC専用スタイル */
}


.breadcrumb_list { position: absolute; left: 5vw; }
.form-group { padding: 24px 0; }
.form-group .id_pass_wrap { display: flex; flex-direction: column; gap: 16px; padding: 24px 0; }
.form-group dl dd input { width: 100%; padding: 10px; background: #FFF; border: 1px solid #DADADA; }
.form-group label input { width: auto; margin-right: 10px; }
input.is-invalid { border:2px solid #FC5942; }
.invalid-feedback { color:#FC5942; font-weight:bold; }
.text-danger { color: red; }
.button.input_send { margin: 16px auto 80px; }

@media (min-width: 768px) {
  .contact_caption { text-align: center; }
  .form-group { margin-bottom: 80px; }
  .form-group dl { display: flex; width: fit-content; margin: 0 auto; vertical-align: middle; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA; }
  .form-group dl dt { padding: 10px 20px; background: #F5F5F5; line-height: 49px; }
  .form-group dl dd { padding: 10px 20px; }
  .form-group dl dd input { width: 400px; }
  .text-danger { text-align: center; margin: 24px 0 -24px; }
  .button.input_send { margin: 80px auto 120px; }
}