@charset "UTF-8";

/* =====================================================
   Inquiry Page — recruit/entry/ 統一スタイル
===================================================== */

.page-inquiry {
  background: #fff;
}

.page-inquiry .l-container.padding {
  padding-block: min(100px, 6.25vw);
  padding-bottom: 80px;
}

.page-inquiry .c-titleTite {
  color: #000;
}

/* フォームカード */
.page-inquiry .c-form {
  max-width: 1280px;
  background: #fff;
  box-shadow: 0 0 16px rgba(65,60,60,.08);
  padding: 60px 150px;
  margin-top: 40px;
}

/* テーブルリセット */
.page-inquiry .c-form .c-form_table {
  font-size: 16px;
  letter-spacing: 0.06em;
  margin-top: 0;
  margin-bottom: 0;
  margin-block: 0;
}

.page-inquiry .c-form .c-form_table div {
  display: flex;
  justify-content: space-between;
}

.page-inquiry .c-form .c-form_table div:not(:last-child) {
  margin-bottom: 40px;
}

/* dt ラベル：グレー背景を白に、テキスト黒に */
.page-inquiry .c-form .c-form_table div dt {
  width: 28%;
  padding: 10px 0 0 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.06em;
  background: transparent;
  color: #333;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}

/* 必須ラベル */
.page-inquiry .c-form .c-form_table div dt span {
  display: inline-block;
  width: auto;
  font-size: 14px;
  color: #005DAA;
  background: transparent;
  padding: 0;
  align-items: center;
  justify-content: center;
}

/* dd 入力エリア */
.page-inquiry .c-form .c-form_table div dd {
  width: 72%;
  border: none;
}

.page-inquiry .c-form .c-form_table div dd input,
.page-inquiry .c-form .c-form_table div dd textarea {
  width: 100%;
  font-size: 18px;
  letter-spacing: 0.06em;
  border: 1px solid #ccc;
  padding: 10px 15px;
  background: #fff;
  height: 48px;
  box-sizing: border-box;
}

.page-inquiry .c-form .c-form_table div dd input::placeholder,
.page-inquiry .c-form .c-form_table div dd textarea::placeholder {
  color: #B3B3B3;
}

.page-inquiry .c-form .c-form_table div dd textarea {
  height: 160px;
  min-height: 160px;
  resize: vertical;
}

/* ボタンエリア */
.page-inquiry .c-form .c-form_btn {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 0;
}

.page-inquiry .p-note {
  text-align: center;
}
.page-inquiry .p-note a {
  font-weight: 500;
  color: #005DAA;
  text-decoration: none;
}

.page-inquiry .c-button {
  background-color: #fff;
}

/* =====================================================
   レスポンシブ
===================================================== */
@media (max-width: 1000px) {
  .page-inquiry .c-form {
    padding: 50px 60px;
  }
  .page-inquiry .c-form .c-form_table div dt {
    font-size: 16px;
  }
  .page-inquiry .c-form .c-form_table div dd input,
  .page-inquiry .c-form .c-form_table div dd textarea {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .page-inquiry .c-form {
    padding: 40px 20px;
    margin-top: 20px;
  }
  .page-inquiry .c-form .c-form_table div {
    display: block;
  }
  .page-inquiry .c-form .c-form_table div:not(:last-child) {
    margin-bottom: 30px;
  }
  .page-inquiry .c-form .c-form_table div dt {
    width: 100%;
    padding: 0;
    font-size: 16px;
  }
  .page-inquiry .c-form .c-form_table div dd {
    width: 100%;
    margin-top: 10px;
  }
  .page-inquiry .c-form .c-form_table div dd input,
  .page-inquiry .c-form .c-form_table div dd textarea {
    font-size: 16px;
  }
  .page-inquiry .c-form .c-form_btn {
    margin-bottom: 0;
  }
}