@charset "utf-8";
/* 学生ロボコン・ルール問い合わせ専用。
   高専 contact.css の kocon_* / question-block の意匠を踏襲し、緑だけを学生の青系へ変更。
   他フォームに影響を出さないよう、すべて .gakusei-rule-contact 内に限定。 */

.gakusei-rule-contact {
  max-width: 700px; /* 高専フォームと同じ幅 */
  padding-bottom: 45px;
}

/* 既存の3つの外枠は維持（ユーザー確認済み）。 */
/* 高専と同様に外枠・白背景を撤去 */
.gakusei-rule-contact .gakusei-guide-card,
.gakusei-rule-contact .gakusei-basic-card,
.gakusei-rule-contact .gakusei-questions-card {
  margin: 0 0 40px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
}

/* 高専と同じ「色付きのセンター見出し帯」に統一。 */
.gakusei-rule-contact .kocon_tit1 {
  width: 100%;
  padding: 6px 8px 7px;
  margin: 0 0 20px;
  box-sizing: border-box;
  background-color: #7d97cc;
  color: #fff;
  text-align: center;
  font-size: inherit;
  line-height: 1.6;
  font-weight: 700;
  border: none;
}
.gakusei-rule-contact .kocon_tit2 {
  width: 100%;
  padding: 6px 8px 7px;
  margin: 0 0 20px;
  box-sizing: border-box;
  background-color: #fff;
  color: #647fb7;
  text-align: center;
  font-size: inherit;
  line-height: 1.6;
  font-weight: 700;
}

/* 高専同様、項目名や説明の小見出しはアクセント色。 */
.gakusei-rule-contact .kocon_mid,
.gakusei-rule-contact .contact_text1 .kocon_mid {
  display: block;
  margin: 20px 0 5px !important;
  color: #637fb9 !important;
  font-size: inherit;
  line-height: 1.5;
  font-weight: 700;
}
.gakusei-rule-contact .kocon_mid span,
.gakusei-rule-contact .gakusei-required {
  color: #c00;
  font-weight: 700;
}
.gakusei-rule-contact .gakusei-required { font-size: inherit; }
.gakusei-rule-contact .contact_text1 .m {
  margin: 0;
  line-height: 1.5;
  color: #777;
}
.gakusei-rule-contact .gakusei-guide-card .kocon_tit1:not(:first-child) {
  margin-top: 40px;
}
.gakusei-rule-contact .gakusei-guide-card a { color: #3666ad; text-decoration: underline; }
.gakusei-rule-contact .gakusei-emphasis { color: #c00 !important; font-weight: 700; }
.gakusei-rule-contact .gakusei-draft-note { color: #c00; font-size: 13px; }

/* 入力項目の間隔と枠線は高専に合わせる。 */
.gakusei-rule-contact .gakusei-form-field {
  margin: 0 0 20px;
}
.gakusei-rule-contact .gakusei-form-field:last-child { margin-bottom: 0; }
.gakusei-rule-contact .gakusei-form-field > label.kocon_mid,
.gakusei-rule-contact .gakusei-file-note > label.kocon_mid {
  display: block;
  cursor: default;
}
.gakusei-rule-contact input[type="text"],
.gakusei-rule-contact input[type="tel"],
.gakusei-rule-contact input[type="email"],
.gakusei-rule-contact textarea {
  width: 100%;
  padding: 10px 15px;
  border: 2px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  background: #fff;
  color: #777;
  font: inherit;
  line-height: 1.5em;
}
.gakusei-rule-contact textarea {
  height: 200px; /* 高専 contact.css と同じ */
  min-height: 200px;
  resize: vertical;
}
.gakusei-rule-contact select {
  width: 100%;
  padding: 12px 14px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  color: #777;
  box-sizing: border-box;
}
.gakusei-rule-contact .an {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #777;
  font-size: 14px;
}

/* 質問欄を高専と同じ独立した四角い枠にする。 */
.gakusei-rule-contact .question-block {
  border: 1px solid #ccc;
  margin: 0 0 20px;
  padding: 20px;
  box-sizing: border-box;
}
.gakusei-rule-contact .question-block:last-child { margin-bottom: 0; }
.gakusei-rule-contact .gakusei-file-note {
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent; /* サンプル用のグレー囲みを廃止 */
}

.gakusei-rule-contact .gakusei-bottom-note {
  margin: 20px 0;
  color: #777;
  font-size: inherit;
  line-height: 1.5;
  background: none;
  border: 0;
  padding: 0;
}
.gakusei-rule-contact .pri { margin-top: 20px; text-align: left; }

/* 既存の共通「確認」ボタンのサイズと水色を維持。 */
.gakusei-rule-contact .form_btn1 {
  width: 200px;
  height: 50px;
  background: #28bad8;
  margin: 40px auto 0;
}
.gakusei-rule-contact .gakusei-confirm-button {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  color: #fff;
  background: transparent;
  font: inherit;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
}
.gakusei-rule-contact .gakusei-confirm-button:hover { background: #1e9ebc; }
.gakusei-rule-contact :is(input, textarea, select, button):focus-visible {
  outline: 2px solid #7d97cc;
  outline-offset: 2px;
}

@media screen and (max-width: 1000px) {
  .gakusei-rule-contact .form_btn1 { width: 150px; }
}

/* 確認画面：reCAPTCHAボタン*/
.gakusei-rule-contact .gakusei-recaptcha-row {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}