/* ===== Entry フォーム上のテキストバナー ===== */
.entry-hero{
  width:100%;
  background:#b20f4a;            /* ピンク帯の色（お好みで） */
  color:#fff;
}
.entry-hero__inner{
  max-width: 980px;              /* 本文と同じ幅に */
  margin: 0 auto;
  padding: 42px 16px 48px;       /* 上下の余白 */
  text-align:center;
  line-height:1.9;
  font-family: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}
.entry-hero__eyebrow{
  margin:0 0 6px;
  font-size: clamp(18px, 2.2vw, 26px);
  font-weight:700;
  letter-spacing:.04em;
}
.entry-hero__title{
  margin:0 0 14px;
  font-size: clamp(20px, 2.6vw, 28px);
  font-weight:700;
}
.entry-hero__lead{
  margin: 8px 0 10px;
  font-size: clamp(14px, 1.8vw, 18px);
}
.entry-hero__note{
  margin: 4px 0 16px;
  font-size: clamp(12px, 1.6vw, 15px);
  opacity:.95;
}
.entry-hero__tel{
  margin: 6px 0 0;
  font-size: clamp(14px, 1.9vw, 18px);
}
.entry-hero__tel strong{
  font-weight:900;
  font-size: 1.1em;
}
/* ページ幅いっぱいに帯を伸ばしつつ中身はセンター寄せするための保険 */
.site, .wrap, .container { overflow: visible; }

/* ====================================
   応募フォーム（MW WP Form）入力画面
   ==================================== */
.mw_wp_form {
  max-width: 680px;
  margin: 0 auto;
  padding: 20px 10px;
  font-family: "Noto Sans JP", sans-serif;
}

/* ラベル */
.mw_wp_form .label {
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0 6px;
  color: #222;
}
.mw_wp_form .req {
  color: #e40055;
  font-weight: bold;
}

/* テキスト・メール・電話・セレクトボックス */
.mw_wp_form input[type="text"],
.mw_wp_form input[type="email"],
.mw_wp_form input[type="tel"],
.mw_wp_form select {
  width: 360px;
  max-width: 100%;
  padding: 10px;
  border: 1px solid #333;
  font-size: 14px;
  border-radius: 0;
}
.mw_wp_form textarea {
  width: 400px;
  max-width: 100%;
  height: 180px;
  padding: 10px;
  border: 1px solid #333;
  font-size: 14px;
}

/* ラジオボタン（横並び） */
.radio-row label {
  margin-right: 15px;
  font-size: 14px;
}

/* セレクトの矢印 */
.mw_wp_form select {
  background: url('data:image/svg+xml;utf8,<svg fill="black" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;
  appearance: none;
}

/* 送信（確認へ）ボタン */
.submit-wrap { text-align: center; margin-top: 30px; }
.mw_wp_form input[type="submit"] {
  background-color: #d70060;
  color: #fff;
  border: none;
  padding: 10px 40px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 3px;
  cursor: pointer;
  transition: .2s;
}
.mw_wp_form input[type="submit"]:hover { opacity:.9; }

/* ====================================
   確認画面（pタグ下線レイアウト）
   ==================================== */
.mw_wp_form_confirm {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 20px 60px;
  font-family: 'Noto Sans JP', sans-serif;
  color: #333;
}
.mw_wp_form_confirm h2,
.mw_wp_form_confirm h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #444;
  margin-bottom: 40px;
}

/* 各項目ブロックを1行ずつ下線で区切る */
.mw_wp_form_confirm p {
  padding: 10px 5px;
  margin: 0;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  line-height: 1.8;
}
/* 最初と最後の p は罫線を表示しない */
.mw_wp_form_confirm p:first-of-type { border-top: none; }
.mw_wp_form_confirm p:last-of-type  { border-bottom: none; }

/* ラベル（お名前など） */
.mw_wp_form_confirm p .label {
  display: inline-block;
  width: 160px;
  font-weight: 700;
  color: #000;
}
/* 入力値 */
.mw_wp_form_confirm p span { color: #111; }

/* ボタンエリア */
.mw_wp_form_confirm .form-actions {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 40px;
}
.mw_wp_form_confirm .form-actions input[type="submit"] {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 40px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.2s;
}
/* 戻る／送信 の色分け（name 属性で確実に指定） */
.mw_wp_form_confirm .form-actions input[name="_back"] {
  background: #00884c;
  color: #fff;
}
.mw_wp_form_confirm .form-actions input[name="_back"]:hover {
  background: #00693a;
}
.mw_wp_form_confirm .form-actions input[name="_submit"] {
  background: #c60054;
  color: #fff;
}
.mw_wp_form_confirm .form-actions input[name="_submit"]:hover {
  background: #a80045;
}
