/* main_styles_mobile.css */

@media screen and (max-width: 480px) {
	
	/*入力画面*/
	
	/* 全体の余白調整 */
	.container {
	  padding: 16px;
	}
	
	/* テーブルを縦型に変換 */
	.form-table,
	.form-table tbody,
	.form-table tr,
	.form-table td,
	.form-table th {
	  display: block;
	  width: 100%;
	}
	
	.form-table{
		border-bottom: none;
	}
	
	.form-table td, .form-table th{
		border: none;           
		border-bottom: 2px solid #9ca3af;
		display: block;
		width: 100%;
		padding: 10px;
	}
	
	/* ラベルセル */
	.label-cell {
	  width: 100% !important;
	  font-size: 16px;
	  padding: 4px 0;
	}

	/* 入力欄セル */
	.input-cell {
	  width: 100% !important;
	  padding: 4px 0 12px;
	}
	
	/* 入力欄を幅いっぱい */
	.form-input,
	.form-input.wide,
	#address,
	#inquiry,
	#questions {
	  width: 100% !important;
	  max-width: 100% !important;
	  box-sizing: border-box;
	}
	
	/* 氏名とカナを縦並び */
	.name-inputs {
	  flex-direction: column;
	  gap: 8px;
	}
	
	.name-group {
	  width: 100%;
	  display: flex;
	  gap: 8px;
	}
	
	.name-group span {
	  min-width: 2em;
	}
	
	.name-group .form-input {
	  flex: 1;
	  width: 100% !important;
	}
	
	/* チェックボックス・ラジオを折り返し */
	.checkbox-job,
	.radio-experience,
	.radio-information {
	  flex-wrap: wrap;
	  gap: 12px;
	}

	/*チェックボックスのサイズを保持*/
	.checkbox-item input[type="checkbox"],
	.checkbox-job input[type="checkbox"] {
	  width: 16px;
	  height: 16px;
	  flex-shrink: 0;
	}
	
	/* ボタンを中央寄せ、幅いっぱい */
	.button-container {
	  justify-content: center;
	}
	.btn {
	  width: 100%;
	  max-width: 280px;
	}

	/*確認画面*/
	
	/* テーブルを縦型に変換 */
	.confirmation-table,
	.confirmation-table tbody,
	.confirmation-table tr,
	.confirmation-table td{
		display:block;
		width: 100%;
	}
	
	.confirmation-table{
		border-bottom: none;
	}
		
	.confirmation-table td,
	.confirmation-table th{
		border: none;           
		border-bottom: 2px solid #9ca3af;
		display: block;
		width: 100%;
	}
	
	/* ラベルセル */
	.confirmation-table .label-cell {
	  width: 100% !important;
	  font-size: 16px;
	  border-right: none;
	}
	
	#confirminquiry,
	#confirmquestions {
	    min-height: 40px;
	}
	
}