/* 登録フォーム全体 */
.register_page {
max-width: 720px;
margin: 0 auto;
padding: 24px 16px;
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 14px;
}


/* 各項目のブロック */
.form-block {
margin-bottom: 24px;
}


/* ラベルスタイル */
.form-block label {
display: block;
font-weight: bold;
margin-bottom: 6px;
}


/* 入力欄全体の共通スタイル */
input[type="text"],
input[type="password"],
select {
width: 100%;
max-width: 480px;
height: 38px;
padding: 8px 10px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 6px;
box-sizing: border-box;
}


/* 複数入力を横に並べる行 */
.form-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
}


.form-row input[type="text"] {
height: 38px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 6px;
padding: 8px 10px;
box-sizing: border-box;
}


/* 氏名やフリガナは1:1で横並び */
.name-row input {
flex: 1 1 48%;
min-width: 160px;
}


/* 郵便番号・電話番号 専用サイズ */
.postcode-row input {
width: 80px;
text-align: center;
}


.tel-row input {
width: 100px;
text-align: center;
}


/* ヘルプテキスト */
.help-text {
font-size: 12px;
color: #666;
margin-top: 4px;
}


/* 必須アスタリスク */
.required {
color: red;
font-weight: bold;
}

/* テーブルの見た目リセット */
.table_form2 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
}

/* ラベルの列（左側） */
.td_form2 th, .td_form2 th p {
  text-align: left;
  font-weight: bold;
  padding: 8px 12px;
  vertical-align: top;
}

/* 入力欄の列（右側） */
.td_form2 td {
  padding: 8px 12px;
}

/* テキスト入力欄 */
input[type="text"],
input[type="password"],
select {
  width: 100%;
  max-width: 480px;
  height: 36px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
}

/* 内部テーブル（氏名や住所）を整える */
#Table2 td,
#Table3 td {
  padding: 4px 6px;
}

/* フォームの下マージンを調整 */
tr {
  margin-bottom: 12px;
}

/* フォーム最下部のボタン */
.buttonsubmit {
  display: inline-block;
  min-width: 200px;
  height: 44px;
  line-height: 44px;
  padding: 0 24px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #5b6f84;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.buttonsubmit:hover {
  background-color: #4a5c6e;
}